@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300,300i,400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Dosis:300,400,500&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Advent+Pro:300,300i,400,400i,600,600i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Oswald:200,200i,400,400i,500,500i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Oxygen:300,300i,400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,600,600i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Manrope:300,300i,400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i&display=swap");

/* <inline asset> */
@charset "UTF-8";


/* /web/static/lib/bootstrap/scss/_functions.scss */



/* /web/static/lib/bootstrap/scss/_mixins.scss */



/* /web/static/src/scss/functions.scss */



/* /web/static/src/scss/mixins_forwardport.scss */



/* /web/static/src/scss/bs_mixins_overrides.scss */



/* /web/static/src/scss/utils.scss */

/* @import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300,300i,400,400i,700,700i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Dosis:300,400,500&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Advent+Pro:300,300i,400,400i,600,600i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Oswald:200,200i,400,400i,500,500i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Oxygen:300,300i,400,400i,700,700i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,600,600i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,700,700i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Manrope:300,300i,400,400i,700,700i&display=swap"); */
/* @import url("https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i&display=swap"); */
.builder_select_page button, .o_cc_preview_wrapper .o_cc5, .o_cc_preview_wrapper .o_cc4, .o_cc_preview_wrapper .o_cc3, .o_cc_preview_wrapper .o_cc2, .o_cc_preview_wrapper .o_cc1, .o_we_color_preview {
  position: relative;
  z-index: 0;
}

.builder_select_page button::before, .o_cc_preview_wrapper .o_cc5::before, .o_cc_preview_wrapper .o_cc4::before, .o_cc_preview_wrapper .o_cc3::before, .o_cc_preview_wrapper .o_cc2::before, .o_cc_preview_wrapper .o_cc1::before, .o_we_color_preview::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-image: url("/web/static/img/transparent.png");
  background-size: var(--PreviewAlphaBg-background-size, 10px) auto;
  border-radius: inherit;
}

.builder_select_page button::after, .o_cc_preview_wrapper .o_cc5::after, .o_cc_preview_wrapper .o_cc4::after, .o_cc_preview_wrapper .o_cc3::after, .o_cc_preview_wrapper .o_cc2::after, .o_cc_preview_wrapper .o_cc1::after, .o_we_color_preview::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: inherit;
  border-radius: inherit;
  box-shadow: inherit;
}



/* /web_enterprise/static/src/scss/primary_variables.scss */



/* /web/static/src/scss/primary_variables.scss */



/* /web_enterprise/static/src/webclient/home_menu/home_menu.variables.scss */



/* /web_enterprise/static/src/webclient/navbar/navbar.variables.scss */



/* /html_editor/static/src/scss/html_editor.variables.scss */



/* /web/static/src/core/avatar/avatar.variables.scss */



/* /web/static/src/core/bottom_sheet/bottom_sheet.variables.scss */



/* /web/static/src/core/notifications/notification.variables.scss */



/* /web/static/src/search/control_panel/control_panel.variables.scss */



/* /web/static/src/search/search_bar/search_bar.variables.scss */



/* /web/static/src/search/search_panel/search_panel.variables.scss */



/* /web/static/src/views/fields/statusbar/statusbar_field.variables.scss */



/* /web/static/src/views/fields/translation_button.variables.scss */



/* /web/static/src/views/form/form.variables.scss */



/* /web/static/src/views/kanban/kanban.variables.scss */



/* /web/static/src/webclient/burger_menu/burger_menu.variables.scss */



/* /web/static/src/webclient/navbar/navbar.variables.scss */



/* /mail/static/src/core/common/primary_variables.scss */



/* /mail/static/src/scss/variables/primary_variables.scss */



/* /onboarding/static/src/scss/onboarding.variables.scss */



/* /portal/static/src/scss/primary_variables.scss */



/* /account/static/src/scss/variables.scss */

@keyframes animate-red {
  0% {
    color: red;
  }
  100% {
    color: inherit;
  }
}

.animate {
  animation: animate-red 1s ease;
}



/* /html_builder/static/src/core/building_blocks/builder_checkbox.variables.scss */



/* /html_builder/static/src/core/building_blocks/builder_row.variables.scss */



/* /html_builder/static/src/scss/builder.variables.scss */

.o_we_shape {
  --ShapeConnections--size-tiny: 2rem;
  --ShapeConnections--size-regular: 4rem;
  --ShapeConnections--size-big: 15rem;
  --ShapeAngular--size-regular: 15rem;
  --ShapeWavy--size-regular: 15rem;
  --ShapePattern--size-tiny: 12.5rem;
  --ShapePattern--size-regular: 50rem;
}

.o_we_shape_btn_content .o_we_shape {
  --ShapeConnections--size-tiny: 25%;
  --ShapeConnections--size-regular: 50%;
  --ShapeConnections--size-big: 75%;
  --ShapeAngular--size-regular: 50%;
  --ShapePattern--size-regular: 100%;
  --ShapePattern--size-tiny: 50%;
  --ShapeWavy--size-regular: 100%;
}

