/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");

body {
  font-family: Kanit, sans-serif;
  color: #444444;
}

a {
  color: #1ec5cd;
  text-decoration: none;
}

a:hover {
  color: #ffff;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Kanit, sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #1ec5cd;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #000000;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  /* padding: 20px 0; */
}

#header.header-scrolled {
  padding: 12px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-family: Kanit, sans-serif;
}

#header .logo a {
  /* color: #111111; */
}

#header .logo a span {
  color: #e03a3c;
}

#header .logo img {
  max-height: 70px;
}

/*--------------------------------------------------------------
# Get Startet Button
--------------------------------------------------------------*/
.get-started-btn {
  margin-left: 30px;
  background: #e03a3c;
  color: #fff;
  border-radius: 4px;
  padding: 8px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}

.get-started-btn:hover {
  background: #111111;
  color: #fff;
}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  padding: 10px 0 10px 30px;
  font-family: Kanit, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
  margin-right: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #1ec5cd;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 30px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #000000d4;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown .drop-left {
  transform: translate(-80%, 0px);
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #1ec5cd;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}


/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #ffff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
  position: absolute;
  z-index: 9999;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

.mobile-li {
  display: none;
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
  height: 100vh;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #111111;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #e03a3c;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #e03a3c;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background: url("../img/hero-bg.jpg") top center no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 82px;
}

#hero:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero h1 {
  margin: 0;
  font-size: 48px;
  font-weight: 700;
  color: #fff;
}

#hero h2 {
  color: #fff;
  margin: 10px 0 0 0;
  font-size: 24px;
}

#hero .btn-get-started {
  font-family: Kanit, sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 4px;
  transition: 0.5s;
  margin-top: 30px;
  color: #fff;
  background: #e03a3c;
  border: 2px solid #e03a3c;
}

#hero .btn-get-started:hover {
  background: transparent;
  border-color: #fff;
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 0px 0;
  overflow: hidden;
  position: relative;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
  position: relative;
}

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: #e03a3c;
  bottom: 0;
  left: calc(50% - 25px);
}

.section-title p {
  margin-bottom: 0;
}

.section-bg {
  padding: 120px 0;
}

.section-pad {
  padding: 120px 0;
}

.section-bg:before {
  content: "";
  background: #1b1b1b;
  position: absolute;
  bottom: 60px;
  top: 60px;
  left: 0;
  right: 0;
  transform: skewY(-3deg);
}

.section-bg-green:before {
  content: "";
  background: #056b1f;
  position: absolute;
  bottom: 60px;
  top: 60px;
  left: 0;
  right: 0;
  transform: skewY(-3deg);
}

.section-bg-red:before {
  content: "";
  background: #f00c05;
  position: absolute;
  bottom: 60px;
  top: 60px;
  left: 0;
  right: 0;
  transform: skewY(-3deg);
}

.section-bg-orange:before {
  content: "";
  background: orange;
  position: absolute;
  bottom: 60px;
  top: 60px;
  left: 0;
  right: 0;
  transform: skewY(-3deg);
}

.section-bg-blue:before {
  content: "";
  background: blue;
  position: absolute;
  bottom: 60px;
  top: 60px;
  left: 0;
  right: 0;
  transform: skewY(-3deg);
}

.section-bg-yellow:before {
  content: "";
  background: yellow;
  position: absolute;
  bottom: 60px;
  top: 60px;
  left: 0;
  right: 0;
  transform: skewY(-3deg);
}

.section-bg-pink:before {
  content: "";
  background: pink;
  position: absolute;
  bottom: 60px;
  top: 60px;
  left: 0;
  right: 0;
  transform: skewY(-3deg);
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #2b2b2b;
  min-height: 40px;
  margin-top: 82px;
  color: #fff;
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 500;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol a {
  color: #aaaaaa;
}

.breadcrumbs ol a:hover {
  color: #fff;
  transition: 0.3s;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #e03a3c;
  content: "/";
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #e03a3c;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e03a3c;
}

.clients .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
  filter: grayscale(100);
}

.clients .swiper-slide img:hover {
  opacity: 1;
  filter: none;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .container {
  position: relative;
  z-index: 10;
}

.about .content {
  padding: 30px 30px 30px 0;
}

.about .content h3 {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 30px;
}

.about .content p {
  margin-bottom: 30px;
}

.about .content .about-btn {
  padding: 8px 30px 9px 30px;
  color: #fff;
  border-radius: 50px;
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  border: 2px solid #e03a3c;
}

.about .content .about-btn i {
  font-size: 16px;
  padding-left: 5px;
}

.about .content .about-btn:hover {
  background: #e35052;
  background: #e03a3c;
}

.about .icon-boxes .icon-box {
  margin-top: 30px;
}

.about .icon-boxes .icon-box i {
  font-size: 40px;
  color: #e03a3c;
  margin-bottom: 10px;
}

.about .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.about .icon-boxes .icon-box p {
  font-size: 15px;
  color: #848484;
}


/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding-top: 80px;
}

.counts .count-box {
  padding: 30px 30px 25px 30px;
  width: 100%;
  position: relative;
  text-align: center;
  box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}

.counts .count-box i {
  position: absolute;
  width: 54px;
  height: 54px;
  top: -27px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  background: #fff;
  color: #e03a3c;
  border-radius: 50px;
  border: 2px solid #fff;
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.counts .count-box span {
  font-size: 36px;
  display: block;
  font-weight: 700;
  color: #111111;
}

.counts .count-box p {
  padding: 0;
  margin: 0;
  font-family: Kanit, sans-serif;
  font-size: 14px;
}

/*--------------------------------------------------------------
# Tabs
--------------------------------------------------------------*/
.tabs .nav-tabs {
  border: 0;
}

.tabs .nav-link {
  border: 1px solid #b9b9b9;
  padding: 15px;
  transition: 0.3s;
  color: #111111;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tabs .nav-link i {
  padding-right: 15px;
  font-size: 48px;
}

.tabs .nav-link h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.tabs .nav-link:hover {
  color: #e03a3c;
}

.tabs .nav-link.active {
  background: #e03a3c;
  color: #fff;
  border-color: #e03a3c;
}

.tabs .tab-content {
  margin-top: 30px;
}

.tabs .tab-pane h3 {
  font-weight: 600;
  font-size: 26px;
}

.tabs .tab-pane ul {
  list-style: none;
  padding: 0;
}

.tabs .tab-pane ul li {
  padding-bottom: 10px;
}

.tabs .tab-pane ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #e03a3c;
}

.tabs .tab-pane p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.btn-mk>.btn-get-started {
  font-family: Kanit, sans-serif;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 30px;
  border-radius: 4px;
  transition: 0.5s;
  margin: 2% auto;
  color: #fff;
  width: 100%;
  border: 2px solid #fff;
}

.services .icon-box {
  margin-bottom: 20px;
  padding: 30px;
  border-radius: 6px;
  background: #252525;
  transition: 0.3s;
  position: relative;
}

.services .icon-box:hover {
  background: #2b2b2b;
}

.services .icon-box i {
  float: left;
  color: #e03a3c;
  font-size: 40px;
  line-height: 0;
}

.services .icon-box h4 {
  margin-left: 70px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.services .icon-box h4 a {
  color: #fff;
  transition: 0.3s;
}

.services .icon-box h4 a:hover {
  text-decoration: underline;
}

.services .icon-box .icon-box:hover h4 a {
  color: #e03a3c;
}

.services .icon-box p {
  margin-left: 70px;
  line-height: 24px;
  font-size: 14px;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 15px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #e03a3c;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(17, 17, 17, 0.6);
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(17, 17, 17, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap img {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: rgba(255, 255, 255, 0.4);
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #fff;
}

.portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #e03a3c;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e03a3c;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(17, 17, 17, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
  overflow: hidden;
}

.testimonials .testimonial-item {
  box-sizing: content-box;
  padding: 30px;
  margin: 30px 15px;
  min-height: 200px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  position: relative;
  background: #fff;
  border-radius: 15px;
}

.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 10px;
  border: 6px solid #fff;
  float: left;
  margin: 0 10px 0 0;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 25px 0 5px 0;
  color: #111;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: #fceaea;
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 30px auto 15px auto;
}

.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #e03a3c;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e03a3c;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
  padding: 20px;
  background: #2b2b2b;
  text-align: center;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.pricing .box h3 {
  font-weight: 400;
  padding: 15px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

.pricing .box h4 {
  font-size: 42px;
  font-weight: 500;
  font-family: Kanit, sans-serif;
  margin-bottom: 20px;
}

.pricing .box h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing .box h4 span {
  font-size: 16px;
  font-weight: 300;
}

.pricing .box ul {
  padding: 0;
  list-style: none;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}

.pricing .box ul li {
  padding-bottom: 16px;
}

.pricing .box ul i {
  color: #e03a3c;
  font-size: 18px;
  padding-right: 4px;
}

.pricing .box ul .na {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}

.pricing .box .btn-wrap {
  padding: 15px;
  text-align: center;
}

.pricing .box .btn-buy {
  display: inline-block;
  padding: 10px 40px 12px 40px;
  border-radius: 4px;
  color: #fff;
  transition: none;
  font-size: 14px;
  font-weight: 400;
  font-family: Kanit, sans-serif;
  font-weight: 600;
  transition: 0.3s;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.pricing .box .btn-buy:hover {
  border-color: #fff;
}

.pricing .featured {
  background: #e03a3c;
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list {
  padding: 0;
  list-style: none;
}

.faq .faq-list li {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-family: #e03a3c;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  padding-right: 25px;
  cursor: pointer;
}

.faq .faq-list i {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list a.collapsed {
  color: #343a40;
}

.faq .faq-list a.collapsed:hover {
  color: #e03a3c;
}

.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
  display: none;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 5px;
  background: #fff;
  position: relative;
}

.team .member .member-img {
  position: relative;
  overflow: hidden;
}

.team .member .social {
  position: absolute;
  left: 0;
  bottom: 30px;
  right: 0;
  opacity: 0;
  transition: ease-in-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team .member .social a {
  transition: color 0.3s;
  color: #111111;
  margin: 0 3px;
  border-radius: 50px;
  width: 36px;
  height: 36px;
  background: #e03a3c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: ease-in-out 0.3s;
  color: #fff;
}

.team .member .social a:hover {
  background: #111111;
}

.team .member .social i {
  font-size: 18px;
  line-height: 0;
}

.team .member .member-info {
  padding: 25px 15px;
}

.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #111111;
}

.team .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}

.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}

.team .member:hover .social {
  opacity: 1;
  bottom: 15px;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px 0 32px 0;
  border-radius: 4px;
}

.contact .info-box i {
  font-size: 32px;
  color: #e03a3c;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #f8d4d5;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
  border-radius: 4px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form .form-group {
  margin-bottom: 25px;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #111111;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
  background: #e03a3c;
  border: 0;
  padding: 10px 32px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=reset] {
  background: #504e4e;
  border: 0;
  padding: 10px 32px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #e35052;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog {
  padding: 40px 0 20px 0;
}

.blog .entry {
  padding: 30px;
  margin-bottom: 60px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .entry .entry-img {
  max-height: 440px;
  margin: -30px -30px 20px -30px;
  overflow: hidden;
}

.blog .entry .entry-title {
  font-size: 28px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 20px 0;
}

.blog .entry .entry-title a {
  color: #111111;
  transition: 0.3s;
}

.blog .entry .entry-title a:hover {
  color: #e03a3c;
}

.blog .entry .entry-meta {
  margin-bottom: 15px;
  color: #777777;
}

.blog .entry .entry-meta ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.blog .entry .entry-meta ul li+li {
  padding-left: 20px;
}

.blog .entry .entry-meta i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
}

.blog .entry .entry-meta a {
  color: #777777;
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.blog .entry .entry-content p {
  line-height: 24px;
}

.blog .entry .entry-content .read-more {
  -moz-text-align-last: right;
  text-align-last: right;
}

.blog .entry .entry-content .read-more a {
  display: inline-block;
  background: #e03a3c;
  color: #fff;
  padding: 6px 20px;
  transition: 0.3s;
  font-size: 14px;
  border-radius: 4px;
}

.blog .entry .entry-content .read-more a:hover {
  background: #e35052;
}

.blog .entry .entry-content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: bold;
}

.blog .entry .entry-content blockquote {
  overflow: hidden;
  background-color: #fafafa;
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}

.blog .entry .entry-content blockquote p {
  color: #444444;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
}

.blog .entry .entry-content blockquote::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #111111;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog .entry .entry-footer {
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}

.blog .entry .entry-footer i {
  color: #5e5e5e;
  display: inline;
}

.blog .entry .entry-footer a {
  color: #1e1e1e;
  transition: 0.3s;
}

.blog .entry .entry-footer a:hover {
  color: #e03a3c;
}

.blog .entry .entry-footer .cats {
  list-style: none;
  display: inline;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.blog .entry .entry-footer .cats li {
  display: inline-block;
}

.blog .entry .entry-footer .tags {
  list-style: none;
  display: inline;
  padding: 0;
  font-size: 14px;
}

.blog .entry .entry-footer .tags li {
  display: inline-block;
}

.blog .entry .entry-footer .tags li+li::before {
  padding-right: 6px;
  color: #6c757d;
  content: ",";
}

.blog .entry .entry-footer .share {
  font-size: 16px;
}

.blog .entry .entry-footer .share i {
  padding-left: 5px;
}

.blog .entry-single {
  margin-bottom: 30px;
}

.blog .blog-author {
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .blog-author img {
  width: 120px;
  margin-right: 20px;
}

.blog .blog-author h4 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
  padding: 0;
  color: #111111;
}

.blog .blog-author .social-links {
  margin: 0 10px 10px 0;
}

.blog .blog-author .social-links a {
  color: rgba(17, 17, 17, 0.5);
  margin-right: 5px;
}

.blog .blog-author p {
  font-style: italic;
  color: #b7b7b7;
}

.blog .blog-comments {
  margin-bottom: 30px;
}

.blog .blog-comments .comments-count {
  font-weight: bold;
}

.blog .blog-comments .comment {
  margin-top: 30px;
  position: relative;
}

.blog .blog-comments .comment .comment-img {
  margin-right: 14px;
}

.blog .blog-comments .comment .comment-img img {
  width: 60px;
}

.blog .blog-comments .comment h5 {
  font-size: 16px;
  margin-bottom: 2px;
}

.blog .blog-comments .comment h5 a {
  font-weight: bold;
  color: #444444;
  transition: 0.3s;
}

.blog .blog-comments .comment h5 a:hover {
  color: #e03a3c;
}

.blog .blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: #111111;
}

.blog .blog-comments .comment h5 .reply i {
  font-size: 20px;
}

.blog .blog-comments .comment time {
  display: block;
  font-size: 14px;
  color: #2b2b2b;
  margin-bottom: 5px;
}

.blog .blog-comments .comment.comment-reply {
  padding-left: 40px;
}

.blog .blog-comments .reply-form {
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .blog-comments .reply-form h4 {
  font-weight: bold;
  font-size: 22px;
}

.blog .blog-comments .reply-form p {
  font-size: 14px;
}

.blog .blog-comments .reply-form input {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
}

.blog .blog-comments .reply-form input:focus {
  box-shadow: none;
  border-color: #ee9293;
}

.blog .blog-comments .reply-form textarea {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
}

.blog .blog-comments .reply-form textarea:focus {
  box-shadow: none;
  border-color: #ee9293;
}

.blog .blog-comments .reply-form .form-group {
  margin-bottom: 25px;
}

.blog .blog-comments .reply-form .btn-primary {
  border-radius: 4px;
  padding: 10px 20px;
  border: 0;
  background-color: #111111;
}

.blog .blog-comments .reply-form .btn-primary:hover {
  background-color: #1e1e1e;
}

.blog .blog-pagination {
  color: #444444;
}

.blog .blog-pagination ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.blog .blog-pagination li {
  margin: 0 5px;
  transition: 0.3s;
}

.blog .blog-pagination li a {
  color: #111111;
  padding: 7px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog .blog-pagination li.active,
.blog .blog-pagination li:hover {
  background: #e03a3c;
}

.blog .blog-pagination li.active a,
.blog .blog-pagination li:hover a {
  color: #fff;
}

.blog .sidebar {
  padding: 30px;
  margin: 0 0 60px 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  color: #111111;
  position: relative;
}

.blog .sidebar .sidebar-item {
  margin-bottom: 30px;
}

.blog .sidebar .search-form form {
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px 10px;
  position: relative;
}

.blog .sidebar .search-form form input[type=text] {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  width: calc(100% - 40px);
}

.blog .sidebar .search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: #e03a3c;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  line-height: 0;
}

.blog .sidebar .search-form form button i {
  line-height: 0;
}

.blog .sidebar .search-form form button:hover {
  background: #e34c4d;
}

.blog .sidebar .categories ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .categories ul li+li {
  padding-top: 10px;
}

.blog .sidebar .categories ul a {
  color: #111111;
  transition: 0.3s;
}

.blog .sidebar .categories ul a:hover {
  color: #e03a3c;
}

.blog .sidebar .categories ul a span {
  padding-left: 5px;
  color: #aaaaaa;
  font-size: 14px;
}

.blog .sidebar .recent-posts .post-item+.post-item {
  margin-top: 15px;
}

.blog .sidebar .recent-posts img {
  width: 80px;
  float: left;
}

.blog .sidebar .recent-posts h4 {
  font-size: 15px;
  margin-left: 95px;
  font-weight: bold;
}

.blog .sidebar .recent-posts h4 a {
  color: #111111;
  transition: 0.3s;
}

.blog .sidebar .recent-posts h4 a:hover {
  color: #e03a3c;
}

.blog .sidebar .recent-posts time {
  display: block;
  margin-left: 95px;
  font-style: italic;
  font-size: 14px;
  color: #aaaaaa;
}

.blog .sidebar .tags {
  margin-bottom: -10px;
}

.blog .sidebar .tags ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .tags ul li {
  display: inline-block;
}

.blog .sidebar .tags ul a {
  color: #515151;
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid #c4c4c4;
  display: inline-block;
  transition: 0.3s;
}

.blog .sidebar .tags ul a:hover {
  color: #fff;
  border: 1px solid #e03a3c;
  background: #e03a3c;
}

.blog .sidebar .tags ul a span {
  padding-left: 5px;
  color: #aaaaaa;
  font-size: 14px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: #fff;
  font-size: 14px;
  background: #111111;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
  background: #1b1b1b;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact h3 {
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-contact h3 span {
  color: #e03a3c;
}

#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: Kanit, sans-serif;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top h4::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #e03a3c;
  bottom: 0;
  left: 0;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: white;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #aaaaaa;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #fff;
}

#footer .footer-newsletter {
  font-size: 15px;
}

#footer .footer-newsletter h4 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 5px 10px;
  position: relative;
  border-radius: 4px;
  text-align: left;
}

#footer .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #e03a3c;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type=submit]:hover {
  background: #e35052;
}

#footer .credits {
  padding-top: 5px;
  font-size: 13px;
}

#footer .social-links a {
  font-size: 40px;
  display: inline-block;
  background: #2b2b2b;
  color: #fff;
  line-height: 1;
  padding: 20px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 80px;
  height: 80px;
  transition: 0.3s;
}

#footer .social-links a:hover {
  background: #e03a3c;
  color: #fff;
  text-decoration: none;
}

svg {
  font-family: "Kanit", sans-serif;
  width: 100%;
  height: 100%;
}

svg .run-text {
  animation: stroke 5s infinite alternate;
  stroke-width: 2;
  stroke: #f7f8fa;
}


.wrapper {
  margin-bottom: 5%
}


.button-icon .input-icon input[type=email] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

.button-icon .input-icon input[type=text] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

.button-icon .input-icon div[type=submit] {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 10px 20px;
  background: #ffc451;
  color: #151515;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

.button-icon .input-icon div[type=submit]:hover {
  background: #e03a3c;
}

.button-icon .input-icon {
  margin-top: 30px;
  background: #fff;
  padding: 5px 10px;
  position: relative;
  border-radius: 4px;
  text-align: left;
}

.box-outline-green {
  border: 2px solid #48da48;
  color: #48da48;
  background-color: rgb(205, 255, 226);
  padding: 10px;
  border-radius: 4px;
  margin-top: 10px;
  text-align: center;
  font-size: 24px;
}

.box-outline-red {
  border: 2px solid red;
  background-color: rgb(245, 214, 214);
  color: red;
  padding: 10px;
  border-radius: 4px;
  margin-top: 10px;
  text-align: center;
  font-size: 24px;
}



/* MEDIA CONFIG  */
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

@keyframes stroke {
  0% {
    fill: rgba(72, 138, 204, 0);
    stroke: rgb(251, 251, 252);
    stroke-dashoffset: 25%;
    stroke-dasharray: 0 50%;
    stroke-width: 2;
  }

  70% {
    fill: rgba(72, 138, 204, 0);
    stroke: rgb(250, 251, 253);
  }

  80% {
    fill: rgba(72, 138, 204, 0);
    stroke: rgb(247, 248, 250);
    stroke-width: 3;
  }

  100% {
    fill: rgb(251, 252, 253);
    stroke: rgba(54, 95, 160, 0);
    stroke-dashoffset: -25%;
    stroke-dasharray: 50% 0;
    stroke-width: 0;
  }
}


@media (max-width: 768px) {
  .tabs .nav-link i {
    padding: 0;
    line-height: 1;
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .tabs .nav-link {
    padding: 15px;
  }

  .tabs .nav-link i {
    font-size: 24px;
  }
}

@media (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  .about {
    text-align: center;
  }
}

@media (min-width: 996px) {

  svg .run-text {
    font-size: 900%;
  }
}


@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
    top: 5%;
    right: -10%;
  }

  .navbar ul {
    /* display: none; */
  }

  .navbar-mobile ul {
    display: block;
  }

  .navbar-mobile ul .mobile-li {
    display: block;
  }
}


@media (max-width: 1366px) {

  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

@media (max-width: 992px) {
  .get-started-btn {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }
}

@media (max-width: 768px) {
  #hero {
    text-align: center;
    padding-top: 58px;
    height: 230vh;
  }

  #hero h1 {
    font-size: 28px;
  }

  #hero h2 {
    font-size: 18px;
    line-height: 24px;
  }

}

@media (max-height: 500px) {
  #hero {
    height: 180vh;
  }

  svg .run-text {
    font-size: 500%;
  }
}

@media (max-width: 396px) {

  svg .run-text {
    font-size: 300%;
  }

  .header-under-search img {
    display: none;
  }

  .mobile-nav-toggle {
    display: block;
    top: 5%;
    right: 16%;
  }
}

/* MEDIA CONFIG  */


.top-header-fix .header-search.container-fixer {
  min-width: inherit
}

.top-header-fix .header-under-search.container {
  width: inherit;
  max-width: 1200px
}

.top-header {
  background: #00000073;
  transition: transform .2s cubic-bezier(.4, 0, .2, 1);
}

.top-header.mall-preview {
  pointer-events: none
}

.top-header-fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translateZ(0);
  z-index: 100
}

.top-header--collapsed {
  transform: translate3d(0, -2.125rem, 0)
}

.top-header--collapsed .navbar {
  visibility: hidden
}

.top-header--collapsed .kusmall-modal__container {
  transform: translateY(2.125rem)
}

.top-header-fix .navbar-wrapper.container-fixer,
.top-header-fix .ofs-header.container-fixer {
  min-width: inherit
}

.top-header-fix .navbar.container {
  width: inherit;
  max-width: 95%
}



/* end of style  */



.btn {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  flex-direction: column;
  font-size: 14px;
  box-sizing: border-box;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09);
  border-radius: 2px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  outline: 0;
  cursor: pointer
}

.btn--inline {
  display: inline-flex
}

.btn--full {
  width: 100%
}

.btn--s {
  height: 34px;
  padding: 0 15px;
  min-width: 60px;
  max-width: 190px
}

.btn--m {
  height: 40px;
  padding: 0 20px;
  min-width: 70px;
  max-width: 220px
}

.btn--l {
  font-size: 16px;
  height: 48px;
  padding: 0 20px
}

.btn--l,
.btn--xl {
  min-width: 80px;
  max-width: 250px
}

.btn--xl {
  height: 52px
}

.btn-nts-trendy {
  color: #fff;
  position: relative;
  overflow: visible;
  outline: 0;
  background: #a9a9a9f5
}

.btn-nts-trendy.focus-visible:before,
.btn-nts-trendy:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.btn-nts-trendy:not(.btn-nts-trendy--disabled):hover {
  background: #1ec5cd;
  color: #fff
}

.btn-nts-trendy:not(.btn-nts-trendy--disabled):active {
  background: #1ec5cd;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}

.btn-nts-trendy.btn-nts-trendy--disabled {
  background: #facac0 !important;
  cursor: not-allowed;
  box-shadow: none
}

.btn-nts-trendy--link {
  color: #fff
}

.theme--ofs .btn-nts-trendy {
  position: relative;
  overflow: visible;
  outline: 0;
  background: #d0011b
}

.theme--ofs .btn-nts-trendy.focus-visible:before,
.theme--ofs .btn-nts-trendy:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.theme--ofs .btn-nts-trendy:not(.btn-nts-trendy--disabled):hover {
  background: #d41830
}

.theme--ofs .btn-nts-trendy:not(.btn-nts-trendy--disabled):active {
  background: #c6011a;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}

.theme--ofs .btn-nts-trendy.btn-nts-trendy--disabled {
  background: #f1b3bb !important;
  cursor: not-allowed;
  box-shadow: none
}

.theme--s-mart .btn-nts-trendy {
  position: relative;
  overflow: visible;
  outline: 0;
  background: #066bc8
}

.theme--s-mart .btn-nts-trendy.focus-visible:before,
.theme--s-mart .btn-nts-trendy:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.theme--s-mart .btn-nts-trendy:not(.btn-nts-trendy--disabled):hover {
  background: #1c78cd
}

.theme--s-mart .btn-nts-trendy:not(.btn-nts-trendy--disabled):active {
  background: #0666be;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}

.theme--s-mart .btn-nts-trendy.btn-nts-trendy--disabled {
  background: #b4d3ef !important;
  cursor: not-allowed;
  box-shadow: none
}

.btn-light {
  outline: 0;
  background: #fff;
  color: #555;
  border: 1px solid rgba(0, 0, 0, .09);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .03);
  position: relative;
  overflow: visible
}

.btn-light.focus-visible:before,
.btn-light:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.btn-light:active,
.btn-light:hover {
  background: rgba(0, 0, 0, .02)
}

.btn-light:active {
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}

.btn-light--link {
  color: #555
}

.btn-light--disabled {
  background: #fff !important;
  color: #ccc;
  cursor: not-allowed
}

.kusmall-popover--default,
.kusmall-popover--dropdown {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: 2px;
  background: #fff
}

.kusmall-popover--default {
  max-height: 8.375rem;
  padding: .3125rem 0;
  overflow-x: hidden;
  overflow-y: auto
}

.kusmall-popover--dropdown {
  border: 1px solid rgba(0, 0, 0, .09)
}

.kusmall-popover--dropdown:after,
.kusmall-popover--dropdown:before {
  content: "";
  position: absolute;
  right: 1rem
}

.kusmall-popover--dropdown:after {
  border: .5rem solid transparent;
  border-bottom-color: #fff;
  top: -.9375rem;
  z-index: 1
}

.kusmall-popover--dropdown:before {
  border: .5rem solid transparent;
  border-bottom-color: rgba(0, 0, 0, .09);
  top: -1.0625rem;
  z-index: 0
}

.stardust-popover {
  position: relative
}

.stardust-popover.focus-visible,
.stardust-popover:focus-visible {
  outline: 2px solid #000;
  border-radius: 2px
}

.stardust-popover__popover {
  will-change: transform;
  position: absolute;
  z-index: -1
}

.stardust-popover__popover--show {
  z-index: 3;
  animation: popover-enter-animation .2s cubic-bezier(.4, 0, .6, 1);
  opacity: 1
}

.stardust-popover__popover--border {
  border: 1px solid rgba(0, 0, 0, .09)
}

.stardust-popover__popover--hide {
  animation: popover-hide-animation .2s cubic-bezier(.4, 0, .6, 1)
}

.stardust-popover__arrow {
  z-index: 3;
  position: absolute;
  will-change: transform
}

.stardust-popover__arrow--inner {
  position: absolute;
  left: -8px;
  width: 0;
  height: 0
}

@keyframes popover-enter-animation {
  0% {
    transform: scale(0);
    opacity: 0
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes popover-hide-animation {
  0% {
    transform: scale(1);
    opacity: 1
  }

  to {
    transform: scale(0);
    opacity: 0
  }
}

.XBbhCr {
  margin-top: .5rem;
  margin-left: -.1875rem;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .26);
  border-radius: 2px;
  overflow: hidden
}

._1P3SNZ {
  color: rgba(0, 0, 0, .26);
  font-size: .875rem;
  line-height: 1rem;
  padding: .625rem
}

.kusmall-drawer {
  display: flex;
  position: relative;
  overflow: visible;
  outline: 0
}

.kusmall-drawer.focus-visible:before,
.kusmall-drawer:focus-visible:before {
  --focus-indicator-spacing: 1px;
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.kusmall-drawer__contents {
  position: absolute;
  top: 100%;
  z-index: 400
}

.kusmall-drawer .icon-help {
  stroke: currentColor
}

.kusmall-arrow-box__arrow {
  display: flex;
  height: 10px
}

.kusmall-arrow-box__arrow--left {
  justify-content: flex-start;
  padding-left: 15px
}

.kusmall-arrow-box__arrow--center {
  justify-content: center
}

.kusmall-arrow-box__arrow--right {
  justify-content: flex-end;
  padding-right: 15px
}

.kusmall-arrow-box__arrow-outer {
  position: relative;
  bottom: -1px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, .09)
}

.kusmall-arrow-box__arrow-inner {
  position: absolute;
  bottom: -10px;
  left: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff
}

.kusmall-arrow-box__content {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: .125rem;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, .09);
  white-space: pre-wrap;
  background: #fff
}

.kusmall-drawer-image-show__content-wrapper,
.kusmall-drawer-image-show__image {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.kusmall-drawer-image-show__content-wrapper {
  position: relative
}

.kusmall-drawer-image-show__find-button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  bottom: .3125rem;
  right: .3125rem;
  height: 2.1875rem;
  width: 2.1875rem;
  background: #fff
}

.kusmall-drawer-image-show__find-button>svg {
  font-size: 1.5625rem;
  stroke: currentColor
}


.header-serch-box {
  --focus-indicator-spacing: 3px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 2.5rem;
  box-sizing: border-box;
  padding: .1875rem;
  border-radius: 2px;
  background: #fff
}

.header-serch-box--focus .header-serch-input:before {
  position: absolute;
  left: -4px;
  top: -4px;
  bottom: -4px;
  right: 7px;
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  content: "";
  border-radius: 2px;
  margin: calc(var(--focus-indicator-spacing)*-1);
  z-index: 1;
  pointer-events: none
}

.header-serch-box>.btn svg {
  margin: 0 auto
}

.header-serch-in {
  display: flex;
  flex: 1
}

.header-serch-button {
  position: relative;
  overflow: visible;
  outline: 0
}

.header-serch-button.focus-visible:before,
.header-serch-button:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.header-serch-input {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  padding: 0 .625rem;
  position: relative
}

.header-serch-input-ns {
  display: flex;
  flex: 1;
  align-items: center;
  outline: none;
  border: 0;
  padding: 0;
  margin: 0
}

.header-serch-input-ns:-moz-placeholder {
  color: rgba(0, 0, 0, .54)
}

.header-serch-input-ns:-ms-input-placeholder {
  color: rgba(0, 0, 0, .54)
}

.header-serch-input-ns::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .54)
}

