: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: 100;
 --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: 300;
 --font-title-style: normal;
 --font-subtitle-size: 18px;
 --font-menu-family: "Roboto", sans-serif;;
 --font-menu-weight: 400;
 --font-title-style: normal;
 --font-menu-size: 16px;
 --font-link-family: "Roboto", sans-serif;;
 --font-link-weight: 500;
 --font-link-style: normal;
 --font-link-size: 14px;
}
:root.theme-light, .theme-force-light {
 --header-line-background: #fd916e;
 --header-line-text: #ffffff;
 --header-line-text-hover: #ffffff;
 --header-main-background: #ffffff;
 --header-main-text: #06b6b3;
 --header-main-text-hover: #02928f;
 --header-search-background: #ffffff;
 --header-search-texto: #000000;
 --header-search-border: #06b6b3;
 --header-search-icon-color: #06b6b3;
 --header-search-icon-color-hover: #00928f;
 --menu-background-cart: #06b6b3;
 --menu-text-cart: #ffffff;
 --menu-background-cart-hover: #00928f;
 --menu-text-cart-hover: #ffffff;
 --menu-background: #06b6b3;
 --menu-background-select: #00928f;
 --menu-text: #000000;
 --menu-text-hover: #000000;
 --menu-background-sub-main: #ededed;
 --menu-text-sub-main: #000000;
 --menu-background-sub-select: #000000;
 --menu-text-chridren: #ffffff;
 --menu-icon-color: #ffffff;
 --menu-icon-color-hover: #ebebeb;
 --main-background: #ffffff;
 --main-background-invert-alpha-30: rgba(0, 0, 0, 0.3);
 --main-background-invert-alpha-20: rgba(0, 0, 0, 0.2);
 --main-title: #fd916e;
 --main-subtitle: #06b6b3;
 --main-text: #000000;
 --link-text: #00928f;
 --link-text-hover: #fd916e;
 --button-favorite: #06b6b3;
 --color-title-product: #00928f;
 --color-title-product-invert: #000000;
 --color-price-product: #fd916e;
 --color-price-product-invert: #000000;
 --color-price-product-label: #06b6b3;
 --color-price-product-label-invert: #000000;
 --color-price-product-card: #06b6b3;
 --color-price-product-card-invert: #000000;
 --button-first-background: #fd916e;
 --button-first-text: #ffffff;
 --button-first-background-hover: #cb7457;
 --button-first-text-hover: #ffffff;
 --button-second-background: #06b6b3;
 --button-second-text: #ffffff;
 --button-second-background-hover: #00928f;
 --button-second-text-hover: #ffffff;
 --footer-first-background: #c7c7c7;
 --footer-first-text: #000000;
 --footer-first-title: #000000;
 --footer-second-background: #b8b8b8;
 --footer-second-text: #ffffff;
 --footer-second-title: #ffffff;
 --footer-button-background: #fd916e;
 --footer-button-text: #ffffff;
 --footer-button-background-hover: #cb7457;
 --footer-button-text-hover: #ffffff;
 --footer-input-background: #ffffff;
 --footer-input-text: #fd916e;
 --input-body-background: #000000;
 --input-body-border: #000000;
 --header-body-background: ;
 --header-body-film: rgba(255, 255, 255, 0);
.st1{fill:#16b3b2}
.st2{fill:#f18f72}
.st3{fill:#000000}
.st4{fill:#000000}
.st5{fill:#000000}
}
:root.theme-dark {
 --header-line-background: #f18f72;
 --header-line-text: #ffffff;
 --header-line-text-hover: #ffffff;
 --header-main-background: #1c1c1c;
 --header-main-text: #ffffff;
 --header-main-text-hover: #ffffff;
 --header-search-background: #6b6b6b;
 --header-search-texto: #ffffff;
 --header-search-border: #ffffff;
 --header-search-icon-color: #f18f73;
 --header-search-icon-color-hover: #d07c67;
 --menu-background-cart: #ffffff;
 --menu-text-cart: #f18f73;
 --menu-background-cart-hover: #d07c67;
 --menu-text-cart-hover: #ffffff;
 --menu-background: #000000;
 --menu-background-select: #000000;
 --menu-text: #ffffff;
 --menu-text-hover: #ebebeb;
 --menu-background-sub-main: #212121;
 --menu-text-sub-main: #ffffff;
 --menu-background-sub-select: #f18f73;
 --menu-text-chridren: #ffffff;
 --menu-icon-color: #ffffff;
 --menu-icon-color-hover: #ebebeb;
 --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: #ffffff;
 --main-subtitle: #ffffff;
 --main-text: #ffffff;
 --link-text: #ffffff;
 --link-text-hover: #ffffff;
 --button-favorite: #000000;
 --color-title-product: #000000;
 --color-title-product-invert: #00928f;
 --color-price-product: #000000;
 --color-price-product-invert: #fd916e;
 --color-price-product-label: #000000;
 --color-price-product-label-invert: #06b6b3;
 --color-price-product-card: #000000;
 --color-price-product-card-invert: #06b6b3;
 --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: #ffffff;
 --footer-first-title: #ffffff;
 --footer-second-background: #ffffff;
 --footer-second-text: #ffffff;
 --footer-second-title: #ffffff;
 --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;
 --input-body-background: #000000;
 --input-body-border: #000000;
 --header-body-background: ;
 --header-body-film: rgba(0,0,0,0);
.st1{fill:#16b3b2}
.st2{fill:#f18f72}
.st3{fill:#000000}
.st4{fill:#000000}
.st5{fill:#000000}
}