@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@100;200;300;400;500;600&display=swap");
@layer base {
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
}
* {
  font-family: "IBM Plex Sans Thai Looped", sans-serif;
}

:root {
  --azo-bg-primary: linear-gradient(to right bottom, #1a0b37, #241350, #2d1c6c, #352589, #3b2fa7, #3547c1, #275dda, #0074f2, #0094fe, #00aff9, #00c5ea, #04d8da);
  --azo-bg-live: linear-gradient(to right bottom, #fc401b, #fa3821, #f73027, #f5282c, #f21e30, #f01a38, #ee163f, #ec1446, #e91b51, #e6235b, #e12b65, #dc336e);
  --azo-bg-brand1: #3E3ED1;
  --azo-bg-brand2: #04D8DA;
  --azo-base: #f7f8ff;
  --azo-text-white: #fff;
  --azo-text-dark: #222;
  --azo-text-gray: #717171;
  --azo-text-red: #FF3D3D;
  --azo-text-yellow: #fdd835;
  --azo-bg-blue1-opacity: #3E3ED120;
  --azo-bg-blue2-opacity: #04D8DA20;
  --azo-bg-blue3-opacity: #E8F8FF;
}

html {
  scroll-behavior: smooth;
}

.banner::-webkit-scrollbar {
  display: none;
}

.content-cart::-webkit-scrollbar {
  display: none !important;
}

.bg-theme-main {
  background: linear-gradient(40deg, #1A0B37 -17.47%, #190B37 0.48%, #3E3ED1 47.38%, #3E3ED1 68.81%, #04D8DA 101.09%);
}

.text-theme-main {
  background: linear-gradient(40deg, #1A0B37 -17.47%, #190B37 0.48%, #3E3ED1 47.38%, #3E3ED1 68.81%, #04D8DA 101.09%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-title {
  font-size: 18px;
}

.azo-btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--azo-bg-brand1) !important;
  color: var(--azo-text-white);
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 500;
  height: 46px;
  padding: 0px 24px;
}

.azo-btn-primary-gradient {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-image: var(--azo-bg-primary) !important;
  color: var(--azo-text-white);
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 500;
  height: 46px;
  padding: 0px 24px;
}

.azo-btn-primary-red {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--azo-text-red) !important;
  color: var(--azo-text-white);
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 500;
  height: 46px;
  padding: 0px 24px;
}

.azo-btn-primary-sm {
  display: flex;
  align-items: center;
  border-radius: 9999px;
  background-color: var(--azo-bg-brand1) !important;
  color: var(--azo-text-white);
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  padding: 0px 12px;
}

.azo-btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--azo-bg-blue1-opacity) !important;
  color: var(--azo-bg-brand1);
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 500;
  height: 46px;
  padding: 0px 24px;
}

.azo-btn-secondary-sm {
  display: flex;
  align-items: center;
  border-radius: 9999px;
  background-color: var(--azo-bg-blue1-opacity) !important;
  color: var(--azo-bg-brand1);
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  padding: 0px 12px;
}

.azo-btn-tertiary {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--azo-bg-white) !important;
  color: var(--azo-bg-brand1);
  border: var(--azo-bg-brand1) 1px solid;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 500;
  height: 46px;
  padding: 0px 24px;
}

.azo-btn-tertiary-sm {
  display: flex;
  align-items: center;
  border-radius: 9999px;
  background-color: var(--azo-bg-white) !important;
  color: var(--azo-bg-brand1);
  border: var(--azo-bg-brand1) 1px solid;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  padding: 0px 12px;
}

.azo-btn-red-sm {
  display: flex;
  align-items: center;
  border-radius: 9999px;
  background-color: var(--azo-text-red) !important;
  color: var(--azo-text-white);
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  padding: 0px 12px;
}

.azo-btn-disabled {
  background-color: rgba(62, 62, 209, 0.1254901961) !important;
  color: #D0D0EE;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 500;
  height: 46px;
  padding: 0px 24px;
}/*# sourceMappingURL=global.css.map */