.header-serch-input-ns::-moz-placeholder {
  color: rgba(0, 0, 0, .54)
}

.header-serch-box-hints {
  margin-top: .5rem;
  margin-left: -.1875rem;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .26);
  border-radius: 2px;
  overflow: hidden
}

.header-serch-box-hints__header {
  color: rgba(0, 0, 0, .26);
  font-size: .875rem;
  line-height: 1rem;
  padding: .625rem
}

.header-serch-box-hints__history-entry {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  padding: .625rem;
  font-size: .875rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, .8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.header-serch-box-hints__history-entry:hover {
  background-color: #fafafa
}

.header-serch-box-hints__history-entry__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.header-serch-box-hints__history-entry__typed-text {
  font-weight: 500
}

.header-serch-box-hints__history-entry__category-name {
  color: rgba(0, 0, 0, .26);
  margin-top: .25rem
}

.header-serch-box-hints__entry,
.header-serch-box-hints__search-prefill,
.header-serch-box-hints__search-shop {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1rem;
  padding: .625rem
}

.header-serch-box-hints__entry:hover,
.header-serch-box-hints__search-prefill:hover,
.header-serch-box-hints__search-shop:hover {
  background-color: #fafafa
}

.header-serch-box-hints__entry__bold-product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.header-serch-box-hints__search-shop {
  display: flex;
  align-items: center
}

.header-serch-box-hints__search-shop .kusmall-svg-icon {
  width: 1rem;
  height: 1rem;
  margin-right: .5rem;
  color: #ee4d2d
}

.header-serch-box-hints__entry {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.header-serch-box-hints__entry--history {
  text-overflow: ellipsis
}

.header-serch-box-hints__entry__product-name {
  flex: 0 1 auto
}

.header-serch-box-hints__entry__typed-product-name {
  font-weight: 500
}

.header-serch-box-hints__entry__category-name {
  flex: 0 1 auto;
  color: rgba(0, 0, 0, .26);
  margin-top: .25rem
}

.header-serch-box-hints__search-prefill {
  display: flex;
  align-items: center;
  padding-right: 15px
}

.header-serch-box-hints__search-prefill img {
  margin-left: auto
}

.header-serch-box-hints__search-prefill .header-serch-box-hints__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 20px
}

.header-serch-box-user-hints {
  background-color: #fff;
  border-left: 1px solid rgba(0, 0, 0, .09);
  border-right: 1px solid rgba(0, 0, 0, .09);
  border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.header-serch-box-user-hints__entry {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: flex;
  padding: .625rem;
  font-size: .875rem;
  line-height: 1rem
}

.header-serch-box-selector {
  position: relative;
  max-width: 9.375rem;
  height: 100%;
  color: rgba(0, 0, 0, .87);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.header-serch-box-selector .kusmall-drawer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center
}

.header-serch-box-selector .kusmall-drawer__contents {
  z-index: 601
}

.header-serch-box-selector__selected {
  width: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(0, 0, 0, .09);
  height: 75%;
  padding-left: .9375rem;
  padding-right: .625rem;
  box-sizing: border-box
}

.header-serch-box-selector__selected>.kusmall-svg-icon {
  width: .5rem;
  height: .5rem;
  margin-left: .9375rem
}

.header-serch-box-selector__selected-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.25rem
}

.header-serch-box-selector__options {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: .125rem;
  overflow: hidden;
  background-color: #fff;
  margin-top: .5rem
}

.header-serch-box-selector__option {
  flex: 0 1 auto;
  height: 2.8125rem;
  width: 100%;
  display: flex;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-left: .9375rem;
  padding-right: .625rem;
  white-space: nowrap
}

.header-serch-box-selector__option:hover {
  background-color: #fbfbfb
}

.header-serch-box-selector__option-label {
  flex: 0 1 auto;
  width: 100%;
  display: flex;
  align-items: center
}

.header-serch-box-selector__option-tick {
  flex: 0 1 auto;
  color: #ee4d2d;
  width: .625rem;
  height: .625rem;
  margin-left: .9375rem;
  align-self: center
}

.kusmall-button-solid {
  outline: none;
  cursor: pointer;
  border: 0;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
  position: relative;
  background: rgba(0, 0, 0, .54);
  color: #fff;
  transition: opacity .2s ease;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09)
}

.kusmall-button-solid:active {
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}

.kusmall-button-solid--fill {
  height: 100%;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0
}

.kusmall-button-solid--complement {
  background: #00bfa5
}

.kusmall-button-solid--complement:hover {
  background: #00a08a
}

.kusmall-button-solid--secondary {
  background: #3b3f53
}

.kusmall-button-solid--primary {
  position: relative;
  overflow: visible;
  outline: 0;
  background: #ee4d2d
}

.kusmall-button-solid--primary.focus-visible:before,
.kusmall-button-solid--primary:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.kusmall-button-solid--primary:not(.kusmall-button-solid--disabled):hover {
  background: #f05d40
}

.kusmall-button-solid--primary:not(.kusmall-button-solid--disabled):active {
  background: #e2492b;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}

.kusmall-button-solid--primary.kusmall-button-solid--disabled {
  background: #facac0 !important;
  cursor: not-allowed;
  box-shadow: none
}

.kusmall-button-solid--tributton {
  padding: 10px 13px !important;
  flex: none !important;
  text-transform: uppercase !important;
  width: 102px;
  height: 36px;
  position: relative;
  overflow: visible;
  outline: 0;
  background: #ee4d2d
}

.kusmall-button-solid--tributton.focus-visible:before,
.kusmall-button-solid--tributton:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.kusmall-button-solid--tributton:not(.disabled):hover {
  background: #f05d40
}

.kusmall-button-solid--tributton:not(.disabled):active {
  background: #e2492b;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}

.kusmall-button-solid--tributton.disabled {
  background: #facac0 !important;
  cursor: not-allowed;
  box-shadow: none
}

.kusmall-button-solid--email {
  background-color: #1d9db4
}

.kusmall-button-solid--facebook {
  background-color: #31589c
}

.kusmall-button-solid--sms {
  background-color: #13b50b
}

.kusmall-button-solid--disabled {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .26)
}

.kusmall-button-solid--disabled:hover {
  background-color: rgba(0, 0, 0, .26);
  cursor: not-allowed
}

.kusmall-button-outline {
  outline: none;
  cursor: pointer;
  border: 0;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
  border: 1px solid rgba(0, 0, 0, .09);
  border-radius: 2px;
  background: transparent;
  color: rgba(0, 0, 0, .8)
}

.kusmall-button-outline--normal {
  background: #fff
}

.kusmall-button-outline--normal:hover {
  background: #f3f3f3
}

.kusmall-button-outline--disabled {
  color: rgba(0, 0, 0, .26);
  border-color: rgba(0, 0, 0, .09)
}

.kusmall-button-outline--fill {
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0
}

.kusmall-button-outline--tributton {
  flex: none !important;
  padding: 10px 15px !important;
  text-transform: uppercase !important;
  width: 130px;
  height: 36px
}

.kusmall-button-outline--tributton:hover {
  flex: none !important;
  padding: 10px 15px !important;
  color: #ee4d2d;
  border-color: #ee4d2d
}

.kusmall-button-outline--primary-reverse,
.kusmall-button-outline--primary:hover {
  color: #ee4d2d;
  border-color: #ee4d2d
}

.kusmall-button-outline--primary-reverse:hover {
  background: #ee4d2d;
  color: #fff
}

.kusmall-button-outline--complement:hover {
  color: #00bfa5;
  border-color: #00bfa5
}

.kusmall-button-outline--rounded {
  border-radius: 1.25rem
}

.kusmall-button-outline--rounded:hover {
  color: #ee4d2d;
  border-color: #ee4d2d
}

.cancel-btn {
  padding: 10px 0;
  box-sizing: border-box;
  width: 140px;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 400;
  cursor: pointer;
  color: #555;
  margin-right: 6px;
  line-height: 1;
  background: none;
  border: 0;
  transition: background-color .1s cubic-bezier(.4, 0, .6, 1)
}

.cancel-btn:hover {
  background: #f8f8f8
}

.cancel-btn:active {
  background: #f5f5f5
}

.kusmall-button-no-outline,
.kusmall-icon-button,
.kusmall-image-button {
  outline: none;
  cursor: pointer;
  border: 0;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .1s cubic-bezier(.4, 0, .6, 1)
}

.kusmall-button-no-outline {
  position: relative;
  overflow: visible;
  outline: 0;
  padding: .3125rem .4375rem;
  color: rgba(0, 0, 0, .8);
  background-color: initial;
  border: 0
}

.kusmall-button-no-outline.focus-visible:before,
.kusmall-button-no-outline:focus-visible:before {
  --focus-indicator-spacing: 1px;
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.kusmall-button-no-outline--primary,
.kusmall-button-no-outline:hover {
  color: #ee4d2d
}

.kusmall-button-no-outline--complement {
  color: #00bfa5
}

.kusmall-button-no-outline--disabled {
  color: rgba(0, 0, 0, .26);
  cursor: default
}

.kusmall-button-no-outline--disabled:hover {
  color: rgba(0, 0, 0, .26)
}

.kusmall-button-no-outline--tributton {
  color: rgba(0, 0, 0, .87);
  flex: none !important;
  padding: 10px 15px !important;
  text-transform: uppercase;
  height: 36px
}

.kusmall-button-no-outline--tributton:hover {
  color: #ee4d2d
}

.kusmall-icon-button {
  border: 1px solid rgba(0, 0, 0, .54);
  background-color: initial;
  padding: 0
}

.kusmall-image-button {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 100%;
  position: relative
}

.kusmall-image-button:hover .kusmall-image-button__mask {
  background-color: rgba(0, 0, 0, .7)
}

.kusmall-image-button__mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .4)
}

.kusmall-image-button__text {
  color: #fff;
  font-weight: 300;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 .625rem;
  width: 100%
}

.kusmall-see-all-button>.kusmall-button-no-outline {
  display: flex;
  align-items: center;
  color: #ee4d2d
}

.kusmall-see-all-button>.kusmall-button-no-outline>.icon-arrow-right {
  font-size: .625rem
}

.stardust-button {
  font-weight: 400;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, .26);
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
  padding: 8px 10px
}

.stardust-button.stardust-button--active,
.stardust-button:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, .09);
  border-color: rgba(0, 0, 0, .26)
}

.stardust-button--disabled {
  background-color: rgba(0, 0, 0, .26);
  border: 1px solid rgba(0, 0, 0, .26)
}

.stardust-button--disabled.stardust-button--active,
.stardust-button--disabled:hover {
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, .26);
  border: 1px solid rgba(0, 0, 0, .26)
}

.stardust-button--block {
  display: block;
  width: 100%
}

.stardust-button--block+.stardust-button--block {
  margin-top: 5px
}

.stardust-button--large {
  font-size: 16px;
  border-radius: 6px;
  padding: 12px 14px
}

.stardust-button--large,
.stardust-button--small {
  font-weight: 400
}

.stardust-button--small {
  font-size: 12px;
  border-radius: 3px;
  padding: 6px 8px
}

.stardust-button--primary {
  background-color: #ee4d2d;
  border-color: #cd3011;
  color: #fff
}

