:root {
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 --font-default-family: "Roboto", sans-serif;;
 --font-default-weight: 200;
 --font-default-style: normal;
 --font-default-size: 14px;
 --font-title-family: "Roboto", sans-serif;;
 --font-title-weight: 600;
 --font-title-style: normal;
 --font-title-size: 20px;
 --font-subtitle-family: "Roboto", sans-serif;;
 --font-subtitle-weight: 400;
 --font-title-style: normal;
 --font-subtitle-size: 16px;
 --font-menu-family: "Roboto", sans-serif;;
 --font-menu-weight: 400;
 --font-title-style: normal;
 --font-menu-size: 14px;
 --font-link-family: "Roboto", sans-serif;;
 --font-link-weight: 400;
 --font-link-style: normal;
 --font-link-size: 16px;
}
:root.theme-light, .theme-force-light {
 --header-line-background: #0377be;
 --header-line-text: #ffffff;
 --header-line-text-hover: #ededed;
 --header-main-background: #f9f9f9;
 --header-main-text: #0277bd;
 --header-main-text-hover: #066dae;
 --header-search-background: #ffffff;
 --header-search-texto: #0277bd;
 --header-search-border: #0277bd;
 --header-search-icon-color: #0277bd;
 --header-search-icon-color-hover: #046dae;
 --menu-background-cart: #0277bd;
 --menu-text-cart: #ffffff;
 --menu-background-cart-hover: #066dae;
 --menu-text-cart-hover: #ffffff;
 --menu-background: #0277bd;
 --menu-background-select: #0267a7;
 --menu-text: #ffffff;
 --menu-text-hover: #e3e3e3;
 --menu-background-sub-main: #0277bd;
 --menu-text-sub-main: #ffffff;
 --menu-background-sub-select: #0167a7;
 --menu-text-chridren: #ffffff;
 --menu-icon-color: #ffffff;
 --menu-icon-color-hover: #ededed;
 --main-background: #f9f9f9;
 --main-background-invert-alpha-30: rgba(6, 6, 6, 0.3);
 --main-background-invert-alpha-20: rgba(6, 6, 6, 0.2);
 --main-title: #0277bd;
 --main-subtitle: #0277bd;
 --main-text: #000000;
 --link-text: #0277bd;
 --link-text-hover: #0167a7;
 --button-favorite: #0277bd;
 --color-title-product: #000000;
 --color-title-product-invert: #000000;
 --color-price-product: #0277bd;
 --color-price-product-invert: #000000;
 --color-price-product-label: #0277bd;
 --color-price-product-label-invert: #000000;
 --color-price-product-card: #000000;
 --color-price-product-card-invert: #000000;
 --button-first-background: #0277bd;
 --button-first-text: #ffffff;
 --button-first-background-hover: #0167a7;
 --button-first-text-hover: #ffffff;
 --button-second-background: #000000;
 --button-second-text: #ffffff;
 --button-second-background-hover: #000000;
 --button-second-text-hover: #ffffff;
 --footer-first-background: #0167a7;
 --footer-first-text: #ffffff;
 --footer-first-title: #f2f2f2;
 --footer-second-background: #015589;
 --footer-second-text: #ffffff;
 --footer-second-title: #f2f2f2;
 --footer-button-background: #000000;
 --footer-button-text: #ffffff;
 --footer-button-background-hover: #000000;
 --footer-button-text-hover: #ffffff;
 --footer-input-background: #000000;
 --footer-input-text: #000000;
 --header-body-background: ;
 --header-body-film: rgba(255, 255, 255, 0);
.st1{fill:#000000}
.st2{fill:#000000}
.st3{fill:#000000}
.st4{fill:#000000}
.st5{fill:#000000}
}
:root.theme-dark {
 --header-line-background: #000000;
 --header-line-text: #000000;
 --header-line-text-hover: #000000;
 --header-main-background: #000000;
 --header-main-text: #000000;
 --header-main-text-hover: #000000;
 --header-search-background: #000000;
 --header-search-texto: #000000;
 --header-search-border: #000000;
 --header-search-icon-color: #000000;
 --header-search-icon-color-hover: #000000;
 --menu-background-cart: #000000;
 --menu-text-cart: #000000;
 --menu-background-cart-hover: #000000;
 --menu-text-cart-hover: #000000;
 --menu-background: #000000;
 --menu-background-select: #000000;
 --menu-text: #000000;
 --menu-text-hover: #000000;
 --menu-background-sub-main: #000000;
 --menu-text-sub-main: #000000;
 --menu-background-sub-select: #000000;
 --menu-text-chridren: #000000;
 --menu-icon-color: #000000;
 --menu-icon-color-hover: #000000;
 --main-background: #000000;
 --main-background-invert-alpha-30: rgba(255, 255, 255, 0.3);
 --main-background-invert-alpha-20: rgba(255, 255, 255, 0.2);
 --main-title: #000000;
 --main-subtitle: #000000;
 --main-text: #000000;
 --link-text: #000000;
 --link-text-hover: #000000;
 --button-favorite: #000000;
 --color-title-product: #000000;
 --color-title-product-invert: #000000;
 --color-price-product: #000000;
 --color-price-product-invert: #0277bd;
 --color-price-product-label: #000000;
 --color-price-product-label-invert: #0277bd;
 --color-price-product-card: #000000;
 --color-price-product-card-invert: #000000;
 --button-first-background: #000000;
 --button-first-text: #000000;
 --button-first-background-hover: #000000;
 --button-first-text-hover: #000000;
 --button-second-background: #000000;
 --button-second-text: #000000;
 --button-second-background-hover: #000000;
 --button-second-text-hover: #000000;
 --footer-first-background: #000000;
 --footer-first-text: #000000;
 --footer-first-title: #000000;
 --footer-second-background: #000000;
 --footer-second-text: #000000;
 --footer-second-title: #000000;
 --footer-button-background: #000000;
 --footer-button-text: #000000;
 --footer-button-background-hover: #000000;
 --footer-button-text-hover: #000000;
 --footer-input-background: #000000;
 --footer-input-text: #000000;
 --header-body-background: ;
 --header-body-film: rgba(0,0,0,0);
.st1{fill:#000000}
.st2{fill:#000000}
.st3{fill:#000000}
.st4{fill:#000000}
.st5{fill:#000000}
}