.o-hb-input-base, .o-hb-input-field-text, .o-hb-input-field-number {
  border: 1px solid #141217;
  border-radius: 4px;
  background-color: var(--o-hb-field-input-bg, #2b2b33);
  padding: 0.15rem 6px;
  color: inherit;
}

.o-hb-input-base:focus, .o-hb-input-field-text:focus, .o-hb-input-field-number:focus, .o-hb-input-base:focus-within, .o-hb-input-field-text:focus-within, .o-hb-input-field-number:focus-within {
  border-color: var(--o-hb-input-active-border, #01bad2);
  color: var(--o-hb-row-color-active, #FFFFFF);
}



/* /website/static/src/scss/primary_variables.scss */



/* /_custom/web.assets_frontend/website/static/src/scss/options/user_values.scss */



/* /_custom/web.assets_frontend/website/static/src/scss/options/colors/user_color_palette.scss */



/* /website/static/src/scss/options/colors/user_gray_color_palette.scss */



/* /_custom/web.assets_frontend/website/static/src/scss/options/colors/user_theme_color_palette.scss */



/* /website_sale/static/src/scss/primary_variables.scss */



/* /web_gantt/static/src/gantt_view.variables.scss */



/* /website_knowledge/static/src/scss/primary_variables.scss */



/* /website/static/src/snippets/s_badge/000_variables.scss */



/* /theme_nano/static/src/scss/primary_variables.scss */



/* /website/static/src/scss/secondary_variables.scss */



/* /web_enterprise/static/src/scss/secondary_variables.scss */



/* /web/static/src/scss/secondary_variables.scss */



/* /html_editor/static/src/scss/secondary_variables.scss */



/* /html_editor/static/src/scss/bootstrap_overridden.scss */



/* /web/static/src/scss/pre_variables.scss */



/* /web/static/lib/bootstrap/scss/_variables.scss */



/* /web/static/lib/bootstrap/scss/_variables-dark.scss */



/* /web/static/lib/bootstrap/scss/_maps.scss */



/* /web/static/fonts/fonts.scss */

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Hai.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Hai.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Hai.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  unicode-range: U+0400-04FF, U+0500-052F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Hai.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Hai.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Hai.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Hai.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Hai.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Hai.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Lato';
  src: url("/web/static/fonts/./lato/Lato-Hai-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-Hai-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-Hai-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-Hai-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-Hai-webfont.svg#Lato") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Hai";
  src: url("/web/static/fonts/./lato/Lato-Hai-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-Hai-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-Hai-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-Hai-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-Hai-webfont.svg#Roboto") format("svg");
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-HaiIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-HaiIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-HaiIta.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  unicode-range: U+0400-04FF, U+0500-052F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-HaiIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-HaiIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-HaiIta.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-HaiIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-HaiIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-HaiIta.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Lato';
  src: url("/web/static/fonts/./lato/Lato-HaiIta-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-HaiIta-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-HaiIta-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-HaiIta-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-HaiIta-webfont.svg#Lato") format("svg");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Lato-HaiIta";
  src: url("/web/static/fonts/./lato/Lato-HaiIta-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-HaiIta-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-HaiIta-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-HaiIta-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-HaiIta-webfont.svg#Roboto") format("svg");
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Lig.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Lig.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Lig.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0400-04FF, U+0500-052F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Lig.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Lig.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Lig.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Lig.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Lig.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Lig.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Lato';
  src: url("/web/static/fonts/./lato/Lato-Lig-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-Lig-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-Lig-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-Lig-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-Lig-webfont.svg#Lato") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Lig";
  src: url("/web/static/fonts/./lato/Lato-Lig-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-Lig-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-Lig-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-Lig-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-Lig-webfont.svg#Roboto") format("svg");
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-LigIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-LigIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-LigIta.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  unicode-range: U+0400-04FF, U+0500-052F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-LigIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-LigIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-LigIta.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-LigIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-LigIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-LigIta.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Lato';
  src: url("/web/static/fonts/./lato/Lato-LigIta-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-LigIta-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-LigIta-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-LigIta-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-LigIta-webfont.svg#Lato") format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Lato-LigIta";
  src: url("/web/static/fonts/./lato/Lato-LigIta-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-LigIta-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-LigIta-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-LigIta-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-LigIta-webfont.svg#Roboto") format("svg");
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Reg.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Reg.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Reg.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0400-04FF, U+0500-052F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Reg.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Reg.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Reg.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Reg.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Reg.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Reg.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Lato';
  src: url("/web/static/fonts/./lato/Lato-Reg-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-Reg-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-Reg-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-Reg-webfont.svg#Lato") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Reg";
  src: url("/web/static/fonts/./lato/Lato-Reg-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-Reg-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-Reg-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-Reg-webfont.svg#Roboto") format("svg");
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-RegIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-RegIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-RegIta.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0400-04FF, U+0500-052F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-RegIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-RegIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-RegIta.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-RegIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-RegIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-RegIta.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Lato';
  src: url("/web/static/fonts/./lato/Lato-RegIta-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-RegIta-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-RegIta-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-RegIta-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-RegIta-webfont.svg#Lato") format("svg");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Lato-RegIta";
  src: url("/web/static/fonts/./lato/Lato-RegIta-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-RegIta-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-RegIta-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-RegIta-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-RegIta-webfont.svg#Roboto") format("svg");
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bol.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bol.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bol.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0400-04FF, U+0500-052F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bol.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bol.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bol.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bol.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bol.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bol.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Lato';
  src: url("/web/static/fonts/./lato/Lato-Bol-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-Bol-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-Bol-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-Bol-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-Bol-webfont.svg#Lato") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Bol";
  src: url("/web/static/fonts/./lato/Lato-Bol-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-Bol-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-Bol-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-Bol-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-Bol-webfont.svg#Roboto") format("svg");
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BolIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BolIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BolIta.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  unicode-range: U+0400-04FF, U+0500-052F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BolIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BolIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BolIta.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BolIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BolIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BolIta.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Lato';
  src: url("/web/static/fonts/./lato/Lato-BolIta-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-BolIta-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-BolIta-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-BolIta-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-BolIta-webfont.svg#Lato") format("svg");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Lato-BolIta";
  src: url("/web/static/fonts/./lato/Lato-BolIta-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-BolIta-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-BolIta-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-BolIta-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-BolIta-webfont.svg#Roboto") format("svg");
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bla.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bla.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-Bla.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  unicode-range: U+0400-04FF, U+0500-052F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bla.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bla.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-Bla.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bla.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bla.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-Bla.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Lato';
  src: url("/web/static/fonts/./lato/Lato-Bla-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-Bla-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-Bla-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-Bla-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-Bla-webfont.svg#Lato") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Bla";
  src: url("/web/static/fonts/./lato/Lato-Bla-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-Bla-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-Bla-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-Bla-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-Bla-webfont.svg#Roboto") format("svg");
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BlaIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BlaIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSans-BlaIta.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  unicode-range: U+0400-04FF, U+0500-052F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BlaIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BlaIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansHebrew-BlaIta.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  unicode-range: U+0590-05FF, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Odoo Unicode Support Noto';
  src: url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BlaIta.woff2") format("woff2"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BlaIta.woff") format("woff"), url("https://fonts.odoocdn.com/fonts/noto/NotoSansArabic-BlaIta.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Lato';
  src: url("/web/static/fonts/./lato/Lato-BlaIta-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-BlaIta-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-BlaIta-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-BlaIta-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-BlaIta-webfont.svg#Lato") format("svg");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Lato-BlaIta";
  src: url("/web/static/fonts/./lato/Lato-BlaIta-webfont.eot");
  src: url("/web/static/fonts/./lato/Lato-BlaIta-webfont.eot?#iefix") format("embedded-opentype"), url("/web/static/fonts/./lato/Lato-BlaIta-webfont.woff") format("woff"), url("/web/static/fonts/./lato/Lato-BlaIta-webfont.ttf") format("truetype"), url("/web/static/fonts/./lato/Lato-BlaIta-webfont.svg#Roboto") format("svg");
}

@font-face {
  font-family: "Montserrat";
  src: url("/web/static/fonts/./google/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Open_Sans";
  src: url("/web/static/fonts/./google/Open_Sans/Open_Sans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Oswald";
  src: url("/web/static/fonts/./google/Oswald/Oswald-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Raleway";
  src: url("/web/static/fonts/./google/Raleway/Raleway-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("/web/static/fonts/./google/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Tajawal";
  src: url("/web/static/fonts/./google/Tajawal/Tajawal-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Fira_Mono";
  src: url("/web/static/fonts/./google/Fira_Mono/Fira_Mono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}



/* /html_builder/static/src/bs/bs.buttons.scss */

.o-snippets-menu .btn {
  --btn-font-weight: normal;
  --btn-font-size: 11px;
  --btn-box-shadow: 0 0;
  --btn-focus-box-shadow: inset 0 0 0 1px var(--o-hb-btn-active-color, #01bad2), inset 0 0 0 2px #2b2b33;
  --btn-color: #C6C6C6;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #FFFFFF;
  --btn-hover-bg: #3e3e46;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 198, 198, 198;
  --btn-active-color: var(--o-hb-btn-active-color, #01bad2);
  --btn-active-bg: transparent;
  --btn-active-border-color: transparent;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #9d9d9d;
  --btn-disabled-bg: transparent;
  --btn-disabled-border-color: transparent;
}

.o-snippets-menu .btn:where(:not(.btn-lg)) {
  --btn-padding-x: 0.25rem;
  --btn-padding-y: 0.25rem;
}

.o-snippets-menu .btn.btn-secondary {
  --btn-focus-box-shadow: inset 0 0 0 1px var(--o-hb-btn-active-color, #01bad2);
  --btn-color: #D9D9D9;
  --btn-bg: #595964;
  --btn-border-color: #2b2b33;
  --btn-hover-color: #D9D9D9;
  --btn-hover-bg: #3e3e46;
  --btn-hover-border-color: #2b2b33;
  --btn-focus-shadow-rgb: 69, 69, 76;
  --btn-active-color: #FFFFFF;
  --btn-active-bg: var(--o-hb-btn-secondary-active-bg, RGBA(1, 186, 210, 0.4));
  --btn-active-border-color: #2b2b33;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #9d9d9d;
  --btn-disabled-bg: transparent;
  --btn-disabled-border-color: transparent;
}

.o-snippets-menu .btn.btn-primary {
  --btn-color: #FFFFFF;
  --btn-bg: #714B67;
  --btn-border-color: #2b2b33;
  --btn-hover-color: #FFFFFF;
  --btn-hover-bg: #66445d;
  --btn-hover-border-color: #2b2b33;
  --btn-focus-shadow-rgb: 75, 75, 82;
  --btn-active-color: #FFFFFF;
  --btn-active-bg: #845879;
  --btn-active-border-color: #2b2b33;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #FFFFFF;
  --btn-disabled-bg: #453245;
  --btn-disabled-border-color: #453245;
}

.o-snippets-menu .btn.btn-global {
  --btn-color: #000000;
  --btn-bg: #dbfe5c;
  --btn-border-color: #2b2b33;
  --btn-hover-color: #000000;
  --btn-hover-bg: #d3fe3a;
  --btn-hover-border-color: #2b2b33;
  --btn-focus-shadow-rgb: 37, 37, 43;
  --btn-active-color: #000000;
  --btn-active-bg: #dffe6c;
  --btn-active-border-color: #2b2b33;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #000000;
  --btn-disabled-bg: #7a8c3f;
  --btn-disabled-border-color: #7a8c3f;
}

.o-snippets-menu .btn.btn-accent {
  --btn-color: #000000;
  --btn-bg: #01bad2;
  --btn-border-color: #2b2b33;
  --btn-hover-color: #000000;
  --btn-hover-bg: #01a7bd;
  --btn-hover-border-color: #2b2b33;
  --btn-focus-shadow-rgb: 37, 37, 43;
  --btn-active-color: #000000;
  --btn-active-bg: #01d4f0;
  --btn-active-border-color: #2b2b33;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #FFFFFF;
  --btn-disabled-bg: #0d6a7a;
  --btn-disabled-border-color: #0d6a7a;
}

.o-snippets-menu .btn.btn-info {
  --btn-color: #000000;
  --btn-bg: #6999a8;
  --btn-border-color: #2b2b33;
  --btn-hover-color: #000000;
  --btn-hover-bg: #5a8c9c;
  --btn-hover-border-color: #2b2b33;
  --btn-focus-shadow-rgb: 37, 37, 43;
  --btn-active-color: #000000;
  --btn-active-bg: #78a3b1;
  --btn-active-border-color: #2b2b33;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #FFFFFF;
  --btn-disabled-bg: #415965;
  --btn-disabled-border-color: #415965;
}

.o-snippets-menu .btn.btn-success {
  --btn-color: #000000;
  --btn-bg: #00ff9e;
  --btn-border-color: #2b2b33;
  --btn-hover-color: #000000;
  --btn-hover-bg: #00e68e;
  --btn-hover-border-color: #2b2b33;
  --btn-focus-shadow-rgb: 37, 37, 43;
  --btn-active-color: #000000;
  --btn-active-bg: #1affa8;
  --btn-active-border-color: #2b2b33;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #000000;
  --btn-disabled-bg: #0d8c60;
  --btn-disabled-border-color: #0d8c60;
}

.o-snippets-menu .btn.btn-danger {
  --btn-color: #000000;
  --btn-bg: #e6586c;
  --btn-border-color: #2b2b33;
  --btn-hover-color: #000000;
  --btn-hover-bg: #e23c54;
  --btn-hover-border-color: #2b2b33;
  --btn-focus-shadow-rgb: 37, 37, 43;
  --btn-active-color: #000000;
  --btn-active-bg: #e9697b;
  --btn-active-border-color: #2b2b33;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #FFFFFF;
  --btn-disabled-bg: #803947;
  --btn-disabled-border-color: #803947;
}

.o-snippets-menu .btn.btn-warning {
  --btn-color: #000000;
  --btn-bg: #f0ad4e;
  --btn-border-color: #2b2b33;
  --btn-hover-color: #000000;
  --btn-hover-bg: #ee9f31;
  --btn-hover-border-color: #2b2b33;
  --btn-focus-shadow-rgb: 37, 37, 43;
  --btn-active-color: #000000;
  --btn-active-bg: #f2b560;
  --btn-active-border-color: #2b2b33;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #FFFFFF;
  --btn-disabled-bg: #856338;
  --btn-disabled-border-color: #856338;
}

.o-snippets-menu .btn.btn-primary-color-hover {
  --btn-hover-color: #cc0096;
}

.o-snippets-menu .btn.btn-global-color-hover {
  --btn-hover-color: #ddff63;
}

.o-snippets-menu .btn.btn-accent-color-hover {
  --btn-hover-color: #00c8e2;
}

.o-snippets-menu .btn.btn-info-color-hover {
  --btn-hover-color: #1ec9ff;
}

.o-snippets-menu .btn.btn-success-color-hover {
  --btn-hover-color: #0dffa3;
}

.o-snippets-menu .btn.btn-danger-color-hover {
  --btn-hover-color: #ff4962;
}

.o-snippets-menu .btn.btn-warning-color-hover {
  --btn-hover-color: #ffb449;
}

.o-snippets-menu .btn.btn-primary-color-active {
  --btn-active-color: #cc0096;
  --btn-active-bg: #2b2b33;
  --btn-active-border-color: #141217;
}

.o-snippets-menu .btn.btn-global-color-active {
  --btn-active-color: #ddff63;
  --btn-active-bg: #2b2b33;
  --btn-active-border-color: #141217;
}

.o-snippets-menu .btn.btn-accent-color-active {
  --btn-active-color: #00c8e2;
  --btn-active-bg: #2b2b33;
  --btn-active-border-color: #141217;
}

.o-snippets-menu .btn.btn-info-color-active {
  --btn-active-color: #1ec9ff;
  --btn-active-bg: #2b2b33;
  --btn-active-border-color: #141217;
}

.o-snippets-menu .btn.btn-success-color-active {
  --btn-active-color: #0dffa3;
  --btn-active-bg: #2b2b33;
  --btn-active-border-color: #141217;
}

.o-snippets-menu .btn.btn-danger-color-active {
  --btn-active-color: #ff4962;
  --btn-active-bg: #2b2b33;
  --btn-active-border-color: #141217;
}

.o-snippets-menu .btn.btn-warning-color-active {
  --btn-active-color: #ffb449;
  --btn-active-bg: #2b2b33;
  --btn-active-border-color: #141217;
}



/* /html_builder/static/src/builder.scss */

.o-snippets-menu {
  background-color: #141217;
  font-family: "-apple-system", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  color: #D9D9D9;
  width: 288px;
}

.o-snippets-top-actions {
  border-bottom: 1px solid #3e3e46;
  height: 46px;
}

.o_rtl .o-snippets-top-actions .fa-undo, .o_rtl .o-snippets-top-actions .fa-repeat {
  transform: scaleX(-1);
}

.o-snippets-top-actions .o-hb-btn, .o-snippets-tabs .o-hb-btn {
  --btn-font-size: 12px;
  --btn-padding-x: 0.5rem;
  flex: 1 auto;
}

.o-snippets-tabs .o-snippets-tabs-highlighter {
  --x: -50%;
  --border-color: #01bad2;
  --bg-color: rgba(1, 186, 210, 0.15);
  width: 33.33333333%;
  transition: all .5s, transform .25s;
  border-bottom: 2px solid var(--border-color);
  background-color: var(--bg-color);
  transform: translateX(var(--x));
}

.o-snippets-tabs .o-snippets-tabs-highlighter.o-highlight-blocks {
  --x: -150%;
  --border-color: #00ff9e;
  --bg-color: rgba(0, 255, 158, 0.15);
}

.o-snippets-tabs .o-snippets-tabs-highlighter.o-highlight-theme {
  --x: 50%;
  --border-color: #dbfe5c;
  --bg-color: rgba(219, 254, 92, 0.15);
}

.o_rtl .o-snippets-tabs .o-snippets-tabs-highlighter {
  --x: 50%;
}

.o_rtl .o-snippets-tabs .o-snippets-tabs-highlighter.o-highlight-blocks {
  --x: 150%;
}

.o_rtl .o-snippets-tabs .o-snippets-tabs-highlighter.o-highlight-theme {
  --x: -50%;
}

.o-snippets-tabs .nav-underline {
  --nav-underline-gap: 0;
  --nav-link-color: #D9D9D9;
  --nav-link-hover-color: #FFFFFF;
  --nav-underline-link-active-color: #D9D9D9;
}

.o-snippets-tabs .nav-underline .nav-item {
  width: 33.33333333%;
}

.o-snippets-tabs .nav-underline .nav-link {
  transition: none;
}

.o-snippets-tabs .nav-underline .nav-link[data-name="blocks"] {
  --o-snippets-tabs-accent-color: #00ff9e;
  --o-snippets-tabs-border-color-hover: rgba(0, 255, 158, 0.5);
}

.o-snippets-tabs .nav-underline .nav-link[data-name="customize"] {
  --o-snippets-tabs-accent-color: #01bad2;
  --o-snippets-tabs-border-color-hover: rgba(1, 186, 210, 0.5);
}

.o-snippets-tabs .nav-underline .nav-link[data-name="theme"] {
  --o-snippets-tabs-accent-color: #dbfe5c;
  --o-snippets-tabs-border-color-hover: rgba(219, 254, 92, 0.5);
}

.o-snippets-tabs .nav-underline .nav-link.active, .o-snippets-tabs .nav-underline .nav-link:hover, .o-snippets-tabs .nav-underline .show > .nav-link {
  border-bottom-color: var(--o-snippets-tabs-border-color-hover);
}

.o-snippets-tabs .nav-underline .nav-link:focus-visible {
  box-shadow: none;
  outline: 1px solid var(--o-snippets-tabs-accent-color);
  outline-offset: -1px;
  border-bottom-color: transparent;
}

.o-snippets-tabs .nav-underline .fa {
  color: var(--o-snippets-tabs-accent-color);
}

.o-tab-content {
  border-top: 1px solid #3e3e46;
  scrollbar-color: #595964 #141217;
  scrollbar-width: thin;
  will-change: scroll-position;
}

.o_theme_tab {
  --o-hb-btn-active-color: #dbfe5c;
  --o-hb-btn-secondary-active-bg: RGBA(219, 254, 92, 0.4);
  --o-hb-input-active-border: #dbfe5c;
  --o-hb-form-switch-color-active: #dbfe5c;
}

.o_we_color_preview {
  flex: 0 0 auto;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #000000;
  background: unset;
  border-radius: 10rem;
  cursor: pointer;
}

.o_we_color_preview::after {
  content: "" !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.o_we_color_preview:active, .o_we_color_preview:focus-visible {
  outline: 1px solid var(--o-hb-btn-active-color, #01bad2);
}

.o_we_lower_panel {
  max-height: 220px;
  overflow-y: auto;
  background-color: #191922;
  box-shadow: inset 0 1px 0 #3e3e46;
}

.o_we_lower_panel:has(*) {
  padding: 10px;
}

.o_we_invisible_el_panel .o_panel_header {
  padding: 8px 0;
}

.o_we_invisible_el_panel .o_we_invisible_entry {
  padding: 8px 6px;
  cursor: pointer;
}

.o_we_invisible_el_panel .o_we_invisible_entry:hover {
  background-color: #2b2b33;
}

.o_we_invisible_el_panel ul {
  list-style: none;
  padding-inline-start: 15px;
  margin-bottom: 4px;
}

.o_we_sublevel_3 > div.o_title::before, .o_we_sublevel_2 > div.o_title::before, .o_we_sublevel_1 > div.o_title::before {
  content: "└";
  display: inline-block;
  margin-right: 0.4em;
}

.o_rtl .o_we_sublevel_3 > div.o_title::before, .o_rtl .o_we_sublevel_2 > div.o_title::before, .o_rtl .o_we_sublevel_1 > div.o_title::before {
  transform: scaleX(-1);
}

.o_we_sublevel_1 {
  --o-we-checkbox-color: #D9D9D9;
  color: #D9D9D9;
}

.o_we_sublevel_2 {
  --o-we-checkbox-color: #D9D9D9;
  color: #D9D9D9;
}

.o_we_sublevel_2 > div.o_title {
  padding-left: 0.6em;
}

.o_we_sublevel_3 {
  --o-we-checkbox-color: #D9D9D9;
  color: #D9D9D9;
}

.o_we_sublevel_3 > div.o_title {
  padding-left: 1.2em;
}

.o_pager_container {
  overflow-y: scroll;
  scroll-behavior: smooth;
}



/* /html_builder/static/src/core/builder_overlay/builder_overlay.scss */

div[data-oe-local-overlay-id="builder-overlay-container"] {
  position: absolute;
  pointer-events: none;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay {
  position: absolute;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  display: none;
  border-color: #01bad2;
  background: transparent;
  text-align: center;
  font-size: 16px;
  transition: opacity 400ms linear 0s;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.o_overlay_hidden {
  opacity: 0 !important;
  transition: none;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.oe_active, div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.o_we_overlay_preview {
  display: block;
  z-index: 1;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.o_we_overlay_preview {
  transition: none;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles {
  position: absolute;
  top: -100000px;
  left: 0;
  bottom: auto;
  right: 0;
  border-color: inherit;
  pointer-events: auto;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle {
  position: absolute;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_side_y {
  height: 14px;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_side_x {
  width: 14px;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.w {
  inset: 100000px auto -100000px 1px;
  transform: translateX(-50%);
  cursor: ew-resize;
}

body.o_rtl div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.w {
  transform: translateX(50%);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.e {
  inset: 100000px 1px -100000px auto;
  transform: translateX(50%);
  cursor: ew-resize;
}

body.o_rtl div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.e {
  transform: translateX(-50%);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.n {
  inset: 100000px 0 auto 0;
  cursor: ns-resize;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.n.o_grid_handle {
  transform: translateY(-50%);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.n.o_grid_handle:before {
  transform: translateY(1px);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.s {
  inset: auto 0 -100000px 0;
  cursor: ns-resize;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.s.o_grid_handle {
  transform: translateY(50%);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.s.o_grid_handle:before {
  transform: translateY(-1px);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.ne {
  inset: 100001px 1px auto auto;
  transform: translate(50%, -50%);
  cursor: nesw-resize;
}

body.o_rtl div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.ne {
  cursor: nwse-resize;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.se {
  inset: auto 1px -99999px auto;
  transform: translate(50%, 50%);
  cursor: nwse-resize;
}

body.o_rtl div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.se {
  cursor: nesw-resize;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.sw {
  inset: auto auto -99999px 1px;
  transform: translate(-50%, 50%);
  cursor: nesw-resize;
}

body.o_rtl div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.sw {
  cursor: nwse-resize;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.nw {
  inset: 100001px auto auto 1px;
  transform: translate(-50%, -50%);
  cursor: nwse-resize;
}

body.o_rtl div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.nw {
  cursor: nesw-resize;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle .o_handle_indicator {
  position: absolute;
  inset: -7px;
  display: block;
  width: 14px;
  height: 14px;
  margin: auto;
  border: solid 2px #01bad2;
  border-radius: 14px;
  background: #FFFFFF;
  outline: 3px solid #FFFFFF;
  outline-offset: -7px;
  transition: all 0.2s ease-in-out;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle .o_handle_indicator::before {
  content: '';
  position: absolute;
  inset: -7px;
  display: block;
  border-radius: inherit;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_column_handle.o_side_y {
  background-color: rgba(1, 186, 210, 0.1);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_column_handle.o_side_y::after {
  content: '';
  position: absolute;
  height: 14px;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_column_handle.o_side_y.n {
  border-bottom: dashed 1px rgba(1, 186, 210, 0.5);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_column_handle.o_side_y.n::after {
  inset: 0 0 auto 0;
  transform: translateY(-50%);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_column_handle.o_side_y.s {
  border-top: dashed 1px rgba(1, 186, 210, 0.5);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_column_handle.o_side_y.s::after {
  inset: auto 0 0 0;
  transform: translateY(50%);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_side::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #01bad2;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_side.o_side_x::before {
  width: 2px;
  margin: 0 auto;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_side.o_side_y::before {
  height: 2px;
  margin: auto 0;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_side.o_column_handle.n::before {
  margin: 0 auto auto;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.o_side.o_column_handle.s::before {
  margin: auto auto 0;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.readonly {
  cursor: default;
  pointer-events: none;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.readonly.o_column_handle.o_side_y {
  border: none;
  background: none;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.readonly::after, div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handles > .o_handle.readonly .o_handle_indicator {
  display: none;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.o_handlers_idle .o_handle:hover .o_handle_indicator, div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_handle:active .o_handle_indicator {
  outline-color: #01bad2;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.o_handlers_idle .o_corner_handle:hover .o_handle_indicator, div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_corner_handle:active .o_handle_indicator {
  transform: scale(1.25);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.o_handlers_idle .o_column_handle.o_side_y:hover, div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_column_handle.o_side_y:active {
  background: repeating-linear-gradient(45deg, rgba(1, 186, 210, 0.1), rgba(1, 186, 210, 0.1) 5px, rgba(1, 164, 185, 0.25) 5px, rgba(1, 164, 185, 0.25) 10px);
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.o_handlers_idle .o_side_x:hover::before, div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_side_x:active::before {
  width: 4px;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.o_handlers_idle .o_side_x:hover .o_handle_indicator, div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_side_x:active .o_handle_indicator {
  height: 28px;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.o_handlers_idle .o_side_y:hover::before, div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_side_y:active::before {
  height: 4px;
}

div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay.o_handlers_idle .o_side_y:hover .o_handle_indicator, div[data-oe-local-overlay-id="builder-overlay-container"] .oe_overlay .o_side_y:active .o_handle_indicator {
  width: 28px;
}

/* rtl:begin:ignore */
.nesw-resize-important * {
  cursor: nesw-resize !important;
}

.nwse-resize-important * {
  cursor: nwse-resize !important;
}

.ns-resize-important * {
  cursor: ns-resize !important;
}

.ew-resize-important * {
  cursor: ew-resize !important;
}

.move-important * {
  cursor: move !important;
}

/* rtl:end:ignore */
.o_resizing {
  pointer-events: none;
}



/* /html_builder/static/src/core/building_blocks/basic_many2many.scss */

.o-hb-m2m-table:not(:empty) {
  margin-bottom: 4px;
}



/* /html_builder/static/src/core/building_blocks/builder_button.scss */

.o-hb-btn {
  transition: none;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1 25%;
  white-space: nowrap;
  min-height: var(--o-hb-btn-minHeight);
}

.o-hb-btn.o-hb-btn-has-icon, .o-hb-btn.fa, .o-hb-btn.oi {
  --btn-padding-x: var(--o-hb-btn-has-icon-paddingX, 0.5rem);
  flex: 0 1 auto;
  min-width: fit-content;
}

.o-hb-btn.o-hb-btn-has-img-icon, .o-hb-btn:has(.hb-svg) {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  --btn-padding-x: 0.5rem;
}

.o-hb-btn.o-hb-btn-has-img-icon > img {
  max-height: 1em;
  width: 1.4em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.o-hb-btn.o-hb-btn-has-img-icon .hb-svg, .o-hb-btn.o-hb-btn-has-img-icon .hb-svg .o_graphic, .o-hb-btn.o-hb-btn-has-img-icon .hb-svg .o_subdle {
  fill: currentColor;
}

.o-hb-btn.o-hb-btn-has-img-icon .hb-svg .o_subdle {
  fill-opacity: 0.5;
}

.o-hb-btn .fa, .o-hb-btn .oi, .o-hb-btn:before {
  line-height: inherit;
}



/* /html_builder/static/src/core/building_blocks/builder_button_group.scss */

.o-hb-button-group.btn-group {
  flex: 1 1 50%;
  min-width: 0;
  align-items: center;
}

.o-hb-button-group.btn-group > :not(.btn-check:first-child) + .btn,
.o-hb-button-group.btn-group .btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--border-width) * -1);
}

.o-hb-button-group.btn-group .o-hb-btn {
  flex: 1 1 auto;
}

.o-hb-button-group.btn-group .o-hb-btn.active {
  z-index: 2;
}



/* /html_builder/static/src/core/building_blocks/builder_checkbox.scss */

.o-hb-checkbox.form-switch {
  margin-bottom: 0;
}

.o-hb-checkbox.form-switch .form-check-input {
  --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23D9D9D9'/%3e%3c/svg%3e");
  height: 1.2em;
  margin-top: 0.15em;
  border-color: #141217;
  background-color: #2b2b33;
}

.o-hb-checkbox.form-switch .form-check-input:focus, .o-hb-checkbox.form-switch .form-check-input:hover {
  --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}

.o-hb-checkbox.form-switch .form-check-input:checked {
  --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23191922'/%3e%3c/svg%3e");
  background-color: var(--o-hb-form-switch-color-active, #00ff9e);
  border-color: var(--o-hb-form-switch-color-active, #00ff9e);
}

.o-hb-checkbox.form-switch:focus .form-check-input:not(:disabled), .o-hb-checkbox.form-switch:hover .form-check-input:not(:disabled) {
  border-color: var(--o-hb-form-switch-color-active, #00ff9e);
  box-shadow: none;
}

.o-hb-checkbox.form-switch .form-check-input:focus-visible:not(:disabled) {
  box-shadow: 0 0 0 1px #2b2b33, 0 0 0 2px var(--o-hb-form-switch-color-active, #00ff9e);
}



/* /html_builder/static/src/core/building_blocks/builder_colorpicker.scss */

.o-hb-colorpicker-popover {
  --popover-bg: #141217;
  --popover-border-color: #141217;
}

.o_custom_gradient_button {
  border: 1px solid #D9D9D9;
}

.o_custom_gradient_button, .o_custom_gradient_button:hover, .o_custom_gradient_button:focus {
  color: #000000;
}

.o_custom_gradient_button[style*="background-image"] {
  color: #D9D9D9;
}

.o-hb-colorpicker {
  --o-color-picker-active-color: var(--o-hb-select-item-active-color, #01bad2);
  --bg: #595964;
  background-color: #595964;
  color: #FFFFFF;
}

.o-hb-colorpicker:has(.theme-tab) {
  width: 250px;
}

.o-hb-colorpicker > div:first-child {
  background-color: #141217;
  padding-block: 0.5em;
}

.o-hb-colorpicker > div:not(:first-child) .btn:not(.o-hb-edit-color-combination) {
  --btn-color: #D9D9D9;
  --btn-bg: #595964;
  --btn-border-color: transparent;
  --btn-hover-color: #D9D9D9;
  --btn-hover-bg: #3e3e46;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 217, 217, 217;
  --btn-active-color: #FFFFFF;
  --btn-active-bg: rgba(1, 186, 210, 0.15);
  --btn-active-border-color: var(--o-hb-select-item-active-color, #01bad2);
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #D9D9D9;
  --btn-disabled-bg: rgba(62, 62, 70, 0.5);
  --btn-disabled-border-color: transparent;
}

.o-hb-colorpicker > div:not(:first-child) .btn:not(.o-hb-edit-color-combination):hover {
  border: 1px solid var(--o-color-picker-active-color);
}

.o-hb-colorpicker .btn[title=Reset] {
  --btn-color: #D9D9D9;
  --btn-bg: #2b2b33;
  --btn-border-color: transparent;
  --btn-hover-color: #D9D9D9;
  --btn-hover-bg: #3e3e46;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 217, 217, 217;
  --btn-active-color: #FFFFFF;
  --btn-active-bg: #3e3e46;
  --btn-active-border-color: transparent;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #D9D9D9;
  --btn-disabled-bg: rgba(62, 62, 70, 0.5);
  --btn-disabled-border-color: transparent;
}

.o-hb-colorpicker .btn-tab {
  --btn-color: #D9D9D9;
  --btn-bg: #141217;
  --btn-border-color: transparent;
  --btn-hover-color: #D9D9D9;
  --btn-hover-bg: #2b2b33;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 217, 217, 217;
  --btn-active-color: #FFFFFF;
  --btn-active-bg: rgba(1, 186, 210, 0.15);
  --btn-active-border-color: var(--o-hb-select-item-active-color, #01bad2);
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #D9D9D9;
  --btn-disabled-bg: rgba(62, 62, 70, 0.5);
  --btn-disabled-border-color: transparent;
}

.o-hb-colorpicker .btn:focus-visible {
  border: 1px solid var(--o-color-picker-active-color);
  z-index: 1;
}

.o-hb-colorpicker .color-combination-button:focus-visible {
  box-shadow: 0 0 0 1px #141217, 0 0 0 3px var(--o-color-picker-active-color);
  outline: none;
}

.o-hb-colorpicker .o-hb-edit-color-combination {
  color: #D9D9D9;
  border: none;
}

.o-hb-colorpicker .o-hb-edit-color-combination:hover {
  color: #FFFFFF;
}

.o-hb-colorpicker .o-hb-edit-color-combination:not(:focus-visible) {
  border: 1px solid transparent;
}

.o-hb-colorpicker .o_custom_gradient_button {
  color: #D9D9D9;
}

.o-hb-colorpicker .gradient-angle-thumb {
  background-color: #FFFFFF;
}

.o-hb-colorpicker .o_color_picker_inputs, .o-hb-colorpicker .o_color_gradient_input {
  color: #D9D9D9;
}

.o-hb-colorpicker .o_color_picker_inputs input, .o-hb-colorpicker .o_color_gradient_input input {
  color: currentColor;
}



/* /html_builder/static/src/core/building_blocks/builder_fontfamilypicker.scss */

.o-hidden-font-family-picker + .o-hb-select-toggle {
  --btn-padding-x: 0.5rem;
  line-height: 1;
}



/* /html_builder/static/src/core/building_blocks/builder_list.scss */

table .visually-hidden {
  position: static !important;
  display: inline-block;
}

.bl-dropdown-toggle:disabled {
  cursor: default;
  border: 1px solid #00000088;
}

.bl-dropdown-toggle:disabled:active {
  background-color: unset;
  color: unset;
}



/* /html_builder/static/src/core/building_blocks/builder_number_input.scss */

.o-hb-input-field-number {
  flex: 0 1 calc(50% - calc(var(--hb-row-content-gap) * 0.5));
  font-family: "Fira_Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.popover .o-hb-input-field-number {
  --o-hb-field-input-bg: var(--o-hb-field-input-bg-popover, #FFFFFF);
  --o-hb-field-color: var(--o-hb-field-color-popover, #595964);
}

.o-hb-input-field-number .o-hb-input-number {
  appearance: none;
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin-right: 3px;
}

.o-hb-input-field-number .o-hb-input-field-unit {
  color: var(--o-hb-field-color, #9d9d9d);
  font-size: 10px;
}



/* /html_builder/static/src/core/building_blocks/builder_range.scss */

.popover .o-hb-range {
  --o-hb-range-thumb-color: var(--o-hb-range-thumb-color-popover, #000000);
}

.o-hb-range:has(output) .o-hb-rangeInput {
  min-width: 0;
}

.o-hb-range .o-hb-rangeInput {
  height: 22px;
  padding: 0 1px 0 0;
  background-color: transparent;
  appearance: none;
  cursor: col-resize;
  width: 100%;
}

.o-hb-range .o-hb-rangeInput:focus {
  outline: none;
}

.o-hb-range .o-hb-rangeInput:focus::-webkit-slider-thumb {
  box-shadow: none;
}

.o-hb-range .o-hb-rangeInput:focus::-moz-range-thumb {
  box-shadow: none;
}

.o-hb-range .o-hb-rangeInput:focus::-ms-thumb {
  box-shadow: none;
}

.o-hb-range .o-hb-rangeInput:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #191922, 0 0 0 3px #01bad2;
}

.o-hb-range .o-hb-rangeInput:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 1px #191922, 0 0 0 3px #01bad2;
}

.o-hb-range .o-hb-rangeInput:focus-visible::-ms-thumb {
  box-shadow: 0 0 0 1px #191922, 0 0 0 3px #01bad2;
}

.o-hb-range .o-hb-rangeInput::-moz-focus-outer {
  border: 0;
}

.o-hb-range .o-hb-rangeInput::-webkit-slider-thumb {
  width: 10px;
  height: 10px;
  margin-top: -3px;
  border: none;
  border-radius: 10rem;
  background-color: var(--o-hb-range-thumb-color, #FFFFFF);
  box-shadow: none;
  appearance: none;
}

.o-hb-range .o-hb-rangeInput::-webkit-slider-thumb:active {
  background-color: #01bad2;
}

.o-hb-range .o-hb-rangeInput::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  background-color: #9d9d9d;
  border-color: transparent;
  border-radius: 10rem;
  box-shadow: none;
  position: relative;
}

.o-hb-range .o-hb-rangeInput::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 10rem;
  background-color: var(--o-hb-range-thumb-color, #FFFFFF);
  box-shadow: none;
  appearance: none;
}

.o-hb-range .o-hb-rangeInput::-moz-range-thumb:active {
  background-color: #01bad2;
}

.o-hb-range .o-hb-rangeInput::-moz-range-track {
  width: 100%;
  height: 4px;
  background-color: #9d9d9d;
  border-color: transparent;
  border-radius: 10rem;
  box-shadow: none;
}

.o-hb-range .o-hb-rangeInput::-moz-range-progress {
  background-color: #01bad2;
  height: 4px;
  border-color: transparent;
  border-radius: 10rem;
}

.o-hb-range .o-hb-rangeInput::-ms-thumb {
  width: 10px;
  height: 10px;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  border: none;
  border-radius: 10rem;
  background-color: var(--o-hb-range-thumb-color, #FFFFFF);
  box-shadow: none;
  appearance: none;
}

.o-hb-range .o-hb-rangeInput::-ms-thumb:active {
  background-color: #01bad2;
}

.o-hb-range .o-hb-rangeInput::-ms-track {
  width: 100%;
  height: 4px;
  background-color: transparent;
  border-color: transparent;
  border-width: 5px;
  box-shadow: none;
}

.o-hb-range .o-hb-rangeInput::-ms-fill-lower {
  background-color: #01bad2;
  border-radius: 10rem;
  border-radius: 1rem;
}

.o-hb-range .o-hb-rangeInput::-ms-fill-upper {
  background-color: #9d9d9d;
  border-radius: 10rem;
}

.o-hb-range .o-hb-rangeInput.o_we_inverted_range {
  transform: rotate(180deg);
}

.o-hb-range .o-hb-rangeInput.o_we_inverted_range::-moz-range-track {
  background-color: #01bad2;
}

.o-hb-range .o-hb-rangeInput.o_we_inverted_range::-moz-range-progress {
  background-color: #9d9d9d;
}

.o-hb-range .o-hb-rangeInput.o_we_inverted_range::-ms-fill-lower {
  background-color: #9d9d9d;
}

.o-hb-range .o-hb-rangeInput.o_we_inverted_range::-ms-fill-upper {
  background-color: #01bad2;
}

.o-hb-range output {
  font-size: 10px;
}



/* /html_builder/static/src/core/building_blocks/builder_row.scss */

.hb-row {
  --o-hb-btn-minHeight: 26px;
  min-height: 28px;
  padding-top: 4px;
  box-sizing: content-box;
  align-items: center;
  color: var(--o-hb-row-color, #C6C6C6);
}

.popover .hb-row {
  --o-hb-row-bg-color: var(--o-hb-row-bg-color-popover, #FFFFFF);
  --o-hb-row-active-bg-color: var(--o-hb-row-active-bg-color-popover, #ccf1f6);
  --o-hb-row-color: var(--o-hb-row-color-popover, #595964);
  --o-hb-row-color-active: var(--o-hb-row-color-active-popover, #000000);
  --o-hb-row-sublevel-color: var(--o-hb-row-sublevel-color-popover, #8c8c90);
}

.popover .hb-row .hb-row-content:has(button.fa-trash) {
  align-items: stretch;
}

.popover .hb-row .hb-row-label {
  flex: 0 0 38%;
}

.popover .hb-row .hb-row-content {
  flex: 0 0 62%;
}

.hb-row[data-disabled] {
  cursor: not-allowed;
}

.hb-row[data-disabled] .hb-row-label {
  opacity: 0.5;
}

.hb-row .hb-container-subtitle {
  padding: 4px 0 4px 12.4px;
}

.hb-row .hb-row-label {
  min-width: 0;
  flex: 0 0 44%;
  z-index: 4;
  background-color: var(--o-hb-row-bg-color, #3e3e46);
  padding: 4px 0 4px 12.4px;
  align-self: center;
}

.hb-row .hb-row-content {
  --hb-row-content-gap: 2%;
  flex: 0 0 56%;
  width: 56%;
  align-items: center;
  gap: var(--hb-row-content-gap);
  z-index: 4;
}

.hb-row .o_hb_collapse_toggler {
  position: absolute;
  padding-left: 4px;
  align-self: baseline;
  z-index: 5;
  box-shadow: none;
  font-size: 1em;
  color: inherit;
}

.hb-row .o_hb_collapse_toggler.active i {
  margin-left: -1px;
}

.hb-row .icon-sup {
  position: relative;
  top: -0.4em;
  margin-left: 0.2em;
  font-size: 0.65em;
}

.hb-row:has(> div > .o_cc_preview_wrapper) > .o_hb_collapse_toggler {
  align-self: center;
}

.hb-row:hover .hb-row-content, .hb-row.active .hb-row-content {
  color: var(--o-hb-row-color-active, #FFFFFF);
}

.hb-row:has(.hb-row-content:hover) {
  color: var(--o-hb-row-color-active, #FFFFFF);
}

.hb-row:has(.hb-row-label-actionable:hover) .o_hb_collapse_toggler {
  color: var(--o-hb-row-color-active, #FFFFFF);
}

.hb-row.active {
  background-color: var(--o-hb-row-active-bg-color, #143945);
}

.hb-row.active .hb-row-label {
  background-color: inherit;
}

.hb-row .o_hb_collapse_toggler:where(:not(.d-none)) + .hb-row-label-actionable:hover {
  cursor: pointer;
  color: var(--o-hb-row-color-active, #FFFFFF);
}

.hb-row.hb-row-sublevel > .hb-row-label::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  border: 1px solid var(--o-hb-row-sublevel-color, #8c8c90);
  border-width: 0 0 1px 1px;
  pointer-events: none;
  transform: translate(0, -15px);
  content: "";
}

.hb-row.hb-row-sublevel-1 .hb-row-label, .hb-row.hb-row-sublevel-1 > .hb-row-label::after {
  z-index: 3;
}

.hb-row.hb-row-sublevel-1 .hb-row-label {
  padding-left: 20.4px;
}

.hb-row.hb-row-sublevel-1 > .hb-row-label::after {
  width: 5px;
  left: 13.4px;
}

.hb-row[data-label=" "]:not(.hb-row-sublevel):has(+ .hb-row-sublevel-1)::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13.4px;
  border: 1px solid var(--o-hb-row-sublevel-color, #8c8c90);
  border-width: 0 0 1px 1px;
  pointer-events: none;
  transform: translate(0, -15px);
  content: "";
  z-index: 3;
}

.hb-row.hb-row-sublevel-2 .hb-row-label, .hb-row.hb-row-sublevel-2 > .hb-row-label::after {
  z-index: 2;
}

.hb-row.hb-row-sublevel-2 .hb-row-label {
  padding-left: 28.4px;
}

.hb-row.hb-row-sublevel-2 > .hb-row-label::after {
  width: 5px;
  left: 21.4px;
}

.hb-row[data-label=" "]:not(.hb-row-sublevel):has(+ .hb-row-sublevel-2)::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21.4px;
  border: 1px solid var(--o-hb-row-sublevel-color, #8c8c90);
  border-width: 0 0 1px 1px;
  pointer-events: none;
  transform: translate(0, -15px);
  content: "";
  z-index: 2;
}

.hb-row.hb-row-sublevel-3 .hb-row-label, .hb-row.hb-row-sublevel-3 > .hb-row-label::after {
  z-index: 1;
}

.hb-row.hb-row-sublevel-3 .hb-row-label {
  padding-left: 36.4px;
}

.hb-row.hb-row-sublevel-3 > .hb-row-label::after {
  width: 5px;
  left: 29.4px;
}

.hb-row[data-label=" "]:not(.hb-row-sublevel):has(+ .hb-row-sublevel-3)::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 29.4px;
  border: 1px solid var(--o-hb-row-sublevel-color, #8c8c90);
  border-width: 0 0 1px 1px;
  pointer-events: none;
  transform: translate(0, -15px);
  content: "";
  z-index: 1;
}

.hb-row + .hb-collapse-content {
  overflow: hidden;
  height: 0;
  transition: height 0.35s ease;
}



/* /html_builder/static/src/core/building_blocks/builder_select.scss */

:not(.dropstart) > .dropdown-item.active:not(.dropdown-item_active_noarrow)::before, :not(.dropstart) > .dropdown-item.selected:not(.dropdown-item_active_noarrow)::before {
  display: unset;
  top: 50%;
  transform: translate(-1.5em, -50%);
}

.dropdown-toggle .o_select_item_only {
  display: none;
}

.o-hb-select-wrapper {
  flex: 1 0 0;
  min-width: 7ch;
  max-width: 100%;
  display: flex;
}

.o-hb-select-wrapper .o-hb-select-toggle.o-hb-btn.btn.o-dropdown.dropdown-toggle {
  display: block;
  flex: 1;
  min-width: 0;
  padding-right: 0.75rem;
  transition: none;
}

.o-hb-select-wrapper .o-hb-select-toggle.o-hb-btn.btn.o-dropdown.dropdown-toggle.show {
  color: var(--btn-hover-color);
  background-color: var(--btn-hover-bg);
  border-color: var(--o-hb-btn-active-color, #01bad2);
}

.o-hb-select-wrapper .o-hb-select-toggle.o-hb-btn.btn.o-dropdown.dropdown-toggle > img {
  max-width: 100%;
}

.o-hb-select-wrapper .o-hb-select-toggle.o-hb-btn.btn.o-dropdown.dropdown-toggle:after {
  position: absolute;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 0.25rem;
  transform: translate(-50%, -50%);
  font-size: .5rem;
}

.o-hb-select-wrapper:first-child:last-child .o-hb-select-toggle {
  --btn-padding-x: 0.5rem;
}

.o-hb-select-toggle.dropdown-toggle > div > .badge, .o-hb-select-dropdown-item > div > .badge {
  color: #D9D9D9;
  background-color: #141217;
}

.o-hb-select-dropdown {
  --o-hb-select-bg: #595964;
  --o-hb-select-color: #D9D9D9;
  --o-hb-select-bg-hover: #3e3e46;
  --o-hb-select-color-hover: #FFFFFF;
  --o-hb-border-color: #141217;
  --border-color: var(--o-hb-border-color);
  font-family: "-apple-system", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  border-color: var(--border-color);
  background-color: var(--o-hb-select-bg) !important;
  padding: 0;
}

.o-hb-select-dropdown .dropdown-item {
  --dropdown-item-padding-y: 0;
  color: var(--o-hb-select-color, #FFFFFF);
  line-height: 2rem;
  border-bottom: 1px solid var(--border-color);
}

.o-hb-select-dropdown .dropdown-item.focus {
  background-color: var(--o-hb-select-bg-hover) !important;
  color: var(--o-hb-select-color-hover);
}

.o-hb-select-dropdown .dropdown-item::before {
  color: var(--o-hb-select-item-active-color, #01bad2) !important;
}

.o-hb-select-dropdown .text-muted {
  color: var(--o-hb-select-color, #FFFFFF) !important;
}

.o-hb-select-dropdown .o-hb-select-dropdown-category {
  background-color: #141217;
  color: var(--o-hb-select-color);
}

.o_builder_open:has(.o-snippets-tabs [data-name='theme'].active) .o-hb-select-dropdown {
  --o-hb-select-item-active-color: #dbfe5c;
}



/* /html_builder/static/src/core/building_blocks/builder_text_input.scss */

.o-hb-input-field-text .o-hb-input-text {
  appearance: none;
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin-right: 3px;
}



/* /html_builder/static/src/core/building_blocks/builder_text_input_base.scss */

.popover .o-hb-input-base {
  --o-hb-field-input-bg: var(--o-hb-field-input-bg-popover, #FFFFFF);
}

.o-hb-input-prefix {
  margin-left: -3px;
  margin-right: 3px;
  font-size: 10px;
  color: var(--o-hb-field-color, #9d9d9d);
}

.o-hb-input-transparent {
  appearance: none;
  margin-right: 3px;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
}



/* /html_builder/static/src/core/building_blocks/color_picker_theme_tab.scss */

.o_cc_preview_wrapper .o_cc1 {
  --PreviewAlphaBg-background-size: 32px;
  background-color: var(--hb-cp-o-cc1-bg);
  background-image: var(--hb-cp-o-cc1-bg-gradient), url("/web/static/img/transparent.png");
  color: var(--hb-cp-o-cc1-text);
}

.o_cc_preview_wrapper .o_cc1 h1 {
  color: var(--hb-cp-o-cc1-headings);
}

.o_cc_preview_wrapper .o_cc1 .btn-primary {
  background-color: var(--hb-cp-o-cc1-btn-primary);
  color: var(--hb-cp-o-cc1-btn-primary-text);
  border-color: var(--hb-cp-o-cc1-btn-primary-border);
}

.o_cc_preview_wrapper .o_cc1 .btn-secondary {
  background-color: var(--hb-cp-o-cc1-btn-secondary);
  color: var(--hb-cp-o-cc1-btn-secondary-text);
  border-color: var(--hb-cp-o-cc1-btn-secondary-border);
}

.o_cc_preview_wrapper .o_cc2 {
  --PreviewAlphaBg-background-size: 32px;
  background-color: var(--hb-cp-o-cc2-bg);
  background-image: var(--hb-cp-o-cc2-bg-gradient), url("/web/static/img/transparent.png");
  color: var(--hb-cp-o-cc2-text);
}

.o_cc_preview_wrapper .o_cc2 h1 {
  color: var(--hb-cp-o-cc2-headings);
}

.o_cc_preview_wrapper .o_cc2 .btn-primary {
  background-color: var(--hb-cp-o-cc2-btn-primary);
  color: var(--hb-cp-o-cc2-btn-primary-text);
  border-color: var(--hb-cp-o-cc2-btn-primary-border);
}

.o_cc_preview_wrapper .o_cc2 .btn-secondary {
  background-color: var(--hb-cp-o-cc2-btn-secondary);
  color: var(--hb-cp-o-cc2-btn-secondary-text);
  border-color: var(--hb-cp-o-cc2-btn-secondary-border);
}

.o_cc_preview_wrapper .o_cc3 {
  --PreviewAlphaBg-background-size: 32px;
  background-color: var(--hb-cp-o-cc3-bg);
  background-image: var(--hb-cp-o-cc3-bg-gradient), url("/web/static/img/transparent.png");
  color: var(--hb-cp-o-cc3-text);
}

.o_cc_preview_wrapper .o_cc3 h1 {
  color: var(--hb-cp-o-cc3-headings);
}

.o_cc_preview_wrapper .o_cc3 .btn-primary {
  background-color: var(--hb-cp-o-cc3-btn-primary);
  color: var(--hb-cp-o-cc3-btn-primary-text);
  border-color: var(--hb-cp-o-cc3-btn-primary-border);
}

.o_cc_preview_wrapper .o_cc3 .btn-secondary {
  background-color: var(--hb-cp-o-cc3-btn-secondary);
  color: var(--hb-cp-o-cc3-btn-secondary-text);
  border-color: var(--hb-cp-o-cc3-btn-secondary-border);
}

.o_cc_preview_wrapper .o_cc4 {
  --PreviewAlphaBg-background-size: 32px;
  background-color: var(--hb-cp-o-cc4-bg);
  background-image: var(--hb-cp-o-cc4-bg-gradient), url("/web/static/img/transparent.png");
  color: var(--hb-cp-o-cc4-text);
}

.o_cc_preview_wrapper .o_cc4 h1 {
  color: var(--hb-cp-o-cc4-headings);
}

.o_cc_preview_wrapper .o_cc4 .btn-primary {
  background-color: var(--hb-cp-o-cc4-btn-primary);
  color: var(--hb-cp-o-cc4-btn-primary-text);
  border-color: var(--hb-cp-o-cc4-btn-primary-border);
}

.o_cc_preview_wrapper .o_cc4 .btn-secondary {
  background-color: var(--hb-cp-o-cc4-btn-secondary);
  color: var(--hb-cp-o-cc4-btn-secondary-text);
  border-color: var(--hb-cp-o-cc4-btn-secondary-border);
}

.o_cc_preview_wrapper .o_cc5 {
  --PreviewAlphaBg-background-size: 32px;
  background-color: var(--hb-cp-o-cc5-bg);
  background-image: var(--hb-cp-o-cc5-bg-gradient), url("/web/static/img/transparent.png");
  color: var(--hb-cp-o-cc5-text);
}

.o_cc_preview_wrapper .o_cc5 h1 {
  color: var(--hb-cp-o-cc5-headings);
}

.o_cc_preview_wrapper .o_cc5 .btn-primary {
  background-color: var(--hb-cp-o-cc5-btn-primary);
  color: var(--hb-cp-o-cc5-btn-primary-text);
  border-color: var(--hb-cp-o-cc5-btn-primary-border);
}

.o_cc_preview_wrapper .o_cc5 .btn-secondary {
  background-color: var(--hb-cp-o-cc5-btn-secondary);
  color: var(--hb-cp-o-cc5-btn-secondary-text);
  border-color: var(--hb-cp-o-cc5-btn-secondary-border);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_primary .o_cc_preview_wrapper.o_cc1 .btn-primary {
  background-color: transparent;
  color: var(--hb-cp-o-cc1-btn-primary);
  border-color: var(--hb-cp-o-cc1-btn-primary);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_primary .o_cc_preview_wrapper.o_cc1 .btn-primary:hover {
  background-color: var(--hb-cp-o-cc1-btn-primary);
  color: var(--hb-cp-o-cc1-btn-primary-text);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_primary .o_cc_preview_wrapper.o_cc2 .btn-primary {
  background-color: transparent;
  color: var(--hb-cp-o-cc2-btn-primary);
  border-color: var(--hb-cp-o-cc2-btn-primary);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_primary .o_cc_preview_wrapper.o_cc2 .btn-primary:hover {
  background-color: var(--hb-cp-o-cc2-btn-primary);
  color: var(--hb-cp-o-cc2-btn-primary-text);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_primary .o_cc_preview_wrapper.o_cc3 .btn-primary {
  background-color: transparent;
  color: var(--hb-cp-o-cc3-btn-primary);
  border-color: var(--hb-cp-o-cc3-btn-primary);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_primary .o_cc_preview_wrapper.o_cc3 .btn-primary:hover {
  background-color: var(--hb-cp-o-cc3-btn-primary);
  color: var(--hb-cp-o-cc3-btn-primary-text);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_primary .o_cc_preview_wrapper.o_cc4 .btn-primary {
  background-color: transparent;
  color: var(--hb-cp-o-cc4-btn-primary);
  border-color: var(--hb-cp-o-cc4-btn-primary);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_primary .o_cc_preview_wrapper.o_cc4 .btn-primary:hover {
  background-color: var(--hb-cp-o-cc4-btn-primary);
  color: var(--hb-cp-o-cc4-btn-primary-text);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_primary .o_cc_preview_wrapper.o_cc5 .btn-primary {
  background-color: transparent;
  color: var(--hb-cp-o-cc5-btn-primary);
  border-color: var(--hb-cp-o-cc5-btn-primary);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_primary .o_cc_preview_wrapper.o_cc5 .btn-primary:hover {
  background-color: var(--hb-cp-o-cc5-btn-primary);
  color: var(--hb-cp-o-cc5-btn-primary-text);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_secondary .o_cc_preview_wrapper.o_cc1 .btn-secondary {
  background-color: transparent;
  color: var(--hb-cp-o-cc1-btn-secondary);
  border-color: var(--hb-cp-o-cc1-btn-secondary);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_secondary .o_cc_preview_wrapper.o_cc1 .btn-secondary:hover {
  background-color: var(--hb-cp-o-cc1-btn-secondary);
  color: var(--hb-cp-o-cc1-btn-secondary-text);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_secondary .o_cc_preview_wrapper.o_cc2 .btn-secondary {
  background-color: transparent;
  color: var(--hb-cp-o-cc2-btn-secondary);
  border-color: var(--hb-cp-o-cc2-btn-secondary);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_secondary .o_cc_preview_wrapper.o_cc2 .btn-secondary:hover {
  background-color: var(--hb-cp-o-cc2-btn-secondary);
  color: var(--hb-cp-o-cc2-btn-secondary-text);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_secondary .o_cc_preview_wrapper.o_cc3 .btn-secondary {
  background-color: transparent;
  color: var(--hb-cp-o-cc3-btn-secondary);
  border-color: var(--hb-cp-o-cc3-btn-secondary);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_secondary .o_cc_preview_wrapper.o_cc3 .btn-secondary:hover {
  background-color: var(--hb-cp-o-cc3-btn-secondary);
  color: var(--hb-cp-o-cc3-btn-secondary-text);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_secondary .o_cc_preview_wrapper.o_cc4 .btn-secondary {
  background-color: transparent;
  color: var(--hb-cp-o-cc4-btn-secondary);
  border-color: var(--hb-cp-o-cc4-btn-secondary);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_secondary .o_cc_preview_wrapper.o_cc4 .btn-secondary:hover {
  background-color: var(--hb-cp-o-cc4-btn-secondary);
  color: var(--hb-cp-o-cc4-btn-secondary-text);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_secondary .o_cc_preview_wrapper.o_cc5 .btn-secondary {
  background-color: transparent;
  color: var(--hb-cp-o-cc5-btn-secondary);
  border-color: var(--hb-cp-o-cc5-btn-secondary);
}

.o_cc_preview_wrapper.o_we_has_btn_outline_secondary .o_cc_preview_wrapper.o_cc5 .btn-secondary:hover {
  background-color: var(--hb-cp-o-cc5-btn-secondary);
  color: var(--hb-cp-o-cc5-btn-secondary-text);
}



/* /html_builder/static/src/core/building_blocks/select_many2x.scss */

.o-hb-selectMany2X-wrapper {
  --border-color: var(--o-hb-border-color);
  border: 0 !important;
  width: 100% !important;
}

div:has(> .o-hb-selectMany2X-wrapper) {
  flex: 1 0 auto;
  min-width: 7ch;
  max-width: 100%;
  display: flex;
}

.o-hb-selectMany2X-wrapper .o_select_menu_toggler, .o-hb-selectMany2X-wrapper .o_select_menu_toggler.btn-light.bg-light {
  --border-color: #2b2b33;
  --btn-padding-x: 0.5rem;
  --btn-color: #D9D9D9;
  --btn-bg: #595964;
  --btn-border-color: #2b2b33;
  --btn-hover-color: #D9D9D9;
  --btn-hover-bg: #3e3e46;
  --btn-hover-border-color: #2b2b33;
  --btn-focus-shadow-rgb: 69, 69, 76;
  --btn-active-color: #FFFFFF;
  --btn-active-bg: var(--o-hb-btn-secondary-active-bg, RGBA(1, 186, 210, 0.4));
  --btn-active-border-color: #2b2b33;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #9d9d9d;
  --btn-disabled-bg: transparent;
  --btn-disabled-border-color: transparent;
  --background-color: var(--btn-bg);
}

.o-hb-selectMany2X-wrapper .o_select_menu_toggler > span.o_select_menu_toggler_caret, .o-hb-selectMany2X-wrapper .o_select_menu_toggler.btn-light.bg-light > span.o_select_menu_toggler_caret {
  display: none;
}

.o-hb-selectMany2X-wrapper .o_select_menu_toggler:after, .o-hb-selectMany2X-wrapper .o_select_menu_toggler.btn-light.bg-light:after {
  position: absolute;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 0.25rem;
  transform: translate(-50%, -50%);
  font-size: .5rem;
  content: "\f0d7";
  font-family: FontAwesome;
}

.o-hb-selectMany2X-wrapper .o_select_menu_toggler:hover, .o-hb-selectMany2X-wrapper .o_select_menu_toggler:focus-visible, .o-hb-selectMany2X-wrapper .o_select_menu_toggler.btn-light.bg-light:hover, .o-hb-selectMany2X-wrapper .o_select_menu_toggler.btn-light.bg-light:focus-visible {
  --background-color: var(--btn-hover-bg);
}

.o-hb-selectMany2X-wrapper .o_select_menu_toggler:active, .o-hb-selectMany2X-wrapper .o_select_menu_toggler.active, .o-hb-selectMany2X-wrapper .o_select_menu_toggler.btn-light.bg-light:active, .o-hb-selectMany2X-wrapper .o_select_menu_toggler.btn-light.bg-light.active {
  --background-color: var(--btn-active-bg);
}

.o-hb-selectMany2X-wrapper .o_select_menu_toggler[disabled], .o-hb-selectMany2X-wrapper .o_select_menu_toggler.disabled, .o-hb-selectMany2X-wrapper .o_select_menu_toggler.btn-light.bg-light[disabled], .o-hb-selectMany2X-wrapper .o_select_menu_toggler.btn-light.bg-light.disabled {
  --background-color: var(--btn-disabled-bg);
}

.o-hb-selectMany2X-wrapper .o_select_menu_toggler.show, .o-hb-selectMany2X-wrapper .o_select_menu_toggler.btn-light.bg-light.show {
  --background-color: var(--btn-hover-bg);
  color: var(--btn-active-color);
  border-color: var(--o-hb-btn-active-color, #01bad2) !important;
}

.o-hb-selectMany2X-wrapper .o_select_menu_toggler .o_select_menu_caret {
  visibility: hidden !important;
}

.o-hb-selectMany2X-dropdown .o_select_menu_searchbox {
  background-color: #2b2b33;
}

.o-hb-selectMany2X-dropdown .o_select_menu_searchbox:hover, .o-hb-selectMany2X-dropdown .o_select_menu_searchbox:focus-within {
  --o-hb-select-bg-hover: #2b2b33;
}

.o-hb-selectMany2X-dropdown .o_select_menu_searchbox:focus-within {
  box-shadow: 0 0 1px 1px inset var(--o-hb-input-active-border, #01bad2);
}

.o-hb-selectMany2X-dropdown .o_select_menu_searchbox::before {
  color: var(--o-hb-select-color);
}

.o-hb-selectMany2X-dropdown .o_select_menu_searchbox input {
  border: 0;
}

.o-hb-selectMany2X-dropdown .o_select_menu_item {
  --dropdown-item-padding-y: 6px;
  line-height: 1.7;
}



/* /html_builder/static/src/core/overlay_buttons/overlay_buttons.scss */

.o_overlay_options {
  display: flex;
  gap: 2px;
}

.o_overlay_options .btn {
  --btn-padding-x: 0.4375rem;
  --btn-padding-y: 0.3125rem;
  --btn-color: #D9D9D9;
  --btn-bg: #595964;
  --btn-border-color: transparent;
  --btn-hover-color: #D9D9D9;
  --btn-hover-bg: #3e3e46;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 217, 217, 217;
  --btn-active-color: #FFFFFF;
  --btn-active-bg: rgba(50, 87, 98, 0.7);
  --btn-active-border-color: transparent;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #D9D9D9;
  --btn-disabled-bg: rgba(62, 62, 70, 0.5);
  --btn-disabled-border-color: transparent;
}

.o_overlay_options:has(span:hover .btn:not(:disabled)) > span:not(:hover) .btn:not(:disabled) {
  opacity: 0.6;
}

.o_overlay_options:has(span:hover .btn:not(:disabled)) > span:not(:hover) .btn:not(:disabled):hover, .o_overlay_options:has(span:hover .btn:not(:disabled)) > span:not(:hover) .btn:not(:disabled):focus, .o_overlay_options:has(span:hover .btn:not(:disabled)) > span:not(:hover) .btn:not(:disabled).focus {
  opacity: 1;
}

.o_overlay_options button.fa, .o_overlay_options button.oi {
  min-width: min-content;
}

.o_overlay_options button.o_move_handle {
  cursor: move;
}

.o_overlay_options button.o_send_back, .o_overlay_options button.o_bring_front {
  background-position: center;
  background-repeat: no-repeat;
}

.o_overlay_options button.o_send_back::before, .o_overlay_options button.o_bring_front::before {
  content: "\00a0\00a0\00a0";
}

.o_overlay_options button.o_send_back {
  background-image: url("/html_builder/static/img/options/bring-backward.svg");
}

.o_overlay_options button.o_bring_front {
  background-image: url("/html_builder/static/img/options/bring-forward.svg");
}



/* /html_builder/static/src/plugins/background_option/background_position_overlay.scss */

.o_we_background_position_overlay {
  pointer-events: auto;
  display: block;
  z-index: 1;
}

.o_we_background_position_overlay .o_we_overlay_mask {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
}

.o_we_background_position_overlay:not(.o_we_grabbing) .o_we_overlay_content {
  cursor: url(/web/static/img/openhand.cur), grab;
}

.o_we_background_position_overlay.o_we_grabbing {
  cursor: grabbing;
}

.o_we_background_position_overlay.o_we_grabbing .o_we_overlay_buttons {
  visibility: hidden;
}

.o_we_background_position_overlay .o_we_overlay_buttons .btn-primary {
  --btn-color: #FFFFFF;
  --btn-bg: #714B67;
  --btn-border-color: #714B67;
  --btn-hover-color: #FFFFFF;
  --btn-hover-bg: #604058;
  --btn-hover-border-color: #5a3c52;
  --btn-focus-shadow-rgb: 134, 102, 126;
  --btn-active-color: #FFFFFF;
  --btn-active-bg: #5a3c52;
  --btn-active-border-color: #55384d;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #FFFFFF;
  --btn-disabled-bg: #714B67;
  --btn-disabled-border-color: #714B67;
}

.o_we_background_position_overlay .o_we_overlay_buttons .btn-secondary {
  --btn-color: #000000;
  --btn-bg: #e6586c;
  --btn-border-color: #e6586c;
  --btn-hover-color: #000000;
  --btn-hover-bg: #ea7182;
  --btn-hover-border-color: #e9697b;
  --btn-focus-shadow-rgb: 196, 75, 92;
  --btn-active-color: #000000;
  --btn-active-bg: #eb7989;
  --btn-active-border-color: #e9697b;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #000000;
  --btn-disabled-bg: #e6586c;
  --btn-disabled-border-color: #e6586c;
}



/* /html_builder/static/src/plugins/border_configurator_option.scss */

.o-hb-border-preview {
  display: inline-block;
  width: 100%;
  max-width: calc(100% - .5rem);
  margin-bottom: 2px;
  border-width: 4px;
  border-bottom: none !important;
}

.o-overlay-item .o-hb-border-preview {
  margin: 0.8rem 0;
  max-width: none;
}



/* /html_builder/static/src/plugins/shape/shape_selector.scss */

.o_pager_nav_angle {
  --btn-color: #FFFFFF;
  --btn-bg: #2b2b33;
  --btn-border-color: #2b2b33;
  --btn-hover-color: #FFFFFF;
  --btn-hover-bg: #25252b;
  --btn-hover-border-color: #222229;
  --btn-focus-shadow-rgb: 75, 75, 82;
  --btn-active-color: #FFFFFF;
  --btn-active-bg: #222229;
  --btn-active-border-color: #202026;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --btn-disabled-color: #FFFFFF;
  --btn-disabled-bg: #2b2b33;
  --btn-disabled-border-color: #2b2b33;
  padding: 4px;
  font-size: 16.8px;
}

.o-hb-select-pager-tab-container {
  border-top: 1px solid #3e3e46;
  border-bottom: 1px solid #3e3e46;
}

.o-hb-select-pager-tab {
  display: inline-flex;
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0;
  border: none;
  background-color: transparent;
  color: #D9D9D9;
  font-weight: normal;
}

.o-hb-select-pager-tab > span {
  border-bottom: 2px solid transparent;
  padding: 0.6em 0.4em 0.5em;
}

.o-hb-select-pager-tab:hover > span {
  color: #FFFFFF;
  border-bottom-color: rgba(1, 186, 210, 0.5);
}

.o-hb-select-pager-tab.active > span {
  background-color: rgba(1, 186, 210, 0.15);
  color: #FFFFFF;
  border-bottom-color: #01bad2;
}

.builder_select_page {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 8px;
  background-color: #3e3e46;
}

.builder_select_page button {
  --PreviewAlphaBg-background-size: 16px;
  padding: 8px;
  background-color: transparent;
  width: 100%;
}

.builder_select_page button:hover, .builder_select_page button:focus-visible {
  background-color: transparent;
}

.builder_select_page .o-hb-bg-shape-btn {
  grid-column: span 2;
  padding: 0;
}

.builder_select_page .o-hb-bg-shape-btn button, .builder_select_page .o-hb-bg-shape-btn div {
  height: 50px;
}

.builder_select_page .o-hb-img-shape-btn button {
  aspect-ratio: 1;
}

.builder_select_page .o-hb-img-shape-btn > .o-hb-btn, .builder_select_page .o-hb-bg-shape-btn > .o-hb-btn {
  --o-highlight-shape-color: var(--o-hb-btn-active-color, #01bad2);
  --o-highlight-shape-bg-opacity: 0%;
  --o-highlight-shape-bg-color: color-mix(
                in srgb,
                var(--o-highlight-shape-color) var(--o-highlight-shape-bg-opacity),
                transparent
            );
}

.builder_select_page .o-hb-img-shape-btn > .o-hb-btn.active, .builder_select_page .o-hb-bg-shape-btn > .o-hb-btn.active {
  --o-highlight-shape-bg-opacity: 10%;
  border-width: 3px;
  border-color: var(--o-highlight-shape-color);
  background-color: var(--o-highlight-shape-bg-color);
}

.builder_select_page .o-hb-img-shape-btn > .o-hb-btn.active::before, .builder_select_page .o-hb-bg-shape-btn > .o-hb-btn.active::before {
  border-radius: unset;
}

.builder_select_page .o-hb-img-shape-btn > .o-hb-btn:hover, .builder_select_page .o-hb-img-shape-btn > .o-hb-btn:focus-visible, .builder_select_page .o-hb-bg-shape-btn > .o-hb-btn:hover, .builder_select_page .o-hb-bg-shape-btn > .o-hb-btn:focus-visible {
  --o-highlight-shape-bg-opacity: 25%;
  box-shadow: unset;
  background-color: var(--o-highlight-shape-bg-color);
}

.builder_select_page img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}

.o_we_shape_animated_label {
  position: absolute;
  top: 0;
  left: auto;
  bottom: auto;
  right: 0;
  padding: 0 4px;
  background: #018597;
  color: white;
}

.o_we_shape_animated_label > span {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  max-width: 0;
}

div:hover > .o_we_shape_animated_label i {
  padding-right: 4px;
}

div:hover > .o_we_shape_animated_label > span {
  max-width: 144px;
  transition: max-width 0.5s ease 0s;
}

@media (max-width: 767.98px) {
  .o_we_shape:not(.o_shape_show_mobile) {
    display: none;
  }
}



/* /html_builder/static/src/scss/background.scss */

section, .oe_img_bg, [data-oe-shape-data], section > *, .oe_img_bg > *, [data-oe-shape-data] > * {
  position: relative;
}

.o_we_shape, .o_we_bg_filter {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute !important;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  pointer-events: none;
  border-radius: calc(var(--box-border-top-left-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-left-width, 0px))) calc(var(--box-border-top-right-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-right-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-left-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-left-width, 0px)));
}

.o_we_shape.o_we_animated {
  will-change: transform;
}

.o_we_shape.o_web_editor_Airy_01_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/01_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_02_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/02_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_06_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/06_001.svg?c5=%232e2714");
  background-position: left bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_07_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/07_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_08_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/08_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_09_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/09_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_10_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/10_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_11_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/11_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_12_002 {
  background-image: url("/html_editor/shape/html_builder/Airy/12_002.svg?c5=%232e2714&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_13_002 {
  background-image: url("/html_editor/shape/html_builder/Airy/13_002.svg?c5=%232e2714&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_14_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/14_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_15 {
  background-image: url("/html_editor/shape/html_builder/Airy/15.svg?c5=%232e2714");
  background-position: 150% center;
  background-size: 85% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_16 {
  background-image: url("/html_editor/shape/html_builder/Airy/16.svg?c5=%232e2714");
  background-position: center right;
  background-size: 50% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_17 {
  background-image: url("/html_editor/shape/html_builder/Airy/17.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Angular_01 {
  background-image: url("/html_editor/shape/html_builder/Angular/01.svg?c5=%232e2714");
  background-position: right bottom;
  background-size: auto 75%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Angular_02 {
  background-image: url("/html_editor/shape/html_builder/Angular/02.svg?c5=%232e2714");
  background-position: left bottom;
  background-size: auto 75%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Angular_03 {
  background-image: url("/html_editor/shape/html_builder/Angular/03.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Angular_04 {
  background-image: url("/html_editor/shape/html_builder/Angular/04.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Angular_05 {
  background-image: url("/html_editor/shape/html_builder/Angular/05.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeAngular--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Angular_06 {
  background-image: url("/html_editor/shape/html_builder/Angular/06.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeAngular--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Angular_07 {
  background-image: url("/html_editor/shape/html_builder/Angular/07.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Angular_08 {
  background-image: url("/html_editor/shape/html_builder/Angular/08.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Angular_09 {
  background-image: url("/html_editor/shape/html_builder/Angular/09.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_01_001 {
  background-image: url("/html_editor/shape/html_builder/Blobs/01_001.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_02 {
  background-image: url("/html_editor/shape/html_builder/Blobs/02.svg?c1=%23FAB803&c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_03 {
  background-image: url("/html_editor/shape/html_builder/Blobs/03.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_04_001 {
  background-image: url("/html_editor/shape/html_builder/Blobs/04_001.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_05_001 {
  background-image: url("/html_editor/shape/html_builder/Blobs/05_001.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_06_001 {
  background-image: url("/html_editor/shape/html_builder/Blobs/06_001.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_10_002 {
  background-image: url("/html_editor/shape/html_builder/Blobs/10_002.svg?c5=%232e2714");
  background-position: right;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_13 {
  background-image: url("/html_editor/shape/html_builder/Blobs/13.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_14 {
  background-image: url("/html_editor/shape/html_builder/Blobs/14.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_15 {
  background-image: url("/html_editor/shape/html_builder/Blobs/15.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_16 {
  background-image: url("/html_editor/shape/html_builder/Blobs/16.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_17 {
  background-image: url("/html_editor/shape/html_builder/Blobs/17.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_18 {
  background-image: url("/html_editor/shape/html_builder/Blobs/18.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blocks_01_001 {
  background-image: url("/html_editor/shape/html_builder/Blocks/01_001.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blocks_02_001 {
  background-image: url("/html_editor/shape/html_builder/Blocks/02_001.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blocks_04 {
  background-image: url("/html_editor/shape/html_builder/Blocks/04.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blurry_01 {
  background-image: url("/html_editor/shape/html_builder/Blurry/01.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blurry_02 {
  background-image: url("/html_editor/shape/html_builder/Blurry/02.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blurry_03 {
  background-image: url("/html_editor/shape/html_builder/Blurry/03.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blurry_04 {
  background-image: url("/html_editor/shape/html_builder/Blurry/04.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blurry_05 {
  background-image: url("/html_editor/shape/html_builder/Blurry/05.svg?c1=%23FAB803&c2=%231A1423&c4=%23FFFFFF");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blurry_06 {
  background-image: url("/html_editor/shape/html_builder/Blurry/06.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_01_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/01_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_13 {
  background-image: url("/html_editor/shape/html_builder/Bold/13.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% 50%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_14 {
  background-image: url("/html_editor/shape/html_builder/Bold/14.svg?c1=%23FAB803&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_15 {
  background-image: url("/html_editor/shape/html_builder/Bold/15.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% 50%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_16 {
  background-image: url("/html_editor/shape/html_builder/Bold/16.svg?c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_17 {
  background-image: url("/html_editor/shape/html_builder/Bold/17.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_18 {
  background-image: url("/html_editor/shape/html_builder/Bold/18.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% 50%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_19 {
  background-image: url("/html_editor/shape/html_builder/Bold/19.svg?c5=%232e2714");
  background-position: left top;
  background-size: 100% 12rem;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_20 {
  background-image: url("/html_editor/shape/html_builder/Bold/20.svg?c1=%23FAB803&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_21 {
  background-image: url("/html_editor/shape/html_builder/Bold/21.svg?c5=%232e2714");
  background-position: right bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_22 {
  background-image: url("/html_editor/shape/html_builder/Bold/22.svg?c5=%232e2714");
  background-position: right top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_23 {
  background-image: url("/html_editor/shape/html_builder/Bold/23.svg?c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_01 {
  background-image: url("/html_editor/shape/html_builder/Connections/01.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_02 {
  background-image: url("/html_editor/shape/html_builder/Connections/02.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_03 {
  background-image: url("/html_editor/shape/html_builder/Connections/03.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_04 {
  background-image: url("/html_editor/shape/html_builder/Connections/04.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_05 {
  background-image: url("/html_editor/shape/html_builder/Connections/05.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_06 {
  background-image: url("/html_editor/shape/html_builder/Connections/06.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_07 {
  background-image: url("/html_editor/shape/html_builder/Connections/07.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_08 {
  background-image: url("/html_editor/shape/html_builder/Connections/08.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_09 {
  background-image: url("/html_editor/shape/html_builder/Connections/09.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_10 {
  background-image: url("/html_editor/shape/html_builder/Connections/10.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_11 {
  background-image: url("/html_editor/shape/html_builder/Connections/11.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_12 {
  background-image: url("/html_editor/shape/html_builder/Connections/12.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_13 {
  background-image: url("/html_editor/shape/html_builder/Connections/13.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_14 {
  background-image: url("/html_editor/shape/html_builder/Connections/14.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_15 {
  background-image: url("/html_editor/shape/html_builder/Connections/15.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_16 {
  background-image: url("/html_editor/shape/html_builder/Connections/16.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_17 {
  background-image: url("/html_editor/shape/html_builder/Connections/17.svg?c5=%232e2714");
  background-position: bottom;
  background-size: var(--ShapeConnections--size-tiny);
  background-repeat: repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_18 {
  background-image: url("/html_editor/shape/html_builder/Connections/18.svg?c5=%232e2714");
  background-position: bottom;
  background-size: var(--ShapeConnections--size-tiny);
  background-repeat: repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_19 {
  background-image: url("/html_editor/shape/html_builder/Connections/19.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Connections_20 {
  background-image: url("/html_editor/shape/html_builder/Connections/20.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-big);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Containers_01 {
  background-image: url("/html_editor/shape/html_builder/Containers/01.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Containers_02 {
  background-image: url("/html_editor/shape/html_builder/Containers/02.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Containers_03 {
  background-image: url("/html_editor/shape/html_builder/Containers/03.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Containers_04 {
  background-image: url("/html_editor/shape/html_builder/Containers/04.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Containers_05 {
  background-image: url("/html_editor/shape/html_builder/Containers/05.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Containers_06 {
  background-image: url("/html_editor/shape/html_builder/Containers/06.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_01 {
  background-image: url("/html_editor/shape/html_builder/Floats/01.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c4=%23FFFFFF&c5=%232e2714");
  background-position: center right;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_02 {
  background-image: url("/html_editor/shape/html_builder/Floats/02.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_03 {
  background-image: url("/html_editor/shape/html_builder/Floats/03.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_04 {
  background-image: url("/html_editor/shape/html_builder/Floats/04.svg?c1=%23FAB803&c2=%231A1423&c4=%23FFFFFF&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_05 {
  background-image: url("/html_editor/shape/html_builder/Floats/05.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_06 {
  background-image: url("/html_editor/shape/html_builder/Floats/06.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_07 {
  background-image: url("/html_editor/shape/html_builder/Floats/07.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: right bottom;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_08 {
  background-image: url("/html_editor/shape/html_builder/Floats/08.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: top left;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_09 {
  background-image: url("/html_editor/shape/html_builder/Floats/09.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: center right;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_10 {
  background-image: url("/html_editor/shape/html_builder/Floats/10.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_11 {
  background-image: url("/html_editor/shape/html_builder/Floats/11.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_12 {
  background-image: url("/html_editor/shape/html_builder/Floats/12.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat repeat;
}

.o_we_shape.o_web_editor_Floats_13 {
  background-image: url("/html_editor/shape/html_builder/Floats/13.svg?c1=%23FAB803&c2=%231A1423&c5=%232e2714");
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Floats_14 {
  background-image: url("/html_editor/shape/html_builder/Floats/14.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat repeat;
}

.o_we_shape.o_web_editor_Grids_01 {
  background-image: url("/html_editor/shape/html_builder/Grids/01.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% 50%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Grids_02 {
  background-image: url("/html_editor/shape/html_builder/Grids/02.svg?c5=%232e2714");
  background-position: right center;
  background-size: 50% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Grids_03 {
  background-image: url("/html_editor/shape/html_builder/Grids/03.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Grids_04 {
  background-image: url("/html_editor/shape/html_builder/Grids/04.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Grids_05 {
  background-image: url("/html_editor/shape/html_builder/Grids/05.svg?c5=%232e2714");
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Grids_06 {
  background-image: url("/html_editor/shape/html_builder/Grids/06.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Grids_07 {
  background-image: url("/html_editor/shape/html_builder/Grids/07.svg?c5=%232e2714");
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Grids_08 {
  background-image: url("/html_editor/shape/html_builder/Grids/08.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Patterns_01 {
  background-image: url("/html_editor/shape/html_builder/Patterns/01.svg?c5=%232e2714");
  background-position: top;
  background-size: var(--ShapePattern--size-regular) auto;
  background-repeat: repeat repeat;
}

.o_we_shape.o_web_editor_Patterns_02 {
  background-image: url("/html_editor/shape/html_builder/Patterns/02.svg?c5=%232e2714");
  background-position: top;
  background-size: var(--ShapePattern--size-regular) auto;
  background-repeat: repeat repeat;
}

.o_we_shape.o_web_editor_Patterns_03 {
  background-image: url("/html_editor/shape/html_builder/Patterns/03.svg?c5=%232e2714");
  background-position: top;
  background-size: var(--ShapePattern--size-regular) auto;
  background-repeat: repeat repeat;
}

.o_we_shape.o_web_editor_Patterns_04 {
  background-image: url("/html_editor/shape/html_builder/Patterns/04.svg?c5=%232e2714");
  background-position: center;
  background-size: var(--ShapePattern--size-tiny) auto;
  background-repeat: repeat repeat;
}

.o_we_shape.o_web_editor_Patterns_05 {
  background-image: url("/html_editor/shape/html_builder/Patterns/05.svg?c5=%232e2714");
  background-position: center;
  background-size: var(--ShapePattern--size-regular) auto;
  background-repeat: repeat repeat;
}

.o_we_shape.o_web_editor_Rainy_01_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/01_001.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_02_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/02_001.svg?c1=%23FAB803&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_06 {
  background-image: url("/html_editor/shape/html_builder/Rainy/06.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_07 {
  background-image: url("/html_editor/shape/html_builder/Rainy/07.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_08_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/08_001.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_09_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/09_001.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_10 {
  background-image: url("/html_editor/shape/html_builder/Rainy/10.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_03 {
  background-image: url("/html_editor/shape/html_builder/Wavy/03.svg?c1=%23FAB803&c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_04 {
  background-image: url("/html_editor/shape/html_builder/Wavy/04.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_08_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/08_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_09_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/09_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_10 {
  background-image: url("/html_editor/shape/html_builder/Wavy/10.svg?c1=%23FAB803&c2=%231A1423");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_11_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/11_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_18 {
  background-image: url("/html_editor/shape/html_builder/Wavy/18.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_22_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/22_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_24 {
  background-image: url("/html_editor/shape/html_builder/Wavy/24.svg?c1=%23FAB803&c2=%231A1423");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_26 {
  background-image: url("/html_editor/shape/html_builder/Wavy/26.svg?c1=%23FAB803&c2=%231A1423");
  background-position: bottom right;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_27 {
  background-image: url("/html_editor/shape/html_builder/Wavy/27.svg?c1=%23FAB803&c2=%231A1423");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_29 {
  background-image: url("/html_editor/shape/html_builder/Wavy/29.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_30 {
  background-image: url("/html_editor/shape/html_builder/Wavy/30.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeWavy--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_31 {
  background-image: url("/html_editor/shape/html_builder/Wavy/31.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeWavy--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Zigs_01_001 {
  background-image: url("/html_editor/shape/html_builder/Zigs/01_001.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_01 {
  background-image: url("/html_editor/shape/html_builder/Airy/01.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_02 {
  background-image: url("/html_editor/shape/html_builder/Airy/02.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_03 {
  background-image: url("/html_editor/shape/html_builder/Airy/03.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_03_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/03_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_04 {
  background-image: url("/html_editor/shape/html_builder/Airy/04.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_04_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/04_001.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_05 {
  background-image: url("/html_editor/shape/html_builder/Airy/05.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_05_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/05_001.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_06 {
  background-image: url("/html_editor/shape/html_builder/Airy/06.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_07 {
  background-image: url("/html_editor/shape/html_builder/Airy/07.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_08 {
  background-image: url("/html_editor/shape/html_builder/Airy/08.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_09 {
  background-image: url("/html_editor/shape/html_builder/Airy/09.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_10 {
  background-image: url("/html_editor/shape/html_builder/Airy/10.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_11 {
  background-image: url("/html_editor/shape/html_builder/Airy/11.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_12 {
  background-image: url("/html_editor/shape/html_builder/Airy/12.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_12_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/12_001.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_13 {
  background-image: url("/html_editor/shape/html_builder/Airy/13.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_13_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/13_001.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Airy_14 {
  background-image: url("/html_editor/shape/html_builder/Airy/14.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_01 {
  background-image: url("/html_editor/shape/html_builder/Blobs/01.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_04 {
  background-image: url("/html_editor/shape/html_builder/Blobs/04.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_05 {
  background-image: url("/html_editor/shape/html_builder/Blobs/05.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_06 {
  background-image: url("/html_editor/shape/html_builder/Blobs/06.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_07 {
  background-image: url("/html_editor/shape/html_builder/Blobs/07.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_08 {
  background-image: url("/html_editor/shape/html_builder/Blobs/08.svg?c1=%23FAB803");
  background-position: right;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_09 {
  background-image: url("/html_editor/shape/html_builder/Blobs/09.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_10 {
  background-image: url("/html_editor/shape/html_builder/Blobs/10.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_10_001 {
  background-image: url("/html_editor/shape/html_builder/Blobs/10_001.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_11 {
  background-image: url("/html_editor/shape/html_builder/Blobs/11.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blobs_12 {
  background-image: url("/html_editor/shape/html_builder/Blobs/12.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blocks_01 {
  background-image: url("/html_editor/shape/html_builder/Blocks/01.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blocks_02 {
  background-image: url("/html_editor/shape/html_builder/Blocks/02.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Blocks_03 {
  background-image: url("/html_editor/shape/html_builder/Blocks/03.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_01 {
  background-image: url("/html_editor/shape/html_builder/Bold/01.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_02 {
  background-image: url("/html_editor/shape/html_builder/Bold/02.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_03 {
  background-image: url("/html_editor/shape/html_builder/Bold/03.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_04 {
  background-image: url("/html_editor/shape/html_builder/Bold/04.svg?c2=%231A1423&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_05 {
  background-image: url("/html_editor/shape/html_builder/Bold/05.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_05_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/05_001.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_06 {
  background-image: url("/html_editor/shape/html_builder/Bold/06.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_06_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/06_001.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_07 {
  background-image: url("/html_editor/shape/html_builder/Bold/07.svg?c1=%23FAB803&c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_07_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/07_001.svg?c1=%23FAB803&c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_08 {
  background-image: url("/html_editor/shape/html_builder/Bold/08.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_09 {
  background-image: url("/html_editor/shape/html_builder/Bold/09.svg?c2=%231A1423&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_10 {
  background-image: url("/html_editor/shape/html_builder/Bold/10.svg?c1=%23FAB803&c3=%23f5f4f0&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_10_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/10_001.svg?c1=%23FAB803&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_11 {
  background-image: url("/html_editor/shape/html_builder/Bold/11.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_11_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/11_001.svg?c1=%23FAB803&c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_12 {
  background-image: url("/html_editor/shape/html_builder/Bold/12.svg?c1=%23FAB803&c2=%231A1423&c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Bold_12_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/12_001.svg?c1=%23FAB803&c2=%231A1423&c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_01 {
  background-image: url("/html_editor/shape/html_builder/Origins/01.svg?c2=%231A1423&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_02 {
  background-image: url("/html_editor/shape/html_builder/Origins/02.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_02_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/02_001.svg?c4=%23FFFFFF&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_03 {
  background-image: url("/html_editor/shape/html_builder/Origins/03.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_04 {
  background-image: url("/html_editor/shape/html_builder/Origins/04.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_04_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/04_001.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_05 {
  background-image: url("/html_editor/shape/html_builder/Origins/05.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_06 {
  background-image: url("/html_editor/shape/html_builder/Origins/06.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_06_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/06_001.svg?c3=%23f5f4f0&c4=%23FFFFFF");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_07 {
  background-image: url("/html_editor/shape/html_builder/Origins/07.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_07_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/07_001.svg?c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_07_002 {
  background-image: url("/html_editor/shape/html_builder/Origins/07_002.svg?c3=%23f5f4f0&c4=%23FFFFFF&c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_08 {
  background-image: url("/html_editor/shape/html_builder/Origins/08.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_09 {
  background-image: url("/html_editor/shape/html_builder/Origins/09.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_09_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/09_001.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_10 {
  background-image: url("/html_editor/shape/html_builder/Origins/10.svg?c2=%231A1423&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_11 {
  background-image: url("/html_editor/shape/html_builder/Origins/11.svg?c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_11_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/11_001.svg?c3=%23f5f4f0&c4=%23FFFFFF");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_12 {
  background-image: url("/html_editor/shape/html_builder/Origins/12.svg?c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_13 {
  background-image: url("/html_editor/shape/html_builder/Origins/13.svg?c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_14 {
  background-image: url("/html_editor/shape/html_builder/Origins/14.svg?c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_14_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/14_001.svg?c3=%23f5f4f0&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_15 {
  background-image: url("/html_editor/shape/html_builder/Origins/15.svg?c4=%23FFFFFF");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_16 {
  background-image: url("/html_editor/shape/html_builder/Origins/16.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_17 {
  background-image: url("/html_editor/shape/html_builder/Origins/17.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_18 {
  background-image: url("/html_editor/shape/html_builder/Origins/18.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Origins_19 {
  background-image: url("/html_editor/shape/html_builder/Origins/19.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_01 {
  background-image: url("/html_editor/shape/html_builder/Rainy/01.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_02 {
  background-image: url("/html_editor/shape/html_builder/Rainy/02.svg?c1=%23FAB803&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_03 {
  background-image: url("/html_editor/shape/html_builder/Rainy/03.svg?c2=%231A1423&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat repeat;
}

.o_we_shape.o_web_editor_Rainy_03_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/03_001.svg?c2=%231A1423&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat repeat;
}

.o_we_shape.o_web_editor_Rainy_04 {
  background-image: url("/html_editor/shape/html_builder/Rainy/04.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_05 {
  background-image: url("/html_editor/shape/html_builder/Rainy/05.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_05_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/05_001.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_08 {
  background-image: url("/html_editor/shape/html_builder/Rainy/08.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Rainy_09 {
  background-image: url("/html_editor/shape/html_builder/Rainy/09.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_01 {
  background-image: url("/html_editor/shape/html_builder/Wavy/01.svg?c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_01_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/01_001.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_02 {
  background-image: url("/html_editor/shape/html_builder/Wavy/02.svg?c4=%23FFFFFF");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_02_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/02_001.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_05 {
  background-image: url("/html_editor/shape/html_builder/Wavy/05.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_06 {
  background-image: url("/html_editor/shape/html_builder/Wavy/06.svg?c1=%23FAB803&c3=%23f5f4f0&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_06_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/06_001.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_07 {
  background-image: url("/html_editor/shape/html_builder/Wavy/07.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_08 {
  background-image: url("/html_editor/shape/html_builder/Wavy/08.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_09 {
  background-image: url("/html_editor/shape/html_builder/Wavy/09.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_11 {
  background-image: url("/html_editor/shape/html_builder/Wavy/11.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_12 {
  background-image: url("/html_editor/shape/html_builder/Wavy/12.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_12_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/12_001.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_13 {
  background-image: url("/html_editor/shape/html_builder/Wavy/13.svg?c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_13_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/13_001.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_14 {
  background-image: url("/html_editor/shape/html_builder/Wavy/14.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_15 {
  background-image: url("/html_editor/shape/html_builder/Wavy/15.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_16 {
  background-image: url("/html_editor/shape/html_builder/Wavy/16.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_17 {
  background-image: url("/html_editor/shape/html_builder/Wavy/17.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_19 {
  background-image: url("/html_editor/shape/html_builder/Wavy/19.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_20 {
  background-image: url("/html_editor/shape/html_builder/Wavy/20.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_21 {
  background-image: url("/html_editor/shape/html_builder/Wavy/21.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_22 {
  background-image: url("/html_editor/shape/html_builder/Wavy/22.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_23 {
  background-image: url("/html_editor/shape/html_builder/Wavy/23.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_25 {
  background-image: url("/html_editor/shape/html_builder/Wavy/25.svg?c1=%23FAB803&c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Wavy_28 {
  background-image: url("/html_editor/shape/html_builder/Wavy/28.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Zigs_01 {
  background-image: url("/html_editor/shape/html_builder/Zigs/01.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Zigs_02 {
  background-image: url("/html_editor/shape/html_builder/Zigs/02.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Zigs_02_001 {
  background-image: url("/html_editor/shape/html_builder/Zigs/02_001.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Zigs_03 {
  background-image: url("/html_editor/shape/html_builder/Zigs/03.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat repeat;
}

.o_we_shape.o_web_editor_Zigs_04 {
  background-image: url("/html_editor/shape/html_builder/Zigs/04.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Zigs_05 {
  background-image: url("/html_editor/shape/html_builder/Zigs/05.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_web_editor_Zigs_06 {
  background-image: url("/html_editor/shape/html_builder/Zigs/06.svg?c4=%23FFFFFF&c5=%232e2714");
  background-position: bottom;
  background-size: 30px 100%;
  background-repeat: repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_01_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/01_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_02_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/02_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_06_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/06_001.svg?c5=%232e2714");
  background-position: left bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_07_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/07_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_08_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/08_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_09_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/09_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_10_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/10_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_11_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/11_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_12_002 {
  background-image: url("/html_editor/shape/html_builder/Airy/12_002.svg?c5=%232e2714&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_13_002 {
  background-image: url("/html_editor/shape/html_builder/Airy/13_002.svg?c5=%232e2714&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_14_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/14_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_15 {
  background-image: url("/html_editor/shape/html_builder/Airy/15.svg?c5=%232e2714");
  background-position: 150% center;
  background-size: 85% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_16 {
  background-image: url("/html_editor/shape/html_builder/Airy/16.svg?c5=%232e2714");
  background-position: center right;
  background-size: 50% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_17 {
  background-image: url("/html_editor/shape/html_builder/Airy/17.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Angular_01 {
  background-image: url("/html_editor/shape/html_builder/Angular/01.svg?c5=%232e2714");
  background-position: right bottom;
  background-size: auto 75%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Angular_02 {
  background-image: url("/html_editor/shape/html_builder/Angular/02.svg?c5=%232e2714");
  background-position: left bottom;
  background-size: auto 75%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Angular_03 {
  background-image: url("/html_editor/shape/html_builder/Angular/03.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Angular_04 {
  background-image: url("/html_editor/shape/html_builder/Angular/04.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Angular_05 {
  background-image: url("/html_editor/shape/html_builder/Angular/05.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeAngular--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Angular_06 {
  background-image: url("/html_editor/shape/html_builder/Angular/06.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeAngular--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Angular_07 {
  background-image: url("/html_editor/shape/html_builder/Angular/07.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Angular_08 {
  background-image: url("/html_editor/shape/html_builder/Angular/08.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Angular_09 {
  background-image: url("/html_editor/shape/html_builder/Angular/09.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_01_001 {
  background-image: url("/html_editor/shape/html_builder/Blobs/01_001.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_02 {
  background-image: url("/html_editor/shape/html_builder/Blobs/02.svg?c1=%23FAB803&c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_03 {
  background-image: url("/html_editor/shape/html_builder/Blobs/03.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_04_001 {
  background-image: url("/html_editor/shape/html_builder/Blobs/04_001.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_05_001 {
  background-image: url("/html_editor/shape/html_builder/Blobs/05_001.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_06_001 {
  background-image: url("/html_editor/shape/html_builder/Blobs/06_001.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_10_002 {
  background-image: url("/html_editor/shape/html_builder/Blobs/10_002.svg?c5=%232e2714");
  background-position: right;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_13 {
  background-image: url("/html_editor/shape/html_builder/Blobs/13.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_14 {
  background-image: url("/html_editor/shape/html_builder/Blobs/14.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_15 {
  background-image: url("/html_editor/shape/html_builder/Blobs/15.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_16 {
  background-image: url("/html_editor/shape/html_builder/Blobs/16.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_17 {
  background-image: url("/html_editor/shape/html_builder/Blobs/17.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_18 {
  background-image: url("/html_editor/shape/html_builder/Blobs/18.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blocks_01_001 {
  background-image: url("/html_editor/shape/html_builder/Blocks/01_001.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blocks_02_001 {
  background-image: url("/html_editor/shape/html_builder/Blocks/02_001.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blocks_04 {
  background-image: url("/html_editor/shape/html_builder/Blocks/04.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blurry_01 {
  background-image: url("/html_editor/shape/html_builder/Blurry/01.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blurry_02 {
  background-image: url("/html_editor/shape/html_builder/Blurry/02.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blurry_03 {
  background-image: url("/html_editor/shape/html_builder/Blurry/03.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blurry_04 {
  background-image: url("/html_editor/shape/html_builder/Blurry/04.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blurry_05 {
  background-image: url("/html_editor/shape/html_builder/Blurry/05.svg?c1=%23FAB803&c2=%231A1423&c4=%23FFFFFF");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blurry_06 {
  background-image: url("/html_editor/shape/html_builder/Blurry/06.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_01_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/01_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_13 {
  background-image: url("/html_editor/shape/html_builder/Bold/13.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% 50%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_14 {
  background-image: url("/html_editor/shape/html_builder/Bold/14.svg?c1=%23FAB803&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_15 {
  background-image: url("/html_editor/shape/html_builder/Bold/15.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% 50%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_16 {
  background-image: url("/html_editor/shape/html_builder/Bold/16.svg?c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_17 {
  background-image: url("/html_editor/shape/html_builder/Bold/17.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_18 {
  background-image: url("/html_editor/shape/html_builder/Bold/18.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% 50%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_19 {
  background-image: url("/html_editor/shape/html_builder/Bold/19.svg?c5=%232e2714");
  background-position: left top;
  background-size: 100% 12rem;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_20 {
  background-image: url("/html_editor/shape/html_builder/Bold/20.svg?c1=%23FAB803&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_21 {
  background-image: url("/html_editor/shape/html_builder/Bold/21.svg?c5=%232e2714");
  background-position: right bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_22 {
  background-image: url("/html_editor/shape/html_builder/Bold/22.svg?c5=%232e2714");
  background-position: right top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_23 {
  background-image: url("/html_editor/shape/html_builder/Bold/23.svg?c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_01 {
  background-image: url("/html_editor/shape/html_builder/Connections/01.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_02 {
  background-image: url("/html_editor/shape/html_builder/Connections/02.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_03 {
  background-image: url("/html_editor/shape/html_builder/Connections/03.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_04 {
  background-image: url("/html_editor/shape/html_builder/Connections/04.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_05 {
  background-image: url("/html_editor/shape/html_builder/Connections/05.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_06 {
  background-image: url("/html_editor/shape/html_builder/Connections/06.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_07 {
  background-image: url("/html_editor/shape/html_builder/Connections/07.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_08 {
  background-image: url("/html_editor/shape/html_builder/Connections/08.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_09 {
  background-image: url("/html_editor/shape/html_builder/Connections/09.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_10 {
  background-image: url("/html_editor/shape/html_builder/Connections/10.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_11 {
  background-image: url("/html_editor/shape/html_builder/Connections/11.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_12 {
  background-image: url("/html_editor/shape/html_builder/Connections/12.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_13 {
  background-image: url("/html_editor/shape/html_builder/Connections/13.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_14 {
  background-image: url("/html_editor/shape/html_builder/Connections/14.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_15 {
  background-image: url("/html_editor/shape/html_builder/Connections/15.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_16 {
  background-image: url("/html_editor/shape/html_builder/Connections/16.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_17 {
  background-image: url("/html_editor/shape/html_builder/Connections/17.svg?c5=%232e2714");
  background-position: bottom;
  background-size: var(--ShapeConnections--size-tiny);
  background-repeat: repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_18 {
  background-image: url("/html_editor/shape/html_builder/Connections/18.svg?c5=%232e2714");
  background-position: bottom;
  background-size: var(--ShapeConnections--size-tiny);
  background-repeat: repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_19 {
  background-image: url("/html_editor/shape/html_builder/Connections/19.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Connections_20 {
  background-image: url("/html_editor/shape/html_builder/Connections/20.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeConnections--size-big);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Containers_01 {
  background-image: url("/html_editor/shape/html_builder/Containers/01.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Containers_02 {
  background-image: url("/html_editor/shape/html_builder/Containers/02.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Containers_03 {
  background-image: url("/html_editor/shape/html_builder/Containers/03.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Containers_04 {
  background-image: url("/html_editor/shape/html_builder/Containers/04.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Containers_05 {
  background-image: url("/html_editor/shape/html_builder/Containers/05.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Containers_06 {
  background-image: url("/html_editor/shape/html_builder/Containers/06.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_01 {
  background-image: url("/html_editor/shape/html_builder/Floats/01.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c4=%23FFFFFF&c5=%232e2714");
  background-position: center right;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_02 {
  background-image: url("/html_editor/shape/html_builder/Floats/02.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_03 {
  background-image: url("/html_editor/shape/html_builder/Floats/03.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_04 {
  background-image: url("/html_editor/shape/html_builder/Floats/04.svg?c1=%23FAB803&c2=%231A1423&c4=%23FFFFFF&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_05 {
  background-image: url("/html_editor/shape/html_builder/Floats/05.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_06 {
  background-image: url("/html_editor/shape/html_builder/Floats/06.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_07 {
  background-image: url("/html_editor/shape/html_builder/Floats/07.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: right bottom;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_08 {
  background-image: url("/html_editor/shape/html_builder/Floats/08.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: top left;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_09 {
  background-image: url("/html_editor/shape/html_builder/Floats/09.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: center right;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_10 {
  background-image: url("/html_editor/shape/html_builder/Floats/10.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_11 {
  background-image: url("/html_editor/shape/html_builder/Floats/11.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_12 {
  background-image: url("/html_editor/shape/html_builder/Floats/12.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat repeat;
}

.o_we_shape.o_html_builder_Floats_13 {
  background-image: url("/html_editor/shape/html_builder/Floats/13.svg?c1=%23FAB803&c2=%231A1423&c5=%232e2714");
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Floats_14 {
  background-image: url("/html_editor/shape/html_builder/Floats/14.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat repeat;
}

.o_we_shape.o_html_builder_Grids_01 {
  background-image: url("/html_editor/shape/html_builder/Grids/01.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% 50%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Grids_02 {
  background-image: url("/html_editor/shape/html_builder/Grids/02.svg?c5=%232e2714");
  background-position: right center;
  background-size: 50% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Grids_03 {
  background-image: url("/html_editor/shape/html_builder/Grids/03.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Grids_04 {
  background-image: url("/html_editor/shape/html_builder/Grids/04.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Grids_05 {
  background-image: url("/html_editor/shape/html_builder/Grids/05.svg?c5=%232e2714");
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Grids_06 {
  background-image: url("/html_editor/shape/html_builder/Grids/06.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Grids_07 {
  background-image: url("/html_editor/shape/html_builder/Grids/07.svg?c5=%232e2714");
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Grids_08 {
  background-image: url("/html_editor/shape/html_builder/Grids/08.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Patterns_01 {
  background-image: url("/html_editor/shape/html_builder/Patterns/01.svg?c5=%232e2714");
  background-position: top;
  background-size: var(--ShapePattern--size-regular) auto;
  background-repeat: repeat repeat;
}

.o_we_shape.o_html_builder_Patterns_02 {
  background-image: url("/html_editor/shape/html_builder/Patterns/02.svg?c5=%232e2714");
  background-position: top;
  background-size: var(--ShapePattern--size-regular) auto;
  background-repeat: repeat repeat;
}

.o_we_shape.o_html_builder_Patterns_03 {
  background-image: url("/html_editor/shape/html_builder/Patterns/03.svg?c5=%232e2714");
  background-position: top;
  background-size: var(--ShapePattern--size-regular) auto;
  background-repeat: repeat repeat;
}

.o_we_shape.o_html_builder_Patterns_04 {
  background-image: url("/html_editor/shape/html_builder/Patterns/04.svg?c5=%232e2714");
  background-position: center;
  background-size: var(--ShapePattern--size-tiny) auto;
  background-repeat: repeat repeat;
}

.o_we_shape.o_html_builder_Patterns_05 {
  background-image: url("/html_editor/shape/html_builder/Patterns/05.svg?c5=%232e2714");
  background-position: center;
  background-size: var(--ShapePattern--size-regular) auto;
  background-repeat: repeat repeat;
}

.o_we_shape.o_html_builder_Rainy_01_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/01_001.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_02_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/02_001.svg?c1=%23FAB803&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_06 {
  background-image: url("/html_editor/shape/html_builder/Rainy/06.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_07 {
  background-image: url("/html_editor/shape/html_builder/Rainy/07.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_08_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/08_001.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_09_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/09_001.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_10 {
  background-image: url("/html_editor/shape/html_builder/Rainy/10.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_03 {
  background-image: url("/html_editor/shape/html_builder/Wavy/03.svg?c1=%23FAB803&c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_04 {
  background-image: url("/html_editor/shape/html_builder/Wavy/04.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_08_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/08_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_09_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/09_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_10 {
  background-image: url("/html_editor/shape/html_builder/Wavy/10.svg?c1=%23FAB803&c2=%231A1423");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_11_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/11_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_18 {
  background-image: url("/html_editor/shape/html_builder/Wavy/18.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_22_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/22_001.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_24 {
  background-image: url("/html_editor/shape/html_builder/Wavy/24.svg?c1=%23FAB803&c2=%231A1423");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_26 {
  background-image: url("/html_editor/shape/html_builder/Wavy/26.svg?c1=%23FAB803&c2=%231A1423");
  background-position: bottom right;
  background-size: auto 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_27 {
  background-image: url("/html_editor/shape/html_builder/Wavy/27.svg?c1=%23FAB803&c2=%231A1423");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_29 {
  background-image: url("/html_editor/shape/html_builder/Wavy/29.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_30 {
  background-image: url("/html_editor/shape/html_builder/Wavy/30.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeWavy--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_31 {
  background-image: url("/html_editor/shape/html_builder/Wavy/31.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% var(--ShapeWavy--size-regular);
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Zigs_01_001 {
  background-image: url("/html_editor/shape/html_builder/Zigs/01_001.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_01 {
  background-image: url("/html_editor/shape/html_builder/Airy/01.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_02 {
  background-image: url("/html_editor/shape/html_builder/Airy/02.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_03 {
  background-image: url("/html_editor/shape/html_builder/Airy/03.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_03_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/03_001.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_04 {
  background-image: url("/html_editor/shape/html_builder/Airy/04.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_04_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/04_001.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_05 {
  background-image: url("/html_editor/shape/html_builder/Airy/05.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_05_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/05_001.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_06 {
  background-image: url("/html_editor/shape/html_builder/Airy/06.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_07 {
  background-image: url("/html_editor/shape/html_builder/Airy/07.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_08 {
  background-image: url("/html_editor/shape/html_builder/Airy/08.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_09 {
  background-image: url("/html_editor/shape/html_builder/Airy/09.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_10 {
  background-image: url("/html_editor/shape/html_builder/Airy/10.svg?c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_11 {
  background-image: url("/html_editor/shape/html_builder/Airy/11.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_12 {
  background-image: url("/html_editor/shape/html_builder/Airy/12.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_12_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/12_001.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_13 {
  background-image: url("/html_editor/shape/html_builder/Airy/13.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_13_001 {
  background-image: url("/html_editor/shape/html_builder/Airy/13_001.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Airy_14 {
  background-image: url("/html_editor/shape/html_builder/Airy/14.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_01 {
  background-image: url("/html_editor/shape/html_builder/Blobs/01.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_04 {
  background-image: url("/html_editor/shape/html_builder/Blobs/04.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_05 {
  background-image: url("/html_editor/shape/html_builder/Blobs/05.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_06 {
  background-image: url("/html_editor/shape/html_builder/Blobs/06.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_07 {
  background-image: url("/html_editor/shape/html_builder/Blobs/07.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_08 {
  background-image: url("/html_editor/shape/html_builder/Blobs/08.svg?c1=%23FAB803");
  background-position: right;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_09 {
  background-image: url("/html_editor/shape/html_builder/Blobs/09.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_10 {
  background-image: url("/html_editor/shape/html_builder/Blobs/10.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_10_001 {
  background-image: url("/html_editor/shape/html_builder/Blobs/10_001.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_11 {
  background-image: url("/html_editor/shape/html_builder/Blobs/11.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blobs_12 {
  background-image: url("/html_editor/shape/html_builder/Blobs/12.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blocks_01 {
  background-image: url("/html_editor/shape/html_builder/Blocks/01.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blocks_02 {
  background-image: url("/html_editor/shape/html_builder/Blocks/02.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Blocks_03 {
  background-image: url("/html_editor/shape/html_builder/Blocks/03.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_01 {
  background-image: url("/html_editor/shape/html_builder/Bold/01.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_02 {
  background-image: url("/html_editor/shape/html_builder/Bold/02.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_03 {
  background-image: url("/html_editor/shape/html_builder/Bold/03.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_04 {
  background-image: url("/html_editor/shape/html_builder/Bold/04.svg?c2=%231A1423&c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_05 {
  background-image: url("/html_editor/shape/html_builder/Bold/05.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_05_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/05_001.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_06 {
  background-image: url("/html_editor/shape/html_builder/Bold/06.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_06_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/06_001.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_07 {
  background-image: url("/html_editor/shape/html_builder/Bold/07.svg?c1=%23FAB803&c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_07_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/07_001.svg?c1=%23FAB803&c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_08 {
  background-image: url("/html_editor/shape/html_builder/Bold/08.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_09 {
  background-image: url("/html_editor/shape/html_builder/Bold/09.svg?c2=%231A1423&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_10 {
  background-image: url("/html_editor/shape/html_builder/Bold/10.svg?c1=%23FAB803&c3=%23f5f4f0&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_10_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/10_001.svg?c1=%23FAB803&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_11 {
  background-image: url("/html_editor/shape/html_builder/Bold/11.svg?c1=%23FAB803&c2=%231A1423&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_11_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/11_001.svg?c1=%23FAB803&c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_12 {
  background-image: url("/html_editor/shape/html_builder/Bold/12.svg?c1=%23FAB803&c2=%231A1423&c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Bold_12_001 {
  background-image: url("/html_editor/shape/html_builder/Bold/12_001.svg?c1=rgba%280%2C%200%2C%200%2C%200.5%29&c2=rgba%280%2C%200%2C%200%2C%200.25%29&c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_01 {
  background-image: url("/html_editor/shape/html_builder/Origins/01.svg?c2=%231A1423&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_02 {
  background-image: url("/html_editor/shape/html_builder/Origins/02.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_02_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/02_001.svg?c4=%23FFFFFF&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_03 {
  background-image: url("/html_editor/shape/html_builder/Origins/03.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_04 {
  background-image: url("/html_editor/shape/html_builder/Origins/04.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_04_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/04_001.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_05 {
  background-image: url("/html_editor/shape/html_builder/Origins/05.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_06 {
  background-image: url("/html_editor/shape/html_builder/Origins/06.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_06_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/06_001.svg?c3=%23f5f4f0&c4=%23FFFFFF");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_07 {
  background-image: url("/html_editor/shape/html_builder/Origins/07.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_07_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/07_001.svg?c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_07_002 {
  background-image: url("/html_editor/shape/html_builder/Origins/07_002.svg?c3=%23f5f4f0&c4=%23FFFFFF&c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_08 {
  background-image: url("/html_editor/shape/html_builder/Origins/08.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_09 {
  background-image: url("/html_editor/shape/html_builder/Origins/09.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_09_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/09_001.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_10 {
  background-image: url("/html_editor/shape/html_builder/Origins/10.svg?c2=%231A1423&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_11 {
  background-image: url("/html_editor/shape/html_builder/Origins/11.svg?c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_11_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/11_001.svg?c3=%23f5f4f0&c4=%23FFFFFF");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_12 {
  background-image: url("/html_editor/shape/html_builder/Origins/12.svg?c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_13 {
  background-image: url("/html_editor/shape/html_builder/Origins/13.svg?c3=%23f5f4f0&c5=%232e2714");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_14 {
  background-image: url("/html_editor/shape/html_builder/Origins/14.svg?c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_14_001 {
  background-image: url("/html_editor/shape/html_builder/Origins/14_001.svg?c3=%23f5f4f0&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_15 {
  background-image: url("/html_editor/shape/html_builder/Origins/15.svg?c4=%23FFFFFF");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_16 {
  background-image: url("/html_editor/shape/html_builder/Origins/16.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_17 {
  background-image: url("/html_editor/shape/html_builder/Origins/17.svg?c3=%23f5f4f0");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_18 {
  background-image: url("/html_editor/shape/html_builder/Origins/18.svg?c1=%23FAB803");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Origins_19 {
  background-image: url("/html_editor/shape/html_builder/Origins/19.svg?c5=%232e2714");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_01 {
  background-image: url("/html_editor/shape/html_builder/Rainy/01.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_02 {
  background-image: url("/html_editor/shape/html_builder/Rainy/02.svg?c1=%23FAB803&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_03 {
  background-image: url("/html_editor/shape/html_builder/Rainy/03.svg?c2=%231A1423&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat repeat;
}

.o_we_shape.o_html_builder_Rainy_03_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/03_001.svg?c2=%231A1423&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat repeat;
}

.o_we_shape.o_html_builder_Rainy_04 {
  background-image: url("/html_editor/shape/html_builder/Rainy/04.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_05 {
  background-image: url("/html_editor/shape/html_builder/Rainy/05.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_05_001 {
  background-image: url("/html_editor/shape/html_builder/Rainy/05_001.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_08 {
  background-image: url("/html_editor/shape/html_builder/Rainy/08.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Rainy_09 {
  background-image: url("/html_editor/shape/html_builder/Rainy/09.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_01 {
  background-image: url("/html_editor/shape/html_builder/Wavy/01.svg?c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_01_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/01_001.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_02 {
  background-image: url("/html_editor/shape/html_builder/Wavy/02.svg?c4=%23FFFFFF");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_02_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/02_001.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_05 {
  background-image: url("/html_editor/shape/html_builder/Wavy/05.svg?c1=%23FAB803&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_06 {
  background-image: url("/html_editor/shape/html_builder/Wavy/06.svg?c1=%23FAB803&c3=%23f5f4f0&c4=%23FFFFFF&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_06_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/06_001.svg?c1=%23FAB803&c3=%23f5f4f0&c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_07 {
  background-image: url("/html_editor/shape/html_builder/Wavy/07.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_08 {
  background-image: url("/html_editor/shape/html_builder/Wavy/08.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_09 {
  background-image: url("/html_editor/shape/html_builder/Wavy/09.svg?c1=%23FAB803&c5=%232e2714");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_11 {
  background-image: url("/html_editor/shape/html_builder/Wavy/11.svg?c1=%23FAB803&c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_12 {
  background-image: url("/html_editor/shape/html_builder/Wavy/12.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_12_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/12_001.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_13 {
  background-image: url("/html_editor/shape/html_builder/Wavy/13.svg?c4=%23FFFFFF");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_13_001 {
  background-image: url("/html_editor/shape/html_builder/Wavy/13_001.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_14 {
  background-image: url("/html_editor/shape/html_builder/Wavy/14.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_15 {
  background-image: url("/html_editor/shape/html_builder/Wavy/15.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_16 {
  background-image: url("/html_editor/shape/html_builder/Wavy/16.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_17 {
  background-image: url("/html_editor/shape/html_builder/Wavy/17.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_19 {
  background-image: url("/html_editor/shape/html_builder/Wavy/19.svg?c5=%232e2714");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_20 {
  background-image: url("/html_editor/shape/html_builder/Wavy/20.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_21 {
  background-image: url("/html_editor/shape/html_builder/Wavy/21.svg?c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_22 {
  background-image: url("/html_editor/shape/html_builder/Wavy/22.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_23 {
  background-image: url("/html_editor/shape/html_builder/Wavy/23.svg?c3=%23f5f4f0");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_25 {
  background-image: url("/html_editor/shape/html_builder/Wavy/25.svg?c1=%23FAB803&c2=%231A1423");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Wavy_28 {
  background-image: url("/html_editor/shape/html_builder/Wavy/28.svg?c1=%23FAB803&c3=%23f5f4f0");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Zigs_01 {
  background-image: url("/html_editor/shape/html_builder/Zigs/01.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Zigs_02 {
  background-image: url("/html_editor/shape/html_builder/Zigs/02.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Zigs_02_001 {
  background-image: url("/html_editor/shape/html_builder/Zigs/02_001.svg?c2=%231A1423");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Zigs_03 {
  background-image: url("/html_editor/shape/html_builder/Zigs/03.svg?c1=%23FAB803");
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat repeat;
}

.o_we_shape.o_html_builder_Zigs_04 {
  background-image: url("/html_editor/shape/html_builder/Zigs/04.svg?c1=%23FAB803");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Zigs_05 {
  background-image: url("/html_editor/shape/html_builder/Zigs/05.svg?c3=%23f5f4f0");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat no-repeat;
}

.o_we_shape.o_html_builder_Zigs_06 {
  background-image: url("/html_editor/shape/html_builder/Zigs/06.svg?c4=%23FFFFFF&c5=%232e2714");
  background-position: bottom;
  background-size: 30px 100%;
  background-repeat: repeat no-repeat;
}



/* /html_builder/static/src/scss/utilities_custom.scss */



/* /html_builder/static/src/sidebar/block_tab.scss */

.o_snippet {
  position: relative;
  z-index: 1041;
  width: 77px;
  background-color: #3e3e46;
}

.o_snippet.o_draggable_dragging {
  transform: rotate(-3deg) scale(1.2);
  box-shadow: 0 5px 25px -10px black;
  transition: transform 0.3s, box-shadow 0.3s;
}

.o_snippet .o_snippet_thumbnail {
  width: 100%;
  overflow: hidden;
}

.o_snippet .o_snippet_thumbnail .o_snippet_thumbnail_img {
  width: 100%;
  padding-top: 65%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.o_snippet:not(:hover):not(.o_disabled):not(.o_to_install) {
  background-color: rgba(62, 62, 70, 0.9);
}

.o_snippet:not(:hover):not(.o_disabled):not(.o_to_install) .o_snippet_thumbnail {
  filter: saturate(0.7);
  opacity: .9;
}

.o_block_tab {
  background-color: #191922;
  padding: 0.5rem;
  height: 100%;
  z-index: 1;
}

.o_block_tab .o_snippets_container, .o_block_tab .o_snippets_container_header {
  padding-bottom: 10px;
}

.o_block_tab .o_snippets_container_header {
  position: sticky;
  top: 0;
  background-color: #191922;
  padding-top: 10px;
  z-index: 1;
}

.o_block_tab .o_snippets_container_body {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2px;
  z-index: 0;
  position: relative;
}

.o_block_tab .o_snippets_container_body.o_snippets_container_body_row_cols_2 .o_snippet {
  width: 50%;
}

.o_block_tab .o_snippets_container_body.o_snippets_container_body_row_cols_2 .o_snippet_thumbnail_img {
  padding-top: 45%;
  background-size: contain;
  background-position: center top;
}

.o_block_tab .o_snippets_container_body .o_snippet {
  flex: 0 0 auto;
  width: 33.33333333%;
  background-clip: padding-box;
  border-left: 2px solid transparent;
  margin-bottom: 2px;
  user-select: none;
  cursor: url(/web/static/img/openhand.cur), grab;
}

.o_block_tab .o_snippets_container_body .o_snippet .o_snippet_thumbnail_title {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: normal;
  padding: 5px;
  text-align: center;
}

.o_block_tab .o_snippets_container_body .o_snippet .o_snippet_thumbnail_area {
  position: absolute;
  inset: 0;
  background: transparent;
  border: none;
  cursor: inherit;
}

.o_block_tab .o_snippets_container_body .o_snippet .o_snippet_thumbnail_area:focus-visible {
  border: 2px solid #00ff9e;
  outline: none;
  box-shadow: none;
}

.o_block_tab .o_snippets_container_body .o_snippet.o_disabled {
  pointer-events: initial;
}

.o_block_tab .o_snippets_container_body .o_snippet.o_disabled .o_snippet_undroppable {
  position: absolute;
  top: 8px;
  left: auto;
  bottom: auto;
  right: 6px;
}

.o_block_tab .o_snippets_container_body .o_snippet.o_disabled, .o_block_tab .o_snippets_container_body .o_snippet.o_to_install {
  cursor: default;
  background-color: rgba(62, 62, 70, 0.2);
}

.o_block_tab .o_snippets_container_body .o_snippet.o_disabled .o_snippet_thumbnail_img, .o_block_tab .o_snippets_container_body .o_snippet.o_to_install .o_snippet_thumbnail_img {
  opacity: .4;
  filter: saturate(0) blur(1px);
}

.o_block_tab #snippet_custom_content .o_snippet {
  display: flex;
  width: 100%;
}

.o_block_tab #snippet_custom_content .o_snippet .o_snippet_thumbnail,
.o_block_tab #snippet_custom_content .o_snippet .rename-delete-buttons {
  display: flex;
  align-items: center;
}

.o_block_tab #snippet_custom_content .o_snippet .o_snippet_thumbnail {
  min-width: 0;
}

.o_block_tab #snippet_custom_content .o_snippet .o_snippet_thumbnail_title {
  white-space: nowrap;
}

.o_block_tab #snippet_custom_content .o_snippet .o_snippet_thumbnail_img {
  flex-shrink: 0;
  width: 41px;
  height: 30px;
  padding: 0;
}

.o_block_tab #snippet_custom_content .o_snippet .rename-delete-buttons button {
  padding-left: 6px;
  padding-right: 6px;
}

.o_block_tab #snippet_custom_content .o_snippet:not(:hover, :focus-within) .rename-delete-buttons button, .o_block_tab #snippet_custom_content .o_snippet.o_disabled:hover .rename-delete-buttons button {
  display: none;
}

.o_block_tab #snippet_custom_content .o_snippet .rename-input {
  display: flex;
  cursor: pointer;
}

.o_block_tab #snippet_custom_content .o_snippet .rename-input input {
  cursor: text;
}

.o_block_tab #snippet_custom_content .o_snippet .rename-input button {
  cursor: pointer;
  flex: 1 1 auto;
  padding: 0 6px;
  line-height: 17px;
  text-align: center;
}

.modal-open:has(.o_block_tab) .o_snippet {
  z-index: 1056;
}



/* /html_builder/static/src/sidebar/option_container.scss */

.options-container {
  background-color: #3e3e46;
}

.options-container .options-container-header {
  --o-hb-btn-has-icon-paddingX: 0.25rem;
  background-color: #2b2b33;
}

.options-container .options-container-header .o-hb-image-size-info {
  margin-left: 8px;
}

.options-container:where(:not(:first-of-type)) .options-container-header {
  box-shadow: inset 0 1px 0 #3e3e46;
}

.options-container .options-container-label {
  color: #D9D9D9;
  font-size: 13px;
}

.options-container .options-container-label-actionable:hover {
  color: #FFFFFF;
}

.options-container div:has(> input.o_we_large) {
  width: 100%;
}

.options-container input::-webkit-outer-spin-button,
.options-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.options-container input[type=number] {
  -moz-appearance: textfield;
}

.options-container .o_we_table_wrapper {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}

.options-container .o_we_table_wrapper table {
  border-collapse: separate;
  border-spacing: 4px 4px;
}

.options-container .o-hb-image-size-info {
  background-color: #141217;
}

.options-container .hb-row-content .o-hb-image-size-info {
  font-size: 0.9em;
}

.o_we_img_animate {
  padding-top: 10px;
}

.o_we_img_animate:hover img {
  content: image-set(var(--animate-src));
}



/* /html_builder/static/src/snippets/add_snippet_dialog.scss */

.o_add_snippet_dialog {
  max-height: 800px !important;
}

.o_add_snippet_dialog .modal-body {
  display: flex;
  padding: 0;
}

.o_add_snippet_dialog .modal-body aside input[type="search"]::-webkit-search-cancel-button {
  transform: translateX(1rem);
}

.o_add_snippet_dialog .modal-body aside input[type="search"]:not(:placeholder-shown) + .input-group-text {
  display: none;
}

@media screen and (min--moz-device-pixel-ratio: 0) {
  .o_add_snippet_dialog .modal-body aside input[type="search"]:not(:placeholder-shown) + .input-group-text {
    display: block;
  }
}

.o_add_snippet_dialog .modal-body .list-group {
  --list-group-border-radius: 0;
  --list-group-active-bg: #714B67;
  --list-group-active-border-color: #714B67;
  --list-group-active-color: #FFFFFF;
  min-width: 200px;
  max-width: 250px;
}

.o_add_snippet_dialog .o_add_snippet_dialog_search {
  background-color: var(--SearchBar-bg-color, #FFF);
}

.o_add_snippet_dialog_iframe_loader {
  visibility: hidden;
  animation: showLoader 0s 1s forwards;
}

@keyframes showLoader {
  to {
    visibility: visible;
  }
}



/* /html_builder/static/src/snippets/snippet_viewer.scss */

.o_add_snippets_preview {
  overflow: hidden;
}

.o_add_snippets_preview > body {
  overflow-x: hidden;
  overflow-y: auto;
  width: 30%;
  height: 30%;
  background-color: unset;
  scrollbar-gutter: stable both-edges;
}

.o_add_snippets_preview .o_snippets_preview_row {
  position: absolute;
  transform: scale(0.3);
  transform-origin: top left;
  width: 333%;
  height: 100%;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap {
  min-height: 100px;
  box-shadow: 0 0 6rem rgba(0, 0, 0, 0.16);
  margin: 3rem 1.5rem 4rem;
  background-color: var(--body-bg);
  transform: scale(0.98);
  cursor: pointer;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [data-snippet="s_carousel"],
.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [data-snippet="s_carousel_intro"],
.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [data-snippet="s_carousel_cards"],
.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [data-snippet="s_quotes_carousel_minimal"],
.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [data-snippet="s_quotes_carousel"] {
  height: 550px;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [data-snippet="s_quotes_carousel_compact"] {
  height: 350px;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [data-snippet="s_three_columns"] .figure-img[style*="height:50vh"] {
  /* In Travel theme. */
  height: 500px !important;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [data-snippet="s_numbers_charts"] .s_chart {
  display: none;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [data-snippet="s_banner_product"] .s_parallax_bg {
  background-position: top !important;
  transform: none !important;
  inset: 0 !important;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap .o_full_screen_height, .o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap .o_half_screen_height {
  height: unset !important;
  min-height: unset !important;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap .o_full_screen_height {
  aspect-ratio: 4 / 3;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap .o_half_screen_height {
  aspect-ratio: 8 / 3;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [inert="inert"] > [data-snippet] {
  isolation: isolate;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [inert="inert"] > [data-snippet][data-snippet="s_text_block"] {
  font-size: 1.6rem;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [inert="inert"] > [data-snippet].s_popup {
  min-height: 660px;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [inert="inert"] > [data-snippet].s_popup > .modal {
  --black-50: rgba(0, 0, 0, 0.25) !important;
  display: block;
  opacity: 1;
  position: absolute;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [inert="inert"] > [data-snippet].s_popup > .modal .modal-dialog {
  transform: none;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap [inert="inert"] > [data-snippet].s_popup > .modal .modal-content {
  box-shadow: 0rem 3.5rem 12rem rgba(0, 0, 0, 0.6);
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap[data-label]:not([data-label=""])::before {
  content: attr(data-label);
  position: absolute;
  top: 0;
  left: auto;
  bottom: auto;
  right: 0;
  z-index: 1;
  transform-origin: top right;
  transform: scale(3.4);
  font-family: "-apple-system", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  background-color: #018597;
  color: white;
  padding: 6px 12px;
  border-bottom-left-radius: 5px;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  outline: 6px solid transparent;
  pointer-events: none;
  z-index: 1;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap:hover, .o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap:focus-visible {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap:hover::after, .o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap:focus-visible::after {
  outline: 6px solid #01bad2;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap.o_snippet_preview_install .s_dialog_preview_image {
  filter: saturate(0) blur(5px);
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap.o_snippet_preview_install:hover .s_dialog_preview_image, .o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap.o_snippet_preview_install:focus-within .s_dialog_preview_image {
  opacity: 1;
  filter: saturate(0) brightness(0.6) blur(5px);
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap.o_snippet_preview_install:hover > .o_snippet_preview_install_btn, .o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap.o_snippet_preview_install:focus-within > .o_snippet_preview_install_btn {
  opacity: 1;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap.o_snippet_preview_install:focus-within > .o_snippet_preview_install_btn {
  outline: 6px solid #01bad2;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap.o_snippet_preview_install > .o_snippet_preview_install_btn {
  z-index: 1;
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transform: scale(3.33);
  width: max-content;
  font-size: 14px;
  font-family: "-apple-system", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #6999a8;
  transition: 0.3s;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap .s_dialog_preview_image {
  display: flex;
  flex-direction: column;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap .s_dialog_preview_image img {
  max-width: 100%;
}

.o_add_snippets_preview .o_snippets_preview_row .o_snippet_preview_wrap .o_animate {
  visibility: visible;
  animation-name: none;
}

.o_add_snippets_preview .o_snippets_preview_row .o_custom_snippet_edit > * {
  font-size: 50px;
  font-family: "-apple-system", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.o_add_snippets_preview .o_snippets_preview_row .o_custom_snippet_edit .btn:hover {
  color: rgba(0, 0, 0, 0.8);
}

.o_add_snippets_preview.o_add_snippets_preview--dark .o_custom_snippet_edit {
  color: #FFFFFF;
}



/* /website/static/src/scss/website_common.scss */

.o_text_highlight {
  position: relative;
  --text-highlight-color: currentColor;
  isolation: isolate;
}

.o_text_highlight > * {
  text-decoration: none;
}

.o_text_highlight svg {
  z-index: -1;
  height: 1px;
  width: 1px;
}



/* /website/static/src/builder/plugins/font/builder.fonts.scss */



/* /website/static/src/builder/plugins/options/animate_text.scss */

.o_animate_text_popover {
  min-width: unset;
  width: 300px;
  overflow-y: auto;
}



/* /website/static/src/builder/plugins/options/chart_option.scss */

table.o_builder_matrix {
  table-layout: fixed;
  max-width: 100%;
}

table.o_builder_matrix td, table.o_builder_matrix th {
  text-align: center;
}

table.o_builder_matrix td > :is(div, button), table.o_builder_matrix th > :is(div, button) {
  width: 100% !important;
}

table.o_builder_matrix td > div, table.o_builder_matrix th > div {
  padding: 0;
  border-radius: 0;
}

table.o_builder_matrix td .btn, table.o_builder_matrix th .btn {
  padding: unset;
}

table.o_builder_matrix td .o-hb-input-number, table.o_builder_matrix td .o-hb-input-base, table.o_builder_matrix th .o-hb-input-number, table.o_builder_matrix th .o-hb-input-base {
  margin-right: 0;
  padding: 1px 3px;
  border-radius: 0;
}

table.o_builder_matrix td:last-child, table.o_builder_matrix th:last-child {
  width: 28px;
}



/* /website/static/src/builder/plugins/options/google_maps_option/google_maps_option.scss */

.pac-container {
  z-index: 1050;
  width: 260px !important;
  font-size: 12px;
  margin-left: -144px;
  border: 1px solid #000000;
  border-top: none;
  border-radius: 4px;
  overflow: hidden;
  background-color: #141217;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  margin-top: 8px;
  transform: translate(41px);
}

.pac-container:after {
  display: none;
}

.pac-container .pac-item {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  line-height: 34px;
  color: #D9D9D9;
  padding: 0 1em 0 2em;
  border-top: 1px solid #262626;
  border-radius: 4px;
  background-color: #595964;
  color: #D9D9D9;
  font-size: 12px;
  /* Remove Google Maps' own icon. */
}

.pac-container .pac-item:hover, .pac-container .pac-item:focus, .pac-container .pac-item.pac-item-selected {
  background-color: #2b2b33;
  cursor: pointer;
}

.pac-container .pac-item .pac-icon {
  all: revert;
}

.pac-container .pac-item .pac-icon-marker {
  position: absolute;
  margin-left: -1em;
}

.pac-container .pac-item .pac-icon-marker::after {
  content: '\f041';
  font-family: FontAwesome;
}

.pac-container .pac-item .pac-item-query {
  margin-right: 0.4em;
  color: inherit;
}



/* /website/static/src/builder/plugins/theme/theme_colors_option.scss */

.o-color-palette-dropdown {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 258px;
  padding-block: 0.3rem;
}

.o-color-palette-dropdown .o-hb-select-dropdown-item {
  padding-block: 0.5em;
  border-bottom: none;
}

.o-color-palette-dropdown .o-hb-select-dropdown-item.focus {
  background-color: inherit !important;
}

.o-color-palette-dropdown .o-hb-select-dropdown-item .o-color-palette-pill {
  height: 30px;
}

.o-color-palette-dropdown .o-hb-select-dropdown-item:is(.focus, .active) .o-color-palette-pill {
  box-shadow: 0 0 0 1px #2b2b33, 0 0 0 2px var(--o-hb-select-item-active-color, #01bad2);
}



/* /website/static/src/builder/translation_components/translator.scss */

.oe_translate_examples li {
  margin: 10px;
  padding: 4px;
}

.oe_translate_examples li[data-oe-translation-state] {
  background-color: rgba(120, 215, 110, 0.5);
}

.oe_translate_examples li[data-oe-translation-state="to_translate"] {
  background-color: rgba(255, 255, 90, 0.5);
}



/* /website_sale/static/src/website_builder/products_design_panel.scss */

.o_wsale_editor_overlay {
  background: #141217;
  z-index: 1045;
  animation: fromLeft .2s ease-in-out;
}

@keyframes fromLeft {
  from {
    transform: translateX(100%);
  }
}

.o_wsale_editor_overlay .o_wsale_design_panel {
  background-color: #3e3e46;
  --o-hb-row-bg-color: #3e3e46;
  --o-snippets-tabs-accent-color: #FAB803;
}

.o_wsale_editor_overlay .o_wsale_design_panel .options-container-header {
  position: sticky;
  top: 0px;
  left: auto;
  bottom: auto;
  right: auto;
  z-index: 10;
  background: linear-gradient(40deg, #141217, #2b2b33);
}

.o_wsale_editor_overlay .o_wsale_design_panel .options-container-label {
  color: #FFFFFF;
}

.o_wsale_editor_overlay .o_wsale_design_panel .o_wsale_design_panel_section_title {
  color: #FFFFFF;
}

.o-tab-content:has(.o_wsale_editor_overlay.d-block) {
  position: relative;
}

.o-tab-content:has(.o_wsale_editor_overlay.d-block) .options-container:not(:has(.o_wsale_editor_overlay.d-block)) {
  display: none;
}



/* /website_sale/static/src/website_builder/website_sale.editor.scss */

.options-container:has(.o_wsale_products_list_page_options) > div:first-child,
.options-container:has(.o_wsale_product_page_options) > div:first-child {
  display: none !important;
}

.options-container:has(.o_wsale_products_list_page_options) > .we-bg-options-container,
.options-container:has(.o_wsale_product_page_options) > .we-bg-options-container {
  margin-top: -4px;
  padding-top: 8px;
}

.options-container:has(.o_wsale_products_list_page_options) .o_wsale_panel_section_title,
.options-container:has(.o_wsale_product_page_options) .o_wsale_panel_section_title {
  color: white;
}

.options-container:has(.o_wsale_products_list_page_options) div[data-label="Style"].hb-row-sublevel-1 .hb-row-label::after {
  height: 42px;
}

.o_wsale_soptions_menu_sizes {
  align-self: flex-start !important;
}

.o_wsale_soptions_menu_sizes table {
  margin: auto;
}

.o_wsale_soptions_menu_sizes table td {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border: 1px #dddddd solid;
  cursor: pointer;
}

.o_wsale_soptions_menu_sizes table td.selected {
  background-color: #b1d4f1;
}

.o_wsale_soptions_menu_sizes table td .btn {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  min-height: unset;
}

.o_wsale_soptions_menu_sizes table td .btn,
.o_wsale_soptions_menu_sizes table td .btn-primary,
.o_wsale_soptions_menu_sizes table td .btn.active {
  background: transparent !important;
}

.o_wsale_soptions_menu_sizes table.oe_hover td.selected {
  background-color: transparent;
}

.o_wsale_soptions_menu_sizes table.oe_hover td.select {
  background-color: #b1d4f1;
}

.o_wsale_color_preview {
  width: 1em;
  height: 1em;
  border: 1px solid white;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
/*# sourceMappingURL=/web/assets/1/59e4eac/website.website_builder_assets.css.map */