.stardust-button--primary.stardust-button--active,
.stardust-button--primary:hover {
  background-color: #d73211;
  border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
  opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,
.stardust-button--primary:hover.stardust-button--disabled {
  background-color: #ee4d2d;
  border-color: #cd3011
}

.stardust-button--warning {
  background-color: #ff424f;
  border-color: #ef0010;
  color: #fff
}

.stardust-button--warning.stardust-button--active,
.stardust-button--warning:hover {
  background-color: #fa0011;
  border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
  opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,
.stardust-button--warning:hover.stardust-button--disabled {
  background-color: #ff424f;
  border-color: #ef0010
}

.stardust-button--outline-primary {
  background-color: transparent;
  border-color: #ee4d2d;
  color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,
.stardust-button--outline-primary:hover {
  background-color: hsla(0, 0%, 100%, .3);
  border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
  opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,
.stardust-button--outline-primary:hover.stardust-button--disabled {
  background-color: transparent;
  border-color: #ee4d2d
}

.stardust-button--outline-white {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.stardust-button--outline-white.stardust-button--active,
.stardust-button--outline-white:hover {
  background-color: hsla(0, 0%, 100%, .3);
  border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
  opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,
.stardust-button--outline-white:hover.stardust-button--disabled {
  background-color: transparent;
  border-color: #fff
}

.stardust-button--ghost-primary {
  background-color: transparent;
  border-color: transparent;
  color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,
.stardust-button--ghost-primary:hover {
  background-color: rgba(0, 0, 0, .09);
  border-color: rgba(0, 0, 0, .09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
  opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,
.stardust-button--ghost-primary:hover.stardust-button--disabled {
  background-color: transparent;
  border-color: transparent
}

.confirm-popup {
  flex-direction: column;
  width: 440px;
  font-size: 1rem;
  padding: 30px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
  display: flex;
  align-items: center;
  justify-content: center
}

.confirm-popup__button-group {
  display: flex;
  justify-content: center;
  margin-top: 2rem
}

.confirm-popup .kusmall-button-outline--confirm-popup,
.confirm-popup .kusmall-button-solid--confirm-popup {
  width: 6.25rem;
  min-height: 2.5rem;
  font-size: .875rem;
  text-transform: uppercase;
  margin: .46875rem
}

.confirm-two-popup {
  flex-direction: column;
  width: 440px;
  font-size: 1rem;
  padding: 30px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
  display: flex;
  align-items: center;
  justify-content: center
}

.confirm-two-popup__button-group {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.8125rem;
  width: 100%
}

.confirm-two-popup .kusmall-button-no-outline--confirm-two-popup,
.confirm-two-popup .kusmall-button-solid--confirm-two-popup {
  width: 7.5rem;
  min-height: 2.5rem;
  font-size: .875rem;
  text-transform: uppercase;
  padding: .75rem;
  line-height: 1rem;
  font-weight: 500;
}

.confirm-two-popup .kusmall-button-no-outline--confirm-two-popup {
  margin-right: 1.25rem;
  color: #000;
  opacity: .54
}

.\+b4w-m {
  position: absolute;
  top: 0;
  left: 0
}

._8JV1t7 {
  width: 3.625rem
}

.xz\+pE5 {
  padding: 1.875rem 1.875rem 1.25rem;
  width: 34.375rem;
  position: relative;
  overflow: hidden;
  border-radius: .1875rem;
  background-color: #fff;
  box-shadow: 0 .1875rem .625rem 0 rgba(0, 0, 0, .14);
  display: flex;
  flex-direction: row
}

.KH8hBL {
  margin-bottom: .5625rem;
  font-size: 1.375rem;
  font-weight: 600;
  color: #333
}

.w4BVgN {
  margin-bottom: 1.625rem;
  font-size: 1.25rem;
  font-weight: 400;
  color: #333
}

.prUd2w {
  padding-right: 2.4375rem
}

.ScTCxe {
  display: flex;
  flex-direction: column;
  align-items: center
}

.tBfASd {
  overflow: hidden;
  margin-bottom: .6875rem
}

._9vzjZX {
  margin: -.625rem -.3125rem -.9375rem;
  width: 10rem;
  height: 10rem
}

.EkAOBd,
.jlGYuT {
  width: 9.625rem;
  height: 3.1875rem;
  display: inline-block;
  background-repeat: no-repeat;
  margin-right: .625rem
}

.EkAOBd {
  background-position-x: -.625rem;
  background-position-y: -.6875rem;
  background-size: 113% 146%
}

.jlGYuT {
  background-size: 100%
}

.wlQqj8 {
  display: flex;
  align-items: center
}

.-IG9Zk,
.J\+pFSn {
  height: 1rem;
  padding: .1875rem
}

._9fHoLg.xz\+pE5 {
  width: 34.8125rem;
  padding: 1rem 1.75rem 1.25rem
}

._9fHoLg .KH8hBL {
  padding-top: 2.0625rem;
  margin-bottom: 1rem
}

._9fHoLg .EkAOBd {
  width: 7.5rem;
  height: 2.1875rem;
  background-position-x: -.5625rem;
  background-position-y: -.5625rem;
  background-size: 115% 151%
}

._9fHoLg .jlGYuT {
  width: 6.6875rem;
  height: 2.1875rem
}

._9fHoLg .OcjatO {
  width: 6.875rem;
  height: 2.1875rem;
  background-size: 100% 114%;
  background-position-y: -.125rem;
  display: inline-block;
  background-repeat: no-repeat
}

._9fHoLg .prUd2w {
  padding-right: 1.4375rem
}

._9fHoLg .ScTCxe {
  justify-content: center
}

._9fHoLg ._9vzjZX {
  width: 11rem;
  height: 11rem;
  margin: 0
}

._9fHoLg .tBfASd {
  margin-bottom: -.25rem
}

._9fHoLg .-IG9Zk,
._9fHoLg .J-AJy8,
._9fHoLg .J\+pFSn {
  height: .75rem;
  padding: 0;
  margin-right: .375rem;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor
}

._9fHoLg .J-AJy8 {
  margin-right: 0
}

.icon-popup {
  flex-direction: column;
  width: 440px;
  font-size: 1rem;
  padding: 30px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
  display: flex;
  align-items: center;
  justify-content: center
}

.error-popup .icon-error {
  margin-bottom: 14px;
  width: 50px;
  height: 50px
}

.info-popup {
  flex-direction: column;
  width: 440px;
  font-size: 1rem;
  padding: 30px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.info-popup__head {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 30px
}

.info-popup__head .kusmall-svg-icon {
  height: 24px;
  width: 24px
}

.info-popup__icon {
  margin-right: 10px
}

.info-popup__title {
  font-size: 18px;
  color: #333
}

.info-popup__message {
  font-size: 16px;
  color: #555
}

.info-popup__buttons {
  margin-top: 25px;
  display: flex;
  justify-content: flex-end;
  width: 100%
}

.info-popup__btn {
  width: 6.25rem;
  min-height: 2.5rem;
  font-size: .875rem;
  text-transform: uppercase;
  margin: .46875rem
}

.success-popup__icon {
  margin-bottom: 14px;
  width: 50px;
  height: 50px
}

.kusmall-modal__transition-appear {
  opacity: .01
}

.kusmall-modal__transition-appear.kusmall-modal__transition-appear-active {
  opacity: 1;
  transition: opacity .2s
}

.kusmall-modal__transition-enter {
  opacity: .01
}

.kusmall-modal__transition-enter.kusmall-modal__transition-enter-active {
  opacity: 1;
  transition: opacity .2s
}

.kusmall-modal__transition-exit {
  opacity: 1
}

.kusmall-modal__transition-exit.kusmall-modal__transition-exit-active {
  opacity: .01;
  transition: opacity .2s
}

.stardust-icon {
  stroke: currentColor;
  fill: currentColor;
  width: 1em;
  height: 1em
}

.kusmall-alert-popup {
  background-color: #fff
}

.kusmall-alert-popup__btn {
  flex: 1;
  max-width: 100%
}

.kusmallCopyMessage {
  width: 100%;
  text-align: center;
  margin-top: 44px;
  font-size: 20px;
  margin-bottom: 66px;
  outline: none;
  background-color: initial;
  border: 0 solid;
  color: #f5a623
}

.kusmallTributtonTitle {
  color: #555;
  font-size: 18px;
  margin-top: 6px;
  margin-left: 10px
}

.kusmallTributtonButtons {
  justify-content: flex-end;
  margin-top: 0
}

.ofs-more-menu {
  position: absolute;
  right: 0;
  top: 50px;
  padding-top: 14px
}

.ofs-more-menu__content {
  background: #fff;
  box-shadow: 0 1px 50px 0 rgba(0, 0, 0, .2);
  border-radius: 3px;
  padding: 0 1.5625rem 1.5625rem;
  display: flex;
  position: relative
}

.ofs-more-menu__content:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  right: 44px;
  border-bottom: 10px solid #fff;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent
}

.ofs-more-menu__col {
  flex: 1;
  width: 170px
}

.ofs-more-menu__item {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  margin-top: 1.5625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15px
}

.ofs-more-menu__item:hover {
  color: #ee4d2d;
  transition: color .3s cubic-bezier(.4, 0, .6, 1);
  cursor: pointer
}

.ofs-navbar--theme-official .ofs-more-menu__item:hover {
  color: #d0011b
}

.ofs-navbar {
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  transition: transform .3s cubic-bezier(.4, 0, .6, 1);
  z-index: 200;
  min-height: 50px
}

.ofs-navbar--theme-official .ofs-navbar__item--active,
.ofs-navbar--theme-official .ofs-navbar__item:hover {
  color: #d0011b
}

.ofs-navbar--theme-official .ofs-navbar__item--active {
  border-color: #d0011b
}

.ofs-navbar--theme-official.preview {
  pointer-events: none
}

.ofs-navbar--docked {
  transform: translateZ(0)
}

.ofs-navbar--hidden {
  transform: translate3d(0, -50px, 0);
  height: 0;
  min-height: 0
}

.ofs-navbar__background {
  background: #fff
}

.ofs-navbar__wrapper {
  display: flex
}

.ofs-navbar__items {
  display: flex;
  flex: 1;
  justify-content: space-around
}

.ofs-navbar__item {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  padding: 14px 10px;
  display: flex;
  align-items: center;
  border-bottom: 4px solid #fff;
  font-size: .9375rem;
  font-weight: 700;
  box-sizing: border-box
}

.ofs-navbar__item--active,
.ofs-navbar__item:hover {
  cursor: pointer;
  color: #ee4d2d;
  transition: color .3s cubic-bezier(.4, 0, .6, 1)
}

.ofs-navbar__item--active {
  border-color: #ee4d2d;
  transition: border-color .2s cubic-bezier(.4, 0, .6, 1)
}

.ofs-navbar__item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ofs-navbar__more {
  display: flex;
  padding-left: 20px;
  position: relative
}

.ofs-navbar__more:before {
  content: "";
  height: 20px;
  border-left: 1px solid rgba(0, 0, 0, .09);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.ofs-navbar__more>.icon-down-arrow-filled {
  width: .6em;
  height: .6em;
  margin-left: 4px
}

.ofs-navbar__more:hover {
  color: initial;
  border-bottom-color: transparent
}

.ofs-navbar__more--show>.icon-down-arrow-filled {
  transform: rotate(180deg)
}

.ofs-navbar__separator {
  margin: 25px 0;
  width: 1px;
  background: rgba(0, 0, 0, .09)
}

.XLsvO5 {
  width: 100%;
  display: flex;
  padding: .625rem;
  box-sizing: border-box;
  position: relative
}

.XLsvO5:hover {
  background-color: #f8f8f8
}

.mO5Arw {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid rgba(0, 0, 0, .09);
  flex-shrink: 0
}

.CmkbMQ {
  flex: 1;
  margin-left: .625rem;
  overflow: hidden
}

.HaAgiV {
  font-weight: 500;
  white-space: nowrap
}

.HaAgiV,
.xaEWTX {
  overflow: hidden;
  text-overflow: ellipsis
}

.xaEWTX {
  color: rgba(0, 0, 0, .54);
  font-size: .75rem
}

.-zdq4e {
  flex-shrink: 0;
  margin-left: 2.5rem;
  align-items: baseline
}

.-TThIm {
  color: #ee4d2d
}

.yKcng4 {
  margin: 0 5px;
  font-size: 9px
}

.p5eoFe,
.yKcng4 {
  color: rgba(0, 0, 0, .54)
}

.oCzjtF,
.p5eoFe {
  font-size: .75rem
}

.oCzjtF {
  float: right;
  flex-shrink: 0;
  z-index: 1
}

.oCzjtF>.kusmall-button-no-outline {
  padding: 0;
  font-weight: 400;
  white-space: nowrap
}

.CvhdZ5 {
  flex: 1
}

.wmagI- {
  margin-top: .625rem
}

.pEgZxu {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: hsla(0, 0%, 100%, .65)
}

.wG6tRr {
  line-height: 1rem;
  padding: 0 1px;
  margin-right: .5em;
  color: #ee4d2d;
  border-radius: 2px;
  font-size: .625rem;
  border: 1px solid
}

.TQUmpD {
  margin-left: .375rem;
  font-size: .75rem;
  font-weight: 400;
  color: rgba(0, 0, 0, .54);
  text-transform: capitalize
}

.cart-drawer-container {
  padding: 10px 0
}

.cart-drawer {
  cursor: pointer;
  margin: 0 0 0 5px;
  position: relative;
  overflow: visible;
  outline: 0
}

.cart-drawer.focus-visible:before,
.cart-drawer:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.cart-drawer .kusmall-cart-number-badge {
  top: -.6875rem;
  left: -1.25rem
}

.cart-drawer .icon-shopping-cart-2 {
  color: #fff;
  stroke: #fff
}

.cart-drawer__popover {
  z-index: 400 !important
}

.HLWGuL {
  text-align: center;
  padding: 3.75rem 0
}

.dib9cf {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  width: 6.25rem;
  height: 6.25rem;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/9bdd8040b334d31946f49e36beaf32db.png)
}

.JphfXQ {
  margin-top: 1.25rem;
  text-transform: capitalize
}

.gMJMRY.gMJMRY {
  flex-shrink: 0;
  max-width: unset
}

.BhGaMC {
  line-height: normal;
  text-align: left
}

.jJe2sa {
  padding-left: .625rem;
  height: 2.5rem;
  color: rgba(0, 0, 0, .26);
  text-transform: capitalize
}

._1EQVMQ {
  box-shadow: 0 1px 3.125rem 0 rgba(0, 0, 0, .2);
  border-radius: .125rem;
  overflow: hidden;
  background-color: #fff;
  width: 25rem
}

._4rKyUd {
  height: 2.5rem;
  line-height: 2.5rem;
  background-color: #fdfdfd;
  text-align: center;
  text-transform: capitalize;
  font-size: .75rem;
  padding: .625rem;
  display: flex;
  align-items: center
}

._4rKyUd>.kusmall-button-solid {
  padding: .625rem .9375rem;
  text-transform: capitalize;
  font-size: .875rem
}

.ofs-header {
  display: flex;
  flex-direction: column;
  z-index: 200;
  transition: top .1s cubic-bezier(.4, 0, .6, 1)
}

.ofs-header__top {
  background: #d0011b;
  display: flex;
  align-items: center;
  border-bottom: .0625rem solid rgba(0, 0, 0, .12);
  padding: .875rem 0 1.3125rem;
  z-index: 300
}

.ofs-header__top-wrapper {
  display: flex;
  align-items: center;
  box-sizing: border-box
}

.ofs-header__left {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  display: flex;
  align-items: center;
  margin-right: .9375rem;
  opacity: 1;
  transition: transform .6s cubic-bezier(.4, 0, .6, 1), opacity .6s cubic-bezier(.4, 0, .6, 1);
  transform-origin: -1px -1px
}

.ofs-header__left .icon-kusmall-logo--official-shop {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.5rem;
  height: 2.8125rem;
  cursor: pointer;
  fill: #fff
}

.ofs-header__left>a {
  outline: 0
}

.ofs-header__logo-focus-style-wrapper {
  padding: 2px;
  margin: -.125rem;
  border-radius: 2px
}

.ofs-header__logo-focus-style-wrapper:focus {
  outline: 2px solid var(--focus-indicator-color)
}

.ofs-header__logo-separator {
  margin-left: 1rem;
  height: 1.875rem;
  border-right: 1px solid hsla(0, 0%, 100%, .4);
  outline: 0
}

.ofs-header__mid {
  display: flex;
  transition: transform .6s cubic-bezier(.4, 0, .6, 1)
}

.ofs-header__page-name {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  position: relative;
  overflow: visible;
  outline: 0;
  color: #fff;
  font-size: 1.75rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  white-space: nowrap
}

.ofs-header__page-name.focus-visible:before,
.ofs-header__page-name:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.ofs-header__page-name>svg {
  height: 2.0625rem;
  width: auto;
  fill: #fff
}

.ofs-header__page-name>.ofs-all-logo {
  top: 5px;
  max-width: 165px
}

.ofs-header__page-name>.ofs-tw-logo {
  max-width: 148px
}

.ofs-header__page-name>.ofs-br-logo {
  top: 5px;
  max-width: 200px
}

.ofs-header__page-name>.ofs-pl-logo {
  top: 8.5px;
  height: 41px
}

.ofs-header__toggle {
  color: #fff;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  cursor: pointer;
  opacity: 0;
  transition: opacity .1s cubic-bezier(.4, 0, .6, 1) .66s;
  z-index: -1;
  white-space: nowrap
}

.ofs-header__toggle-icon {
  fill: #fff;
  width: 10px;
  height: 10px;
  margin: 0 .625rem 0 1.25rem
}

.ofs-header .spacer {
  flex: 1
}

.ofs-header__right {
  display: flex;
  align-items: center;
  position: relative;
  width: 36.875rem
}

.ofs-header__right>.header-serch-box {
  width: 32.5rem;
  transition: width .6s cubic-bezier(.4, 0, .2, 1) .6s;
  padding: 0;
  border: .1875rem solid #fff
}

.ofs-header__right .header-serch-in>.kusmall-popover {
  width: 27.9375rem !important;
  transition: width .6s cubic-bezier(.4, 0, .2, 1) .6s
}

.ofs-header__right .kusmall-button-solid {
  background-color: #d0011b
}

.ofs-header__cart-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end
}

.ofs-header__cart-wrapper .kusmall-drawer {
  height: 48px;
  padding-left: 5px
}

.ofs-header__cart-wrapper .cart-drawer-container {
  height: 100%;
  padding: 10px 0;
  display: flex;
  align-items: center
}

.ofs-header__cart-wrapper .cart-drawer {
  margin: 0
}

.ofs-header--docked {
  top: 0
}

.ofs-header--docked .ofs-header__left {
  transform: translate3d(-2.8125rem, 0, 0);
  opacity: 0
}

.ofs-header--docked .ofs-header__toggle {
  opacity: 1;
  z-index: auto;
  padding-top: 5px
}

.ofs-header--docked .ofs-header__toggle--tw {
  padding-top: 0
}

.ofs-header--docked .ofs-header__mid {
  transform: translate3d(-4.5625rem, 0, 0)
}

.header-search {
  background-color: #fff;
  box-shadow: 0 .0625rem .15625rem rgba(0, 0, 0, .05);
  box-sizing: border-box;
  z-index: 399
}

.header-under-search-outer-wrapper {
  height: 5.3125rem
}

.header-under-search {
  display: flex;
  height: 5.3125rem;
  justify-content: space-between;
  padding: 1rem 0 .625rem
}

.header-under-search,
.header-under-search__cart-wrapper,
.header-under-search__logo-section {
  box-sizing: border-box
}

.header-under-search__logo-section {
  position: relative;
  top: -.1875rem;
  padding-right: 2.5rem
}

.header-under-search__logo-section.focus-visible:before,
.header-under-search__logo-section:focus-visible:before {
  content: "";
  position: absolute;
  top: calc(var(--focus-indicator-spacing)*-1);
  left: 0;
  right: 2.5rem;
  bottom: 0;
  border: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  border-radius: var(--focus-indicator-border-radius)
}

.header-under-search__logo-section--ten-ten {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.header-under-search__logo-section:focus {
  outline: 0
}

.header-under-search__logo-wrapper {
  padding: 2px;
  margin: -2px;
  border-radius: 2px
}

.header-under-search__kusmall-logo.icon-kusmall-logo {
  display: block;
  width: 162px;
  height: 50px
}

.header-under-search-fix {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 840px;
  position: relative
}

.header-under-search-fix>.header-serch-box {
  width: 100%;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .09)
}

.header-under-search__cart-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding-bottom: 5px;
  margin: 0 10px
}

.header-under-search__auth-separator {
  margin: 0 10px;
  height: .875rem;
  border-right: 1px solid hsla(0, 0%, 100%, .26)
}

.header-search {
  background: transparent;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}

.header-search .header-serch-input {
  background-color: #fff;
  border-color: #fff
}

.header-search .header-serch-input .kusmall-drawer__contents {
  z-index: 601
}

.header-search .header-under-search__kusmall-logo {
  width: 162px;
  height: 50px
}

.header-search .header-under-search__kusmall-logo--hidden {
  opacity: 0
}

.header-search .header-under-search__kusmall-logo .st0 {
  fill: #fff !important
}

.header-search .header-under-search__app-download-wrapper__link-layout {
  background-color: #fff;
  border: 0
}

.header-search .header-serch-box>.btn-nts-trendy {
  position: relative;
  overflow: visible;
  outline: 0;
  background: #002944
}

.header-search .header-serch-box>.btn-nts-trendy.focus-visible:before,
.header-search .header-serch-box>.btn-nts-trendy:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.header-search .header-serch-box>.btn-nts-trendy:not(.disabled):hover {
  background: #002944
}

.header-search .header-serch-box>.btn-nts-trendy:not(.disabled):active {
  background: #002944;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}

.header-search .header-serch-box>.btn-nts-trendy.disabled {
  background: #002944 !important;
  cursor: not-allowed;
  box-shadow: none
}


._57mGak {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  padding-left: .625rem;
  padding-right: .625rem
}

._57mGak.NpRpoN:after {
  position: absolute;
  top: -4px;
  left: -4px;
  right: 7px;
  bottom: -4px;
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  content: "";
  margin: calc(var(--focus-indicator-spacing)*-1);
  z-index: 1;
  border-radius: 4px;
  pointer-events: none
}

._57mGak .YOVa\+j {
  display: flex;
  flex: 1;
  align-items: center;
  outline: none;
  border: 0;
  padding: 0;
  margin: 0
}

._57mGak .YOVa\+j:-moz-placeholder {
  color: rgba(0, 0, 0, .54)
}

._57mGak .YOVa\+j:-ms-input-placeholder {
  color: rgba(0, 0, 0, .54)
}

._57mGak .YOVa\+j::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .54)
}

._57mGak .YOVa\+j::-moz-placeholder {
  color: rgba(0, 0, 0, .54)
}

.oRtS94 {
  margin-top: .5rem;
  margin-left: -.1875rem;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .26);
  border-radius: 2px;
  overflow: hidden
}

.rtD3Yb {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .625rem;
  font-size: .875rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, .8)
}

.rtD3Yb.GQdmko,
.rtD3Yb:hover {
  background-color: #fafafa
}

.rtD3Yb ._6Sy70V {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.rtD3Yb .EG2mc4 {
  font-weight: 500
}

.NFuAXl {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 2.5rem;
  box-sizing: border-box;
  padding: .1875rem;
  border-radius: 2px;
  background: #fff
}

.NFuAXl.C-PbL2 {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, .09)
}

.NFuAXl .ozfcX0 {
  margin: 0 auto
}

.NFuAXl .ozfcX0,
.NFuAXl .ozfcX0:active,
.NFuAXl .ozfcX0:focus,
.NFuAXl .ozfcX0:hover {
  background-color: #066bc8
}

.m92UXH {
  display: flex;
  flex: 1;
  position: relative
}

.m92UXH .qNGD0B {
  width: 100%
}

.m92UXH .AZesWy {
  width: 1.125rem;
  height: 1.125rem
}

.ifg8NW {
  position: relative;
  overflow: visible;
  outline: 0;
  background-color: #fff;
  padding: .125rem .625rem;
  color: #066bc8;
  border-radius: 1rem;
  font-size: .75rem;
  line-height: .875rem;
  border: 0;
  outline: none;
  text-transform: capitalize
}

.ifg8NW.tjUVMj:before,
.ifg8NW:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.ZqIlkO {
  background: #066bc8;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  z-index: 300
}

._6jSSY\+,
.ZqIlkO {
  box-sizing: border-box
}

._6jSSY\+ {
  display: flex;
  padding: .875rem 0 1.3125rem;
  align-items: center
}

._1aiwqH,
.HUU59l {
  box-sizing: border-box
}

.HUU59l {
  overflow: visible;
  outline: 0
}

.HUU59l.bvg2MC:before,
.HUU59l:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.j7Iiwc {
  line-height: 0;
  top: .125rem;
  margin-right: .9375rem;
  position: relative;
  overflow: visible;
  outline: 0
}

.j7Iiwc.bvg2MC:before,
.j7Iiwc:focus-visible:before {
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.Whko-O {
  top: unset
}

.HUU59l {
  position: relative;
  top: -.1875rem
}

._1aiwqH {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.875rem
}

.KtrYUw {
  width: 32.5rem;
  position: relative;
  margin-left: auto
}

.cjMtZJ {
  height: 1.875rem;
  border-right: 1px solid hsla(0, 0%, 100%, .4);
  margin: 0 .9375rem
}

._1Hb-5J {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.WCwZOx {
  padding: 2px;
  border-radius: 2px;
  background: #fff;
  margin-top: .625rem;
  width: 11.25rem
}

.hkcZtW {
  height: 11.25rem;
  width: 11.25rem
}

._1Hb-5J {
  padding: 0 .9375rem .3125rem;
  flex-wrap: wrap
}

.cLfmRJ {
  width: 4.375rem;
  margin-top: .3125rem
}

.WFu8TV {
  width: 100%
}

.ZUq1cc:not(:first-child):after {
  content: "";
  height: .9375rem;
  width: 0;
  border-left: 1px solid hsla(0, 0%, 100%, .22);
  border-right: 1px solid hsla(0, 0%, 100%, .22);
  position: absolute;
  left: -6px;
  top: calc(50% - 7px)
}

.ZUq1cc:not(:first-child) {
  margin-left: .625rem
}

._2TLLZP {
  color: #fff;
  text-decoration: none;
  font-size: .8125rem;
  font-weight: 300;
  padding: .25rem;
  position: relative;
  overflow: visible;
  outline: 0
}

._2TLLZP.Rz1e5S:before,
._2TLLZP:focus-visible:before {
  --focus-indicator-spacing: 0px;
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

._2TLLZP:last-child {
  border: 0
}

._2TLLZP:not(.HniJJe):hover {
  color: hsla(0, 0%, 100%, .7);
  cursor: pointer
}

._2TLLZP>a.Rz1e5S,
._2TLLZP>a:focus-visible {
  box-shadow: var(--brand-primary-color) 0 0 0 4px, var(--focus-indicator-color) 0 0 0 6px;
  border-radius: 1px;
  outline: none
}

.HniJJe {
  border: 0
}

.FK3705,
.HniJJe {
  padding-right: 0
}

.FAQGyh .-mJgXC,
.FAQGyh ._3pu2xu,
.FAQGyh ._6DYXCB,
.FAQGyh .D7dyDc,
.FAQGyh .jbfvVs,
.FAQGyh .qD4xWz,
.FAQGyh .VR\+xYc {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  margin-right: 10px
}

.FAQGyh ._3pu2xu {
  width: 28px;
  height: 27px
}

.FAQGyh .-mJgXC,
.FAQGyh .D7dyDc,
.FAQGyh .VR\+xYc {
  width: 16px;
  height: 16px
}

.FAQGyh ._6DYXCB {
  width: 16px;
  height: 15px
}

.FAQGyh .jbfvVs {
  width: 14px;
  height: 16px
}

.FAQGyh .qD4xWz {
  width: 16px;
  height: 16px
}

.navbar-wrapper--light ._2TLLZP {
  color: currentColor;
  border-color: hsla(0, 0%, 53.3%, .22)
}

.navbar-wrapper--light ._2TLLZP:not(.HniJJe):hover {
  color: #ee4d2d
}

.header-navbar-background {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/cab134ca96b0829b591cfaff892ae62c.png)
}

.header-navbar-facebook-png {
  background-size: 487.5% 293.75%;
  background-position: 8.064516129032258% 16.129032258064516%
}

.header-navbar-instagram-png {
  background-size: 487.5% 293.75%;
  background-position: 58.064516129032256% 16.129032258064516%
}

.header-navbar-line-png {
  background-size: 487.5% 313.3333333333333%;
  background-position: 8.064516129032258% 96.875%
}

.header-navbar-kusmall-campus-header-png {
  background-size: 487.5% 293.75%;
  background-position: 50% 100%
}

.header-navbar-ticktok-png {
  background-size: 487.5% 293.75%;
  background-position: 91.93548387096774% 100%
}

.header-navbar-twitter-png {
  background-size: 487.5% 293.75%;
  background-position: 100% 16.129032258064516%
}

.yvbeD6 {
  position: relative
}

.yvbeD6 img {
  vertical-align: bottom
}

.Dle-n7 {
  visibility: hidden
}

.W7NV8o {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.\+ZCtwF {
  opacity: 0
}

.vc8g9F {
  opacity: 1;
  transition: opacity .2s ease
}

.ZqyOeF {
  max-height: 100%;
  max-width: 100%;
  height: 60px;
  width: 60px;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 61' fill='%23e5e4e4'%3E%3Cpath d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4zM27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6zm9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3-.5-1.6-2.2-2.7-3.5-3.4-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2-2.4-1.2-4-2.6-4.8-4.2-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7-2 .3-4.7 2-4.4 4.6.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7z'/%3E%3C/svg%3E")
}

.PDOhq4 .UwnNtf {
  right: 0;
  bottom: 0
}

.PDOhq4 .UwnNtf,
.UwnNtf {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: -1
}

.UwnNtf {
  width: 100%;
  height: 100%
}

.u\+rzIW {
  position: fixed;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: -1
}

.kusmall-avatar {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  position: relative;
  border-radius: 50%;
  border: .0625rem solid rgba(0, 0, 0, .09);
  box-sizing: border-box
}

.kusmall-avatar__placeholder {
  width: 100%;
  position: relative;
  padding-top: 100%;
  background-color: #f5f5f5;
  border-radius: 50%;
  overflow: hidden
}

.kusmall-avatar__placeholder .icon-headshot {
  stroke: #c6c6c6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.kusmall-avatar__img,
.kusmall-avatar__img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block
}

.kusmall-avatar__img {
  border-radius: 50%
}

.kusmall-avatar__img.focus-visible,
.kusmall-avatar__img:focus-visible {
  box-shadow: #fff 0 0 0 10px, var(--focus-indicator-color) 0 0 0 12px;
  outline: none
}

.kusmall-avatar__official-badge,
.kusmall-avatar__preferred-badge {
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  box-sizing: border-box;
  border: .0625rem solid #fff;
  border-radius: 50%;
  position: absolute;
  right: -.125rem;
  bottom: -.125rem;
  color: #fff;
  text-align: center;
  font-size: 6px
}

.kusmall-avatar__preferred-badge {
  background-color: #ee4d2d
}

.kusmall-avatar__official-badge {
  background-color: #d0011b
}

.e326xl,
.W-2aSq {
  align-items: center;
  display: flex
}

.e326xl {
  justify-content: center
}

.W-2aSq {
  padding: 6px 0;
  color: currentColor
}

._6qcVOX {
  pointer-events: none
}

.e326xl {
  position: relative;
  top: -.3125rem;
  left: -.75rem;
  box-sizing: border-box;
  border-radius: 1.25rem;
  margin-right: -.9375rem;
  background-color: #fff;
  font-size: .75rem
}

.RaV0lX {
  width: 1.125rem
}

._812-VE {
  width: 1.375rem
}

.c1uTz\+ {
  color: var(--brand-primary-color, #ee4d2d)
}

.jiJLtz {
  color: #d0011b
}

.i4da\+9 {
  margin-left: .3125rem;
  font-weight: 300;
  font-size: .8125rem;
  text-transform: capitalize
}

.DGaLxl {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 25rem;
  background-color: #fff;
  box-shadow: 0 1px 3.125rem 0 rgba(0, 0, 0, .2);
  border-radius: .125rem;
  overflow: hidden;
  height: 21.875rem;
  color: rgba(0, 0, 0, .8)
}

.yZ37e2 {
  height: 6.25rem;
  width: 6.25rem
}

.ny9lub {
  margin: .625rem
}

.n1sJN5 {
  display: flex;
  align-items: center;
  padding: .4375rem .625rem;
  color: #fff
}

.n1sJN5:hover {
  color: hsla(0, 0%, 100%, .7)
}

.n1sJN5 .UkG\+ar {
  display: flex;
  align-items: center
}

.n1sJN5 .UfAWnk {
  font-weight: 300;
  font-size: .8125rem;
  margin: 0 .3125rem
}

.FD9KOo {
  box-shadow: 0 .0625rem 3.125rem 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  min-width: 12.5rem;
  border-radius: 2px;
  border-top: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column
}

.FD9KOo ._40RGqV {
  text-align: left;
  color: rgba(0, 0, 0, .87);
  padding: .625rem;
  font-size: .875rem;
  line-height: 1.25rem;
  background-color: initial;
  border: 0
}

.FD9KOo ._40RGqV.nq4xCj,
.FD9KOo ._40RGqV:hover {
  color: #ee4d2d
}

.FD9KOo ._40RGqV>span {
  padding: var(--focus-indicator-spacing);
  border-radius: var(--focus-indicator-border-radius);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.FD9KOo ._40RGqV.yRx6s6,
.FD9KOo ._40RGqV:focus-visible {
  outline: none
}

.FD9KOo ._40RGqV.yRx6s6>span,
.FD9KOo ._40RGqV:focus-visible>span {
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color)
}

.FD9KOo:hover :not(:hover) {
  color: rgba(0, 0, 0, .87)
}

.navbar {
  color: #fff
}

.navbar .kusmall-avatar {
  width: 1.375rem;
  height: 1.375rem
}

.navbar .kusmall-avatar__placeholder .icon-headshot {
  font-size: .9375rem;
  line-height: .9375rem
}

.navbar__link {
  color: currentColor
}

.navbar__link-text.navbar__link-text--normal-case {
  text-transform: none
}

.navbar__help-center-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .3125rem;
  margin-left: .5rem;
  color: currentColor
}

.navbar__help-center-icon .icon-help-center {
  height: 1.125rem;
  width: 1.125rem
}

.navbar__username {
  max-width: 9.375rem;
  padding-left: .3125rem;
  overflow: hidden;
  text-overflow: ellipsis
}

.navbar-user-link {
  text-transform: capitalize
}

.navbar-user-link.focus-visible,
.navbar-user-link:focus-visible {
  outline: none
}

.navbar-user-link.focus-visible>span,
.navbar-user-link:focus-visible>span {
  outline: none;
  box-shadow: var(--focus-indicator-color) 0 0 0 2px;
  border-radius: 2px;
  padding: 2px 4px;
  margin: -2px -4px
}

.navbar-user-link.reset-button-style {
  background-color: initial;
  border: 0
}

.navbar .navbar__link.navbar__link--help {
  padding-left: 0
}

.navbar .navbar__link.navbar__link--help.focus-visible,
.navbar .navbar__link.navbar__link--help:focus-visible,
.navbar .navbar__link.navbar__link--login.focus-visible,
.navbar .navbar__link.navbar__link--login:focus-visible,
.navbar .navbar__link.navbar__link--signup.focus-visible,
.navbar .navbar__link.navbar__link--signup:focus-visible {
  outline: none;
  box-shadow: var(--focus-indicator-color) 0 0 0 2px;
  border-radius: 2px
}



.navbar {
  display: flex;
  align-items: center
}

.navbar .kusmall-dropdown .kusmall-popover {
  padding: 1.25rem 1.25rem .1875rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .09);
  border-top: 0
}

.navbar .kusmall-dropdown__entry:not(.kusmall-dropdown__entry--selected) {
  background-color: #fff;
  border: 0;
  line-height: 1;
  margin-bottom: 1.0625rem
}

.navbar .kusmall-dropdown__entry:not(.kusmall-dropdown__entry--selected):hover {
  color: #ee4d2d
}

.navbar .kusmall-dropdown__entry--selected {
  border: 0
}

.navbar__spacer {
  flex: 1
}

.navbar__links {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 2.125rem
}

.navbar__link,
.navbar__links {
  display: flex;
  align-items: center
}

.navbar__link {
  position: relative;
  justify-content: center;
  padding: 0 .625rem
}

.navbar__link--tappable {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.navbar__link--hoverable:hover .navbar__link-text {
  color: hsla(0, 0%, 100%, .7)
}

.navbar__link--hoverable:hover:before {
  display: none
}

.navbar__link:not(:first-child):before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 1px;
  height: .9375rem;
  top: 1.125rem;
  background-color: rgba(0, 0, 0, .26)
}

.navbar__link--sell>.navbar__link-text {
  font-weight: 500 !important
}

.navbar__link--account__container {
  display: flex;
  align-items: center;
  padding: 5px 0;
  text-transform: none
}

.navbar__link--account__container .navbar__link-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: .3125rem;
  font-weight: 400
}

.navbar__link--notification,
.navbar__link--separator {
  padding: 0
}

.navbar__link:hover+.navbar__link:before {
  display: none
}

.navbar__link-container--notification {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: flex;
  align-items: center;
  color: currentColor;
  cursor: pointer
}

.navbar__link-container--notification .kusmall-simple-badge {
  position: absolute;
  top: -.3125rem;
  right: -.625rem
}

.navbar__link-icon {
  font-size: 1.0625rem;
  color: #ee4d2d;
  margin-right: .625rem
}

.navbar__link-icon.icon-notification-2 {
  fill: currentColor;
  margin-right: 4px
}

.navbar__link-icon.icon-shopping-cart-2 {
  fill: currentColor;
  width: 26px;
  height: 26px;
  cursor: pointer
}

.navbar__link-text {
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: .8125rem;
  color: currentColor;
  text-transform: capitalize
}

.navbar__link-text--medium {
  font-weight: 500
}

.navbar__link-separator {
  border-right: 1px solid hsla(0, 0%, 100%, .4);
  height: .8125rem
}

.navbar-account-drawer__content {
  box-shadow: 0 .0625rem 3.125rem 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  width: 9.375rem;
  border-radius: 2px;
  border-top: 0;
  overflow: hidden
}

.navbar-account-drawer__button {
  height: 2.5rem;
  width: 9.375rem;
  padding-left: .9375rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: rgba(0, 0, 0, .87)
}

.navbar-account-drawer__button:hover {
  background-color: #fafafa;
  color: #00bfa5
}

.kusmall-cart-number-badge,
.kusmall-notification-number-badge {
  position: relative;
  border-radius: 2.75rem;
  min-width: .6875rem;
  line-height: 1.2em;
  padding: 0 .3125rem;
  text-align: center;
  height: 1rem;
  border: .125rem solid var(--brand-primary-color, #ee4d2d);
  color: var(--brand-primary-color, #ee4d2d);
  background-color: #fff;
  left: -1.125rem;
  top: -.5rem;
  margin-right: -.875rem
}

.navbar-wrapper {
  height: 2.125rem;
  z-index: 400;
  background: transparent;
  position: relative
}

.navbar-wrapper--official-shop {
  background: #d0011b
}

.navbar-wrapper--without-search {
  background: #ee4d2d
}

.navbar-wrapper .navbar {
  color: #fff
}

.navbar-wrapper .navbar__link-icon,
.navbar-wrapper .navbar__link-text {
  color: currentColor
}

.navbar-wrapper .navbar__link:after,
.navbar-wrapper .navbar__link:before {
  display: none
}

.navbar-wrapper .navbar__link {
  cursor: pointer
}

.navbar-wrapper .navbar__link:hover {
  color: hsla(0, 0%, 100%, .7)
}

.navbar-wrapper .navbar__link--login .navbar__link-text {
  color: #ee4d2d;
  font-weight: 500
}

.navbar-wrapper .navbar__link--login:hover .navbar__link-text {
  color: #ee4d2d
}

.navbar-wrapper .navbar__link--login:active {
  background-color: hsla(0, 0%, 100%, .8)
}

.navbar-wrapper--light {
  background: #f0f0f0
}

.navbar-wrapper--light .navbar {
  color: rgba(0, 0, 0, .54)
}

.navbar-wrapper--light .navbar__link {
  cursor: pointer;
  color: currentColor
}

.navbar-wrapper--light .navbar__link--separator {
  color: rgba(0, 0, 0, .54)
}

.navbar-wrapper--light .navbar__link--hoverable:hover .navbar__link-text {
  color: #ee4d2d
}

.navbar-wrapper--light .navbar__link--hoverable:hover:before {
  display: none
}

.navbar-wrapper--light .navbar__link:hover {
  color: #ee4d2d
}

.navbar-wrapper--light .navbar__link-separator {
  border-right: 1px solid rgba(0, 0, 0, .12)
}



.i6JMZc {
  background: #066bc8
}

.W4jGm6 {
  align-items: center
}

.pkg67p,
.W4jGm6 {
  display: flex
}

.pkg67p {
  flex-direction: row
}

.W4jGm6 {
  justify-content: center
}

.pkg67p {
  width: 100%;
  margin-bottom: 1rem
}

.pkg67p:hover {
  cursor: pointer
}

.ebQ6br {
  height: 5rem;
  width: 5rem;
  margin-right: .75rem;
  padding: .25rem;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  border-radius: 2px
}

.zLPzwH {
  width: 4.75rem;
  display: inline-block;
  vertical-align: top
}

.PHZLSD {
  margin-left: .8125rem
}

.W4jGm6 {
  width: 4.25rem;
  height: 1rem;
  margin-bottom: .5rem;
  padding: .25rem;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  border-radius: 2px
}

.W4jGm6:last-child {
  margin-bottom: 0
}

.W4jGm6 img {
  max-height: 100%;
  max-width: 100%
}

.rGOyzF {
  display: flex;
  flex-direction: row;
  width: 100%
}

.rGOyzF:hover {
  cursor: pointer
}

.tiIrfQ {
  width: 5.25rem;
  margin-top: 2rem
}

._2pbE-b,
.uqMJQA {
  align-items: center
}

._2pbE-b,
.D7qxb9,
.uqMJQA {
  display: flex
}

.D7qxb9 {
  flex-wrap: wrap
}

._2pbE-b,
.uqMJQA {
  justify-content: center
}

.D7qxb9 {
  list-style-type: none;
  padding: 0;
  margin: 0 0 1rem
}

.uqMJQA {
  width: 3.75rem;
  height: 1.875rem;
  margin-bottom: .5rem;
  margin-right: .5rem;
  padding: .25rem;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  overflow: hidden;
  border-radius: .125rem
}

.uqMJQA.wIe3fv {
  width: 7.5rem;
  height: 3.75rem;
  justify-content: flex-start
}

.uqMJQA.ra3HHV {
  margin-right: .1875rem
}

._2pbE-b {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center
}

._2pbE-b img {
  max-height: 100%;
  max-width: 100%
}

.FA0WjS,
.o8Gbgv {
  align-content: center;
  display: flex
}

.SOb2n7 {
  text-decoration: none;
  display: block;
  color: rgba(0, 0, 0, .65);
  list-style-type: none;
  margin: 0 0 1rem;
  padding: 0
}

.o8Gbgv {
  font-size: .75rem;
  margin-bottom: .75rem
}

.yy98Or {
  text-transform: capitalize
}

.FA0WjS {
  text-decoration: none;
  color: rgba(0, 0, 0, .65);
  overflow: hidden
}

.FA0WjS:hover {
  color: #ee4d2d
}

._6ZyW8Y {
  height: 1rem;
  width: 1rem;
  margin-right: .5rem
}

.xTjlXx {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.PuXQrZ {
  width: 15.625rem;
  padding: .3125rem;
  box-sizing: border-box
}

.PuXQrZ:first-child:nth-last-child(6),
.PuXQrZ:first-child:nth-last-child(6)~.PuXQrZ,
.PuXQrZ:last-child {
  width: 12.5rem
}

.JMCbqu {
  font-size: .75rem;
  font-weight: 700;
  color: rgba(0, 0, 0, .87);
  margin-bottom: 1.25rem;
  margin-top: 2.5rem
}

.JMCbqu.wTATIi {
  margin-top: 0
}

.raWI9Y {
  text-transform: uppercase
}

.Lj4LG2 {
  display: flex;
  margin: 0 -.3125rem;
  padding: .3125rem;
  width: 100%
}

.ibAPxC,
.Lj4LG2 {
  align-items: flex-start
}

.ibAPxC {
  display: flex;
  margin: 0 -.3125rem;
  padding: .3125rem;
  width: 100%;
  min-width: 1200px
}

.DmgODQ {
  align-items: flex-start
}

._9RQPzN,
.DmgODQ {
  display: flex;
  flex-wrap: wrap
}

._9RQPzN {
  justify-content: center
}

.DmgODQ {
  justify-content: space-between;
  color: rgba(0, 0, 0, .54);
  padding: 2.5rem 0;
  border-top: 1px solid rgba(0, 0, 0, .1)
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:2dppx) {
  .DmgODQ {
    border-top: .5px solid rgba(0, 0, 0, .1)
  }
}

.\+iUQ15 {
  line-height: 1.125rem
}

.AF3TXt {
  flex-basis: 100%;
  margin-bottom: .75rem
}

.PGHx77 {
  flex-shrink: 0;
  margin-right: 25px
}

.rtJ1VG {
  flex: 1 0 auto;
  text-align: right
}

.HKksoM {
  padding: 0 5px
}

.HKksoM:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, .2)
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:2dppx) {
  .HKksoM:not(:last-child) {
    border-right: .5px solid rgba(0, 0, 0, .2)
  }
}

.WrjDUh {
  text-decoration: none;
  color: rgba(0, 0, 0, .54)
}

.jP2PzH {
  width: 75rem;
  margin: auto
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: initial
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background-color: initial
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: initial;
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: initial
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

.sprite-product-sharing {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/1876c121524255f7eb6a64b4d8d0b7e3.png);
  background-size: 100%;
  background-color: initial
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
  .sprite-product-sharing {
    background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/2e6656dc1c9d158ee5a9cf7640983150.png);
    background-size: 100%;
    background-color: initial
  }
}

.sprite-product-sharing-fb {
  background-position: 0 0;
  width: 190px;
  height: 190px
}

.sprite-product-sharing-fm {
  background-position: 0 -100%;
  width: 190px;
  height: 190px
}

.sprite-product-sharing-gp {
  background-position: 0 -200%;
  width: 190px;
  height: 190px
}

.sprite-product-sharing-pinterest {
  background-position: 0 -300%;
  width: 190px;
  height: 190px
}

.sprite-product-sharing-twitter {
  background-position: 0 -400%;
  width: 190px;
  height: 190px
}

.sprite-social {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/1822aa22765953b947347540a6ce9e68.png);
  background-size: 100%;
  background-color: initial
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
  .sprite-social {
    background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/a1408a9a1abc6dcc2ffa85aedd5c5949.png);
    background-size: 100%;
    background-color: initial
  }
}

.sprite-social-email {
  background-position: 0 0;
  width: 22px;
  height: 22px
}

.sprite-social-fb {
  background-position: 0 -100%;
  width: 22px;
  height: 22px
}

.sprite-social-ig {
  background-position: 0 -200%;
  width: 22px;
  height: 22px
}

.sprite-social-line {
  background-position: 0 -300%;
  width: 22px;
  height: 22px
}

.sprite-social-kusmall {
  background-position: 2px -400%;
  width: 22px;
  height: 22px
}

.sprite-social-sms {
  background-position: 0 -500%;
  width: 22px;
  height: 22px
}

.sprite-social-white {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/ef94fbd4a9ef67a217fa7dea3a5e7158.png);
  background-size: 100%;
  background-color: initial
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
  .sprite-social-white {
    background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/a0a6ee704e39605c62b5d83546bf65f8.png);
    background-size: 100%;
    background-color: initial
  }
}

.sprite-social-white-email {
  background-position: 0 0;
  width: 22px;
  height: 22px
}

.sprite-social-white-fb {
  background-position: 0 -100%;
  width: 22px;
  height: 22px
}

.sprite-social-white-kusmall {
  background-position: 0 -200%;
  width: 22px;
  height: 22px
}

.sprite-social-white-sms {
  background-position: 0 -300%;
  width: 22px;
  height: 22px
}

.container {
  margin-right: auto;
  margin-left: auto;
}



.row {
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -.3125rem;
  margin-left: -.3125rem
}

.col,
.row {
  box-sizing: border-box;
  display: flex
}

.col {
  flex: 0 1 auto;
  flex-direction: column;
  flex-wrap: wrap
}

.row.reverse {
  flex-direction: row-reverse
}

.col.reverse {
  flex-direction: column-reverse
}

.col-xs-1-2,
.col-xs-2,
.col-xs-2-4,
.col-xs-3,
.col-xs-4,
.col-xs-6,
.col-xs-8 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: .3125rem;
  padding-left: .3125rem
}

