@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
/* Prefix for :root CSS variables */
/* Variables */
/* Prefix for :root CSS variables */
/* Characters which are escaped by the escape-svg function */
/* Quickly modify global styling by enabling or disabling optional features. */
/* Spacing */
/* Position */
/* Paragraphs */
/* Z-index master list */
/* Variables */
/* Color system */
/* Body */
/* Grid breakpoints */
/* Grid containers */
/* Grid columns */
/* Variables */
/* Variables */
/* Gradient */
/* Links */
/* Icon links */
/* Variables */
/* Tables */
/* Variables */
/* Functions */
/* Variables */
/* Mixins */
/* Variables */
/* Variables */
/* Variables */
/* Variables */
/* Variables */
/* Variables */
/* Variables */
/* Variables */
/* Map */
/* Variables */
/* Functions */
:root,
[data-ka-theme=light] {
  --theme-primary: #059;
  --theme-primary-text: #059;
  --theme-primary-text-static: #059;
  --theme-primary-bg: #059;
  --theme-primary-bg-static: #059;
  --link-theme-primary: #059;
  --link-theme-primary-hover: rgb(0, 51, 91.8);
}

[data-ka-theme=dark] {
  color-scheme: dark;
  --theme-primary-text: rgb(102, 153, 193.8);
  --theme-primary-bg: rgb(102, 153, 193.8);
  --link-theme-primary: rgb(102, 153, 193.8);
  --link-theme-primary-hover: rgb(61.2, 91.8, 116.28);
}

.text-theme-primary {
  color: var(--theme-primary-text) !important;
}

.text-theme-primary-static {
  color: var(--theme-primary-text-static) !important;
}

.bg-theme-primary {
  background-color: var(--theme-primary-bg) !important;
}

.bg-theme-primary-static {
  background-color: var(--theme-primary-bg-static) !important;
}

.link-theme-primary {
  color: var(--link-theme-primary) !important;
}
.link-theme-primary:hover, .link-theme-primary:focus {
  color: var(--link-theme-primary-hover) !important;
}

/* Button Close */
.btn-theme-primary {
  --ka-btn-color: #fff;
  --ka-btn-bg: #059;
  --ka-btn-border-color: #059;
  --ka-btn-hover-color: #fff;
  --ka-btn-hover-bg: rgb(0, 72.25, 130.05);
  --ka-btn-hover-border-color: rgb(0, 68, 122.4);
  --ka-btn-focus-shadow-rgb: 38.25, 110.5, 168.3;
  --ka-btn-active-color: #fff;
  --ka-btn-active-bg: rgb(0, 68, 122.4);
  --ka-btn-active-border-color: rgb(0, 63.75, 114.75);
  --ka-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ka-btn-disabled-color: #fff;
  --ka-btn-disabled-bg: #059;
  --ka-btn-disabled-border-color: #059;
}

.btn-outline-theme-primary {
  --ka-btn-color: #059;
  --ka-btn-border-color: #059;
  --ka-btn-hover-color: #fff;
  --ka-btn-hover-bg: #059;
  --ka-btn-hover-border-color: #059;
  --ka-btn-focus-shadow-rgb: 0, 85, 153;
  --ka-btn-active-color: #fff;
  --ka-btn-active-bg: #059;
  --ka-btn-active-border-color: #059;
  --ka-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ka-btn-disabled-color: #059;
  --ka-btn-disabled-bg: transparent;
  --ka-btn-disabled-border-color: #059;
  --ka-gradient: none;
}

.btn-outline-shopee {
  color: #f53d2d;
  border-color: #f53d2d;
}
.btn-outline-shopee:hover {
  color: #fff;
  background-color: #f53d2d;
}

.btn-outline-sendo {
  color: #e5101d;
  border-color: #e5101d;
}
.btn-outline-sendo:hover {
  color: #fff;
  background-color: #e5101d;
}

.btn-outline-tiktok {
  color: var(--ka-body-color);
  border-color: var(--ka-body-color);
}
.btn-outline-tiktok:hover {
  color: #fff;
  background-color: #000;
}

.btn-outline-lazada {
  color: #f57224;
  border-color: #f57224;
}
.btn-outline-lazada:hover {
  color: #fff;
  background-color: #f57224;
}

.-btn-red-highlight {
  background-color: #ff3945 !important;
  transition: opacity 0s ease-in-out;
}
.-btn-red-highlight:hover {
  background-color: #ff3945 !important;
  opacity: 0.85 !important;
}

body {
  background: var(--ka-secondary-bg-subtle);
}