.col-xs-1 {
  flex-basis: 8.333%;
  max-width: 8.333%
}

.col-xs-1-2 {
  flex-basis: 10%;
  max-width: 10%
}

.col-xs-2 {
  flex-basis: 16.666%;
  max-width: 16.666%
}

.col-xs-2-4 {
  flex-basis: 20%;
  max-width: 20%
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%
}

.col-xs-4 {
  flex-basis: 33.333%;
  max-width: 33.333%
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%
}

.col-xs-8 {
  flex-basis: 66.667%;
  max-width: 66.667%
}

@media only screen and (min-width: 63em) {
  .col-md-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: .3125rem;
    padding-left: .3125rem;
    flex-basis: 16.666%;
    max-width: 16.666%
  }
}

body {
  font-size: .875rem;
  text-size-adjust: none;
  -webkit-text-size-adjust: none
}

.clearfix {
  clear: both
}

.hide {
  display: none
}

.expand {
  flex-grow: 1
}

.link-to-keep-parent-style {
  color: currentColor;
  text-decoration: inherit
}

.card {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}

.h-center {
  justify-content: center
}

.flex,
.h-center {
  display: flex
}

.flex-column {
  flex-direction: column
}

.flex-auto {
  flex: 1 1 auto
}

.flex-no-overflow {
  width: 0
}

.items-center {
  align-items: center
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.v-flex {
  display: flex;
  flex-direction: column
}

.center {
  display: flex;
  align-items: center
}

.center {
  justify-content: center
}

.text-trunc-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.skeleton {
  border-color: #fafafa !important;
  border-radius: 2px;
  box-shadow: none !important;
  background-color: #fafafa !important;
  background-clip: padding-box !important;
  cursor: default;
  color: transparent !important;
  animation: glow 2s linear infinite;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

@keyframes glow {

  0%,
  to {
    border-color: #fafafa;
    background-color: #fafafa
  }

  50% {
    border-color: #f5f5f5;
    background-color: #f5f5f5
  }
}

.skeleton-line {
  height: .625rem
}

.skeleton-full {
  width: 100%
}

.skeleton-medium {
  width: 66.67%
}

.skeleton-short {
  width: 33.33%
}

:root {
  --focus-indicator-color: rgba(0, 0, 0, 0.87);
  --focus-indicator-stroke-width: 2px;
  --focus-indicator-spacing: 4px;
  --focus-indicator-border-radius: 2px;
  --brand-primary-color: #ee4d2d;
  --brand-primary-light-color: rgba(255, 87, 34, 0.1)
}

.theme--ofs {
  --brand-primary-color: #d0011b;
  --brand-primary-light-color: rgba(208, 1, 27, 0.08)
}

.theme--s-mart {
  --brand-primary-color: #066bc8;
  --brand-primary-light-color: #e6f0f9
}

body {
  background-color: #f5f5f5
}

body .stardust-popup {
  z-index: 10000;
  box-sizing: border-box
}

body .stardust-popup .stardust-popup__dialog--wrapper {
  z-index: 10000;
  max-width: 31.25rem;
  box-sizing: border-box
}

body .stardust-popup .stardust-popup__dialog {
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-bottom: 1.875rem
}

body .stardust-popup .stardust-popup__dialog--wrapper-top {
  padding-top: 2.5rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  font-size: 16px
}

body .stardust-popup .stardust-popup-title {
  text-align: left
}

body .stardust-popup .stardust-popup-buttons {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
  margin-top: 1.875rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  box-sizing: border-box
}

body .stardust-popup .stardust-popup-button {
  flex: 0 1 6.25rem;
  margin-left: 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: .125rem;
  box-sizing: border-box;
  font-size: 14px;
  border: .0625rem solid rgba(0, 0, 0, .09);
  box-shadow: 0 .0625rem .0625rem 0 rgba(0, 0, 0, .03);
  white-space: nowrap;
  padding-left: .625rem;
  padding-right: .625rem
}

body .stardust-popup .stardust-popup-button--main {
  background: #ee4d2d;
  color: #fff;
  text-transform: uppercase
}

body .stardust-popup .stardust-popup-button--main:hover {
  background: #f05d40
}

body .stardust-popup .stardust-popup-button--main:active {
  background: #e2492b
}

body .stardust-popup .stardust-popup-button--secondary {
  background: #fff;
  color: rgba(0, 0, 0, .87);
  text-transform: uppercase;
  border: 0
}

body .stardust-popup .stardust-popup-button--secondary:hover {
  background: rgba(0, 0, 0, .02);
  border-color: rgba(0, 0, 0, .09)
}

body .stardust-popup .stardust-popup-button--secondary:active {
  background: rgba(0, 0, 0, .02);
  border-color: rgba(0, 0, 0, .09);
  box-shadow: inset 0 .125rem .0625rem 0 rgba(0, 0, 0, .05)
}

.ofs-tw-logo {
  max-width: 150px
}

.icon-tw-mall-inline {
  width: 1.875rem;
  height: .9375rem
}

.kusmall-svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  position: relative
}

.icon-all-cate {
  width: .75rem
}

.icon-notification-2 {
  width: .875rem;
  height: 1.125rem
}

.icon-notifications-wallet {
  stroke: #fff
}

.icon-order-order,
.icon-order-paid,
.icon-order-problem,
.icon-order-rating,
.icon-order-received,
.icon-order-shipping {
  stroke: currentColor
}

.icon-kusmall-logo {
  width: 11.875rem;
  height: 4rem;
  fill: #fff
}

.icon-line {
  display: inline-block;
  background: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/e7e8c8a24b2e1ae6fb9c4076d42140aa.png) no-repeat;
  background-size: contain;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 22px;
  height: 22px
}

.icon-kusmall-logo--official-shop {
  width: 2.5rem;
  height: 2.8125rem;
  fill: #fff
}

.icon-location-marker {
  color: #ee4d2d;
  fill: currentColor
}

.icon-vn-privacy {
  background-position: 0 -110px
}

.icon-vn-shipping {
  background-position: 0 -122px
}

.icon-vn-tos {
  background-position: 0 -134px
}

.icon-vn-violation {
  background-position: 0 -146px
}

.icon-share-fb,
.icon-share-gplus,
.icon-share-messenger,
.icon-share-pinterest,
.icon-share-twitter {
  display: inline-block;
  background: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/4268e6c922bc887da52eef2c1314a284.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 24px;
  height: 24px
}

.icon-share-messenger {
  background-position: 0 0
}

.icon-share-fb {
  background-position: -24px 0
}

.icon-share-gplus {
  background-position: 0 -24px
}

.icon-share-pinterest {
  background-position: -24px -24px
}

.icon-share-twitter {
  background-position: 0 -48px
}

.kusmall-spacer {
  display: inline-block;
  width: 1px;
  height: .625rem;
  background-color: rgba(0, 0, 0, .12)
}

.address-modal__form_input {
  width: 100%
}

.address-modal__form_input.hidden {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 1px;
  height: 1px;
  opacity: 0
}

.address-modal .kusmall-popup-form__main-container {
  margin-bottom: 0;
  padding-bottom: 84px
}

.kusmall-address-picker {
  width: 20rem;
  border: 1px solid rgba(0, 0, 0, .09);
  background-color: #fff;
  z-index: 1;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: .125rem;
  overflow: hidden
}

.kusmall-address-picker__search-bar {
  background-color: #fff;
  padding: .3125rem .625rem
}

.kusmall-address-picker__search-bar input {
  outline: none;
  border: 0;
  background-color: #f5f5f5;
  box-sizing: border-box;
  width: 100%;
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0 .625rem;
  border-radius: 2px
}

.kusmall-address-picker__search-bar input::placeholder {
  color: rgba(0, 0, 0, .26)
}

.kusmall-address-picker__current-level-list,
.kusmall-address-picker__search-result {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 17.5rem;
  overflow-y: scroll
}

.kusmall-address-picker__current-level-list-item,
.kusmall-address-picker__last-selected-address-level,
.kusmall-address-picker__search-result-item {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .625rem
}

.kusmall-address-picker__last-selected-address-level {
  display: flex;
  align-items: center;
  color: #ee4d2d;
  background-color: #f5f5f5
}

.kusmall-address-picker__last-selected-address-level .icon-arrow-left {
  font-size: .625rem;
  margin-right: .625rem
}

.notification-card {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  padding: 1.25rem
}

.notification-card .kusmall-image-placeholder {
  background-color: #f5f5f5
}

.notification-card .kusmall-image-placeholder .kusmall-svg-icon {
  font-size: 2.5rem
}

.notification-card:hover {
  background-color: #f8f8f8
}

.notification-card .kusmall-avatar {
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0
}

.notification-card__connector {
  width: .0625rem;
  position: absolute;
  top: 0;
  left: 3.75rem;
  bottom: 0;
  background: rgba(0, 0, 0, .09)
}

.notification-card__connector-dot {
  width: .5rem;
  height: .5rem;
  background: #e2e2e2;
  border-radius: 50%;
  position: absolute;
  left: 3.5rem;
  margin-top: .375rem
}

.notification-card__collapse {
  cursor: pointer;
  margin-left: .625rem
}

.notification-card__image {
  display: flex;
  flex-flow: row-reverse wrap-reverse;
  flex-shrink: 0;
  justify-content: space-around;
  position: relative;
  width: 5rem;
  height: 5rem;
  background-color: #fff
}

.notification-card__img-background {
  width: 100%;
  padding-top: 100%;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.notification-card__img-background--half {
  width: 50%;
  padding-top: 50%;
  align-self: center
}

.notification-card__detail {
  word-wrap: break-word;
  padding-left: 1.25rem;
  min-width: 0;
  flex-shrink: 1;
  margin-right: .625rem
}

.notification-card__title {
  font-size: 1rem;
  margin-bottom: .625rem;
  color: rgba(0, 0, 0, .8)
}

.notification-card__description {
  font-size: .875rem;
  margin-bottom: .625rem;
  max-width: 40.625rem;
  color: rgba(0, 0, 0, .54)
}

.notification-card__content {
  font-size: .875rem;
  color: rgba(0, 0, 0, .54);
  margin-bottom: .3125rem
}

.notification-card__info {
  font-size: .875rem;
  color: rgba(0, 0, 0, .54);
  line-height: 1;
  display: flex
}

.notification-card__button {
  margin-left: auto;
  flex-shrink: 0
}

.notification-card__button .kusmall-button-outline {
  padding: 0 .4375rem;
  background-color: #fff;
  min-width: 5rem;
  height: 1.875rem;
  font-size: .75rem;
  text-transform: capitalize;
  box-sizing: border-box
}

.notification-card__button .kusmall-button-outline:hover {
  color: #ee4d2d;
  border-color: #ee4d2d
}

.notification-card__button .kusmall-button-outline--complement {
  color: #00bfa5;
  border-color: #00bfa5
}

.notification-card--group-primary {
  position: relative
}

.notification-card--group-primary .notification-card__connector {
  top: 50%
}

.notification-card--group-primary .notification-card__connector--single {
  display: none
}

.notification-card__spinner {
  width: .75rem;
  height: .75rem;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/be61e869a4c7e201ad8443a58c2c8d96.png);
  animation: spin .6s linear infinite
}

@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}

.notification-card--group-secondary {
  background: #f9f9f9;
  padding-left: 6.25rem;
  position: relative
}

.notification-card--group-secondary .notification-card__title {
  color: rgba(0, 0, 0, .54)
}

.notification-card--mini {
  padding: .5rem .625rem
}

.notification-card--mini .kusmall-image-placeholder .kusmall-svg-icon {
  font-size: 1.5rem
}

.notification-card--mini .kusmall-avatar {
  width: 2.5rem;
  height: 2.5rem
}

.notification-card--mini .notification-card__image {
  width: 2.5rem;
  height: 2.5rem;
  border: .5px solid rgba(0, 0, 0, .09);
  box-sizing: border-box
}

.notification-card--mini .notification-card__detail {
  padding-left: .375rem
}

.notification-card--mini .notification-card__title {
  margin-bottom: .375rem;
  font-size: .875rem
}

.notification-card--mini .notification-card__content {
  font-size: .75rem;
  color: rgba(0, 0, 0, .54);
  line-height: .9375rem
}

.notification-card--mini .notification-card__description {
  margin-bottom: .375rem;
  max-width: 20rem
}

.notification-card--unread {
  background-color: #fff2ee
}

.kusmall-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 600
}

.kusmall-popup__overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4)
}

.kusmall-popup__container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: visible;
  max-height: 100%;
  max-width: 100%
}

.kusmall-popup__close-btn {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  line-height: 2.5rem;
  height: 1.875rem;
  width: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  box-sizing: border-box;
  background-color: #5a5a5a;
  top: -.625rem;
  right: -.625rem;
  border-radius: 1.25rem;
  border: 3px solid #fff
}

.kusmall-popup__close-btn .kusmall-svg-icon {
  font-size: .75rem;
  color: #fff
}

.kusmall-alert-popup {
  width: 31.25rem;
  padding: 1.25rem;
  overflow: visible
}

.kusmall-alert-popup__title {
  font-size: 1.5rem;
  color: #ee4d2d;
  margin-top: 1.875rem
}

.kusmall-alert-popup__message {
  margin-top: 2.5rem;
  font-size: 1rem
}

.kusmall-alert-popup__message-list {
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column
}

.kusmall-alert-popup__button-vertical-layout {
  margin-top: 6.25rem;
  display: flex;
  flex-direction: column
}

.kusmall-alert-popup__button-vertical-layout .kusmall-alert-popup__button-spacer {
  height: 1.25rem
}

.kusmall-alert-popup__button-vertical-layout .kusmall-button-outline,
.kusmall-alert-popup__button-vertical-layout .kusmall-button-solid {
  flex: 1;
  font-size: 1rem
}

.kusmall-alert-popup__button-vertical-layout .kusmall-button-outline {
  color: rgba(0, 0, 0, .8)
}

.kusmall-alert-popup__button-horizontal-layout {
  display: flex;
  margin-top: 6.25rem
}

.kusmall-alert-popup__button-horizontal-layout .kusmall-alert-popup__button-spacer {
  width: .625rem
}

.kusmall-alert-popup__button-horizontal-layout .kusmall-button-outline,
.kusmall-alert-popup__button-horizontal-layout .kusmall-button-solid {
  flex: 1;
  padding: .75rem 0;
  text-transform: capitalize
}

.kusmall-no-scroll {
  overflow: hidden
}

.kusmall-shop-collection-filter__collection,
.kusmall-shop-collection-filter__header {
  font-weight: 500
}

.kusmall-shop-collection-filter__header {
  color: rgba(0, 0, 0, .8);
  text-transform: uppercase;
  padding: .875rem 0 1.125rem
}

.kusmall-shop-collection-filter__collection {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .625rem 0;
  display: flex;
  font-size: .8125rem;
  color: rgba(0, 0, 0, .8)
}

.kusmall-shop-collection-filter__collection--active {
  color: #ee4d2d
}

.kusmall-shop-collection-filter__collection+.kusmall-shop-collection-filter__collection {
  border-top: 1px solid rgba(0, 0, 0, .09)
}

.shop-collection-view {
  margin-bottom: .625rem
}

.shop-search-result-view__item {
  margin-top: .625rem
}

.shop-collection-list {
  background-color: #fff;
  width: 16.875rem;
  max-height: 18.75rem;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: .125rem;
  overflow: hidden;
  overflow-y: auto
}

.shop-collection-list__item {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  box-sizing: border-box;
  position: relative;
  padding-left: 3.75rem;
  height: 3.75rem;
  overflow: hidden
}

.shop-collection-list__item:hover {
  background-color: #f8f8f8
}

.shop-collection-list__item:hover .shop-collection-list__item-desc-name {
  color: #ee4d2d
}

.shop-collection-list__item-image {
  position: absolute;
  top: .625rem;
  left: .625rem;
  height: 2.5rem;
  width: 2.5rem;
  background-color: #f5f5f5
}

.shop-collection-list__item-image>.kusmall-svg-icon {
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.shop-collection-list__item-image>img,
.shop-collection-list__item-image__adult-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.shop-collection-list__item-image__adult-mask {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 70%;
  background-color: #fff
}

.shop-collection-list__item-image__adult-mask--18 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/e0d1677a58deaa693aa9fcea93255096.png)
}

.shop-collection-list__item-image__adult-mask--20 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/3d819965643f1287ea7358313e66e85e.png)
}

.shop-collection-list__item-image__adult-mask--21 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/f897d97e691bc43c7b917018f97ad5bc.png)
}

.shop-collection-list__item-desc {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.shop-collection-list__item-desc-name {
  white-space: nowrap;
  color: rgba(0, 0, 0, .87);
  overflow: hidden;
  text-overflow: ellipsis
}

.shop-collection-list__item-desc-product {
  color: rgba(0, 0, 0, .54);
  font-size: .75rem;
  margin-top: .125rem
}

.kusmall-guarantee-icon {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/67454c89080444c5997b53109072c9e0.png)
}

.order-detail-header {
  background-color: #fff;
  border-top-left-radius: .3125rem;
  border-top-right-radius: .3125rem
}

.order-detail-header__state-container {
  position: relative;
  box-sizing: border-box;
  padding: 5rem 2.8125rem 2.8125rem
}

.order-detail-header__back-button,
.order-detail-header__note {
  right: 1.25rem;
  position: absolute;
  top: 1.25rem;
  font-size: .875rem;
  line-height: 1rem
}

.order-detail-header__separator {
  margin: 0 1em
}

.order-detail-header__back-button {
  display: flex;
  align-items: center;
  left: 1.25rem;
  color: rgba(0, 0, 0, .54)
}

.order-detail-header__back-button:hover {
  cursor: pointer
}

.order-detail-header__back-button--arrow {
  font-size: .875rem;
  margin-right: .3125rem
}

.order-detail-header__status {
  color: #ee4d2d;
  text-transform: uppercase
}

.order-detail-header__invoice {
  padding: 0 .9375rem
}

.order-detail-header__invoice-inner {
  padding: .625rem .3125rem;
  display: flex;
  border-top: 1px dashed #eee;
  justify-content: space-between;
  align-items: center
}

.order-detail-header__invoice-title {
  font-size: 12px;
  color: rgba(0, 0, 0, .54)
}

.order-detail-header__invoice-ph-title {
  font-size: 12px;
  display: inline-block
}

.order-detail-header__invoice-popover {
  height: 231px;
  width: 350px;
  background-color: #fff;
  border-radius: 4px;
  padding: 15px
}

.order-detail-header__invoice-disclaimer-header {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px
}

.order-detail-header__invoice-disclaimer-content {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px
}

.order-detail-header__invoice-icon {
  vertical-align: middle;
  margin-left: 8px
}

.order-detail-header__action-container {
  box-sizing: border-box;
  background-color: #fffcf5;
  padding-top: 1.25rem
}

.order-detail-header__button-wrapper {
  width: 13.125rem;
  height: 2.5rem;
  font-size: .875rem;
  margin-left: 1rem;
  flex-shrink: 0;
  background: #fff
}

.order-detail-header__button-wrapper-container {
  padding: 0 1.25rem .625rem;
  margin-bottom: .625rem;
  flex-wrap: nowrap;
  display: flex;
  border-bottom: 1px dotted rgba(0, 0, 0, .09);
  align-items: flex-start
}

.order-detail-header__button-wrapper-container--last {
  padding-bottom: 1.25rem;
  border-bottom: 0
}

.order-detail-header__group-buttons-wrapper-container {
  display: flex
}

.order-detail-header__text-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  min-height: 1.25rem
}

.order-detail-header__text-info-wrapper p {
  width: 100%;
  padding: 0;
  margin: 0
}

.order-detail-header__text-info-wrapper-with-reason>span:first-child {
  font-weight: 600
}

.order-detail-header__button-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize
}

.order-detail-header__kusmall-guarantee__icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .3125rem;
  display: inline-block
}

.order-detail-header__primary-icon {
  color: #ee4d2d;
  font-size: 1.25rem;
  margin: 0 .625rem 0 .3125rem
}

.order-detail-header__primary-kusmall-guarantee-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .3125rem
}

.purchase-card-buttons__wrapper {
  background: #fffefb;
  padding: 0 1.5rem
}

.purchase-card-buttons__total-payment {
  padding-top: 2.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end
}

.purchase-card-buttons__kusmall-guarantee-icon {
  width: 1.375rem;
  height: 1.375rem;
  margin-right: .3125rem
}

.purchase-card-buttons__label-price {
  color: rgba(0, 0, 0, .8);
  font-size: .875rem;
  line-height: 1.25rem;
  margin-right: .625rem
}

.purchase-card-buttons__total-price {
  color: #ee4d2d;
  font-size: 1.875rem;
  line-height: 2rem
}

.purchase-card-buttons__container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: center;
  padding: 1.125rem 0 1.25rem
}

.purchase-card-buttons__show-button-wrapper {
  min-width: 10rem;
  height: 2.5rem;
  margin-left: .625rem;
  background: #fff
}

.purchase-card-buttons__show-button-wrapper .kusmall-button-outline,
.purchase-card-buttons__show-button-wrapper .kusmall-button-solid {
  padding: 0 .625rem;
  box-sizing: border-box
}

.purchase-card-buttons__text-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  flex-grow: 1
}

.purchase-card-buttons__open-more-wrapper {
  position: relative;
  width: 6.25rem;
  height: 2.5rem;
  margin-left: .625rem
}

.purchase-card-buttons__open-more-button {
  font-size: .875rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, .8);
  border: 1px solid rgba(0, 0, 0, .09);
  background: #fff;
  position: relative;
  z-index: 2;
  box-sizing: border-box
}

.purchase-card-buttons__open-more-button__arrow {
  font-size: .625rem;
  margin-left: .3125rem
}

.purchase-card-buttons__inside-button-container {
  display: none;
  position: absolute;
  top: 2.5rem;
  left: 0;
  border: 1px solid #ee4d2d;
  background: #fff;
  z-index: 1
}

.purchase-card-buttons__open-more-wrapper:hover .purchase-card-buttons__open-more-button {
  color: #ee4d2d;
  border: 1px solid #ee4d2d;
  border-bottom-color: #fff
}

.purchase-card-buttons__open-more-wrapper:hover .purchase-card-buttons__inside-button-container {
  display: block
}

.purchase-card-buttons__inside-button {
  color: rgba(0, 0, 0, .8);
  min-width: 11.25rem;
  height: 2.5rem;
  padding: 0 .625rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.purchase-card-buttons__inside-button:hover {
  color: #ee4d2d;
  background: #f8f8f8
}

.purchase-card-buttons__button-content {
  text-decoration: none;
  text-transform: capitalize
}

.checkout-card__content-wrapper,
.order-card__content-wrapper {
  background: #fff
}

.checkout-card__content,
.order-card__content {
  padding: 1.25rem 1.25rem 0
}

.order-content-status {
  color: #ee4d2d;
  line-height: 1.5rem;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap
}

.checkout-card__order-wrapper:not(:last-child) {
  margin-bottom: 1.875rem;
  border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.checkout-card__order-wrapper:last-child,
.order-card__container {
  border-bottom: 0
}

.purchase-text-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  flex-grow: 1
}

.purchase-text-info {
  font-size: .75rem;
  line-height: .9375rem;
  word-wrap: break-word;
  max-width: 25rem;
  color: rgba(0, 0, 0, .54)
}

.purchase-text-info__hover-point {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.purchase-text-info__tooltip-content {
  background: #fff;
  color: rgba(0, 0, 0, .8);
  width: 18.75rem;
  padding: 1.25rem;
  font-size: .875rem;
  line-height: 1.375rem;
  word-wrap: break-word;
  text-align: left
}

.purchase-text-info .kusmall-drawer {
  display: inline-flex
}

.purchase-text-info:nth-child(2) {
  color: #ee4d2d
}

.purchase-empty-order__container {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: .125rem;
  overflow: hidden;
  background: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.purchase-empty-order__icon {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/5fafbb923393b712b96488590b8f781f.png);
  width: 6.25rem;
  height: 6.25rem;
  margin-bottom: 1.25rem
}

.purchase-empty-order__text {
  color: rgba(0, 0, 0, .8);
  font-size: .875rem;
  line-height: 1.0625rem
}

.kusmall-order-detail__coin-info {
  background-color: #fff;
  box-sizing: border-box;
  margin-top: .625rem
}

.kusmall-order-detail__coin-info-desc {
  display: flex;
  align-items: center
}

.kusmall-order-detail__coin-info-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .625rem
}

.kusmall-order-detail__coin-info-label {
  font-size: 1.0625rem
}

.kusmall-order-detail__coin-info-sublabel {
  color: rgba(0, 0, 0, .54);
  font-size: .75rem;
  margin-left: .625rem
}

.kusmall-order-detail__coin-info-spacer {
  flex: 1
}

.kusmall-order-detail__coin-info-amount {
  font-size: 1.0625rem;
  color: #f6a700
}

.kusmall-price--primary {
  color: #ee4d2d
}

.kusmall-price--original {
  color: rgba(0, 0, 0, .26);
  text-decoration: line-through
}

.checkout-card__container,
.order-card__container,
.order-detail-header {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: .125rem;
  overflow: hidden;
  overflow: visible
}

.order-cancel-popup__dropdown {
  display: block
}

.order-cancel-popup__buttons {
  margin-top: 3.125rem
}

.rating-modal__header {
  border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.rating-modal__header--view {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 1.25rem
}

.rating-modal__title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: rgba(0, 0, 0, .8);
  margin-bottom: .625rem;
  text-transform: capitalize
}

.rating-modal__created-time {
  font-size: .75rem;
  color: rgba(0, 0, 0, .54);
  padding-bottom: .625rem
}

.rating-modal__rating-action-container {
  position: absolute;
  top: .625rem;
  right: .625rem;
  font-size: .75rem;
  line-height: .875rem;
  color: rgba(0, 0, 0, .54)
}

.rating-modal__rating-action-container .kusmall-button-solid {
  padding: .1875rem .3125rem;
  margin-left: .625rem;
  color: rgba(0, 0, 0, .8);
  font-size: .75rem;
  font-weight: 700
}

.rating-modal__rating-action-container .kusmall-button-solid .kusmall-svg-icon {
  font-size: .75rem;
  margin-right: 0
}

.rating-modal__rating-item-wrapper {
  width: 60%
}

.rating-modal__image-list-wrapper {
  flex-grow: 1;
  min-width: 80%
}

.rating-modal-edit-item__container {
  margin-top: 1.875rem
}

.rating-modal-edit-item__back-button-wrapper {
  position: absolute;
  background: #fff;
  width: 100%;
  top: 1.125rem;
  left: 0;
  z-index: 9999
}

.rating-modal-edit-item__back-button {
  padding: .3125rem 1.25rem;
  color: rgba(0, 0, 0, .54)
}

.rating-modal-edit-item__back-button:hover {
  cursor: pointer
}

.rating-modal-edit-item__back-button-arrow {
  font-size: .875rem;
  margin-right: .3125rem
}

.rating-stars__container {
  display: flex
}

.rating-stars__container>div {
  margin: 0 .125rem
}

.rating-stars__star {
  stroke: currentColor
}

.rating-stars__star--clickable {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.rating-modal-handler__container {
  padding-bottom: 1.875rem;
  border-bottom: 1px dotted rgba(0, 0, 0, .09)
}

.rating-modal-handler__container--last {
  border-bottom: 0
}

.rating-modal-handler__rating-stars-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .625rem 0 1.25rem;
  position: relative;
  font-size: 2.25rem;
  letter-spacing: .25rem
}

.rating-modal-handler__rating-prompt-text {
  margin-bottom: 1.25rem;
  text-align: center;
  color: rgba(0, 0, 0, .54)
}

.kusmall-rating-stars {
  position: relative;
  display: inline-block
}

.kusmall-rating-stars__stars {
  display: flex
}

.kusmall-rating-stars__star-wrapper {
  position: relative;
  margin-right: 1px
}

.kusmall-rating-stars__star-wrapper>.kusmall-rating-stars__lit {
  overflow: hidden;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1
}

.kusmall-rating-stars__gold-star {
  color: #ffce3d;
  fill: #ffce3d;
  display: block;
  position: absolute;
  left: 0;
  overflow-x: hidden
}

.kusmall-rating-stars__dark-star {
  color: #d5d5d5;
  display: block
}

.kusmall-rating-stars__primary-star {
  color: #ee4d2d;
  stroke: #ee4d2d;
  display: block;
  position: absolute;
  left: 0;
  overflow-x: hidden
}

.theme--ofs .kusmall-rating-stars__primary-star {
  color: #d0011b;
  stroke: #d0011b
}

.theme--s-mart .kusmall-rating-stars__primary-star {
  color: #ffce3d;
  stroke: #ffce3d
}

.kusmall-rating-stars__hollow-star {
  color: #ee4d2d;
  display: block;
  stroke: currentColor
}

.theme--s-mart .kusmall-rating-stars__hollow-star {
  color: #ffce3d;
  stroke: #ffce3d
}

.categories-breadcrumb {
  margin: 1.875rem auto
}

.categories-breadcrumb__link--home {
  text-decoration: none;
  color: rgba(0, 0, 0, .87)
}

.categories-breadcrumb>.breadcrumb {
  font-size: .875rem;
  padding: 0
}

.categories-content-card {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: .125rem;
  overflow: hidden;
  background: #fff;
  margin-bottom: 1.875rem
}

.thumbnail-grid-categories {
  display: flex;
  flex-wrap: wrap
}

.category-grid {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  width: 14.28571%;
  box-sizing: border-box;
  height: 12.5rem;
  border-right: 1px solid rgba(0, 0, 0, .05);
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  text-align: center;
  background-color: #fdfdfd;
  transition: transform .1s cubic-bezier(.4, 0, .6, 1), box-shadow .1s cubic-bezier(.4, 0, .6, 1)
}

.category-grid:hover {
  background-color: #fff;
  z-index: 1;
  border-color: rgba(0, 0, 0, .12);
  box-shadow: 0 0 .8125rem 0 rgba(0, 0, 0, .05)
}

.category-grid__thumbnail {
  margin: .625rem auto;
  width: 8.75rem;
  height: 7.5rem;
  background-size: 100%
}

.category-grid__category-name {
  color: rgba(0, 0, 0, .8);
  font-size: .875rem;
  text-decoration: none;
  line-height: 1.25rem;
  max-width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 2.5rem
}

.alphabetical-navigator {
  list-style: none;
  text-align: center;
  padding: 0 6.25rem;
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-around
}

.alphabetical-navigator__letter {
  color: rgba(0, 0, 0, .14);
  margin: 0 .3125rem;
  text-decoration: none
}

.alphabetical-navigator__letter--wrapper {
  display: inline-block;
  flex-basis: 100%
}

.alphabetical-navigator__letter--active {
  color: #ee4d2d;
  cursor: pointer
}

.alphabetical-navigator__letter--spacer {
  color: rgba(0, 0, 0, .14);
  float: right
}

.alphabetical-list-of-categories {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.list-of-categories-in-letter {
  margin: 0 2.125rem
}

.list-of-categories-in-letter--categories {
  padding: 0 1.25rem
}

.list-of-categories-in-letter>h1 {
  font-size: 2.25rem;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  padding: .625rem 1.25rem
}

.a-category--wrapper:not(:last-child) {
  margin-bottom: 1.25rem
}

.a-category__display-name {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  color: #ee4d2d;
  font-size: 1rem;
  margin-top: .625rem;
  margin-bottom: .625rem
}

.a-category__sub-categories--wrapper {
  display: flex;
  flex-flow: row wrap
}

.a-category__sub-categories--wrapper .a-sub-category--display-name {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  width: 25%;
  color: rgba(0, 0, 0, .54);
  font-size: .875rem;
  line-height: 1.25rem
}

.daily-discover-page,
.recommend-products-by-view {
  padding: 2.5rem 0 3.75rem
}

.daily-discover-page__content,
.recommend-products-by-view__content {
  padding: 1.25rem 0 2.6875rem
}

.daily-discover-page__item-card-wrapper,
.recommend-products-by-view__item-card-wrapper {
  margin-bottom: .625rem
}

.purchase-list-page__tabs-container {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: .125rem;
  overflow: hidden;
  display: flex;
  background: #fff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  margin-bottom: .75rem
}

.purchase-list-page__tab {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 1rem;
  line-height: 1.1875rem;
  padding: 1rem 0;
  color: rgba(0, 0, 0, .8);
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center
}

.purchase-list-page__tab:hover {
  color: #ee4d2d
}

.purchase-list-page__tab--selected {
  color: #ee4d2d;
  border-bottom: 2px solid #ee4d2d
}

.purchase-list-page__tab-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.purchase-list-page__tab-count {
  color: #ee4d2d;
  font-size: .9em;
  vertical-align: initial;
  margin-left: .3em
}

.purchase-list-page__search-bar {
  display: flex;
  background: #eaeaea;
  padding: .75rem 0;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: 2px;
  color: #555
}

.purchase-list-page__search-bar ::placeholder {
  color: #929292
}

.purchase-list-page__search-bar svg {
  margin-left: .9375rem;
  margin-right: .9375rem;
  stroke: #bbb
}

.purchase-list-page__search-bar input {
  display: flex;
  align-content: center;
  flex: 1;
  line-height: 1rem;
  font-size: .875rem;
  border: 0;
  outline: none;
  background-color: inherit
}

.purchase-list-page__search-bar-focus svg {
  stroke: #555
}

.purchase-list-page__search-result {
  margin-top: 1.25rem;
  font-size: 14px;
  color: #757575;
  text-align: center
}

.purchase-list-page__search-result div {
  display: inline
}

.purchase-list-page__search-result span {
  color: #555
}

.purchase-list-page__checkout-card-wrapper:last-child,
.purchase-list-page__order-card-wrapper:last-child {
  margin-bottom: 0
}

.purchase-list-page__checkout-card-wrapper,
.purchase-list-page__order-card-wrapper {
  margin-bottom: .625rem;
  margin-top: .75rem
}

.purchase-list-page__empty-page-wrapper {
  width: 100%;
  height: 37.5rem;
  margin-top: .75rem
}

.theme--ofs .kusmall-cart-number-badge,
.theme--ofs .kusmall-notification-number-badge {
  color: #d0011b;
  border-color: #d0011b
}

.theme--ofs .footer {
  border-top-color: #d0011b
}

.theme--ofs .footer__category-list-item-main>a:hover,
.theme--ofs .footer__category-list-item-sub>a:hover,
.theme--ofs .icon-like,
.theme--ofs .icon-preorder,
.theme--ofs .navbar-wrapper .navbar__link--login:hover .navbar__link-text,
.theme--ofs .navbar-wrapper .navbar__link--login>.navbar__link-text,
.theme--ofs .product-comment-item__at-user,
.theme--ofs .product-page .kusmall-tab-container__header-item--active>.product-page__tab-link,
.theme--ofs .kusmall-address-picker__last-selected-address-level,
.theme--ofs .kusmall-badge--promotion__label-wrapper,
.theme--ofs .kusmall-badge--promotion__label-wrapper__off-label.kusmall-badge--promotion__label-wrapper__off-label--zh-Hant,
.theme--ofs .kusmall-facet-filter__facet .kusmall-checkbox__box--checked,
.theme--ofs .kusmall-filter-group__item .kusmall-checkbox__box--checked,
.theme--ofs .kusmall-item-card__hidden-price-display,
.theme--ofs .kusmall-mini-page-controller__current,
.theme--ofs .kusmall-product-info-body__order-quantity .kusmall-button-outline-mid,
.theme--ofs .kusmall-product-info-body__preorder,
.theme--ofs .kusmall-product-info-body__ship-to-selector-wrapper:hover .kusmall-product-info-body__ship-to-text,
.theme--ofs .kusmall-product-info__header__rating-desc,
.theme--ofs .kusmall-product-info__header__real-price,
.theme--ofs .kusmall-product-rating-overview__text-overview,
.theme--ofs .kusmall-product__shipping-option-current-channel-cost,
.theme--ofs .kusmall-rating-stars__hollow-star,
.theme--ofs .kusmall-search-correction__new-search,
.theme--ofs .kusmall-search-filter-status,
.theme--ofs .kusmall-search-result-header__text-highlight,
.theme--ofs .kusmall-search-user-brief__header-text-highlight,
.theme--ofs .kusmall-search-user-item .kusmall-svg-icon:not(.icon-tick),
.theme--ofs .kusmall-search-user-item__follow-count-number,
.theme--ofs .kusmall-search-user-seller-info-item__primary-text,
.theme--ofs .header-serch-box-hints__search-shop>.kusmall-svg-icon,
.theme--ofs .kusmall-shop-collection-filter__collection--active,
.theme--ofs .kusmall-sort-by-options .kusmall-dropdown__entry:not(.kusmall-dropdown__entry--selected):hover,
.theme--ofs .wholesale-popup__price,
.theme--ofs .wholesale-table__body-cell--price {
  color: #d0011b !important;
  stroke: #d0011b !important
}

.theme--ofs .kusmall-header-section__header-link>.kusmall-button-no-outline {
  color: #d0011b
}

.theme--ofs .section-recommend-products__separator,
.theme--ofs .kusmall-sort-by-options .kusmall-dropdown--has-selected>.kusmall-dropdown__entry--selected,
.theme--ofs .kusmall-sort-by-options__option--selected {
  color: #d0011b;
  border-bottom-color: #d0011b
}

.theme--ofs .image-carousel__dot--active,
.theme--ofs .kusmall-page-controller>.kusmall-button-solid,
.theme--ofs .kusmall-price-range-filter__button>.kusmall-button-solid,
.theme--ofs .kusmall-search-empty-result-section__button .kusmall-button-solid,
.theme--ofs .kusmall-search-reset>a>.kusmall-button-solid {
  background-color: #d0011b
}

.theme--ofs .header-serch-box>.kusmall-button-solid:hover {
  background-color: #c30018
}

.theme--ofs .kusmall-product-rating-overview__filter--active {
  border-color: #d0011b;
  fill: #d0011b
}

.theme--ofs .product-page .kusmall-tab-container__header-item--active,
.theme--ofs .kusmall-image-gallery__option-image-wrapper__selected-mask,
.theme--ofs .kusmall-lightbox-thumbnail__selected-mask,
.theme--ofs .kusmall-product-info-body__ship-to-selector-wrapper:hover {
  border-color: #d0011b
}

.theme--ofs .btn-buynow,
.theme--ofs .kusmall-button-solid--primary {
  background-color: #d0011b
}

.theme--ofs .btn-buynow:hover,
.theme--ofs .kusmall-button-solid--primary:hover {
  background-color: #e00622
}

.theme--ofs .btn-buynow:active,
.theme--ofs .kusmall-button-solid--primary:active {
  background-color: #c30018
}

.theme--ofs .btn-add-to-cart,
.theme--ofs .btn-chat-now {
  background-color: #fff3f3;
  color: #d0011b;
  border: 1px solid #d0011b
}

.theme--ofs .btn-add-to-cart:hover,
.theme--ofs .btn-chat-now:hover {
  background-color: #fff
}

.theme--ofs .btn-add-to-cart:active,
.theme--ofs .btn-chat-now:active {
  background-color: #ffe8e8
}

.theme--ofs .icon-web-chat,
.theme--ofs .product-page-bundle-deal__see-all {
  color: #d0011b !important
}

.theme--ofs .product-page-bundle-deal__tag,
.theme--ofs .kusmall-item-card__bundle-deal,
.theme--ofs .kusmall-product-info__header__bundle-deal-tag {
  color: #d0011b !important;
  border-color: #d0011b !important
}

.theme--ofs .select-with-status__dropdown-item:hover {
  background: #d0011b
}

.theme--ofs .section-seller-overview__item-text-value,
.theme--ofs .shop-collection-list__item:hover .shop-collection-list__item-desc-name,
.theme--ofs .shop-page-shop-description__shop-name,
.theme--ofs .shop-page__menu .shop-page__menu-item:hover,
.theme--ofs .kusmall-category-list__sub-category--active,
.theme--ofs .kusmall-sort-bar .kusmall-sort-by-options .select-with-status__value {
  color: #d0011b
}

.theme--ofs .shop-page__menu .shop-page__menu-item--active {
  color: #d0011b;
  border-bottom-color: #d0011b
}

.theme--ofs .kusmall-product-info__header__real-price {
  color: #d0011b
}

.theme--ofs .kusmall-category-list__sub-category--active .kusmall-category-list__sub-category__caret {
  fill: #d0011b
}

.theme--ofs .kusmall-sort-bar .kusmall-sort-by-options__option--selected {
  background: #d0011b
}

.ofs-recommend-page {
  padding: 3.125rem 0 3.75rem
}

.ofs-recommend-page-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 1.875rem
}

.ofs-recommend-page-header__top {
  display: flex;
  align-items: center;
  justify-content: center
}

.ofs-recommend-page-header__strike {
  width: 1.25rem;
  border-top: 2px solid #d0011b
}

.ofs-recommend-page-header__title {
  padding: .375rem .625rem .25rem;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 500;
  color: rgba(0, 0, 0, .8)
}

.ofs-recommend-page-header__bottom {
  display: flex;
  justify-content: center;
  color: #888;
  font-size: .75rem;
  min-height: .875rem
}

.ofs-product-grid__pagination-wrapper {
  margin-top: 2.6875rem
}

a {
  text-decoration: none
}

.clear-btn-style {
  background: 0;
  border: 0
}

@keyframes movement {
  0% {
    transform: translateY(2px)
  }

  50% {
    transform: translateY(-2px)
  }

  to {
    transform: translateY(2px)
  }
}

.stardust-spinner--hidden {
  display: none
}

.stardust-spinner__background {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, .4);
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center
}

.stardust-spinner__background--no-overlay {
  position: static;
  background-color: initial;
  width: auto;
  height: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
  padding: 0;
  border-radius: 0
}

.stardust-spinner__main {
  flex: 0 1 auto;
  padding: 1rem;
  border-radius: 1rem;
  background: #fff;
  color: #000
}

.stardust-spinner__spinner {
  animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
  animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
  animation-delay: .2s
}

.qZrMO2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 50rem;
  min-height: 100vh
}

.qZrMO2 ._0Qr4xl {
  background-color: initial
}

.cTAgYR {
  border: .0625rem solid rgba(0, 0, 0, .14);
  border-radius: .625rem;
  margin: .625rem;
  padding: .625rem;
  text-align: center
}

.Iqy\+kL {
  height: 18.75rem;
  margin: 12.5rem auto 1.25rem;
  display: block
}

.\+fUWO9 {
  text-align: center;
  font-size: 1rem;
  color: #222
}

.dYFPlI {
  transition: margin-top .3s cubic-bezier(.4, 0, .2, 1);
  -webkit-overflow-scrolling: touch
}

.dYFPlI.V5lNfI {
  margin-top: 7.4375rem
}

.dYFPlI.A\+KelN {
  margin-top: 11.125rem
}

.E4ns02 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 50rem;
  min-height: 100vh
}

.E4ns02 .-hLKVx {
  background-color: initial
}

.PuMHxn {
  width: 2.25rem !important;
  height: 2.25rem !important
}

.NRVAjm {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: opacity .1s cubic-bezier(.4, 0, .6, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all
}

.JRGIm7 {
  opacity: 0;
  pointer-events: none
}

.rEETSN {
  background-color: rgba(0, 0, 0, .65);
  color: #fff;
  text-align: center;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  pointer-events: all;
  cursor: default;
  border-radius: 7px;
  pointer-events: inherit;
  max-width: 215px
}

.WqCQjY svg {
  width: 30px;
  height: 30px;
  margin-bottom: 7px
}

.BUqvcn {
  max-width: 100%;
  overflow-wrap: break-word
}

.gZNAGg,
.lhhucE {
  align-items: center
}

._3051nA,
.gZNAGg,
.lhhucE {
  display: flex
}

._3051nA {
  flex-wrap: wrap
}

._3051nA,
.gZNAGg {
  justify-content: space-between
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .gZNAGg {
    height: 1px
  }

  .gZNAGg:after {
    content: "";
    min-height: inherit;
    font-size: 0
  }
}

.J1i6cp {
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .14);
  border-radius: 4px;
  overflow: hidden;
  width: 500px
}

.J1i6cp.B-fiUo {
  width: 400px
}

.gZNAGg {
  box-sizing: border-box;
  min-height: 80px
}

.XLzpXt {
  margin-bottom: 30px
}

.yXry6s {
  padding: 0 30px 30px;
  overflow: hidden
}

.yXry6s.B-fiUo {
  padding: 0 80px 64px
}

.lhhucE {
  padding-bottom: 14px
}

.PqS8vj {
  color: #ccc;
  padding: 0 16px;
  text-transform: uppercase;
  font-size: .75rem
}

.lreZhl {
  height: 1px;
  width: 100%;
  background-color: #dbdbdb;
  flex: 1
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:2dppx) {
  .lreZhl {
    height: .5px
  }
}

._3051nA {
  margin: 0 -5px
}

.qbdGVt,
.ZqWCFj {
  align-items: center
}

.Efn4Xp,
.qbdGVt,
.ZqWCFj {
  display: flex
}

.Efn4Xp,
.qbdGVt {
  justify-content: center
}

.ZqWCFj {
  box-sizing: initial;
  width: 100%
}

._0ZvPo8 {
  fill: #ee4d2d;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-top: .25rem
}

.qbdGVt {
  width: 80px
}

.v2Lbca {
  flex: 1;
  font-size: 1.25rem;
  color: #222;
  padding-right: 80px;
  max-width: calc(100% - 160px)
}

.p3HmIC {
  padding: 0 30px;
  max-width: calc(100% - 60px)
}

.GpqIkE {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

._4p1sdF {
  padding: 0 .625rem;
  border: 1px solid rgba(0, 0, 0, .14);
  border-left: 0;
  color: #555;
  cursor: pointer;
  background-color: #fbfbfb;
  outline: none;
  min-width: 6.25rem;
  box-sizing: border-box
}

.Bi9irg {
  cursor: not-allowed;
  color: #ccc
}

.PF2QDl {
  opacity: .05
}

.HC\+Vc5 {
  opacity: 1;
  transition: opacity .2s
}

.EhDTge {
  opacity: .05
}

.oSPEK- {
  opacity: 1;
  transition: opacity .2s
}

.RZki2f {
  min-height: 1rem;
  margin-bottom: .3125rem
}

.IGleni {
  text-align: center
}

.jZKVql {
  color: #ff424f
}

.QKBTWv {
  display: flex
}

.nowaX5 {
  width: 100%;
  border-radius: .125rem;
  overflow: hidden
}

.Ff-ZNk {
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, .14);
  height: 2.5rem
}

.Ff-ZNk,
.tbBAxj {
  padding: .625rem;
  outline: none
}

.tbBAxj {
  border: 0
}

._9ToibN {
  border: 1px solid #ff424f
}

._5m-BIs {
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, .14);
  height: 2.5rem
}

.LpF-2\+ {
  border: 1px solid #ff424f
}

.l9ykBi,
.RLkTlY {
  border-color: rgba(0, 0, 0, .54)
}

.dXjt4k {
  flex: 1;
  flex-shrink: 0
}

.q0eKpW {
  margin: 0;
  padding: .25rem 0 .5rem;
  font-size: .75rem;
  min-height: .9375rem;
  color: #ff424f
}

.q0eKpW:first-letter {
  text-transform: capitalize
}

.ReDGyJ,
.rZRsMD {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.rZRsMD {
  background-color: rgba(0, 0, 0, .4)
}

.ReDGyJ {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 90000
}

._68lNMv {
  z-index: 1
}

.dZpAex {
  opacity: 0
}

.dHgmD1 {
  transition: opacity .15s
}

.CH2eBL,
.dHgmD1 {
  opacity: 1
}

.KKyuOl {
  opacity: 0;
  transition: opacity .15s
}

.x2aTG6 {
  transform: scale(.8)
}

.mcWiWS {
  transition: transform .2s
}

.LaTJ3O,
.mcWiWS {
  transform: scale(1)
}

.lpdUGi {
  transform: scale(.8);
  transition: transform .2s
}

.AQsRR0 {
  align-items: center;
  display: flex;
  flex-direction: column
}

._3eJBAD,
.AjiDpm {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center
}

.AQsRR0 {
  width: 27.5rem;
  padding: 1.875rem;
  background-color: #fff;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .54);
  border-radius: .1875rem
}

.gVCWRd {
  width: 3.125rem;
  height: 3.125rem;
  margin-bottom: .9375rem
}

._3eJBAD {
  color: #ff424f
}

.AjiDpm {
  color: #6c0
}

.wyhvVD {
  align-items: center;
  display: flex
}

.cepDQ1,
.wyhvVD {
  justify-content: center
}

.ODonZl {
  flex: 1
}

._1EApiB {
  outline: none;
  padding: 0 .625rem;
  border: 0;
  background: none;
  border-radius: .125rem
}

._1EApiB:hover {
  opacity: .91
}

._1EApiB:active {
  opacity: 1
}

._1EApiB:disabled {
  opacity: .7;
  cursor: not-allowed
}

.cepDQ1 {
  height: 2.5rem;
  min-width: 8.75rem
}

.cepDQ1:not(:first-of-type) {
  margin-left: .625rem
}

.hq6WM5 {
  text-transform: uppercase
}

._7w24N1 {
  color: #fff;
  background-color: #ee4d2d;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .09)
}

._7w24N1:active {
  background-color: #e2492b
}

.suBk9n {
  color: #555
}

.suBk9n:hover {
  background-color: #f8f8f8
}

.suBk9n:active {
  background-color: #f5f5f5
}

.vXF9sy {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
  color: #555;
  border: 1px solid rgba(0, 0, 0, .09)
}

.vXF9sy:hover {
  background-color: rgba(0, 0, 0, .02)
}

.vXF9sy:active {
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, .05)
}

._8220FK {
  color: #05a;
  font-size: .75rem;
  line-height: .875rem;
  padding: 0 .625rem
}

.L-VL8Q {
  width: 100%
}

.QRKxrH {
  align-items: center;
  display: flex;
  flex-direction: column
}

._0RNd2L {
  width: 60px;
  height: 60px;
  margin-bottom: 20px
}

.Aj1m5S {
  margin: auto;
  font-size: 3.25rem;
  color: #13b50b
}

.dPmwwK {
  font-size: 1rem;
  margin-bottom: 20px;
  text-align: center
}

.FEDAtV {
  color: #ee4d2d
}

.HPtMKg {
  margin-top: 35px;
  font-weight: 500;
  font-size: 1rem
}

.fg7ijq,
.WI-2zn {
  display: flex;
  justify-content: center
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .WI-2zn {
    height: 1px
  }

  .WI-2zn:after {
    content: "";
    min-height: inherit;
    font-size: 0
  }
}

.fg7ijq {
  margin-top: 16px;
  min-height: 45px
}

.WI-2zn {
  outline: none;
  background-color: #fff;
  border: 0;
  width: 100%;
  padding: 14px
}

.WI-2zn:hover {
  background-color: rgba(0, 0, 0, .02)
}

.WI-2zn:active {
  background-color: rgba(0, 0, 0, .05)
}

.WI-2zn:disabled {
  border-color: rgba(0, 0, 0, .09);
  color: rgba(0, 0, 0, .26);
  cursor: not-allowed
}

.PfeIJo {
  color: rgba(0, 0, 0, .87)
}

.qOAi8\+ {
  margin-left: 10px;
  margin-top: 3px
}

._9wmqil {
  align-items: center
}

._9wmqil,
.aZ-vOM,
.Kp5gjr {
  display: flex
}

.aZ-vOM {
  flex-direction: column
}

._9wmqil,
.d5Lt9S,
.gSuZ93 {
  justify-content: center
}

.zfb33O {
  justify-content: flex-end
}

.aZ-vOM {
  box-sizing: border-box;
  padding: 1.875rem;
  background-color: #fff;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .54);
  border-radius: .1875rem
}

.yaHC-m {
  max-width: 27.5rem
}

.wqJtjl,
.yaHC-m {
  padding: 2.5rem 3.4375rem 1.875rem
}

.wqJtjl {
  max-width: 33.75rem
}

._8I9\+Mc {
  font-weight: 500;
  font-size: 1.25rem;
  padding-bottom: 16px
}

._8I9\+Mc,
.iOJ1rj {
  text-align: center
}

.vylugi {
  text-align: left;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500
}

._7iez0l {
  width: 23.75rem;
  color: #555;
  font-size: 1rem
}

.Kp5gjr {
  margin-top: 1.875rem
}

.oAryD\+ {
  text-transform: uppercase
}

._3HyLcK {
  width: 27.5rem
}

.CBsxuc {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #ff424f
}

.Dod\+zZ {
  margin: 2.1875rem .3125rem .3125rem auto;
  width: 6.25rem
}

.gSuZ93 {
  padding: 8px 16px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  background-color: #ee4d2d;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .09)
}

.gSuZ93:not(:first-of-type) {
  margin-left: 10px
}

.gSuZ93:active {
  background-color: #e2492b
}

.j3cHHZ {
  padding: 8px 16px;
  font-size: 1rem;
  line-height: 1.5rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
  color: #555;
  border: 1px solid rgba(0, 0, 0, .09)
}

.j3cHHZ:not(:first-of-type) {
  margin-left: 10px
}

.j3cHHZ:hover {
  background-color: rgba(0, 0, 0, .02)
}

.j3cHHZ:active {
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, .02)
}

.Yrpah\+ {
  align-items: flex-start;
  flex-direction: column
}

.MbttZt {
  justify-content: flex-end
}

._7XUFUF {
  padding: 16px 0
}

.MbttZt {
  padding: 0 24px;
  margin-top: 12px
}

.iT63WB {
  padding: 8px 16px;
  min-width: inherit
}

.Yrpah\+ {
  width: 440px
}

.RVcZ8q {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 16px;
  padding: 0 24px
}

.TG6kya {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(0, 0, 0, .65);
  padding: 24px;
  border-top: 1px solid rgba(0, 0, 0, .09);
  border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.FvsAO1,
.XvSdqo {
  display: flex
}

.FvsAO1 {
  flex-direction: column
}

.XvSdqo {
  justify-content: flex-end
}

.FvsAO1 {
  padding: 1.875rem;
  height: 12.5rem
}

._8MP0Ek {
  color: #ff424f;
  font-size: 1rem;
  flex: 1
}

.tfk9C2 {
  align-items: center;
  display: flex;
  justify-content: center
}

.IlvUZ0 {
  width: 3.75rem;
  height: 3.75rem;
  margin: 1.25rem auto 0;
  border-radius: 50%;
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, .09)
}

.q7zEJI {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  stroke: #c6c6c6
}

.btS4Qu {
  margin-top: 1.5625rem;
  font-size: 12px;
  color: rgba(0, 0, 0, .87);
  text-align: center
}

.XZg02F {
  padding: 0 1.5625rem;
  margin-right: .3125rem
}

.TVFtd9 {
  color: #ee4d2d;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-decoration: none
}

.jbUrbw {
  align-items: center;
  display: flex;
  justify-content: center
}

.u5J-yR {
  background: transparent
}

.\+FjWqx,
._9aJsu3 {
  height: 440px
}

._3vVrpq,
._5KNaSU,
.Ky9DhR {
  align-items: center;
  display: flex
}

._5KNaSU {
  flex-direction: column
}

._3vVrpq,
._5KNaSU {
  justify-content: center
}

._5KNaSU {
  box-sizing: border-box;
  min-width: 6.25rem;
  min-height: 4.5rem;
  padding: .625rem .3125rem
}

._3vVrpq {
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(0, 0, 0, .26);
  border-radius: 100%;
  color: rgba(0, 0, 0, .26)
}

.l\+wZa8 {
  background-color: #6c0;
  border-color: #6c0;
  color: #fff
}

.tEEgwX {
  margin: .3125rem 0 0;
  font-size: .75rem;
  color: rgba(0, 0, 0, .26)
}

.QsLF-4 {
  color: #6c0
}

.IX3Fni {
  position: relative;
  bottom: 10px;
  width: 5.3125rem;
  height: .0625rem;
  background-color: rgba(0, 0, 0, .26)
}

.IX3Fni:after {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  display: block;
  box-sizing: border-box;
  width: .3125rem;
  height: .3125rem;
  border-top: .0625rem solid rgba(0, 0, 0, .26);
  border-right: .0625rem solid rgba(0, 0, 0, .26);
  transform: rotate(45deg)
}

.h-q5xw {
  background-color: #6c0
}

.h-q5xw:after {
  border-top-color: #6c0;
  border-right-color: #6c0
}

.DTS0VZ {
  color: #ee4d2d;
  cursor: pointer
}

.lcEoMV {
  color: rgba(0, 0, 0, .26);
  cursor: not-allowed
}

.F-zI4J,
.KG\+Utm,
.NYkwiO {
  align-items: center;
  display: flex
}

.NYkwiO {
  justify-content: flex-end
}

.F-zI4J,
.KG\+Utm {
  justify-content: space-between
}

.K1dDgL {
  flex-shrink: 0
}

.KG\+Utm,
.zvY8T\+ {
  width: 100%;
  padding: 1.375rem 30px
}

.zvY8T\+ {
  height: 100%
}

.K1dDgL {
  max-width: 8.5rem;
  font-size: 1.25rem;
  color: #222
}

.NYkwiO {
  margin-left: 1.25rem
}

._6ELZeI {
  padding: .6875rem .875rem;
  color: #ffbf00;
  font-size: .875rem;
  font-weight: 700;
  border: 2px solid #ffbf00;
  border-radius: 2px;
  position: relative;
  margin-right: 1rem
}

._6ELZeI,
._6ELZeI:after {
  background-color: #fefaec
}

._6ELZeI:after {
  position: absolute;
  content: "";
  box-sizing: border-box;
  width: .75rem;
  height: .75rem;
  transform: rotate(45deg) translateX(-50%);
  border-top: 2px solid #ffbf00;
  border-right: 2px solid #ffbf00;
  top: 50%;
  right: -.75rem
}

._7nvtMo,
.sYzQJQ {
  width: 2.5rem;
  height: 2.5rem
}

.Oug9xv {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.djDwfD {
  font-size: 1.25rem;
  color: #222
}

.Z8OMtU {
  white-space: pre;
  padding-right: 4px;
  color: rgba(0, 0, 0, .26)
}

.wzgwUg,
.Z8OMtU {
  font-size: .875rem
}

.wzgwUg {
  font-weight: 500
}

.wzgwUg,
.wzgwUg:active,
.wzgwUg:hover,
.wzgwUg:visited {
  color: #ee4d2d
}

.SnLyxu,
.yup5K8 {
  align-items: center;
  display: flex
}

._7JrB8W {
  flex-shrink: 0
}

.yup5K8 {
  box-sizing: border-box;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, .14);
  border-radius: 2px;
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, .02)
}

.eIvw9r {
  background: #fff6f7;
  border-color: #ff424f
}

.eIvw9r,
.SdUtrz {
  box-shadow: 0 0 4px rgba(0, 0, 0, .14)
}

.SdUtrz {
  border-color: rgba(0, 0, 0, .54)
}

.pDzPRp {
  padding: .75rem;
  outline: none;
  border: 0;
  flex: 1;
  flex-shrink: 0;
  filter: none
}

.pDzPRp::placeholder {
  color: rgba(0, 0, 0, .26);
  padding-left: .1875rem
}

.pDzPRp:-webkit-autofill,
.pDzPRp:-webkit-autofill:focus,
.pDzPRp:-webkit-autofill:hover {
  box-shadow: inset 0 0 0 20px #fff;
  -webkit-box-shadow: 0 0 0 20px #fff inset
}

.pDzPRp::-ms-clear {
  display: none
}

.pDzPRp:-moz-read-only {
  color: rgba(0, 0, 0, .26)
}

.pDzPRp:read-only {
  color: rgba(0, 0, 0, .26)
}

.EL8Hdg {
  background: #fff6f7
}

.EL8Hdg:-webkit-autofill,
.EL8Hdg:-webkit-autofill:focus,
.EL8Hdg:-webkit-autofill:hover {
  box-shadow: inset 0 0 0 20px #fff6f7;
  -webkit-box-shadow: 0 0 0 20px #fff6f7 inset
}

.pYVjxt {
  margin: 0;
  padding: .25rem 0 0;
  font-size: .75rem;
  color: #ff424f;
  min-height: 1rem
}

.pYVjxt:first-letter {
  text-transform: capitalize
}

.SnLyxu {
  background: transparent;
  border: 0;
  outline: none;
  padding: 0 .9375rem 0 .75rem
}

.tF-uq\+ {
  width: 1.25rem;
  height: .75rem
}

._340FWs {
  width: 1.25rem;
  height: .625rem;
  padding-top: .375rem
}

.Bx8yR7 {
  width: 1rem;
  height: 1rem
}

._7JrB8W {
  background-color: rgba(0, 0, 0, .2);
  height: 1.625rem;
  width: .0625rem;
  margin-right: .75rem
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:2dppx) {
  ._7JrB8W {
    width: .03125rem
  }
}

.iyAYwV {
  text-align: center;
  padding: 2.5rem 0;
  color: rgba(0, 0, 0, .54)
}

._0L93MD,
._3M9lzn,
.axexMF,
.D3jUo5 {
  align-items: center;
  display: flex
}

._3M9lzn {
  justify-content: center
}

.PeA8Gc {
  justify-content: flex-end
}

.D3jUo5 {
  justify-content: space-between
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  ._3M9lzn {
    height: 1px
  }

  ._3M9lzn:after {
    content: "";
    min-height: inherit;
    font-size: 0
  }
}

.vtexOX {
  background-color: #fff;
  min-width: 1200px;
  min-height: 100vh
}

.axexMF {
  height: 84px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, .06)
}

.D3jUo5 {
  width: 1200px;
  margin: 0 auto
}

.LybVoA {
  fill: #ee4d2d
}

.m2rqmO {
  height: 42px;
  margin-top: -10px;
  margin-right: -18px
}

.UbNlH7 {
  font-size: 0
}

._9WZRMm {
  height: 42px;
  margin-top: -16px;
  margin-right: 10px
}

.u9tve2 {
  color: #222;
  font-size: 1.5rem
}

.ZKvYoG {
  color: #ee4d2d;
  font-size: .875rem;
  margin-right: 15px;
  cursor: pointer
}

._3M9lzn {
  margin: 0 auto;
  min-height: 600px;
  width: 1040px
}

.PeA8Gc {
  height: 600px
}

.w7M\+6Q {
  min-height: calc(100vh - 185px)
}

.hZqP02 {
  background-color: #f5f5f5
}

.DLmJok {
  display: flex;
  justify-content: flex-end;
  width: 100%
}

.UBnKp7 {
  min-height: 482px
}

.bHUXEn {
  min-height: 335px
}

.Ug7CVP {
  min-height: 412px
}

.bq0mda {
  min-height: 272px
}

.p4UEGc {
  min-height: 482px
}

.eH6-YP {
  min-height: 420px
}

.DWTqVR {
  min-height: 427px
}

.Q2oZVr {
  min-height: 455px
}

.BJjyeI {
  min-height: 325px
}

._2KDtGf {
  min-height: 352px
}

.RWM81O {
  min-height: 275px
}

.W5gsol {
  min-height: 385px
}

.z7V8Wd {
  min-height: 200px
}

.YORlwc {
  min-height: 443px
}

.RTT6Mw {
  min-height: 375px
}

.FHHQiO {
  max-width: 400px
}

.z9HOgh {
  font-size: 2rem;
  line-height: 3.5625rem;
  color: #ee4d2d
}

.zMqVCE {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #666;
  margin-bottom: 32px
}

.bUd-S8 {
  height: 200px;
  width: 100%
}

.YHCb4p {
  justify-content: flex-end
}

.yaEs4C {
  margin-bottom: 10px;
  max-width: 440px
}

.WOS-JT {
  font-size: 1.5rem;
  font-weight: 500
}

.KV2ZrH {
  margin-bottom: 15px
}

._7EvVuP {
  color: #05a
}

@keyframes rotating {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.loading-spinner-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, .6);
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center
}

.loading-spinner-popup__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 108px;
  background-color: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .09);
  border-radius: 4px
}

.loading-spinner-popup__container img {
  animation: rotating 2s linear infinite
}

._0lq1fU {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.lM2FoF {
  background: #fff;
  height: auto;
  z-index: 10000;
  border-radius: 3px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .14);
  position: relative
}

.M2nk2J {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 1001;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .14)
}

.mNyl4x {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, .14);
  position: absolute;
  top: -1.25rem;
  right: -1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  background: #5a5a5a;
  border: 3px solid #fff
}

.mNyl4x .YP\+lxo {
  color: #fff;
  font-size: 1.125rem
}

.wxJWI8 {
  width: 140px;
  text-transform: uppercase
}

Button[data-cy=IDLargeSubmitBtn] {
  width: 200px
}

.kusmall-popup-form {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: .125rem;
  border-radius: 3px;
  width: 500px;
  max-width: 100%;
  padding: 30px 30px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow: hidden
}

.kusmall-popup-form__header {
  display: flex;
  align-items: center;
  height: 60px
}

.kusmall-popup-form__title {
  font-weight: 400;
  font-size: 1.25rem;
  color: #222;
  text-transform: capitalize;
  display: flex;
  align-items: center
}

.kusmall-popup-form__subtitle {
  margin-top: -15px;
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.0625rem;
  color: #bbb;
  text-transform: capitalize
}

.kusmall-popup-form__back-btn {
  margin-right: .875rem;
  cursor: pointer;
  color: rgba(0, 0, 0, .4);
  display: inline-block
}

.kusmall-popup-form__back-btn>.icon-back {
  font-size: .9375rem
}

.kusmall-popup-form__main {
  flex: 1;
  overflow-y: auto;
  padding-right: 50px;
  margin-right: -50px;
  padding-left: 50px;
  margin-left: -50px;
  position: relative
}

.kusmall-popup-form__main::-webkit-scrollbar {
  display: none
}

.kusmall-popup-form__main-container {
  margin-bottom: 84px
}

.kusmall-popup-form__prompt-message {
  display: flex;
  margin: 0 0 15px;
  color: #764;
  background: #fffefb;
  border: 1px solid rgba(255, 174, 4, .2);
  padding: 12px;
  border-radius: 2px
}

.kusmall-popup-form__prompt-message-text {
  flex: 1
}

.kusmall-popup-form__message {
  color: rgba(0, 0, 0, .54)
}

.kusmall-popup-form__server-error {
  width: 100%;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff424f
}

.kusmall-popup-form__subheader {
  display: flex;
  margin: .375rem 0 .5rem;
  color: rgba(0, 0, 0, .54)
}

.kusmall-popup-form__subheader-text {
  text-transform: capitalize
}

.kusmall-popup-form__gap {
  flex: 1
}

.kusmall-popup-form__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  right: 0;
  height: 84px;
  text-transform: uppercase;
  background: linear-gradient(hsla(0, 0%, 100%, .9), #fff);
  align-items: center;
  padding: 22px 30px;
  box-sizing: border-box;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

.kusmall-popup-form__footer .kusmall-button-outline,
.kusmall-popup-form__footer .kusmall-popup-form__cancel,
.kusmall-popup-form__footer>.kusmall-button-solid {
  text-transform: uppercase;
  width: 140px;
  font-size: .875rem;
  font-weight: 400;
  padding: .75rem 0;
  box-sizing: border-box;
  cursor: pointer;
  outline: 0
}

.kusmall-popup-form__inputs-row {
  display: flex
}

.kusmall-popup-form--voice-otp {
  max-height: 260px
}

.kusmall-popup-form--user-detail,
.kusmall-popup-form--verify {
  height: 21.25rem
}

.kusmall-popup-form--bank-account,
.kusmall-popup-form--credit-card {
  height: 34.375rem
}

.kusmall-popup-form--bank-account-id {
  height: 34.375rem;
  width: 640px
}

.kusmall-popup-form__my-address-toggle {
  color: #ee4d2d;
  text-decoration: underline;
  cursor: pointer
}

.kusmall-popup-form__my-address-toggle:first-letter {
  text-transform: uppercase
}

.kusmall-popup-form--user-detail-tw {
  height: 34.375rem
}

.icon-prompt-bell {
  margin-right: 5px;
  width: 22px;
  height: 20px
}

.product-variation {
  overflow: visible;
  cursor: pointer;
  min-width: 5rem;
  min-height: 2.125rem;
  box-sizing: border-box;
  padding: .25rem .75rem;
  margin: 0 8px 8px 0;
  color: rgba(0, 0, 0, .8);
  text-align: left;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, .09);
  position: relative;
  background: #fff;
  outline: 0;
  word-break: break-word;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.product-variation.focus-visible:before,
.product-variation:focus-visible:before {
  --focus-indicator-spacing: 2px;
  content: "";
  width: calc(100% + var(--focus-indicator-spacing)*2);
  height: calc(100% + var(--focus-indicator-spacing)*2);
  padding: var(--focus-indicator-spacing);
  outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
  position: absolute;
  border-radius: var(--focus-indicator-border-radius);
  top: calc(var(--focus-indicator-spacing)*-1);
  left: calc(var(--focus-indicator-spacing)*-1);
  margin: calc(var(--focus-indicator-spacing)*-1)
}

.product-variation:hover {
  color: var(--brand-primary-color, #ee4d2d);
  border-color: var(--brand-primary-color, #ee4d2d)
}

.product-variation--disabled {
  color: rgba(0, 0, 0, .26);
  cursor: not-allowed
}

.product-variation--disabled:hover {
  border-color: rgba(0, 0, 0, .09);
  color: rgba(0, 0, 0, .26)
}

.product-variation--disabled:focus {
  outline: 0
}

.product-variation--selected {
  color: var(--brand-primary-color, #ee4d2d);
  border-color: var(--brand-primary-color, #ee4d2d)
}

.product-variation__tick {
  width: .9375rem;
  height: .9375rem;
  position: absolute;
  overflow: hidden;
  right: 0;
  bottom: 0
}

.product-variation__tick>.icon-tick-bold {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 8px
}

.product-variation__tick:before {
  border: .9375rem solid transparent;
  border-bottom: .9375rem solid var(--brand-primary-color, #ee4d2d);
  content: "";
  position: absolute;
  right: -.9375rem;
  bottom: 0
}

._5OogXx {
  outline: none;
  cursor: pointer;
  border: 0;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
  border: 1px solid rgba(0, 0, 0, .09);
  border-radius: 2px;
  background: transparent;
  color: rgba(0, 0, 0, .8);
  width: 32px;
  height: 32px
}

._4rMgFk,
._5OogXx[disabled] {
  border-color: rgba(0, 0, 0, .09);
  color: #ccc
}

._4rMgFk svg,
._5OogXx[disabled] svg {
  fill: #ccc
}

._5OogXx._3IA6Jx,
._5OogXx:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000
}

._5OogXx .kusmall-svg-icon {
  font-size: 10px;
  width: 10px;
  height: 10px;
  flex-shrink: 0
}

._5OogXx:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

._5OogXx:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

._0gqCSD {
  display: flex;
  align-items: center
}

.niOsQM {
  width: 50px;
  height: 32px;
  border-left: 0;
  border-right: 0;
  font-size: 16px;
  font-weight: 400;
  box-sizing: border-box;
  text-align: center;
  cursor: text;
  border-radius: 0;
  -webkit-appearance: none
}

.adult-screen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 160px;
  background-color: #fff
}

.adult-screen--18 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/e0d1677a58deaa693aa9fcea93255096.png)
}

.adult-screen--20 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/3d819965643f1287ea7358313e66e85e.png)
}

.adult-screen--21 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/f897d97e691bc43c7b917018f97ad5bc.png)
}

.adult-screen--small {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 70%
}

.kusmall-image-placeholder {
  width: 100%;
  padding-top: 100%;
  position: relative;
  background-color: #fafafa
}

.kusmall-image-placeholder>.icon-default-image,
.kusmall-image-placeholder>.icon-kusmall-tiny {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, .05);
  font-size: 3.8125rem
}

.kusmall-image-placeholder>.icon-default-image {
  stroke: #fff
}

.tTV3Ii {
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
  pointer-events: none
}

.l3aeP6,
.tTV3Ii {
  position: absolute;
  width: 100%
}

.l3aeP6 {
  font-weight: 300;
  background-color: rgba(208, 1, 27, .9);
  bottom: 0;
  color: #fff;
  font-size: 1rem;
  height: 2.5rem;
  text-align: center;
  vertical-align: middle;
  line-height: 2.5rem;
  z-index: 1
}

.g5dxzb {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none
}

.O9Oig\+ {
  position: relative
}

.O9Oig\+:hover {
  cursor: pointer
}

.bLHr6O {
  width: 100%;
  padding-top: 100%;
  background-position: 50%
}

.LdAoz2 {
  height: 7.5rem !important;
  width: 7.5rem !important
}

._5dCsid,
.ZNkWlz {
  position: relative
}

.mo1JOa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.flxK9n {
  background-color: #fff
}

.flxK9n .kusmall-svg-icon {
  font-size: 7.5rem !important
}

.nIHq7h {
  width: 100%;
  max-height: 100%
}

.-i52bR {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

.qNCzTT {
  width: 4.55rem;
  height: 4.55rem;
  fill: #ee4d2d;
  z-index: 1
}

._9p\+-Af {
  font-size: .875rem;
  line-height: 1.125rem;
  color: #ee4d2d;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  padding: 1.875rem 1.875rem 0;
  z-index: 1
}

.wxDfgP {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  background: hsla(0, 0%, 100%, .9)
}

.xbCJYm {
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: 50%;
  left: 50%;
  transform: translate3d(-2.5rem, -2.5rem, 0)
}

.xbCJYm:hover {
  cursor: pointer
}

.AEDpg6 {
  opacity: 1;
  transition: opacity .2s linear .5s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0
}

.AEDpg6.igcW\+P {
  opacity: 0
}

.drOAZy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 3.75rem;
  background-color: rgba(0, 0, 0, .7);
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center
}

._0OH991,
.drOAZy {
  color: #fff;
  text-transform: capitalize
}

._0OH991 {
  display: inline-block;
  position: relative;
  background-color: #ee4d2d;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: .1875rem .25rem;
  font-weight: 500;
  font-size: .625rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

._0OH991:before {
  content: "";
  display: inline-block;
  position: absolute;
  border: .13125rem solid transparent;
  border-bottom-color: #a92d05;
  transform: rotate(45deg);
  left: .0625rem;
  bottom: -.125rem
}

.t02\+y- {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px
}

.t02\+y-:before {
  display: none;
  content: none;
  border-bottom-color: transparent
}

.gUO5wt {
  font-size: .75rem
}

.gUO5wt>.wzGPw7 {
  margin-right: .1875rem;
  font-size: .5rem
}

.eP-rmN {
  background-color: #d0011b
}

.\+gfRS8 svg,
.OtzyM8 svg {
  width: 3.5625rem;
  height: .625rem
}

.yzVMPQ {
  padding: .25rem .25rem 0;
  bottom: -1px
}

.yzVMPQ svg {
  width: 4.0625rem;
  height: .75rem
}

.k\+TeVb {
  position: relative;
  background-color: #ffa604
}

.k\+TeVb:before {
  border: .13125rem solid transparent;
  border-bottom-color: #ae7600
}

.baVSHs {
  font-size: .875rem;
  height: 1rem;
  font-weight: 400
}

._5217T- {
  margin: 0 .4375rem
}

._5owhpC {
  position: relative;
  background-color: #44b5ff;
  cursor: pointer;
  display: inline
}

._5owhpC:before {
  border: .13125rem solid transparent;
  border-bottom-color: #0971c2
}

._5owhpC:hover>.RewluN {
  opacity: 1;
  z-index: 1
}

._5owhpC>.A3uUPZ {
  font-size: 7px
}

.RewluN {
  position: absolute;
  left: .5rem;
  top: 1.375rem;
  min-width: 10rem;
  padding: .75rem;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, .09);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .26);
  opacity: 0;
  z-index: -10;
  background: #fff;
  font-size: .75rem;
  font-weight: 400;
  color: #000;
  transition: opacity .1s cubic-bezier(.4, 0, .6, 1)
}

.SJimKz {
  margin-bottom: .75rem;
  display: flex;
  justify-content: space-between
}

.SJimKz:last-child {
  margin: 0
}

.LAd7bU {
  color: #ee4d2d;
  margin-left: .75rem
}

.p1oiZP {
  box-sizing: border-box;
  background: transparent;
  color: #f5a623;
  border: 1px solid #f5a623;
  height: 16px;
  line-height: 1;
  padding: 2px 5px
}

.jJsbos,
.p1oiZP {
  font-size: .75rem
}

.jJsbos {
  background-color: rgba(0, 0, 0, .87);
  color: #fff;
  line-height: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  text-align: center;
  display: inline-block
}

.\+pYppM {
  border-radius: .1875rem
}

.smbc\+d {
  background-color: #ee4d2d
}

.KbZ3mE {
  border-radius: .625rem
}

.nUuUEE {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  padding: 4px 2px 3px;
  font-weight: 700
}

.BBtC88 {
  width: 36px;
  height: 32px
}

.JywFqi {
  background-color: rgba(255, 212, 36, .9)
}

.JywFqi:after {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  bottom: -4px;
  position: absolute;
  border-color: transparent rgba(255, 212, 36, .9);
  border-style: solid;
  border-width: 0 18px 4px
}

._8pD5J4 {
  display: flex;
  flex-direction: column;
  text-align: center;
  position: relative;
  font-weight: 400;
  line-height: .8125rem;
  color: #ee4d2d;
  text-transform: uppercase;
  font-size: .75rem
}

.enB06n {
  flex-direction: row;
  line-height: 28px;
  justify-content: center
}

.aDuRpa {
  flex-direction: column-reverse
}

._2XB942,
.iIA1Zo,
.zNzcZ- {
  justify-content: center;
  height: 100%
}

.n77YTX {
  color: #fff
}

.dOw\+Ih {
  display: inline !important;
  color: #ee4d2d !important;
  margin: 0
}

.eCIsN\+,
.ohm2is,
.zazOUO {
  display: none
}

._6zurmL {
  height: 16px;
  width: 50px
}

.aWZ-2i {
  height: 16px;
  width: 69px
}

.p4tyao {
  height: 16px;
  width: 63px
}

.QTZWfn {
  height: 16px;
  width: 64px
}

.tjl08l {
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.tjl08l,
.tjl08l .\+J9D35 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center
}

.tjl08l .\+J9D35 {
  background-color: rgba(0, 0, 0, .65);
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
  height: 6.25rem;
  min-width: 6.25rem;
  max-width: calc(100% - 5rem);
  border-radius: 5rem
}

.tjl08l ._97USka {
  min-width: 6.8125rem;
  max-width: calc(100% - 4.375rem);
  border-radius: 6.25rem
}

.tjl08l ._4wWQQk {
  min-width: 8.375rem;
  max-width: calc(100% - 2.875rem);
  border-radius: 6.25rem
}

.tjl08l .im0lnA {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.JGW0BO,
.tjl08l .im0lnA {
  overflow: hidden;
  text-overflow: ellipsis
}

.JGW0BO {
  background-color: initial;
  color: #ee4d2d;
  max-width: 100%;
  display: inline-flex;
  height: 1.3125rem;
  font-size: .875rem;
  border-radius: 2px;
  box-sizing: border-box;
  flex-shrink: 0;
  line-height: 1
}

.b6ouxf {
  border: 0
}

.ecDAjy .znDOLw {
  width: 1rem;
  height: 1rem
}

.ecDAjy .aAcebL {
  padding: 0 3px
}

.ecDAjy.JGW0BO {
  height: 1rem;
  border-radius: 1px;
  font-size: .75rem
}

.ecDAjy .kusmall-svg-icon {
  width: .6875rem;
  height: .6875rem
}

.znDOLw {
  flex-shrink: 0;
  width: 1.3125rem;
  height: 1.3125rem;
  display: inline-flex;
  box-sizing: border-box;
  background: linear-gradient(90deg, #f63, #f53d2d)
}

.znDOLw .kusmall-svg-icon {
  width: .8125rem;
  height: .8125rem
}

.aAcebL {
  padding: 1px 4px 0;
  flex-shrink: 0;
  font-weight: 400;
  border: 1px solid #ee4d2d;
  border-left: 0;
  height: 100%;
  border-radius: 0 2px 2px 0;
  display: inline-flex;
  align-items: center
}

.aAcebL,
.CdJdjY {
  box-sizing: border-box
}

.CdJdjY {
  display: flex;
  border: .0625rem solid;
  border-radius: .125rem;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.y8Jh3E {
  flex: 1;
  color: #fff
}

.e8LBph,
.y8Jh3E {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: .75rem;
  font-size: .625rem;
  padding: .0625rem .25rem
}

.e8LBph {
  display: flex;
  position: relative;
  align-items: center
}

.e8LBph .v4gR6b {
  position: absolute;
  left: -.0625rem;
  top: -.0625rem;
  width: 0;
  height: 0;
  border-top: 5px solid;
  border-right: 5px solid transparent
}

.gmj0\+E {
  padding: .125rem .25rem;
  color: #ee4d2d;
  border: .03125rem solid #ee4d2d;
  border-radius: .0625rem;
  font-size: .625rem;
  height: .75rem;
  line-height: .75rem;
  text-align: center
}

._4tLmXZ {
  padding: 2.1875rem 2.5rem 0 3.4375rem;
  width: 885px !important
}

._4tLmXZ .kusmall-popup-form__main {
  min-height: 20.3125rem
}

.g-XO4r {
  display: grid;
  grid-template-rows: 1fr 5.25rem;
  grid-template-columns: 18.75rem 1fr;
  grid-column-gap: 3.4375rem;
  margin-bottom: 0
}

._20ymw4 {
  width: 18.75rem;
  grid-column-start: 1;
  grid-column-end: 2;
  -ms-grid-column-span: 1
}

.MR8OdN {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0 0 2.1875rem
}

.pyTwFb {
  width: 18.75rem
}

.QeMI6x {
  grid-column-start: 2;
  grid-column-end: 3;
  -ms-grid-column-span: 1;
  padding-bottom: .75rem;
  font-size: .875rem;
  display: grid;
  grid-template-columns: 1fr .625rem auto
}

.sOeEyN,
.VdUJMh {
  display: flex;
  align-items: center
}

._3cGHb\+,
.D\+f8gm {
  margin-bottom: 1.25rem
}

.j3Jd4\+,
.VdUJMh {
  grid-column-start: 1;
  grid-column-end: 2;
  -ms-grid-column-span: 1;
  margin-right: 1.875rem;
  word-break: break-all;
  color: rgba(0, 0, 0, .54);
  font-size: .875rem;
  text-transform: capitalize;
  min-width: 6.25rem;
  line-height: 2rem
}

.AOGk\+u,
.MgGmhg {
  grid-column-start: 3;
  grid-column-end: 4;
  -ms-grid-column-span: 1;
  color: rgba(0, 0, 0, .87)
}

.AOGk\+u {
  max-height: 14.8125rem;
  overflow-y: auto
}

.AOGk\+u._5mHG5L {
  max-height: 6.5625rem
}

.MgGmhg {
  display: flex;
  align-items: center
}

.MgGmhg .kusmall-button-outline-mid {
  color: #ee4d2d
}

.a68\+0D {
  grid-column-start: 1;
  grid-column-end: 4;
  -ms-grid-column-span: 3;
  height: 1.25rem
}

.mITBba {
  margin-left: .625rem;
  font-size: .875rem;
  color: rgba(0, 0, 0, .54)
}

.bhdJ1n {
  color: #ee4d2d;
  display: flex;
  align-items: center
}

.y3KydH {
  grid-row-start: 2;
  grid-row-end: 3;
  -ms-grid-row-span: 1;
  grid-column: 1/span 2;
  display: flex;
  justify-content: flex-end;
  padding: 1rem 0 0
}

.xL1TGS {
  margin-right: 1rem;
  box-shadow: none
}

.Ura7-a {
  flex-direction: row
}

._6ohULo {
  fill: currentColor;
  stroke: currentColor;
  margin-right: 10px;
  font-size: 1.25rem
}

.fcZBYi,
.zH8bNZ {
  margin-left: .5rem
}

.zH8bNZ {
  font-size: .875rem;
  font-weight: 400;
  color: rgba(0, 0, 0, .54);
  text-transform: capitalize
}

._8H-NXx {
  margin-top: .3125rem;
  grid-column-start: 3;
  grid-column-end: 4;
  -ms-grid-column-span: 1;
  color: #ff424f
}

.\+HdVq2 {
  max-width: 37.5rem;
  margin: 0 auto;
  padding: 3.125rem 0
}

.\+HdVq2.t-qb5H {
  padding-top: 6.625rem
}

.Jev72I {
  background: #fff;
  box-shadow: 0 0 .375rem rgba(0, 0, 0, .06);
  position: fixed;
  width: 100%;
  max-width: 37.5rem;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto
}

.Jev72I,
.vfXhCl {
  box-sizing: border-box
}

.vfXhCl {
  width: 3rem;
  height: 3.5rem;
  padding: 1rem .75rem;
  border: 0;
  background: none;
  cursor: pointer
}

.I2XENW {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.31 11.25l7.22-7.22-1.06-1.06-8.495 8.494a.748.748 0 000 1.072l8.495 8.494 1.06-1.06-7.22-7.22H22.5v-1.5H4.31z' fill='%23ee4d2d'/%3E%3C/svg%3E")
}

._1SNiy {
  text-align: center;
  max-width: 17.5rem;
  padding: 1.25rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center
}

._3-udG {
  width: 7.5rem;
  height: 7.5rem
}

._3NFns {
  width: 4.25rem;
  height: 4.25rem
}

._1UfFg {
  width: 100%;
  margin-top: 1rem;
  margin-top: var(--ns-d, 1rem)
}

._2Tym7 {
  margin: 0 0 .5rem;
  margin: 0 0 var(--ns-b, .5rem) 0;
  color: rgba(0, 0, 0, .65);
  color: var(--nc-text-secondary, rgba(0, 0, 0, .65));
  -webkit-line-clamp: 2
}

._2Tym7,
.WQyuP {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.WQyuP {
  margin: 0;
  color: rgba(0, 0, 0, .54);
  color: var(--nc-text-tertiary, rgba(0, 0, 0, .54));
  -webkit-line-clamp: 3
}

.DQJcZ {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  margin-top: var(--ns-d, 1rem);
  min-width: 7.5rem;
  max-width: 17.5rem
}

.aEf9D {
  height: .5rem;
  height: var(--ns-b, .5rem)
}

._1LFM9 {
  height: .75rem;
  height: var(--ns-c, .75rem)
}

._3sjFp {
  border-radius: .125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  overflow: hidden;
  outline: none;
  flex: 0 0 auto;
  position: relative
}

._3sjFp:active:before {
  content: "";
  background-color: rgba(0, 0, 0, .05);
  background-color: var(--nc-util-pressed, rgba(0, 0, 0, .05));
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0
}

.lJMau {
  height: 2.75rem
}

._3zn07 {
  height: 2.25rem;
  min-width: 4rem
}

._18F8b {
  height: 1.75rem;
  min-width: 4rem;
  padding: 0 .75rem
}

.uxSdp {
  height: 1.25rem;
  min-width: 3.25rem;
  padding: 0 .5rem
}

.xCn81 {
  background: transparent
}

.TOjHY.AHhqR {
  color: #fff;
  border: .0625rem solid transparent;
  background: #ee4d2d;
  background: var(--nc-primary, #ee4d2d)
}

.TOjHY.xCn81 {
  color: #ee4d2d;
  color: var(--nc-primary, #ee4d2d);
  border: .0625rem solid #ee4d2d;
  border: .0625rem solid var(--nc-primary, #ee4d2d)
}

._1-4Xn.xCn81 {
  color: rgba(0, 0, 0, .87);
  color: var(--nc-text-primary, rgba(0, 0, 0, .87));
  border: .0625rem solid rgba(0, 0, 0, .26)
}

._1qQAl.xCn81 {
  color: #fff;
  border: .0625rem solid #fff
}

._3sjFp:disabled {
  color: rgba(0, 0, 0, .26);
  color: var(--nc-util-disabled, rgba(0, 0, 0, .26))
}

._3sjFp:disabled.xCn81 {
  border-color: rgba(0, 0, 0, .09);
  border-color: var(--nc-util-line, rgba(0, 0, 0, .09))
}

._3sjFp:disabled._1qQAl.xCn81 {
  border-color: hsla(0, 0%, 100%, .54);
  color: hsla(0, 0%, 100%, .4)
}

._3sjFp:disabled.TOjHY.AHhqR {
  background: rgba(0, 0, 0, .09)
}

._2HCeY {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

._19rDu {
  margin-left: .25rem
}

.kusmall-mini-page-controller {
  display: flex;
  align-items: center
}

.kusmall-mini-page-controller__current {
  color: #ee4d2d
}

.kusmall-mini-page-controller__next-btn,
.kusmall-mini-page-controller__prev-btn {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  width: 2.25rem;
  height: 2.125rem;
  border-radius: 2px;
  background: #fff;
  border: 0
}

.kusmall-mini-page-controller__next-btn.kusmall-button-outline--disabled,
.kusmall-mini-page-controller__prev-btn.kusmall-button-outline--disabled {
  background: #f9f9f9
}

.kusmall-mini-page-controller__next-btn.kusmall-button-outline--disabled .kusmall-svg-icon,
.kusmall-mini-page-controller__prev-btn.kusmall-button-outline--disabled .kusmall-svg-icon {
  fill: #ccc
}

.kusmall-mini-page-controller__next-btn.kusmall-button-outline--disabled:active,
.kusmall-mini-page-controller__next-btn.kusmall-button-outline--disabled:hover,
.kusmall-mini-page-controller__prev-btn.kusmall-button-outline--disabled:active,
.kusmall-mini-page-controller__prev-btn.kusmall-button-outline--disabled:hover {
  background: #f9f9f9
}

.kusmall-mini-page-controller__next-btn.kusmall-button-outline--disabled:active,
.kusmall-mini-page-controller__prev-btn.kusmall-button-outline--disabled:active {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}

.kusmall-mini-page-controller__next-btn .kusmall-svg-icon,
.kusmall-mini-page-controller__prev-btn .kusmall-svg-icon {
  width: .625rem;
  height: .625rem;
  fill: #555;
  margin-top: .125rem
}

.kusmall-mini-page-controller__next-btn:active,
.kusmall-mini-page-controller__next-btn:hover,
.kusmall-mini-page-controller__prev-btn:active,
.kusmall-mini-page-controller__prev-btn:hover {
  background: #fdfdfd
}

.kusmall-mini-page-controller__next-btn:active,
.kusmall-mini-page-controller__prev-btn:active {
  box-shadow: inset 0 .0625rem 0 0 rgba(0, 0, 0, .03)
}

.kusmall-mini-page-controller__prev-btn {
  margin-left: 1.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px solid #f2f2f2
}

.kusmall-mini-page-controller__next-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.kusmall-page-controller {
  display: flex;
  justify-content: center
}

.kusmall-page-controller .kusmall-icon-button {
  color: rgba(0, 0, 0, .4);
  min-width: 2.5rem;
  height: 1.875rem;
  border: 0
}

.kusmall-page-controller .kusmall-icon-button .kusmall-svg-icon {
  vertical-align: middle
}

.kusmall-page-controller .kusmall-icon-button--left {
  text-align: right;
  margin-right: .9375rem
}

.kusmall-page-controller .kusmall-icon-button--right {
  text-align: left;
  margin-left: .9375rem
}

.kusmall-page-controller .kusmall-button-no-outline {
  color: rgba(0, 0, 0, .4)
}

.kusmall-page-controller .kusmall-button-no-outline,
.kusmall-page-controller .kusmall-button-solid {
  padding: 0;
  min-width: 2.5rem;
  text-align: center;
  height: 1.875rem;
  font-size: 1.25rem;
  margin-left: .9375rem;
  margin-right: .9375rem
}

.kusmall-page-controller .kusmall-button-solid {
  color: #fff
}

.kusmall-page-controller .kusmall-button-no-outline--non-click {
  cursor: auto
}

.kusmall-page-controller__ellipses {
  display: inline-block;
  margin: 0
}

.kusmall-page-controller--v2 .kusmall-icon-button {
  color: rgba(0, 0, 0, .54);
  min-width: 1.5rem;
  height: 1.5rem;
  border: 1px solid rgba(0, 0, 0, .09)
}

.kusmall-page-controller--v2 .kusmall-icon-button .kusmall-svg-icon {
  width: .6875rem
}

.kusmall-page-controller--v2 .kusmall-icon-button--left {
  margin-right: .625rem
}

.kusmall-page-controller--v2 .kusmall-icon-button--right {
  margin-left: .625rem
}

.kusmall-page-controller--v2 .kusmall-button-no-outline {
  margin: 0 .625rem;
  height: 1.5rem;
  min-width: 1.5rem;
  color: rgba(0, 0, 0, .87);
  font-size: 1rem
}

.kusmall-page-controller--v2 .kusmall-button-solid {
  margin: 0 .625rem;
  height: 1.5rem;
  min-width: 1.5rem;
  font-size: 1rem;
  border-radius: .0625rem;
  box-shadow: none
}

.original-search-link {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem
}

.original-search-link__text {
  color: rgba(0, 0, 0, .54)
}

.original-search-link__link {
  margin-left: .25rem;
  color: #ee4d2d;
  cursor: pointer
}

.kusmall-search-result-header {
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 1.5rem;
  color: #555
}

.kusmall-search-result-header__text-highlight {
  color: #ee4d2d
}

.kusmall-search-result-header .icon-hint-bulb {
  position: relative;
  top: .125rem;
  width: 1rem;
  height: 1.375rem;
  margin: 0 .75rem 0 0;
  color: #555
}

.kusmall-search-result-header .icon-voucher-tag {
  width: 1.125rem;
  margin-right: .625rem
}

.kusmall-search-result-header__placeholder,
.kusmall-search-result-header__text {
  padding: .1875rem 0
}

.kusmall-search-result-header__placeholder {
  height: 1.2rem
}

.kusmall-search-result-header__text-emphasize,
.kusmall-search-result-header__text-highlight {
  font-weight: 700;
  text-decoration: none
}

.kusmall-search-result-header__text-emphasize {
  color: #222
}

.kusmall-search-result-header__keyword {
  display: flex;
  flex-direction: row;
  margin-top: .75rem
}

.kusmall-search-result-header__keyword-item {
  height: 2.125rem;
  margin-right: .5rem;
  padding: 0 .875rem;
  border: 1px solid #757575;
  border-radius: .125rem;
  font-size: 14px;
  color: rgba(0, 0, 0, .87);
  display: flex;
  align-items: center;
  cursor: pointer
}

.kusmall-search-empty-result-section {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 6.25rem 0 7.5rem
}

.kusmall-search-empty-result-section__icon {
  width: 8.375rem
}

.kusmall-search-empty-result-section__title {
  margin: .9375rem 0 .625rem;
  color: rgba(0, 0, 0, .87);
  font-size: 1.125rem
}

.kusmall-search-empty-result-section__hint {
  font-size: 1.125rem;
  color: rgba(0, 0, 0, .54)
}

.kusmall-search-empty-result-section__hint>span {
  font-weight: 700
}

.kusmall-search-empty-result-section__or {
  font-size: 1.125rem;
  margin-top: 15px;
  color: rgba(0, 0, 0, .4)
}

.kusmall-search-empty-result-section__button {
  display: flex;
  flex-direction: row;
  margin: 1.5625rem 0 0;
  text-decoration: none
}

.kusmall-search-empty-result-section__button .kusmall-button-solid {
  background: #ee4d2d;
  color: #fff;
  font-size: 1.125rem;
  height: 3rem;
  padding: 0 1.25rem
}

.kusmall-search-recommendation .kusmall-header-section--simple>.kusmall-header-section__header {
  padding: 0 0 1.25rem;
  height: auto
}

.kusmall-search-recommendation .kusmall-header-section--simple .kusmall-header-section__header__title {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.125rem;
  color: #222
}

.kusmall-search-recommendation__item {
  margin-bottom: .625rem
}

.select-with-status__holder {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, .14);
  transition: border-color .1s ease;
  box-sizing: border-box;
  border-radius: 2px;
  margin-bottom: .625rem
}

.select-with-status__holder .select-with-status__placeholder {
  cursor: pointer
}

.select-with-status__search {
  border: 0;
  outline: none
}

.select-with-status__box-shadow {
  background-image: linear-gradient(180deg, #fff, #f7f7f7)
}

.select-with-status--hover .select-with-status__dropdown {
  visibility: visible
}

.select-with-status--focus .select-with-status__holder {
  border-color: #ee4d2d;
  border-width: 2px;
  padding: 9px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .13)
}

.select-with-status--error .select-with-status__holder {
  border-color: red
}

.select-with-status--disabled {
  cursor: not-allowed;
  pointer-events: none
}

.select-with-status--disabled .select-with-status__holder {
  border: 1px solid rgba(0, 0, 0, .09);
  box-shadow: none
}

.select-with-status__placeholder {
  display: flex;
  align-items: center;
  display: block;
  cursor: default;
  font-size: .875rem;
  color: #bbb;
  padding: .625rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

.select-with-status__placeholder:first-letter {
  text-transform: capitalize
}

.select-with-status__value {
  display: flex;
  align-items: center;
  cursor: default;
  font-size: .875rem;
  padding: .625rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: #222
}

.select-with-status__dropdown {
  visibility: hidden;
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .09);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  max-height: 16.875rem;
  z-index: 10000;
  width: 100%;
  overflow-y: auto;
  padding: 5px 0;
  margin: 0 -1px;
  border-radius: 2px
}

.select-with-status__dropdown-item {
  box-sizing: border-box;
  cursor: default;
  padding: 5px;
  width: 100%;
  color: #222
}

.select-with-status__dropdown-item--with-tick {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.select-with-status__dropdown-item:hover {
  background: #ee4d2d;
  color: #fff
}

.select-with-status__block-arrow {
  display: flex;
  align-items: center;
  height: 100%
}

.select-with-status__block-arrow>div {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(0, 0, 0, .4);
  margin-right: 15px;
  margin-left: 5px
}

.select-with-status__error-msg {
  padding: 0 0 13px;
  font-size: .75rem;
  color: #ff424f
}

.select-with-status .kusmall-svg-icon.icon-arrow-down-small {
  width: .75rem;
  fill: #555;
  margin-right: .75rem
}

.select-with-status .kusmall-svg-icon.icon-tick-bold {
  width: .6875rem;
  fill: #ee4d2d
}

.kusmall-sort-by-options {
  display: flex;
  align-items: stretch;
  flex: 1;
  justify-content: flex-start
}

.kusmall-sort-by-options .kusmall-dropdown {
  flex: 1
}

.kusmall-sort-by-options .kusmall-dropdown .kusmall-popover {
  width: 100%;
  padding: 0
}

.kusmall-sort-by-options .kusmall-dropdown__entry {
  background-color: #fff;
  border: 0;
  padding: 0 .625rem;
  text-transform: uppercase;
  justify-content: center
}

.kusmall-sort-by-options .kusmall-dropdown__entry--selected {
  color: rgba(0, 0, 0, .8);
  height: 100%
}

.kusmall-sort-by-options .kusmall-dropdown__entry--selected span {
  flex: 0 0 auto
}

.kusmall-sort-by-options .kusmall-dropdown__entry--selected:hover {
  background-color: rgba(0, 0, 0, .02)
}

.kusmall-sort-by-options .kusmall-dropdown__entry--optional {
  height: 3.125rem
}

.kusmall-sort-by-options .kusmall-dropdown--has-selected .kusmall-dropdown__entry--selected {
  color: #ee4d2d;
  border-bottom: 2px solid #ee4d2d;
  box-sizing: border-box
}

.kusmall-sort-by-options .select-with-status {
  min-width: 12.5rem;
  margin-left: .625rem
}

.kusmall-sort-by-options .select-with-status__dropdown-item,
.kusmall-sort-by-options .select-with-status__placeholder,
.kusmall-sort-by-options .select-with-status__value {
  text-align: left
}

.kusmall-sort-by-options .select-with-status__placeholder,
.kusmall-sort-by-options .select-with-status__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, .8);
  margin: 0 .625rem 0 .75rem;
  padding: 0
}

.kusmall-sort-by-options .select-with-status__value {
  color: #ee4d2d
}

.kusmall-sort-by-options .select-with-status__dropdown {
  box-shadow: 0 .3125rem .625rem 0 rgba(0, 0, 0, .05);
  margin: 0;
  padding: .625rem 0;
  border: 0
}

.kusmall-sort-by-options .select-with-status__dropdown-item {
  padding: 0 .75rem 0 .9375rem;
  cursor: pointer
}

.kusmall-sort-by-options .select-with-status__dropdown-item:hover {
  background: transparent;
  color: #ee4d2d
}

.kusmall-sort-by-options .select-with-status__holder {
  margin: 0;
  background: #fff
}

.kusmall-sort-by-options__option {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  flex: 0 0 5.625rem;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  padding: 0 .9375rem;
  background: #fff;
  white-space: nowrap;
  margin-left: .625rem;
  box-sizing: border-box
}

.kusmall-sort-by-options__option:active {
  background: #fdfdfd;
  box-shadow: inset 0 .0625rem 0 0 rgba(0, 0, 0, .03)
}

.kusmall-sort-by-options__option--selected.kusmall-sort-by-options__option {
  color: #fff;
  background: #ee4d2d
}

.kusmall-sort-by-options__option--selected.kusmall-sort-by-options__option:active {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .02)
}

.kusmall-sort-by-options .select-with-status__holder,
.kusmall-sort-by-options__option {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .02);
  height: 2.125rem;
  line-height: 2.125rem;
  border-radius: 2px;
  border: 0
}

.kusmall-sort-by-options .select-with-status__holder:hover,
.kusmall-sort-by-options__option:hover {
  background: #fdfdfd
}

.ranking-criteria-container {
  display: flex;
  align-items: stretch
}

.ranking-criteria {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .3125rem;
  margin-left: .5rem;
  color: currentColor
}

.ranking-criteria .icon-help-center {
  height: 1.125rem;
  width: 1.125rem
}

.kusmall-search-help-tooltip {
  box-sizing: border-box;
  line-height: 1.25rem;
  max-width: 28.125rem;
  padding: .75rem 1rem;
  background-color: #fff;
  border-radius: .25rem
}

.kusmall-search-help-tooltip>a {
  text-decoration: underline
}

.kusmall-header-section--simple {
  padding-top: 1.25rem
}

.kusmall-header-section--simple>.kusmall-header-section__header:before {
  content: none
}

.kusmall-header-section--simple .kusmall-header-section__header__title {
  font-size: 1rem;
  color: rgba(0, 0, 0, .54);
  font-weight: 500
}

.kusmall-header-section__header {
  display: flex;
  align-items: center;
  padding-bottom: .625rem
}

.kusmall-header-section__header:before {
  content: "";
  width: .625rem;
  height: 1.5rem;
  margin-right: .3125rem;
  background-color: #ee4d2d
}

.kusmall-header-section__header__title {
  font-size: 1.25rem;
  text-transform: uppercase;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 1.25rem
}

.kusmall-header-section__header-link {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block
}

.kusmall-header-section__header .kusmall-button-outline {
  height: 1.875rem;
  border-radius: .9375rem;
  background-color: #fff;
  color: #ee4d2d;
  border-color: rgba(0, 0, 0, .09)
}

.kusmall-header-section__header .kusmall-button-outline--rounded {
  background-color: #fff
}

.kusmall-header-section__header .kusmall-button-no-outline {
  color: #ee4d2d
}

.kusmall-header-section__header .kusmall-button-no-outline,
.kusmall-header-section__header .kusmall-button-outline--rounded {
  text-transform: capitalize;
  display: flex;
  align-items: center
}

.kusmall-header-section__header .kusmall-button-no-outline .icon-arrow-right,
.kusmall-header-section__header .kusmall-button-outline--rounded .icon-arrow-right {
  font-size: .625rem
}

.kusmall-header-section__header a {
  text-decoration: none !important;
  color: #ee4d2d
}

.F6jgw6 {
  height: 100%;
  box-sizing: border-box
}

.zWrO5B {
  display: flex;
  background-color: #fff;
  border-radius: .125rem
}

.l0xlgg {
  flex-direction: column
}

.CTEW4G {
  flex-direction: row
}

.EH27hP {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  padding: .5rem;
  overflow: hidden
}

.rcXQdR {
  height: 2.5rem;
  background-color: #fafafa;
  margin-bottom: .25rem
}

.DRhafu {
  height: 1rem;
  margin-bottom: .5rem
}

.T0Fyh3 {
  height: 1.25rem
}

._3iss79,
.T0Fyh3 {
  background-color: #fafafa;
  margin-bottom: .5rem
}

._3iss79 {
  height: 2.25rem
}

._4pfQ1E {
  height: 1.25rem;
  margin-bottom: .75rem
}

._4pfQ1E,
.Ls9sSV {
  background-color: #fafafa
}

.Ls9sSV {
  height: 1.125rem
}

._9k1WQ3._9k1WQ3 {
  display: inline-block;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: inherit
}

.n3t31Q {
  padding-bottom: .625rem
}

._1qTuZo {
  align-items: baseline
}

._741Crs {
  flex: 1 0 auto;
  max-width: 75%;
  color: #ee4d2d
}

._741Crs,
.dQAXj1.dQAXj1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dQAXj1.dQAXj1 {
  color: rgba(0, 0, 0, .54)
}

.tWpFe2,
.tWpFe2 .VTjd7p {
  height: 100%;
  box-sizing: border-box
}

.tWpFe2 .VTjd7p {
  text-decoration: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  box-shadow: 0 .0625rem .125rem 0 rgba(0, 0, 0, .1);
  border-radius: .125rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #fff;
  position: relative;
  overflow: visible;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0;
  transition: transform .1s cubic-bezier(.4, 0, .6, 1), box-shadow .1s cubic-bezier(.4, 0, .6, 1)
}

.tWpFe2 .VTjd7p._5H\+UVn,
.tWpFe2 .VTjd7p:focus,
.tWpFe2 .VTjd7p:focus-visible,
.tWpFe2 .VTjd7p:hover {
  box-shadow: 0 .0625rem 20px 0 rgba(0, 0, 0, .05);
  transform: translateY(-.0625rem);
  z-index: 1
}

.tWpFe2 .VTjd7p:active {
  box-shadow: 0 .0625rem 5px 0 rgba(0, 0, 0, .05);
  transform: translateY(0)
}

.tWpFe2 .i92LrB {
  border: 1px solid rgba(0, 0, 0, .09) !important;
  box-shadow: none
}

.tWpFe2 .VTjd7p.e6I40J {
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
  padding: 1.25rem
}

.tWpFe2 .whIxGK {
  overflow: visible;
  border: 1px solid transparent
}

.tWpFe2 .whIxGK:hover {
  border: 1px solid #ee4d2d;
  z-index: 2
}

.tWpFe2 .whIxGK:hover .kusmall-item-card__hover-footer {
  opacity: 1;
  transition: opacity .1s
}

._6o9eaa {
  opacity: 0;
  left: -.0625rem;
  top: calc(100% - .125rem);
  height: 1.875rem;
  background-color: #ee4d2d;
  color: #fff;
  text-align: center;
  line-height: 1.875rem;
  border: 1px solid #ee4d2d;
  border-bottom-left-radius: .125rem;
  border-bottom-right-radius: .125rem;
  z-index: 1
}

._6o9eaa,
._7DTxhh {
  position: absolute;
  width: 100%
}

._7DTxhh {
  top: 0;
  left: 0;
  height: 100%;
  background-color: #fff
}

.KUUypF {
  width: 100%;
  padding-top: 100%
}

._64R4fH {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

._64R4fH,
._64R4fH .DGOenU {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center
}

._64R4fH .DGOenU {
  background-color: rgba(0, 0, 0, .65);
  color: #fff;
  text-align: center;
  font-size: .75rem;
  height: 3.75rem;
  min-width: 3.875rem;
  max-width: calc(100% - 5rem);
  border-radius: 5rem
}

._64R4fH ._0\+VG5d {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-left: .5rem;
  padding-right: .5rem
}

.YeGYFd {
  position: relative;
  display: flex;
  align-items: center;
  height: .9375rem;
  font-size: .5625rem;
  line-height: .6875rem;
  font-weight: 500;
  padding: 0 4px;
  border-top-right-radius: .125rem;
  border-bottom-right-radius: .125rem;
  background: currentColor;
  left: -.1875rem
}

.YeGYFd:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -.1875rem;
  border-top: .1875rem solid;
  border-left: .1875rem solid transparent;
  filter: brightness(60%)
}

.sKFCYs {
  text-align: center
}

.sKFCYs.sKFCYs {
  padding: 0 .25rem;
  height: auto !important
}

.sKFCYs .ICOSOm {
  color: #fff;
  font-size: .75rem;
  line-height: .875rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}

.nWpXzB {
  left: -.25rem;
  position: relative
}

.LIaN-a.LIaN-a {
  height: 1rem;
  font-size: .75rem;
  line-height: .875rem;
  padding-left: .25rem;
  padding-right: .25rem
}

.LIaN-a ._0aihnk {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/1ea7594a0e6dbc0cdb8640b83a1079bb.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: .5rem;
  width: 1.25rem;
  position: relative
}

.LIaN-a .FAFNb4 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/c3f7f500de07e33a94b5874922f55a48.png);
  width: 1.1875rem;
  height: .5625rem
}

.LIaN-a .MvMwN7 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/ca053c71097658e19cfb8caf5998bd47.png);
  height: .6875rem;
  width: 1.625rem
}

.LIaN-a .IwuVPK {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/e4621030a2ce4bc9d3a92ac90ddc9640.png);
  height: .6875rem;
  width: 3.5625rem
}

._9zM3Mq._9zM3Mq {
  height: auto;
  font-size: .75rem;
  line-height: .875rem;
  padding: .1875rem .25rem
}

._9zM3Mq .WkP8Bq {
  display: block;
  height: .875rem;
  flex: 0 0 auto;
  background-size: 100%;
  background-repeat: no-repeat
}

._9zM3Mq .WkP8Bq.Qf5eF- {
  width: 1.75rem;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/d481af8a7891aa5f68e3698709e6b009.png)
}

._9zM3Mq .WkP8Bq._2-B5XS {
  width: 1.875rem;
  height: 1rem;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/1b890d050f15b54e99106ef00bc9cdf9.png)
}

._9zM3Mq .WkP8Bq.oPYMcG {
  width: 2.4375rem;
  height: 1rem;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/4441ef26d8bebdd89b97876c4d2c6a4d.png)
}

._9zM3Mq .WkP8Bq.wOw6KR {
  width: 1.9375rem;
  height: .9375rem;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/7e5306cd8188da85b63a708a6809ffb4.png)
}

._9zM3Mq .WkP8Bq._69hk\+d {
  width: 2.375rem;
  height: .5625rem;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/ccdbebc5d4ae1bcb9ed2ceb3be75b593.png)
}

._9zM3Mq .WkP8Bq.IB46DG {
  width: 3.5rem;
  height: .9375rem;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/3361d5d49cdd25810414e42aaa37f7fb.png)
}

._9zM3Mq .WkP8Bq.LxyNUK {
  width: 2.5625rem;
  height: 1.0625rem;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/e09df870d760e1802829eb77f20c97fd.png)
}

._0-VFOk._0-VFOk {
  padding: 0 .25rem;
  height: 1rem
}

._0-VFOk .mXr5ZU {
  color: #fff;
  font-size: .75rem;
  line-height: .875rem
}

._0-VFOk .wfif9v {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/4dce011b73706a093076263726e8f130.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.375rem;
  height: .75rem
}

._0-VFOk .I5kf-n {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/b3fa145158a9423406379f0d7041b758.png);
  width: 1.75rem;
  height: .75rem
}

._0-VFOk ._2d0Ir0 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/e250da6d78a174755ec513a9a98cee3f.png);
  width: 3.1875rem;
  height: .75rem
}

._0-VFOk .vxq\+y5 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/f67540f14c9c3888a0187b5954de12e6.png);
  width: 3.4375rem;
  height: .75rem
}

._0-VFOk .nwdkGQ {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/5371c1428aecf033e5e1866d466d06a3.png);
  width: 3rem;
  height: .75rem
}

.k-rCKl {
  width: 1.5rem;
  height: 1.9375rem;
  margin-top: -.625rem;
  background-size: 100% 100%
}

.JeFt-g {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/91acab3345a1ace24f9cdae9838c8c2a.png)
}

.\-6vx42 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/3d56efbb818a7457e53621972db6f918.png)
}

.-gXt-a {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/de11f24be0ff7c8b943e9fb03f8a99be.png)
}

.uqWcIn {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/72f754ff0ec8f5b0a744b01ee11aae0e.png)
}

.TStENZ {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/9bcaf10cbd6d11cd642bb0a4d0d16a56.png)
}

.bV2bEX {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/cf9aa4ed4eba33106286433a656e2c8b.png)
}

.N3eufl {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/a4671a4f3afb9c3122779cfb1c101822.png)
}

.kSqVCO {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/dd1191bbe0f86c7342836f164c4a3a9f.png)
}

.OMII3J {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/a5f9a34581d04771551b28430bfe1c5b.png)
}

.TqrHe0 {
  height: auto;
  display: block
}

.TqrHe0 .uQq73e {
  width: 3.375rem;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/218e2578c3068391c78efb1a2f68e8b8.png)
}

.TqrHe0 .LYfZU8,
.TqrHe0 .uQq73e {
  height: .5625rem;
  margin: .1875rem 0;
  background-size: 100%;
  background-repeat: no-repeat
}

.TqrHe0 .LYfZU8 {
  width: 2.4375rem;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/3f1fb1730336489a58027c8bd04864a3.png)
}

.o6SRV1 {
  padding-top: .0625rem;
  padding-bottom: .0625rem
}

.o6SRV1 .ot6gcq {
  width: 2.8125rem;
  height: .6875rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/7ebb253fbfc92daa43af86a952d06e62.png)
}

._6jCHoL._6jCHoL {
  height: 1.0625rem;
  font-size: .75rem;
  line-height: 1.0625rem;
  padding: .1875rem .25rem
}

._6jCHoL .gU9oKP {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/33a245e829aac23295121567f26ef503.png)
}

._6jCHoL .gU9oKP,
._6jCHoL .kNt7r5 {
  background-repeat: no-repeat;
  background-size: contain;
  height: 1rem;
  width: 3.75rem;
  position: relative
}

._6jCHoL .kNt7r5 {
  background-image: url(https://deo.kusmallmobile.com/kusmall/kusmall-pcmall-live-sg/assets/2fdf377e0342581af4c7ccda4fbb1ee3.png)
}

.aLgMTQ {
  position: absolute;
  left: 0;
  top: .625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
  max-width: 70%
}

.aLgMTQ>div:not(:first-child) {
  margin-top: .3125rem
}

.aLgMTQ .horizontal-badge {
  position: relative;
  left: -.25rem;
  margin-bottom: .3125rem
}

.NTmuqd {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  padding: 4px 2px 3px;
  font-weight: 700;
  background-color: rgba(255, 212, 36, .9)
}

._3NQO\+7 {
  width: 36px;
  height: 32px
}

.NTmuqd:after {
  content: "";
  width: 0;
  height: 0;
  left: 0;
  bottom: -4px;
  position: absolute;
  border-color: transparent rgba(255, 212, 36, .9);
  border-style: solid;
  border-width: 0 18px 4px
}

.WVxeBE {
  display: flex;
  flex-direction: column;
  text-align: center;
  position: relative;
  font-weight: 400;
  line-height: .8125rem;
  color: #ee4d2d;
  text-transform: uppercase;
  font-size: .75rem
}

._4ycSOm {
  flex-direction: row;
  line-height: 28px;
  justify-content: center
}

._2UunVx {
  flex-direction: column-reverse
}

._0-hkU-,
._3TiQUw,
.OTJ49X {
  justify-content: center
}

.Th6IF\+ {
  color: #fff
}

.\+b7jwE {
  display: inline !important;
  color: #ee4d2d !important;
  margin: 0
}

._2Nb0o2,
.GAF9cY,
.jF19nL {
  display: none
}

.Urplys {
  padding: .5rem
}

.yvvWsZ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 3.375rem;
  width: 3.375rem;
  border-radius: 50%;
  background-color: #ee4d2d;
  font-weight: 700;
  font-size: .75rem;
  line-height: .875rem;
  color: #fff;
  text-align: center
}

.GOgNtl {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.GOgNtl .kusmall-badge {
  float: right;
  margin-left: .3125rem
}

.W1KwtX {
  right: .25rem;
  bottom: .25rem;
  width: 1.25rem;
  height: 1.25rem;
  stroke: none;
  fill: rgba(0, 0, 0, .5)
}

.Sh\+UIZ,
.W1KwtX {
  position: absolute
}

.Sh\+UIZ {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: .625rem;
  right: .625rem;
  padding: .125rem .25rem;
  border-radius: 2px;
  background: rgba(0, 0, 0, .3);
  font-size: .75rem;
  text-transform: capitalize;
  color: #fff;
  white-space: nowrap
}

.F7xq8U {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1
}

.IpGwg7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.IpGwg7 .kusmall-item-card__sneak-peak {
  color: #fff;
  background: #d0011b;
  opacity: .82;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.75rem;
  line-height: 1.75rem;
  text-transform: capitalize;
  text-align: center
}

.IpGwg7 .customized-overlay-image img {
  width: 100%
}

.KMyn8J {
  padding: .5rem;
  overflow: hidden
}

.dpiR4u,
.KMyn8J {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column
}

.d5DWld {
  flex: 0 1 auto
}

.d5DWld,
.rVLWG6 {
  max-width: 100%;
  transition: all .1s cubic-bezier(.4, 0, .6, 1)
}

.rVLWG6 {
  flex-grow: 1;
  flex-shrink: 0;
  color: #ee4d2d
}

.bM\+7UW {
  font-size: .875rem;
  line-height: 1.25rem
}

.hpDKMN {
  padding: .5rem 0 0;
  display: flex;
  height: 1.25rem;
  align-items: center;
  overflow: hidden
}

.ie3A\+n {
  display: inline;
  line-height: 14px;
  font-size: .75rem
}

.Cve6sh.Cve6sh {
  display: inline-block;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.FDn--\+ {
  flex-grow: 1;
  min-height: 1.75rem
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
  .FDn--\+ {
    max-height: 1.875rem;
    overflow: hidden
  }
}

.WQj5Si {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  line-height: 100%;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.WQj5Si:first-child:last-child {
  max-width: 100%
}

.WQj5Si:first-child:nth-last-child(2) {
  max-width: 60%
}

.WQj5Si:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.WQj5Si:first-child:nth-last-child(3) {
  max-width: 40%
}

.WQj5Si:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.WQj5Si {
  color: #ee4d2d
}

._1-6RK3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  line-height: 100%;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

._1-6RK3:first-child:last-child {
  max-width: 100%
}

._1-6RK3:first-child:nth-last-child(2) {
  max-width: 60%
}

._1-6RK3:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

._1-6RK3:first-child:nth-last-child(3) {
  max-width: 40%
}

._1-6RK3:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

._1-6RK3 {
  color: #f5a623
}

.ZvGIIi {
  background-color: initial;
  color: #ee4d2d;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  height: 1.3125rem;
  font-size: .875rem;
  border-radius: 2px;
  box-sizing: border-box;
  flex-shrink: 0;
  line-height: 1
}

.mPKf4r {
  border: none
}

.s0d7WA .T7ZytK {
  width: 1rem;
  height: 1rem
}

.s0d7WA .a7Rm3S {
  padding: 0 3px
}

.s0d7WA.ZvGIIi {
  height: 1rem;
  border-radius: 1px;
  font-size: .75rem
}

.s0d7WA .kusmall-svg-icon {
  width: .6875rem;
  height: .6875rem
}

.T7ZytK {
  flex-shrink: 0;
  width: 1.3125rem;
  height: 1.3125rem;
  display: inline-flex;
  box-sizing: border-box;
  background: linear-gradient(90deg, #f63, #f53d2d)
}

.T7ZytK .kusmall-svg-icon {
  width: .8125rem;
  height: .8125rem
}

.a7Rm3S {
  padding: 1px 4px 0;
  flex-shrink: 0;
  font-weight: 400;
  border: 1px solid #ee4d2d;
  border-left: 0;
  height: 100%;
  box-sizing: border-box;
  border-radius: 0 2px 2px 0;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 1rem);
  white-space: nowrap
}

.knVcqG {
  line-height: 1rem
}

.INFECd,
.knVcqG {
  overflow: hidden;
  text-overflow: ellipsis
}

.INFECd {
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  line-height: 100%;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.INFECd:first-child:last-child {
  max-width: 100%
}

.INFECd:first-child:nth-last-child(2) {
  max-width: 60%
}

.INFECd:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.INFECd:first-child:nth-last-child(3) {
  max-width: 40%
}

.INFECd:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.INFECd {
  border: 1px solid
}

.kriX0D {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  line-height: 100%;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.kriX0D:first-child:last-child {
  max-width: 100%
}

.kriX0D:first-child:nth-last-child(2) {
  max-width: 60%
}

.kriX0D:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.kriX0D:first-child:nth-last-child(3) {
  max-width: 40%
}

.kriX0D:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.kriX0D {
  color: #44b5ff
}

.pJRbDy {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  line-height: 100%;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.pJRbDy:first-child:last-child {
  max-width: 100%
}

.pJRbDy:first-child:nth-last-child(2) {
  max-width: 60%
}

.pJRbDy:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.pJRbDy:first-child:nth-last-child(3) {
  max-width: 40%
}

.pJRbDy:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.pJRbDy {
  color: #ffa604
}

.djt\+SZ {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  line-height: 100%;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.djt\+SZ:first-child:last-child {
  max-width: 100%
}

.djt\+SZ:first-child:nth-last-child(2) {
  max-width: 60%
}

.djt\+SZ:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.djt\+SZ:first-child:nth-last-child(3) {
  max-width: 40%
}

.djt\+SZ:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.djt\+SZ {
  color: #ee4d2d
}

.O-b6kC {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  line-height: 100%;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.O-b6kC:first-child:last-child {
  max-width: 100%
}

.O-b6kC:first-child:nth-last-child(2) {
  max-width: 60%
}

.O-b6kC:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.O-b6kC:first-child:nth-last-child(3) {
  max-width: 40%
}

.O-b6kC:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.O-b6kC {
  border-color: #ee4d2d;
  color: #ee4d2d;
  height: 100%
}

._3nkRL._3nkRL:after,
._3nkRL._3nkRL:before {
  transform: none
}

._1PWkR {
  box-sizing: border-box;
  display: inline-block;
  height: 1rem;
  min-width: 0;
  position: relative;
  overflow: hidden
}

._1PWkR:after,
._1PWkR:before {
  content: "";
  display: block;
  height: .0625rem;
  transform: scaleY(.5);
  background: currentColor;
  position: absolute;
  left: .25rem;
  right: .25rem
}

._1PWkR:before {
  transform-origin: 0 0;
  top: 0
}

._1PWkR:after {
  transform-origin: 0 100%;
  bottom: 0
}

._2DRZW {
  width: .25rem;
  height: 1rem;
  position: absolute;
  top: 0;
  transform: translateZ(0)
}

._2DRZW:first-of-type {
  left: 0
}

._2DRZW:nth-of-type(2) {
  right: 0
}

._1FKkT {
  line-height: 1rem;
  height: 1rem;
  margin: 0 .1875rem;
  padding: 0 .0625rem;
  padding: 0 calc(var(--ns-a, .25rem) - .1875rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1
}

._2HdUY {
  color: rgba(0, 0, 0, .09);
  color: var(--nc-util-line, rgba(0, 0, 0, .09))
}

._3VTkw {
  color: rgba(0, 0, 0, .26);
  color: var(--nc-util-disabled, rgba(0, 0, 0, .26))
}

._3hvfJ {
  color: #bdbdbd;
  color: var(--nc-util-disabled-o, #bdbdbd)
}

.-ClOx {
  color: rgba(0, 0, 0, .54);
  color: var(--nc-text-tertiary, rgba(0, 0, 0, .54))
}

._1AXbm._3Ao0A {
  background-color: #bdbdbd;
  background-color: var(--nc-util-disabled-o, #bdbdbd)
}

._1AXbm._2xFcL {
  fill: #bdbdbd;
  fill: var(--nc-util-disabled-o, #bdbdbd)
}

.NXWqiW {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.NXWqiW:first-child:last-child {
  max-width: 100%
}

.NXWqiW:first-child:nth-last-child(2) {
  max-width: 60%
}

.NXWqiW:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.NXWqiW:first-child:nth-last-child(3) {
  max-width: 40%
}

.NXWqiW:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.NXWqiW {
  color: #ee4d2d;
  border-color: #ee4d2d;
  height: 100%
}

.NXWqiW,
.Zo8OU9 {
  line-height: 100%
}

.Zo8OU9 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.Zo8OU9:first-child:last-child {
  max-width: 100%
}

.Zo8OU9:first-child:nth-last-child(2) {
  max-width: 60%
}

.Zo8OU9:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.Zo8OU9:first-child:nth-last-child(3) {
  max-width: 40%
}

.Zo8OU9:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.Zo8OU9 {
  display: flex;
  color: #ee4d2d
}

.r3Qi7F {
  height: .75rem
}

.UFyKqC,
.UkgEwe {
  height: 1rem
}

.UkgEwe {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.UkgEwe:first-child:last-child {
  max-width: 100%
}

.UkgEwe:first-child:nth-last-child(2) {
  max-width: 60%
}

.UkgEwe:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.UkgEwe:first-child:nth-last-child(3) {
  max-width: 40%
}

.UkgEwe:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.UkgEwe {
  border-color: #ee4d2d;
  color: #ee4d2d;
  height: 100%;
  line-height: 100%
}

.T7ALC- {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.T7ALC-:first-child:last-child {
  max-width: 100%
}

.T7ALC-:first-child:nth-last-child(2) {
  max-width: 60%
}

.T7ALC-:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.T7ALC-:first-child:nth-last-child(3) {
  max-width: 40%
}

.T7ALC-:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.T7ALC- {
  border-color: #ee4d2d;
  color: #ee4d2d;
  height: 100%
}

.E9HqgR,
.T7ALC- {
  line-height: 100%
}

.E9HqgR {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: .125rem .25rem;
  margin-top: 0;
  margin-bottom: 0;
  height: 1rem;
  box-sizing: border-box;
  border: .0625rem solid;
  border-radius: .0625rem;
  background-color: initial;
  font-size: .625rem
}

.E9HqgR:first-child:last-child {
  max-width: 100%
}

.E9HqgR:first-child:nth-last-child(2) {
  max-width: 60%
}

.E9HqgR:first-child:nth-last-child(2)~div {
  flex-shrink: 1
}

.E9HqgR:first-child:nth-last-child(3) {
  max-width: 40%
}

.E9HqgR:first-child:nth-last-child(3)~div {
  flex-shrink: 1
}

.E9HqgR {
  color: #ee4d2d
}

.FD2XVZ {
  display: flex;
  height: 1rem;
  align-items: center;
  overflow: hidden;
  margin-top: .25rem
}

.FD2XVZ>div:not(:last-child) {
  margin-right: .25rem
}

.FD2XVZ>div:first-child:not(:only-child) {
  max-width: 60%;
  flex-shrink: 0
}

.FD2XVZ>div:only-child {
  flex-shrink: 0
}

.vioxXd {
  display: inline;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.g6x5Or {
  color: rgba(0, 0, 0, .54);
  text-decoration: line-through;
  margin-right: 5px
}

.Qgis-8 {
  color: currentColor
}

.juCMSo {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  color: #ee4d2d
}

._4iiouH {
  font-size: .75rem;
  color: #ee4d2d
}

.r6HknA {
  color: rgba(0, 0, 0, .87);
  font-size: .75rem;
  line-height: .875rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.r6HknA:first-letter {
  text-transform: capitalize
}

.ZmrLWK {
  font-weight: 500;
  color: #000
}

._1Rnhh1,
._8otGWd {
  text-decoration: underline
}

.kusmall-sort-bar {
  font-weight: 400;
  background: rgba(0, 0, 0, .03);
  padding: .8125rem 1.25rem;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.kusmall-sort-bar__label {
  color: #555;
  margin: 0 .3125rem 0 0
}

.kusmall-sort-bar--placeholder {
  height: 2.125rem
}

.mMYIO9 {
  border: 1px solid rgba(0, 0, 0, .09)
}

.ZZuLsr {
  color: rgba(0, 0, 0, .54);
  text-decoration: line-through;
  margin-right: 5px
}

.ZEgDH9 {
  font-size: 1rem;
  color: #ee4d2d
}

.recFju {
  font-size: .75rem;
  color: #ee4d2d
}

.DugJ0s {
  position: relative;
  display: inline-block;
  overflow: auto;
  box-sizing: border-box
}

.DugJ0s .GmNm72 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.DugJ0s ._9U0s7g {
  display: block
}

.grOQiR:hover {
  cursor: not-allowed
}

._6mXQHm.CKrp3a {
  background-color: #d0011b
}

._6mXQHm.mpmZNJ {
  background-color: #ee4d2d
}

._6mXQHm.AVVIap {
  background-color: rgba(0, 0, 0, .26)
}

._6mXQHm.AVVIap:hover {
  cursor: not-allowed
}

._8-xLHM {
  margin-left: auto;
  display: flex;
  align-items: center
}

._8-xLHM>:not(:last-child) {
  margin-right: 5px
}

._8-xLHM .icon-free-shipping {
  width: 1.25rem;
  font-size: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  line-height: 1;
  margin-left: .125rem
}

._8-xLHM .icon-sbs-24hr {
  font-size: 2.1875rem
}

.Do458z {
  position: relative
}

.zC9PAC {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.rZ--EJ {
  display: flex;
  flex-flow: "row nowrap";
  align-items: center
}

.rZ--EJ .QQqEpg {
  margin: toRem(20px) auto toRem(7px);
  font-size: toRem(14px);
  min-width: 180px
}

.rZ--EJ .s4RqPI {
  display: flex;
  flex-flow: "row nowrap";
  align-items: center
}

.rZ--EJ ._6uo4vl {
  margin-left: 10px;
  min-width: 100px
}

.ZnrnMl {
  height: 1.25rem;
  margin-top: .75rem
}

.RS7p\+X,
.ZnrnMl {
  display: flex;
  align-items: center
}

.RS7p\+X {
  color: rgba(0, 0, 0, .26);
  cursor: pointer;
  font-size: .625rem;
  overflow: hidden;
  flex-shrink: 0
}

.U2wQye {
  font-size: .75rem;
  margin-left: .375rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, .65)
}

.uEPGHT {
  margin-left: .25rem
}

.RS7p\+X .kusmall-rating-stars {
  position: relative;
  display: inline-block
}

.RS7p\+X .kusmall-rating-stars__stars {
  display: flex
}

.RS7p\+X .kusmall-rating-stars__star-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 1px
}

.RS7p\+X .kusmall-rating-stars__star-wrapper>.kusmall-rating-stars__lit {
  overflow: hidden;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1
}

.RS7p\+X .kusmall-rating-stars__gold-star {
  color: #ffce3d;
  fill: #ffce3d;
  display: block;
  position: absolute;
  left: 0;
  overflow-x: hidden
}

.RS7p\+X .kusmall-rating-stars__dark-star {
  color: #d5d5d5;
  display: block
}

.RS7p\+X .kusmall-rating-stars__primary-star {
  color: #ee4d2d;
  stroke: #ee4d2d;
  display: block;
  position: absolute;
  left: 0;
  overflow-x: hidden
}

.theme--ofs .RS7p\+X .kusmall-rating-stars__primary-star {
  color: #d0011b;
  stroke: #d0011b
}

.theme--s-mart .RS7p\+X .kusmall-rating-stars__primary-star {
  color: #ffce3d;
  stroke: #ffce3d
}

.RS7p\+X .kusmall-rating-stars__hollow-star {
  color: #ee4d2d;
  display: block;
  stroke: currentColor
}

.theme--s-mart .RS7p\+X .kusmall-rating-stars__hollow-star {
  color: #ffce3d;
  stroke: #ffce3d
}

.RS7p\+X .kusmall-rating-stars .kusmall-svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  position: relative
}

.zGGwiV {
  margin-top: .5rem;
  color: rgba(0, 0, 0, .65);
  font-size: .75rem;
  line-height: 1.125rem;
  min-height: 1em;
  text-align: left;
  font-weight: 200
}

.kusmall-search-item-result .kusmall-page-controller {
  margin: 1.25rem 0 3.75rem
}

.kusmall-search-item-result__items {
  margin: .5rem 0 0
}

.kusmall-search-item-result__item {
  margin: .3125rem 0
}

.kusmall-search-item-result>.spinner-container {
  min-height: 212.375rem
}

._4jsMAm {
  margin-top: 2.5rem
}

.gqB4iD {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 50rem;
  min-height: 100vh
}

.gqB4iD .eZkb8C {
  background-color: initial
}

.kusmall-progress-bar {
  height: 3px;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, .3) 0, #fff 30%, #fff);
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  transition: transform 30s ease-out
}

.kusmall-progress-bar--start {
  transform: translateX(60%);
  transition: transform .2s ease-out
}

.kusmall-progress-bar--after-start {
  transform: translateX(79%);
  transition: transform 40s ease-out
}

.kusmall-progress-bar--almost-done {
  transform: translateX(80%);
  transition: transform .2s ease-out
}

.kusmall-progress-bar--after-almost-done {
  transform: translateX(99%);
  transition: transform 40s ease-out
}

.kusmall-progress-bar--done {
  transform: translateX(100%);
  transition: transform .2s ease-out
}

.kusmall-progress-bar--done-up {
  transform: translateX(100%) translateY(-3px);
  transition: transform .2s ease-out
}

.kusmall-progress-bar--reset {
  transform: translateX(0) translateY(0);
  transition: none
}

.language-selection {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 30px 15px;
  width: 100%
}

.language-selection__background {
  position: relative;
  min-height: 240px;
  width: 470px
}

.language-selection__background-map {
  width: 100%
}

.language-selection .icon-logo-vertical {
  width: 108px;
  height: 108px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -45px)
}

.language-selection__title {
  text-align: center;
  font-size: 1.25rem;
  padding-top: 10px;
  padding-bottom: 10px
}

.language-selection__list {
  display: flex;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px
}

.language-selection__list .kusmall-button-outline {
  height: 2.5rem;
  font-size: .9375rem;
  font-weight: 400
}

.language-selection__list-item {
  margin-top: 18px;
  height: 2.5rem;
  display: flex;
  flex-direction: column
}

.language-selection__list-item:first-child {
  margin-top: 0
}

.language-selection__close-button {
  position: absolute;
  top: -1.25rem;
  right: -1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  background: #5a5a5a;
  border: 3px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.language-selection__close-button .kusmall-svg-icon {
  color: #fff;
  font-size: 1.125rem
}

.toast {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  transition: opacity .1s cubic-bezier(.4, 0, .6, 1)
}

.toast--hidden {
  opacity: 0;
  pointer-events: none
}

.toast__container {
  border-radius: 2px;
  overflow: hidden;
  display: inline-block;
  cursor: default;
  padding: 2.5rem 1.25rem;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
  font-size: 1.0625rem;
  text-align: center;
  min-width: 18.75rem;
  max-width: 25rem
}

.toast__icon {
  margin-bottom: 1.25rem
}

.action-toast__icon,
.toast__icon {
  display: flex;
  justify-content: center
}

.action-toast__icon {
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  text-align: center;
  background-color: #00bfa5
}

.action-toast .icon-tick-bold {
  font-size: 1.875rem;
  line-height: 3.75rem
}

.action-toast .icon-exclamation-mark {
  font-size: 2.5rem;
  line-height: 3.75rem
}

.lF2jXb {
  position: fixed;
  top: 31px;
  left: 50%;
  transform: translateX(-600px);
  z-index: 9999;
  opacity: 0;
  pointer-events: none
}

.lF2jXb.PQIrbd {
  opacity: 1;
  pointer-events: all
}

.FRPW5X {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.lF2jXb .u6BOJM {
  font-size: 12px;
  line-height: 14px;
  padding: 4px;
  background: #fff;
  box-shadow: 0 0 9px rgba(0, 0, 0, .12);
  border-radius: 4px;
  outline: none
}

.HnF0DD+.HnF0DD {
  padding-top: 10px
}

.zV2jR\+ {
  box-sizing: border-box;
  display: inline-block;
  padding: 4px
}

.u6BOJM:focus .zV2jR\+ {
  padding: 3px;
  border: 1px solid #000;
  box-sizing: border-box;
  border-radius: 4px
}

.dropbtn {
  background-color: #0f629c;
  color: white;
  padding: 16px;
  font-size: 13px;
  border: none;
  cursor: pointer;

}

.dropdown {
  position: relative;
  display: table;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;

}

.dropdown-content a:hover {
  background-color: #F3711B
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #F3711B;
}

.menu-bar {
  padding: 20px;
  position: absolute;
  left: 0;
  height: auto;
  width: 100%;
  display: none;
  z-index: 99;
}

.menu {
  margin: 10px;
  height: auto;
  width: auto;
  color: white;
  float: left;
  background-color: none;

}

.store-menu {
  min-width: 130px;
  height: auto;
  border: 0px solid #0C9;
  display: inline-block;
  border-radius: 4px;
  float: left;
}

.store-menu:hover {
  color: #000000;
  background-color: rgb(204, 204, 204);
}

.header-title:hover {
  color: #f57b17;
}

.store-menu:hover div {
  display: block;
  color: #000000;
  background: linear-gradient(-180deg, #002944, #035c79);
}

.listmenu {
  width: 1200px;
  height: auto;
  border: 0px solid #0C9;
  /* background-color:rgb(255,255,255); */
  text-align: left;
  display: inline-block;
}

.menu .menu-title>a {
  color: white;
  font-size: 14px;
}

.menu .menu-under>a {
  color: white;
  font-size: 12px;
  padding-left: 10px;
}

.menu .menu-under>a:hover {
  color: #024460;
  padding: 4px 4px 4px 10px;
  border-radius: 4px;
  background-color: rgb(204, 204, 204);
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: #b9b9b9;
  white-space: nowrap;
}

.rounded-circle {
  border-radius: 10% !important;
}

/* item card box  */
.hp-mod-card-title {
  float: left;
  font-size: 18px;
  color: #002944;
}

.hp-mod-card-shop-all {
  float: right;
  margin-right: 0;
  font-size: 14px;
  color: #1a9cb7;
  padding-top: 15%;
}

.title-box {
  display: flex;
  min-height: calc(100vh - 91.25rem);
  flex-wrap: wrap;
  align-content: flex-start;
  padding-top: 0.3125rem;
}

.card-channels-length-5 {
  width: 46%;
  margin-top: 2%;
}

.card-channels-item {
  height: 40px;
  background: #fff;
  margin-right: 12px;
  border-radius: 20px;
}

.card-channels-link {
  width: 100%;
  height: 100%;
  display: block;
}

.align-left {
  float: left;
}

.card-channels-name {
  margin-left: 4px;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
}

.card-channels-content {
  height: 40px;
}

.card-channels-img-wrap {
  width: 32px;
  height: 32px;
  margin: 4px;
}

.card-channels-img-wrap .image {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

.card-channels-name .text-wrap {
  display: inline-block;
}

.card-channels-item:hover {
  background: #1ec5cd;
  color: white;
  box-shadow: 0 0.0625rem 20px 0 rgba(0, 0, 0, .05);
  transform: translateY(-0.0625rem);
  z-index: 1;
}

.card-channels-item:hover .card-channels-name {
  color: white;
}

.show-detail {
  display: none;
  position: absolute;
  /* color: #035c79; */
  /* border: 1px solid #035c79; */
  width: 100%;
  max-width: 450px;
  top: 0%;
  left: 30%;
  border-radius: 4px;
  padding: 7px;
  background-color: #06090bbd;
  z-index: 99999;
}

.show-detail::before {
  content: "\25bc";
  position: absolute;
  left: -20px;
  color: #06090bbd;
  transform: rotate(90deg);
  font-size: 25px;
}

.card-channels-item .card-channels-link:hover+.show-detail {
  display: block;
}

.show-detail:hover {
  display: block;
}

.store-card>.card-x>.image>img {
  width: 100%;
  max-height: 60px;
}

.card-x {
  border-radius: 4px;
  /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1); */
  /* background-color: #FFFFFF; */
  position: relative;
  display: block;
  min-height: 235px;
}

.card-x .image {
  width: 100%;
  overflow: hidden;
  height: 260px;
  border-radius: 4px 4px 0 0;
  position: relative;
  transform-style: preserve-3d;
}

.card-user-x .image {
  height: 60px;
}

.card-user-x .avatar {
  width: 124px;
  height: 124px;
  border: 5px solid #FFFFFF;
  position: relative;
  margin-bottom: 15px;
}

.card-user-x .avatar.border-gray {
  border-color: #ffffff;
}

.card-x .avatar {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 38%;
  margin-top: -20%;
}

.title-center {
  text-align: center;
}

.store-show-des {
  text-align: center;
  border: 1px solid #024460;
  position: absolute;
  bottom: 0px;
  width: 100%;
  border-radius: 4px;
  padding: 5px;
  background-color: #013955;
  color: white;
  cursor: pointer;
}

.input-group-btn {
  border: 1px solid;
  border-radius: 6px;
}

.input-group-btn:hover {
  background-color: #00bfa5;
  color: white;
}

.pointer {
  cursor: pointer;
}


.input-number {
  color: #fff;
  background-color: #08081542;
  border: 1px solid #1ec5cd;
}

.btn-minus {
  color: #00bfa5;
}

.btn-plus {
  color: #00bfa5;
}

.btn-minus:hover {
  color: white;
}

.btn-plus:hover {
  color: white;
}

/* item card box  */
/* padding style  */
.pad-l5 {
  padding-left: 5px;
}

.pad-l10 {
  padding-left: 10px;
}

.pad-t5 {
  padding-top: 5px;
}

.pad-t10 {
  padding-top: 10px;
}

.pad-t5-p {
  padding-top: 5%;
}

.pad-t10-p {
  padding-top: 10%;
}

.pad-t15-p {
  padding-top: 15%;
}

/* padding style  */

/* profile style  */
.profile-img {
  width: 50px;
  border-radius: 50% !important;
  height: 50px;
}

/* profile style  */

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px;
}
.f-16 {
  font-size: 16px;
}
.f-18 {
  font-size: 18px;
}
.f-20 {
  font-size: 20px;
}