@media (max-width: 767px) {
  .mid-header:after {
    content: '';
    width: 100%;
    position: absolute;
    background: var(--header-background);
    height: 200px;
    z-index: -1;
    clip-path: ellipse(100% 55% at 48% 44%);
    margin-top: 0;
    transform-origin: center center; } }

#optInText {
  background: #2659f3 !important; }

.fd-note {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: block;
  color: #fff;
  font-size: 10px;
  font-style: italic;
  text-shadow: 2px 1px 10px black; }

.section_hotproducts__wrap {
  border-radius: 0.5rem; }

.section_hotproducts h3 {
  display: none;
  font-size: 24px;
  width: 100%;
  margin-left: 15px; }

.section_hotproducts__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  padding: 10px 5px; }

.section_hotproducts__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% / 8) - 15px); }
  .section_hotproducts__item:hover img {
    transform: scale(1.05); }
  @media (max-width: 991px) {
    .section_hotproducts__item {
      width: calc((100% / 4) - 15px); } }
  .section_hotproducts__item img {
    transition: all .2s;
    box-shadow: 0 0 3px 3px rgba(241, 241, 241, 0.5);
    border-radius: 25px; }
  .section_hotproducts__item > p {
    text-align: center;
    font-size: 14px;
    color: #808080;
    font-weight: 500;
    margin: 5px 0 0 0; }
    @media (max-width: 767px) {
      .section_hotproducts__item > p {
        font-size: 12px; } }

.section.section_product_hot3 .title_module_main {
  padding: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: #01a6d7;
  margin-top: 15px;
  display: none !important; }
  .section.section_product_hot3 .title_module_main .heading-bar__title a {
    color: #fff;
    font-size: 16px; }

.section.section_product_hot3 [data-section="hot-section"] {
  margin: 0;
  padding: 10px 0; }

.section.section_product_new .title_module_main {
  background: #d9f1ff;
  justify-content: center !important; }

.section.section_product_new .pos-relative.embed-responsive.embed-responsive-1by1 img {
  --image-scale: 1.09 !important; }

.section.section_product_banner .title_module_main {
  padding: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: #937efa;
  margin-top: 15px;
  display: none !important; }

.section.section_product_banner .heading-bar__title a {
  color: #f3c4e3;
  font-size: 16px; }

.section.section_product_banner [data-section="probanner-section"] {
  margin: 0;
  padding: 10px 0; }

.section.section_product_hot .title_module_main {
  padding: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: #01a6d7;
  margin-top: 15px;
  display: none !important; }

.section.section_product_hot .heading-bar__title a {
  color: #ffd08a;
  font-size: 16px; }

.section.section_product_hot [data-section="hot-section"] {
  margin: 0;
  padding: 10px 0; }

.section.section_product_hot2 .title_module_main {
  padding: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: #01a6d7;
  margin-top: 15px;
  display: none !important; }

.section.section_product_hot2 .heading-bar__title a {
  color: #ffd08a;
  font-size: 16px; }

.section.section_product_hot2 [data-section="hot-section"] {
  margin: 0;
  padding: 10px 0; }

.section.section_product_tab .title_module_main {
  padding: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: #24232c;
  margin-top: 15px; }

.section.section_product_tab .heading-bar__title a {
  color: var(--tabsbg-color);
  font-size: 16px;
  display: none; }

.section.section_product_tab .tab-link {
  background: #fff; }
  .section.section_product_tab .tab-link.current {
    color: #fff;
    background: var(--tabsbg-color);
    border-color: var(--tabsbg-color); }
  .section.section_product_tab .tab-link:hover {
    border-color: var(--tabsbg-color);
    color: var(--tabsbg-color); }

.section.section_product_tab .e-tabs {
  background: var(--tab-color);
  padding: 10px; }

.section.section_product_tab .btn-main--primary {
  background: var(--tabbgbutton-color);
  color: var(--tabtextbutton-color); }

.section.section_product_tab2 .title_module_main {
  padding: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: #24232c;
  margin-top: 15px; }

.section.section_product_tab2 .heading-bar__title a {
  color: var(--tab2-color);
  font-size: 16px;
  display: none; }

@media (max-width: 767px) {
  .section.section_product_tab2 .tabs-title {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    width: 100%; } }

.section.section_product_tab2 .tab-link {
  background: var(--tab2-color);
  color: #fff;
  transition: all .2s; }
  .section.section_product_tab2 .tab-link.current, .section.section_product_tab2 .tab-link:hover {
    color: var(--tab2-color) !important;
    background: #fff;
    border-color: var(--tab2-color); }
  @media (max-width: 767px) {
    .section.section_product_tab2 .tab-link {
      margin: 0;
      width: calc(50% - 15px);
      font-size: 12px;
      text-align: center;
      padding: 5px !important; } }

.section.section_product_tab2 .e-tabs {
  background: var(--tabs2bg-color);
  padding: 10px; }
  @media (max-width: 767px) {
    .section.section_product_tab2 .e-tabs {
      padding: 0; } }
  @media (max-width: 767px) {
    .section.section_product_tab2 .e-tabs .row {
      padding: 0; } }

.section.section_product_tab2 .btn-main--primary {
  background: var(--tab2bgbutton-color);
  color: var(--tab2textbutton-color); }

@media (max-width: 767px) {
  .section.section_product_tab2 {
    background: var(--tabs2bg-color);
    padding: 0 15px; } }

.section.section_product_tab3 .title_module_main {
  padding: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: #24232c;
  margin-top: 15px; }

.section.section_product_tab3 .heading-bar__title a {
  color: var(--tab3-color);
  font-size: 16px;
  display: none; }

@media (max-width: 767px) {
  .section.section_product_tab3 .tabs-title {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    width: 100%; } }

.section.section_product_tab3 .tab-link {
  background: var(--tab3-color);
  color: #fff;
  transition: all .2s; }
  .section.section_product_tab3 .tab-link.current, .section.section_product_tab3 .tab-link:hover {
    color: var(--tab3-color) !important;
    background: #fff;
    border-color: var(--tab3-color); }
  @media (max-width: 767px) {
    .section.section_product_tab3 .tab-link {
      margin: 0;
      width: calc(50% - 15px);
      font-size: 12px;
      text-align: center;
      padding: 5px !important; } }

.section.section_product_tab3 .e-tabs {
  background: var(--tabs3bg-color);
  padding: 10px; }
  @media (max-width: 767px) {
    .section.section_product_tab3 .e-tabs {
      padding: 0; } }
  @media (max-width: 767px) {
    .section.section_product_tab3 .e-tabs .row {
      padding: 0; } }

.section.section_product_tab3 .btn-main--primary {
  background: var(--tab3bgbutton-color);
  color: var(--tab3textbutton-color); }

@media (max-width: 767px) {
  .section.section_product_tab3 {
    background: var(--tabs3bg-color);
    padding: 0 15px; } }

.section.section_product_tab4 .title_module_main {
  padding: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: #24232c;
  margin-top: 15px; }

.section.section_product_tab4 .heading-bar__title a {
  color: var(--tab4-color);
  font-size: 16px;
  display: none; }

@media (max-width: 767px) {
  .section.section_product_tab4 .tabs-title {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 15px; } }

.section.section_product_tab4 .tab-link {
  background: var(--tab4-color);
  color: #fff;
  transition: all .2s; }
  .section.section_product_tab4 .tab-link.current, .section.section_product_tab4 .tab-link:hover {
    color: var(--tab4-color) !important;
    background: #fff;
    border-color: var(--tab4-color); }
  @media (max-width: 767px) {
    .section.section_product_tab4 .tab-link {
      margin: 0;
      width: calc(50% - 15px);
      font-size: 12px;
      text-align: center;
      padding: 5px !important; } }

.section.section_product_tab4 .e-tabs {
  background: var(--tabs4bg-color);
  padding: 10px; }
  @media (max-width: 767px) {
    .section.section_product_tab4 .e-tabs {
      padding: 0; } }
  @media (max-width: 767px) {
    .section.section_product_tab4 .e-tabs .row {
      padding: 0; } }

.section.section_product_tab4 .btn-main--primary {
  background: var(--tab4bgbutton-color);
  color: var(--tab4textbutton-color); }

@media (max-width: 767px) {
  .section.section_product_tab4 {
    background: var(--tabs4bg-color);
    padding: 0 15px; } }

.section_flashsale.flashsale {
  background: #f1f1f1; }
  .section_flashsale.flashsale .btn-main--primary {
    background: var(--countdown-background); }
  .section_flashsale.flashsale .flashsale__header b {
    font-weight: bold; }
  .section_flashsale.flashsale .flashsale__title > a {
    font-size: 16px; }
  .section_flashsale.flashsale .title_module_main {
    padding: 15px;
    background: var(--countdown-background);
    margin-top: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px; }
    .section_flashsale.flashsale .title_module_main a.link, .section_flashsale.flashsale .title_module_main .flashsale__countdown-label {
      color: #fff; }
    .section_flashsale.flashsale .title_module_main .ega-badge-ctd__item {
      background: #fff;
      color: var(--countdown-color); }
    .section_flashsale.flashsale .title_module_main .ega-badge-ctd__colon {
      color: #fff; }
    .section_flashsale.flashsale .title_module_main .ega-dot {
      color: #fff; }
  .section_flashsale.flashsale .title_module_main + div, .section_flashsale.flashsale .title_module_main + b {
    background: var(--background-color);
    padding: 0 10px; }

.home-slider {
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden; }
  .home-slider .items {
    flex: 0 0 100%;
    overflow: hidden; }
    .home-slider .items img {
      width: 100%; }
  .home-slider .slick-arrow.slick-prev {
    left: 10px; }
  .home-slider .slick-arrow.slick-next {
    right: 10px; }

@media (min-width: 768px) {
  .section_blog_right {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-left: 1px solid #f7f7f7;
    position: absolute;
    top: 0;
    padding: 0 10px; } }

@media (max-width: 767px) {
  .section_blog_left {
    margin-bottom: 15px; } }

.ega-badge-ctd {
  display: flex;
  align-items: center;
  margin: 0 15px; }
  .ega-badge-ctd > div {
    text-align: center; }

.ega-badge-ctd__item {
  border-radius: 3px;
  margin: auto 6px;
  color: var(--countdown-color);
  background-color: var(--countdown-background);
  text-align: center;
  display: flex;
  place-items: center;
  place-content: center;
  width: 24px;
  height: 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 10px; }
  .ega-badge-ctd__item + span {
    margin-top: 5px;
    font-weight: bold;
    color: var(--countdown-color); }

.ega-badge-ctd__colon {
  font-weight: bold;
  font-size: 14px;
  color: var(--countdown-color);
  margin: 0 5px; }

.ega-badge-ctd__s {
  margin-right: 0px; }

.flashsale {
  --background-color: #f4f4f4;
  --countdown-background: #d3232a;
  --countdown-color: #fff;
  background: var(--background-color, transparent);
  padding-bottom: 15px; }
  @media (max-width: 575px) {
    .flashsale {
      padding: 0px; } }
  .flashsale__title {
    display: flex;
    align-items: center; }
  @media (max-width: 575px) {
    .flashsale__header {
      flex-direction: column;
      justify-content: center;
      margin: auto; } }
  .flashsale__countdown-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 15px; }
    @media (max-width: 575px) {
      .flashsale__countdown-wrapper {
        flex-direction: column;
        margin: auto; } }
  .flashsale__countdown-label {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 300; }
    @media (max-width: 767px) {
      .flashsale__countdown-label {
        margin-bottom: 4px; } }
  .flashsale__bottom {
    padding: 10px; }
  .flashsale__progressbar {
    display: block;
    width: 100%;
    height: 5px;
    background: #f4f4f4;
    margin-top: 5px;
    border-radius: 4px;
    position: relative;
    /*	&:after{
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: var(--countdown-background);
		opacity: 0.2;
	}*/ }
    @media (min-width: 768px) {
      .flashsale__progressbar {
        height: 8px; } }
  .flashsale___percent {
    width: 0%;
    height: 100%;
    background: var(--countdown-background);
    border-radius: 4px; }

.section_product_top .tab-content.current .row,
.flashsale .row {
  --limit-column: 5; }
  @media (max-width: 767px) {
    .section_product_top .tab-content.current .row,
    .flashsale .row {
      display: grid;
      grid-template-rows: 1fr;
      margin: 0px;
      grid-template-columns: repeat(var(--limit-column), 65%);
      overflow: auto;
      align-items: flex-start;
      justify-content: start;
      grid-gap: 5px; }
      .section_product_top .tab-content.current .row::-webkit-scrollbar,
      .flashsale .row::-webkit-scrollbar {
        display: none; }
      .section_product_top .tab-content.current .row,
      .flashsale .row {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */ }
      .section_product_top .tab-content.current .row .col-12,
      .flashsale .row .col-12 {
        padding: 5px; } }

.slick-pro-banner,
.slick-new:not(.slick-slider) {
  display: flex;
  align-items: start;
  overflow-x: auto;
  flex-wrap: nowrap; }
  .slick-pro-banner::-webkit-scrollbar,
  .slick-new:not(.slick-slider)::-webkit-scrollbar {
    display: none; }
  .slick-pro-banner,
  .slick-new:not(.slick-slider) {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
  .slick-pro-banner .col-5,
  .slick-new:not(.slick-slider) .col-5 {
    padding: 5px; }

.section_banner_coll .row {
  overflow-x: auto;
  flex-wrap: nowrap; }
  .section_banner_coll .row::-webkit-scrollbar {
    display: none; }
  .section_banner_coll .row {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }

.banner_col {
  order: -1; }
  @media (min-width: 768px) {
    .banner_col.right {
      order: 1; } }

@media (max-width: 767px) {
  .section_hotproducts__item {
    width: calc((100% / 4) - 10px); }
  .section_hotproducts__list {
    margin: 15px 5px;
    padding: 0;
    gap: 10px; }
  .slick-new {
    width: 100vw;
    margin: 0; }
  .section .container.card {
    padding: 0 !important; }
    .section .container.card .title_module_main {
      border-radius: 0;
      margin-top: 0; }
    .section .container.card .row {
      padding: 10px 7.5px; }
      .section .container.card .row .col-md-15 {
        padding-right: 7.5px;
        padding-left: 7.5px; }
    .section .container.card .e-tabs .col-md-15 {
      max-width: 50%;
      flex: 0 0 50%; } }

/* Flash Deal */
.section_flashdeal .nav-tabs {
  background: #fc9b03;
  padding: 0;
  border: none; }

.section_flashdeal .nav-tabs .nav-item {
  width: calc(100% / 3);
  overflow: hidden; }

.section_flashdeal .nav-tabs .nav-item .nav-link {
  transition: all .4s;
  background: #36137e;
  color: #fff;
  box-shadow: 0 0 2px 1px rgba(193, 193, 193, 0.3);
  position: relative;
  padding: 10px;
  border-radius: 0;
  text-align: center;
  height: 100%;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 2vw;
  border: none;
  border-bottom: 2px solid transparent;
  opacity: 0.5; }
  @media (max-width: 767px) {
    .section_flashdeal .nav-tabs .nav-item .nav-link {
      padding: 5px;
      font-size: 10px; }
      .section_flashdeal .nav-tabs .nav-item .nav-link img {
        width: 10px; } }

.section_flashdeal .nav-tabs .nav-item:nth-child(2) .nav-link {
  border-left: 2px solid #fbe687;
  border-right: 2px solid #fbe687; }

/*.section_flashdeal .nav-tabs .nav-item .nav-link:not(.active):hover {transform: scale(1.1);}*/
.section_flashdeal .nav-tabs .nav-item .nav-link h4 {
  display: inline-block;
  padding: 5px;
  font-size: 14px;
  background: #e74520;
  color: #fff;
  border-radius: 50px;
  position: absolute;
  left: 10px;
  top: 10px; }

.section_flashdeal .nav-tabs .nav-item .nav-link.active {
  background: #fc9b03;
  border-color: #fc9b03;
  color: #fff;
  opacity: 1; }

.section_flashdeal .nav-tabs .nav-item .nav-link.active .soon-slot-inner {
  color: #fff;
  /*background: #fff;*/ }

.section_flashdeal .nav-tabs .nav-item .soon {
  padding: 0;
  font-size: 1.4vw; }
  @media (max-width: 767px) {
    .section_flashdeal .nav-tabs .nav-item .soon {
      font-size: 8px; } }

.section_flashdeal .nav-tabs .nav-item .soon .soon-label {
  display: none; }

.section_flashdeal .nav-tabs .nav-item .soon .soon-slot-inner {
  background: #000;
  color: #fff;
  border-radius: 5px;
  margin: 0 5px; }

.section_flashdeal .tab-content {
  display: block;
  padding: 5px 15px;
  background: #fc9b03; }
  @media (min-width: 768px) {
    .section_flashdeal .tab-content {
      border-radius: 0 0 0.5rem 0.5rem; } }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane:not(.indeal) .btn-first {
  display: none !important; }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane:not(.indeal) .btn-last {
  display: block;
  margin: 0 !important; }

.section_flashdeal .tab-content .tab-pane:not(.indeal) .progress.active {
  display: none; }

.section_flashdeal .tab-content .tab-pane:not(.indeal) .progress.inactive {
  display: flex; }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane.indeal .btn-first {
  display: block; }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane.indeal .btn-last {
  display: none !important; }

.section_flashdeal .tab-content .tab-pane.indeal .progress.active {
  display: flex; }

.section_flashdeal .tab-content .tab-pane.indeal .progress.inactive {
  display: none; }

.section_flashdeal .tab-content .tab-pane {
  /*.item_product_main:hover {border-color: $colorFD1;}*/ }

.section_flashdeal .tab-content .tab-pane .progress {
  width: 50%;
  display: flex;
  height: 1rem;
  /*overflow: hidden;*/
  line-height: 0;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
  position: relative; }

.section_flashdeal .tab-content .tab-pane .progress .progress-bar {
  border-radius: 0.25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #e32a2a;
  transition: width .6s ease; }

.section_flashdeal .tab-content .tab-pane .progress .status {
  position: absolute;
  font-size: 10px;
  color: #fff;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  font-weight: bold;
  white-space: nowrap; }

.section_flashdeal .tab-content .tab-pane .progress .fire {
  bottom: 1px;
  left: 2px;
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 25px;
  height: 25px;
  background-size: cover;
  background-position: center;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 511.269 511.269' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M140.367 465.067C116.9 438.4 93.434 410.667 78.5 377.6c-14.933-35.2-19.2-75.733-11.733-114.133s24.533-74.667 49.067-105.6c-2.133 26.667 7.467 54.4 25.6 74.667-10.667-51.2 6.4-106.667 40.533-147.2S263.034 18.133 312.1 0c-24.533 25.6-27.733 66.133-18.133 100.267 9.6 34.133 29.867 64 48 94.933 18.133 30.933 35.2 62.933 36.267 98.133 9.6-18.133 20.267-36.267 26.667-56.533 6.4-20.267 9.6-41.6 4.267-61.867 19.2 23.467 29.867 46.933 35.2 76.8 5.333 29.867 4.267 60.8 1.067 90.667-4.267 33.067-12.8 67.2-30.933 94.933-21.333 33.067-55.467 56.533-92.8 69.333C255.567 518.4 190.5 508.8 140.367 465.067z' style='' fill='%23f3705a' data-original='%23f3705a' class=''%3E%3C/path%3E%3Cpath d='M221.434 504.533C308.9 538.667 395.3 435.2 347.3 355.2c0-1.067-1.067-1.067-1.067-2.133 4.267 43.733-6.4 75.733-26.667 93.867 10.667-25.6 3.2-55.467-9.6-81.067-12.8-24.533-30.933-46.933-44.8-70.4-13.867-24.533-24.533-52.267-18.133-80-25.6 19.2-43.733 48-51.2 78.933-7.467 30.933-3.2 65.067 10.667 93.867-16-11.733-27.733-30.933-28.8-51.2-17.067 20.267-27.733 46.933-26.667 73.6.001 41.6 33.067 78.933 70.401 93.866z' style='' fill='%23ffd15c' data-original='%23ffd15c'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .product-action-sub {
  margin-top: 10px;
  display: flex;
  align-items: center; }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .price, .section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .item_product_main:hover .product-name a, .section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .hidden-price {
  /*color: #ff910d;*/
  color: #EB0000; }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .item_product_main .product-info {
  background: #fffcf0; }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .item_product_main .group_action {
  opacity: 1;
  width: 40%;
  margin: 0; }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .item_product_main .label_product {
  background-image: url("https://file.hstatic.net/1000230347/file/tag-percent-tet_0a4c20ceb34c4c51a2d31e9b25ae947d.png"); }
  .section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .item_product_main .label_product .label_wrapper {
    color: #fee38c; }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .item_product_main .group_action .btn-last {
  background-color: #fc9b03;
  border-color: #fc9b03; }
  .section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .item_product_main .group_action .btn-last:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fee38c' class='bi bi-eye' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E"); }

.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .item_product_main .group_action .btn-first {
  background: #fc9b03;
  border-color: #fc9b03; }
  .section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .item_product_main .group_action .btn-first:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fee38c' class='bi bi-cart-plus' viewBox='0 0 16 16'%3E%3Cpath d='M9 5.5a.5.5 0 0 0-1 0V7H6.5a.5.5 0 0 0 0 1H8v1.5a.5.5 0 0 0 1 0V8h1.5a.5.5 0 0 0 0-1H9V5.5z'/%3E%3Cpath d='M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zm3.915 10L3.102 4h10.796l-1.313 7h-8.17zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E"); }

/*.section_flashdeal .tab-content .tab-pane .item_product_main .group_action .btn-last {
color: #ff910d;
border-color: #ff910d; }*/
.section_flashdeal:not(.section_doubleday) .tab-content .tab-pane .item_product_main .group_action .btn-views {
  flex: unset;
  max-width: unset; }

@media (min-width: 1024px) {
  .navigation .list-group-item {
    padding: 4px 10px; }
  .navigation .list-group-item i.fas.fa-chevron-right {
    font-size: 12px; }
  .navigation .submenu {
    padding: 0;
    /*overflow: auto; */ }
  .navigation .submenu .row {
    height: 100%;
    width: 100%;
    margin: 0; }
  .navigation .submenu .row .col {
    background: #fff;
    padding: 0 20px;
    box-shadow: rgba(0, 0, 0, 0.06) -2px 0px 8px 0px; } }

@media (min-width: 992px) {
  .navigation {
    max-height: 308px; }
  .section_slider.main {
    border-radius: 0 0.5rem 0.5rem 0;
    overflow: hidden; } }

.section_product_tab4 .section_slider:not(.slick-initialized), .section_product_tab3 .section_slider:not(.slick-initialized) {
  display: flex; }

@media (min-width: 768px) {
  .section_flashdeal {
    border-radius: 0.5rem; }
  .section_flashdeal .ldp_titleimg img {
    border-radius: 0.5rem 0.5rem 0 0; } }

/* Soon css */
.soon-flip, .soon-matrix, .soon-slot {
  vertical-align: top !important; }

.soon[data-layout*=group], .soon[data-layout*=line] {
  text-align: center;
  padding: 1em 0; }

.soon, .soon-wrapper {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 2.5rem;
  text-align: center;
  overflow: hidden; }

.soon [class*=soon-], .soon-wrapper [class*=soon-] {
  display: inline-block;
  vertical-align: baseline; }

.soon, .soon *, .soon-wrapper, .soon-wrapper * {
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.soon-wrapper > .soon, .soon > .soon {
  display: block; }

.soon-wrapper.soon-inline, .soon.soon-inline {
  display: inline-block;
  margin: 0; }

.soon-wrapper > .soon-group, .soon > .soon-group {
  white-space: nowrap; }

.soon .soon-group, .soon .soon-repeater, .soon-wrapper .soon-group, .soon-wrapper .soon-repeater {
  position: relative;
  z-index: 1; }

.soon-wrapper[data-layout*=label-uppercase] .soon-label, .soon[data-layout*=label-uppercase] .soon-label {
  text-transform: uppercase; }

.soon-wrapper[data-layout*=label-lowercase] .soon-label, .soon[data-layout*=label-lowercase] .soon-label {
  text-transform: lowercase; }

.soon-wrapper[data-visual] > .soon-group > .soon-group-inner, .soon[data-visual] > .soon-group > .soon-group-inner {
  display: table;
  border-collapse: separate; }

.soon-wrapper[data-visual] > .soon-group > .soon-group-inner > .soon-group-separator > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon-wrapper[data-visual] > .soon-group > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon[data-visual] > .soon-group > .soon-group-inner > .soon-group-separator > .soon-group-inner > .soon-group-sub > .soon-group-inner, .soon[data-visual] > .soon-group > .soon-group-inner > .soon-group-sub > .soon-group-inner {
  display: block;
  position: relative;
  min-width: 3.25em; }

.soon-wrapper[data-visual] > .soon-group > .soon-group-inner > .soon-group-separator > .soon-group-inner > .soon-group-sub > .soon-group-inner::after, .soon-wrapper[data-visual] > .soon-group > .soon-group-inner > .soon-group-sub > .soon-group-inner::after, .soon[data-visual] > .soon-group > .soon-group-inner > .soon-group-separator > .soon-group-inner > .soon-group-sub > .soon-group-inner::after, .soon[data-visual] > .soon-group > .soon-group-inner > .soon-group-sub > .soon-group-inner::after {
  padding-bottom: 100% !important;
  content: "" !important;
  display: block !important; }

.soon-wrapper[data-visual] .soon-group-sub, .soon[data-visual] .soon-group-sub {
  display: table-cell; }

.soon-wrapper[data-visual] .soon-value, .soon[data-visual] .soon-value {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1em; }

.soon-wrapper[data-visual] .soon-label, .soon[data-visual] .soon-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25%;
  margin-top: 0 !important;
  line-height: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.325em !important; }

.soon-wrapper[data-visual][data-layout*=label-above] .soon-label.soon-label, .soon[data-visual][data-layout*=label-above] .soon-label.soon-label {
  top: 25% !important;
  margin-top: 0 !important;
  bottom: auto !important; }

.soon-wrapper[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-value, .soon[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-value {
  top: 45%; }

.soon-wrapper[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-label, .soon[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-label {
  bottom: 30%; }

.soon-wrapper[data-visual*=ring][data-layout*=label-above] .soon-value, .soon[data-visual*=ring][data-layout*=label-above] .soon-value {
  top: 58%; }

.soon-wrapper[data-visual*=ring][data-layout*=label-above] .soon-label.soon-label, .soon[data-visual*=ring][data-layout*=label-above] .soon-label.soon-label {
  top: 30% !important; }

.soon-wrapper[data-layout*=group] .soon-label, .soon[data-layout*=group] .soon-label {
  font-size: .5em; }

.soon-wrapper[data-layout*=label-small] .soon-label, .soon[data-layout*=label-small] .soon-label {
  font-size: .4em; }

.soon-wrapper[data-layout*=label-small][data-visual] .soon-label, .soon[data-layout*=label-small][data-visual] .soon-label {
  font-size: 0.275em !important; }

.soon-wrapper[data-layout*=label-small][data-layout*=line] .soon-label, .soon[data-layout*=label-small][data-layout*=line] .soon-label {
  font-size: .625em; }

.soon-wrapper[data-layout*=label-big] .soon-label, .soon[data-layout*=label-big] .soon-label {
  font-size: .65em; }

.soon-wrapper[data-layout*=label-big][data-visual] .soon-label, .soon[data-layout*=label-big][data-visual] .soon-label {
  font-size: 0.4em !important; }

.soon-wrapper[data-layout*=label-big][data-layout*=line] .soon-label, .soon[data-layout*=label-big][data-layout*=line] .soon-label {
  font-size: .875em; }

.soon-no-animation .soon-reflection, .soon-wrapper[data-layout*=label-hidden] .soon-label, .soon[data-layout*=label-hidden] .soon-label {
  display: none !important; }

.soon-reflection {
  display: block !important;
  overflow: hidden;
  z-index: 0 !important;
  opacity: .3;
  margin-bottom: -.5em;
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1); }

.soon-reflection ~ .soon-label {
  position: relative;
  z-index: 1;
  margin-top: 1em !important; }

.soon-reflection::after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  z-index: 5;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  content: '';
  background-image: inherit; }

.soon-reflection.soon-separator {
  position: absolute !important;
  left: 0;
  top: 1.5em; }

.soon-text {
  min-width: .6875em; }

.soon-slot {
  position: relative;
  display: inline-block;
  text-align: center;
  letter-spacing: .125em;
  text-indent: .125em; }

.soon-slot:first-child {
  margin-left: -.125em; }

.soon-slot:last-child {
  margin-right: -.125em; }

.soon-slot + .soon-slot, .soon[data-layout*=line][data-initialized=true] .soon-placeholder {
  margin-left: -.25em; }

.soon-slot .soon-slot-inner {
  display: block;
  -webkit-transform: perspective(100px);
  -ms-transform: perspective(100px);
  -o-transform: perspective(100px);
  transform: perspective(100px);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
  height: 1.5em; }

.soon-slot-bounding {
  padding: 0 .0625em;
  visibility: hidden; }

.soon-slot-new, .soon-slot-old {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.soon-slot-bounding, .soon-slot-new, .soon-slot-old {
  text-align: center; }

.soon-slot-animate .soon-slot-new, .soon-slot-animate .soon-slot-old {
  -webkit-transition: -webkit-transform .8s,opacity .7s,color .4s,-webkit-filter .4s;
  -o-transition: -o-transform .8s,opacity .7s,color .4s,filter .4s;
  transition: transform .8s,opacity .7s,color .4s,filter .4s; }

.soon-milliseconds .soon-slot-animate .soon-slot-new, .soon-milliseconds .soon-slot-animate .soon-slot-old {
  -webkit-transition: -webkit-transform .1s,opacity .1s,color 50ms,-webkit-filter 50ms;
  -o-transition: -o-transform .1s,opacity .1s,color 50ms,filter 50ms;
  transition: transform .1s,opacity .1s,color 50ms,filter 50ms; }

.soon-slot .soon-slot-new {
  opacity: 0;
  z-index: 2; }

.soon-slot .soon-slot-old {
  opacity: 1;
  z-index: 1; }

.soon-slot-animate .soon-slot-new, .soon[data-face*=animate-color] .soon-matrix-dot {
  opacity: 1; }

.soon-slot-animate .soon-slot-old {
  opacity: 0; }

.soon[data-face*=doctor] .soon-slot .soon-slot-new {
  opacity: 0;
  z-index: 2;
  -webkit-transform: rotateZ(45deg) scale(0.25);
  -ms-transform: rotateZ(45deg) scale(0.25);
  -o-transform: rotateZ(45deg) scale(0.25);
  transform: rotateZ(45deg) scale(0.25); }

.soon[data-face*=doctor] .soon-slot .soon-slot-old {
  opacity: 1;
  z-index: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.soon[data-face*=doctor] .soon-slot-animate .soon-slot-new {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.soon[data-face*=doctor] .soon-slot-animate .soon-slot-old {
  opacity: 0;
  -webkit-transform: rotateZ(-45deg) scale(1.5);
  -ms-transform: rotateZ(-45deg) scale(1.5);
  -o-transform: rotateZ(-45deg) scale(1.5);
  transform: rotateZ(-45deg) scale(1.5); }

.soon[data-face*=slide] .soon-slot .soon-slot-new {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 2;
  opacity: 0; }

.soon[data-face*=slide] .soon-slot .soon-slot-old {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  z-index: 1;
  opacity: 1; }

.soon[data-face*=slide] .soon-slot-animate .soon-slot-new {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

.soon[data-face*=slide] .soon-slot-animate .soon-slot-old {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0; }

.soon[data-face*=slide][data-face*=up] .soon-matrix-dot[data-state='0'], .soon[data-face*=slide][data-face*=up] .soon-slot .soon-slot-new {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.soon[data-face*=roll][data-face*=up] .soon-slot-animate .soon-slot-new, .soon[data-face*=slide] .soon-matrix-dot[data-state='1'], .soon[data-face*=slide][data-face*=up] .soon-slot .soon-slot-old, .soon[data-face*=slide][data-face*=up] .soon-slot-animate .soon-slot-new {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.soon[data-face*=slide][data-face*=down] .soon-matrix-dot[data-state='0'], .soon[data-face*=slide][data-face*=up] .soon-slot-animate .soon-slot-old {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.soon[data-face*=slide][data-face*=left] .soon-slot .soon-slot-new, .soon[data-face*=slide][data-face*=right] .soon-matrix-dot[data-state='0'], .soon[data-face*=slide][data-face*=right] .soon-slot-animate .soon-slot-old {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.soon[data-face*=roll][data-face*=left] .soon-slot-animate .soon-slot-new, .soon[data-face*=roll][data-face*=right] .soon-slot-animate .soon-slot-new, .soon[data-face*=slide][data-face*=left] .soon-slot .soon-slot-old, .soon[data-face*=slide][data-face*=left] .soon-slot-animate .soon-slot-new, .soon[data-face*=slide][data-face*=right] .soon-slot .soon-slot-old, .soon[data-face*=slide][data-face*=right] .soon-slot-animate .soon-slot-new {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.soon[data-face*=slide][data-face*=left] .soon-matrix-dot[data-state='0'], .soon[data-face*=slide][data-face*=left] .soon-slot-animate .soon-slot-old, .soon[data-face*=slide][data-face*=right] .soon-slot .soon-slot-new {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.soon[data-face*=roll] .soon-slot .soon-slot-new {
  opacity: 0;
  -webkit-transform: translateY(-102.5%) rotateX(110deg) scale(0.5);
  -ms-transform: translateY(-102.5%) rotateX(110deg) scale(0.5);
  -o-transform: translateY(-102.5%) rotateX(110deg) scale(0.5);
  transform: translateY(-102.5%) rotateX(110deg) scale(0.5);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  z-index: 2; }

.soon[data-face*=roll] .soon-slot .soon-slot-old {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  z-index: 1; }

.soon[data-face*=roll] .soon-slot-animate .soon-slot-new {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.soon[data-face*=roll] .soon-slot-animate .soon-slot-old {
  opacity: 0;
  -webkit-transform: translateY(102.5%) rotateX(-110deg) scale(0.5);
  -ms-transform: translateY(102.5%) rotateX(-110deg) scale(0.5);
  -o-transform: translateY(102.5%) rotateX(-110deg) scale(0.5);
  transform: translateY(102.5%) rotateX(-110deg) scale(0.5); }

.soon[data-face*=roll][data-face*=up] .soon-slot .soon-slot-new {
  -webkit-transform: translateY(102.5%) rotateX(-110deg) scale(0.5);
  -ms-transform: translateY(102.5%) rotateX(-110deg) scale(0.5);
  -o-transform: translateY(102.5%) rotateX(-110deg) scale(0.5);
  transform: translateY(102.5%) rotateX(-110deg) scale(0.5);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.soon[data-face*=roll][data-face*=up] .soon-slot .soon-slot-old {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.soon[data-face*=roll][data-face*=up] .soon-slot-animate .soon-slot-old {
  -webkit-transform: translateY(-102.5%) rotateX(110deg) scale(0.5);
  -ms-transform: translateY(-102.5%) rotateX(110deg) scale(0.5);
  -o-transform: translateY(-102.5%) rotateX(110deg) scale(0.5);
  transform: translateY(-102.5%) rotateX(110deg) scale(0.5); }

.soon[data-face*=roll][data-face*=left] .soon-slot .soon-slot-new {
  -webkit-transform: translateX(102.5%) rotateY(-110deg) scale(0.5);
  -ms-transform: translateX(102.5%) rotateY(-110deg) scale(0.5);
  -o-transform: translateX(102.5%) rotateY(-110deg) scale(0.5);
  transform: translateX(102.5%) rotateY(-110deg) scale(0.5);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%; }

.soon[data-face*=roll][data-face*=left] .soon-slot .soon-slot-old {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.soon[data-face*=roll][data-face*=left] .soon-slot-animate .soon-slot-old {
  -webkit-transform: translateX(-102.5%) rotateY(110deg) scale(0.5);
  -ms-transform: translateX(-102.5%) rotateY(110deg) scale(0.5);
  -o-transform: translateX(-102.5%) rotateY(110deg) scale(0.5);
  transform: translateX(-102.5%) rotateY(110deg) scale(0.5); }

.soon[data-face*=roll][data-face*=right] .soon-slot .soon-slot-new {
  -webkit-transform: translateX(-102.5%) rotateY(110deg) scale(0.5);
  -ms-transform: translateX(-102.5%) rotateY(110deg) scale(0.5);
  -o-transform: translateX(-102.5%) rotateY(110deg) scale(0.5);
  transform: translateX(-102.5%) rotateY(110deg) scale(0.5);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.soon[data-face*=roll][data-face*=right] .soon-slot .soon-slot-old {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%; }

.soon[data-face*=roll][data-face*=right] .soon-slot-animate .soon-slot-old {
  -webkit-transform: translateX(102.5%) rotateY(-110deg) scale(0.5);
  -ms-transform: translateX(102.5%) rotateY(-110deg) scale(0.5);
  -o-transform: translateX(102.5%) rotateY(-110deg) scale(0.5);
  transform: translateX(102.5%) rotateY(-110deg) scale(0.5); }

.soon[data-face*=rotate] .soon-slot-new, .soon[data-face*=rotate] .soon-slot-old {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }

.soon[data-face*=rotate] .soon-slot .soon-slot-new {
  -webkit-transform: rotateZ(-90deg) scale(0.125);
  -ms-transform: rotateZ(-90deg) scale(0.125);
  -o-transform: rotateZ(-90deg) scale(0.125);
  transform: rotateZ(-90deg) scale(0.125);
  opacity: 0;
  z-index: 2; }

.soon[data-face*=rotate] .soon-slot .soon-slot-old {
  -webkit-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  transform: rotateZ(0);
  opacity: 1;
  z-index: 1; }

.soon[data-face*=rotate] .soon-slot-animate .soon-slot-new {
  -webkit-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  transform: rotateZ(0);
  opacity: 1; }

.soon[data-face*=rotate] .soon-slot-animate .soon-slot-old {
  -webkit-transform: rotateZ(90deg) scale(0.125);
  -ms-transform: rotateZ(90deg) scale(0.125);
  -o-transform: rotateZ(90deg) scale(0.125);
  transform: rotateZ(90deg) scale(0.125);
  opacity: 0; }

.soon[data-face*=rotate][data-face*=left] .soon-slot .soon-slot-new {
  -webkit-transform: rotateZ(90deg) scale(0.125);
  -ms-transform: rotateZ(90deg) scale(0.125);
  -o-transform: rotateZ(90deg) scale(0.125);
  transform: rotateZ(90deg) scale(0.125); }

.soon[data-face*=rotate][data-face*=left] .soon-slot .soon-slot-old, .soon[data-face*=rotate][data-face*=left] .soon-slot-animate .soon-slot-new {
  -webkit-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  transform: rotateZ(0); }

.soon[data-face*=rotate][data-face*=left] .soon-slot-animate .soon-slot-old {
  -webkit-transform: rotateZ(-90deg) scale(0.125);
  -ms-transform: rotateZ(-90deg) scale(0.125);
  -o-transform: rotateZ(-90deg) scale(0.125);
  transform: rotateZ(-90deg) scale(0.125); }

.soon[data-face*=shadow-hard] .soon-separator, .soon[data-face*=shadow-hard] .soon-slot-inner {
  text-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.15); }

.soon[data-face*=shadow-soft] .soon-separator, .soon[data-face*=shadow-soft] .soon-slot-inner {
  text-shadow: 0 0.0625em 0.125em rgba(0, 0, 0, 0.333); }

.soon[data-face*=glow] .soon-separator, .soon[data-face*=glow] .soon-slot-inner {
  text-shadow: 0 0 0.125em rgba(255, 255, 255, 0.75); }

.soon[data-face*=fast] .soon-slot-animate .soon-slot-new, .soon[data-face*=fast] .soon-slot-animate .soon-slot-old {
  -webkit-transition: -webkit-transform .5s,opacity .4s,color .2s,-webkit-filter .2s;
  -o-transition: -o-transform .5s,opacity .4s,color .2s,filter .2s;
  transition: transform .5s,opacity .4s,color .2s,filter .2s; }

.soon[data-face*=faster] .soon-slot-animate .soon-slot-new, .soon[data-face*=faster] .soon-slot-animate .soon-slot-old {
  -webkit-transition: -webkit-transform 250ms,opacity 175ms,color .1s,-webkit-filter .1s;
  -o-transition: -o-transform 250ms,opacity 175ms,color .1s,filter .1s;
  transition: transform 250ms,opacity 175ms,color .1s,filter .1s; }

.soon-flip {
  position: relative;
  text-align: center;
  margin: 0 -.03125em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.soon-flip:only-child, .soon[data-layout*=group][data-layout*=adjacent] .soon-group-sub > .soon-group-inner {
  margin: 0; }

.soon-flip-inner {
  display: block !important;
  overflow: hidden;
  padding: .25em .125em;
  height: 1.5em; }

.soon-flip-card {
  display: block !important;
  position: relative; }

.soon-flip-bounding {
  visibility: hidden;
  padding: 0 .25em; }

.soon-flip-face, .soon-flip-fallback {
  color: #fff;
  background-color: #333;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden; }

.soon-flip-face {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: transparent solid 1px; }

.soon-flip-front {
  -webkit-transform: perspective(300px) rotateX(0);
  -ms-transform: perspective(300px) rotateX(0);
  -o-transform: perspective(300px) rotateX(0);
  transform: perspective(300px) rotateX(0);
  top: 0;
  bottom: 50%;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
  z-index: 5; }

.soon-flip-back {
  -webkit-transform: perspective(300px) rotateX(180deg);
  -ms-transform: perspective(300px) rotateX(180deg);
  -o-transform: perspective(300px) rotateX(180deg);
  transform: perspective(300px) rotateX(180deg);
  top: 50%;
  bottom: 0;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
  z-index: 4; }

.soon-flip-back, .soon-flip-bottom {
  line-height: 0; }

.soon-flip-bottom, .soon-flip-top, .soon[data-visual*=corners-round] .soon-fill-inner, .soon[data-visual*=corners-sharp] .soon-fill-inner {
  overflow: hidden; }

.soon-flip-top {
  top: 0;
  bottom: 50%; }

.soon-flip-bottom {
  top: 50%;
  bottom: 0; }

.soon-flip-fallback {
  top: 0;
  bottom: 0; }

.soon-flip-face::before, .soon-flip-fallback::before {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  content: ''; }

.soon-flip-front::before, .soon-flip-top::before {
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25); }

.soon-flip-back::before, .soon-flip-bottom::before {
  top: 0;
  background-color: rgba(0, 0, 0, 0.06125); }

.soon-flip-fallback::before {
  top: 50%;
  background-color: rgba(0, 0, 0, 0.25); }

.soon-fill, .soon-fill-inner, .soon-fill-progress, .soon-ring {
  top: 0;
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0; }

@-webkit-keyframes flip-front {
  0% {
    -webkit-transform: perspective(300px) rotateX(0);
    transform: perspective(300px) rotateX(0); }
  100% {
    -webkit-transform: perspective(300px) rotateX(-180deg);
    transform: perspective(300px) rotateX(-180deg); } }

@-o-keyframes flip-front {
  0% {
    -o-transform: perspective(300px) rotateX(0);
    transform: perspective(300px) rotateX(0); }
  100% {
    -o-transform: perspective(300px) rotateX(-180deg);
    transform: perspective(300px) rotateX(-180deg); } }

@keyframes flip-front {
  0% {
    -webkit-transform: perspective(300px) rotateX(0);
    -ms-transform: perspective(300px) rotateX(0);
    -o-transform: perspective(300px) rotateX(0);
    transform: perspective(300px) rotateX(0); }
  100% {
    -webkit-transform: perspective(300px) rotateX(-180deg);
    -ms-transform: perspective(300px) rotateX(-180deg);
    -o-transform: perspective(300px) rotateX(-180deg);
    transform: perspective(300px) rotateX(-180deg); } }

@-webkit-keyframes flip-back {
  0% {
    -webkit-transform: perspective(300px) rotateX(180deg);
    transform: perspective(300px) rotateX(180deg); }
  100% {
    -webkit-transform: perspective(300px) rotateX(0);
    transform: perspective(300px) rotateX(0); } }

@-o-keyframes flip-back {
  0% {
    -o-transform: perspective(300px) rotateX(180deg);
    transform: perspective(300px) rotateX(180deg); }
  100% {
    -o-transform: perspective(300px) rotateX(0);
    transform: perspective(300px) rotateX(0); } }

@keyframes flip-back {
  0% {
    -webkit-transform: perspective(300px) rotateX(180deg);
    -ms-transform: perspective(300px) rotateX(180deg);
    -o-transform: perspective(300px) rotateX(180deg);
    transform: perspective(300px) rotateX(180deg); }
  100% {
    -webkit-transform: perspective(300px) rotateX(0);
    -ms-transform: perspective(300px) rotateX(0);
    -o-transform: perspective(300px) rotateX(0);
    transform: perspective(300px) rotateX(0); } }

@-webkit-keyframes flip-shadow-in {
  20% {
    opacity: 0; }
  100%, 65% {
    opacity: 1; } }

@-o-keyframes flip-shadow-in {
  20% {
    opacity: 0; }
  100%, 65% {
    opacity: 1; } }

@keyframes flip-shadow-in {
  20% {
    opacity: 0; }
  100%, 65% {
    opacity: 1; } }

@-webkit-keyframes flip-shadow-in-direct {
  10%, 100%, 50.1% {
    opacity: 0; }
  50% {
    opacity: .25; } }

@-o-keyframes flip-shadow-in-direct {
  10%, 100%, 50.1% {
    opacity: 0; }
  50% {
    opacity: .25; } }

@keyframes flip-shadow-in-direct {
  10%, 100%, 50.1% {
    opacity: 0; }
  50% {
    opacity: .25; } }

@-webkit-keyframes flip-shadow-out {
  15% {
    opacity: 1; }
  100%, 70% {
    opacity: 0; } }

@-o-keyframes flip-shadow-out {
  15% {
    opacity: 1; }
  100%, 70% {
    opacity: 0; } }

@keyframes flip-shadow-out {
  15% {
    opacity: 1; }
  100%, 70% {
    opacity: 0; } }

.soon-flip-bottom::after, .soon-flip-front::after, .soon-flip-top::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: ''; }

.soon-flip-top::after {
  background: -webkit-linear-gradient(bottom, #000 0, transparent 100%);
  background: -o-linear-gradient(bottom, #000 0, transparent 100%);
  background: linear-gradient(to top, #000 0, transparent 100%); }

.soon-flip-bottom::after {
  opacity: 0;
  background: -webkit-linear-gradient(top, #000 25%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, #000 25%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, #000 25%, rgba(0, 0, 0, 0.4) 100%); }

.soon-flip-front::after {
  opacity: 0;
  background: -webkit-linear-gradient(bottom, #000 25%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(bottom, #000 25%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to top, #000 25%, rgba(0, 0, 0, 0.4) 100%); }

.soon-flip-animate .soon-flip-front {
  -webkit-animation-name: flip-front;
  -o-animation-name: flip-front;
  animation-name: flip-front; }

.soon-flip-animate .soon-flip-back {
  -webkit-animation-name: flip-back;
  -o-animation-name: flip-back;
  animation-name: flip-back; }

.soon-flip-animate .soon-flip-top::after {
  -webkit-animation-name: flip-shadow-out;
  -o-animation-name: flip-shadow-out;
  animation-name: flip-shadow-out; }

.soon-flip-animate .soon-flip-bottom::after {
  -webkit-animation-name: flip-shadow-in;
  -o-animation-name: flip-shadow-in;
  animation-name: flip-shadow-in; }

.soon-flip-animate .soon-flip-front::after {
  -webkit-animation-name: flip-shadow-in-direct;
  -o-animation-name: flip-shadow-in-direct;
  animation-name: flip-shadow-in-direct; }

.soon-flip-back, .soon-flip-bottom::after, .soon-flip-front, .soon-flip-front::after, .soon-flip-top::after {
  -webkit-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 750ms;
  -o-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

.soon-milliseconds .soon-flip-back, .soon-milliseconds .soon-flip-bottom::after, .soon-milliseconds .soon-flip-front, .soon-milliseconds .soon-flip-front::after, .soon-milliseconds .soon-flip-top::after {
  -webkit-animation-duration: .1s;
  -o-animation-duration: .1s;
  animation-duration: .1s; }

.soon[data-face*=fast] .soon-flip-back, .soon[data-face*=fast] .soon-flip-bottom::after, .soon[data-face*=fast] .soon-flip-front, .soon[data-face*=fast] .soon-flip-front::after, .soon[data-face*=fast] .soon-flip-top::after {
  -webkit-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s; }

.soon[data-face*=faster] .soon-flip-back, .soon[data-face*=faster] .soon-flip-bottom::after, .soon[data-face*=faster] .soon-flip-front, .soon[data-face*=faster] .soon-flip-front::after, .soon[data-face*=faster] .soon-flip-top::after {
  -webkit-animation-duration: 250ms;
  -o-animation-duration: 250ms;
  animation-duration: 250ms; }

.soon[data-face*=corners-sharp] .soon-flip-card, .soon[data-face*=corners-sharp] .soon-flip-fallback {
  border-radius: .0625em; }

.soon[data-face*=corners-sharp] .soon-flip-front, .soon[data-face*=corners-sharp] .soon-flip-front::after, .soon[data-face*=corners-sharp] .soon-flip-top {
  border-radius: .0625em .0625em 0 0; }

.soon[data-face*=corners-sharp] .soon-flip-back, .soon[data-face*=corners-sharp] .soon-flip-bottom, .soon[data-face*=corners-sharp] .soon-flip-bottom::after {
  border-radius: 0 0 .0625em .0625em; }

.soon[data-face*=corners-round] .soon-flip-card, .soon[data-face*=corners-round] .soon-flip-fallback {
  border-radius: .175em; }

.soon[data-face*=corners-round] .soon-flip-front, .soon[data-face*=corners-round] .soon-flip-front::after, .soon[data-face*=corners-round] .soon-flip-top {
  border-radius: .175em .175em 0 0; }

.soon[data-face*=corners-round] .soon-flip-back, .soon[data-face*=corners-round] .soon-flip-bottom, .soon[data-face*=corners-round] .soon-flip-bottom::after {
  border-radius: 0 0 .175em .175em; }

.soon[data-face*=color-light] .soon-flip-face, .soon[data-face*=color-light] .soon-flip-fallback {
  background-color: #f7f7f7;
  color: #464646; }

.soon[data-face*=color-light] .soon-flip-front, .soon[data-face*=color-light] .soon-flip-top {
  box-shadow: inset 0 .0625rem 0 #fff; }

.soon[data-face*=color-light] .soon-flip-back, .soon[data-face*=color-light] .soon-flip-bottom {
  box-shadow: inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.125);
  background: -webkit-linear-gradient(bottom, #fff 0, #f0f0f0 100%);
  background: -o-linear-gradient(bottom, #fff 0, #f0f0f0 100%);
  background: linear-gradient(to top, #fff 0, #f0f0f0 100%);
  color: rgba(70, 70, 70, 0.95); }

.soon[data-face*=color-light] .soon-flip-fallback {
  box-shadow: inset 0 0.0625rem 0 #fff, inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.125); }

.soon[data-face*=color-light] .soon-flip-front::before, .soon[data-face*=color-light] .soon-flip-top::before {
  background-color: rgba(255, 255, 255, 0.125);
  box-shadow: 0 -0.0625rem 0 rgba(255, 255, 255, 0.06125); }

.soon[data-face*=color-light] .soon-flip-back::before, .soon[data-face*=color-light] .soon-flip-bottom::before, .soon[data-face*=color-light] .soon-flip-fallback::before {
  background-color: rgba(0, 0, 0, 0.125);
  box-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.06125); }

.soon[data-face*=color-light] .soon-flip-top::after {
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, transparent 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, transparent 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, transparent 100%); }

.soon[data-face*=color-light] .soon-flip-bottom::after {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.2) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.2) 100%); }

.soon[data-face*=color-dark] .soon-flip-face {
  background-color: #2e2e2e;
  color: #ededed; }

.soon[data-face*=color-dark] .soon-flip-front, .soon[data-face*=color-dark] .soon-flip-top {
  box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, 0.05); }

.soon[data-face*=color-dark] .soon-flip-back, .soon[data-face*=color-dark] .soon-flip-bottom {
  color: rgba(237, 237, 237, 0.95);
  box-shadow: inset 0 -0.0625rem 0 rgba(255, 255, 255, 0.05); }

.soon[data-face*=shadow-soft] .soon-flip-card {
  box-shadow: 0 0.0625em 0.0625em rgba(0, 0, 0, 0.1), 0 0.03125em 0.125em rgba(0, 0, 0, 0.5); }

.soon[data-face*=shadow-soft][data-face*=color-light] .soon-flip-card {
  box-shadow: 0 0.0625em 0.0625em rgba(0, 0, 0, 0.1), 0 0.03125em 0.125em rgba(0, 0, 0, 0.25); }

.soon[data-face*=shadow-hard] .soon-flip-card {
  box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2); }

.soon[data-face*=shadow-hard][data-face*=color-light] .soon-flip-card {
  box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.15), 0 0 0.0625em rgba(0, 0, 0, 0.2); }

.soon .soon-reflection .soon-flip-inner {
  padding-top: 0; }

.soon .soon-reflection .soon-flip-card {
  box-shadow: none !important; }

.soon-matrix .soon-matrix-inner {
  display: table !important;
  border-collapse: separate;
  border-spacing: .125rem;
  margin: 0 .125em; }

.soon-matrix .soon-matrix-row {
  display: table-row !important; }

.soon-matrix .soon-matrix-dot {
  display: table-cell !important;
  width: .125em;
  height: .125em;
  border-radius: .0625em;
  -webkit-transition: -webkit-transform .5s ease-in-out,opacity .5s ease-in-out,background-color .5s ease-in-out;
  -o-transition: -o-transform .5s ease-in-out,opacity .5s ease-in-out,background-color .5s ease-in-out;
  transition: transform .5s ease-in-out,opacity .5s ease-in-out,background-color .5s ease-in-out; }

.soon-matrix .soon-matrix-dot[data-state='1'] {
  background-color: rgba(0, 0, 0, 0.8); }

.soon[data-face*=dot-round] .soon-matrix-dot {
  border-radius: 50%; }

.soon[data-face*=dot-square] .soon-matrix-dot {
  border-radius: 0; }

.soon[data-face*=shadow-soft] .soon-matrix-dot {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.05), 0 0 0 transparent; }

.soon[data-face*=shadow-soft] .soon-matrix-dot[data-state='1'] {
  box-shadow: inset 0 0 0 transparent, 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px); }

.soon[data-face*=shadow-hard] .soon-matrix-dot {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  box-shadow: inset 0 0.0625rem 0 rgba(0, 0, 0, 0.05), 0 0 0 transparent; }

.soon[data-face*=shadow-hard] .soon-matrix-dot[data-state='1'] {
  box-shadow: inset 0 0 0 transparent, 0 0.0625rem 0 rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px); }

.soon[data-face*=glow] .soon-matrix-dot[data-state='1'] {
  box-shadow: 0 0 0.25rem 0.125rem rgba(255, 255, 255, 0.5); }

.soon[data-face*=color-light] .soon-matrix-dot[data-state='1'] {
  background: #fff; }

.soon[data-face*=color-dark] .soon-matrix-dot[data-state='1'] {
  background: #333; }

.soon[data-face*=tight] .soon-matrix-char {
  border-spacing: 0; }

.soon[data-face*=spacey] .soon-matrix-char {
  border-spacing: .125em; }

.soon[data-scale=xs] .soon-matrix-char, .soon[data-scale=xxs] .soon-matrix-char {
  border-spacing: .0625em; }

.soon[data-scale=xxs] .soon-matrix-inner {
  margin-right: 0;
  margin-left: 0; }

.soon-ring canvas {
  vertical-align: top;
  position: absolute;
  left: 0;
  right: 0; }

.soon-ring .soon-ring-progress {
  color: inherit;
  border: 2px solid transparent;
  border-radius: 0; }

.soon[data-visual*=color-light] .soon-ring-progress {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.85); }

.soon[data-visual*=color-dark] .soon-ring-progress {
  background-color: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.65); }

.soon[data-visual*=cap-round] .soon-ring-progress {
  border-radius: 1px; }

.soon[data-visual*=shadow-hard-progress] .soon-ring-progress {
  padding: 3px;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.15); }

.soon[data-visual*=shadow-soft-progress] .soon-ring-progress {
  padding: 5px;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.333); }

.soon[data-visual*=glow-progress] .soon-ring-progress {
  padding: 6px;
  text-shadow: 0 0 6px #fff; }

.soon[data-visual*=shadow-hard-background] .soon-ring-progress {
  padding: 3px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15); }

.soon[data-visual*=shadow-soft-background] .soon-ring-progress {
  padding: 5px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.333); }

.soon[data-visual*=glow-background] .soon-ring-progress {
  padding: 6px;
  box-shadow: 0 0 6px #fff; }

.soon .soon-ring-progress {
  border-width: 5px; }

.soon[data-visual*=width-thin] .soon-ring-progress {
  border-width: 2px; }

.soon[data-visual*=width-thick] .soon-ring-progress {
  border-width: 9px; }

.soon .soon-ring.soon-reflection {
  height: 1.5em;
  bottom: -1.5em;
  top: auto; }

.soon .soon-ring.soon-reflection canvas {
  bottom: 0; }

.soon-fill, .soon-fill-inner, .soon-fill-progress {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.soon-fill-inner {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.15); }

.soon-fill-progress {
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  -webkit-transform: scale(0) rotateZ(0) translateX(0) translateY(0);
  -ms-transform: scale(0) rotateZ(0) translateX(0) translateY(0);
  -o-transform: scale(0) rotateZ(0) translateX(0) translateY(0);
  transform: scale(0) rotateZ(0) translateX(0) translateY(0);
  background: rgba(255, 255, 255, 0.6); }

.soon[data-format*=ms] .soon-fill-progress {
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.soon[data-visual*=color-light] .soon-fill-inner {
  background-color: rgba(255, 255, 255, 0.15); }

.soon[data-visual*=color-light] .soon-fill-progress {
  background: rgba(255, 255, 255, 0.6); }

.soon[data-visual*=color-dark] .soon-fill-inner {
  background-color: rgba(0, 0, 0, 0.1); }

.soon[data-visual*=color-dark] .soon-fill-progress {
  background: rgba(0, 0, 0, 0.25); }

.soon[data-visual*=corners-sharp] .soon-fill-inner, .soon[data-visual*=corners-sharp] .soon-fill-progress {
  border-radius: .125rem; }

.soon[data-visual*=corners-round] .soon-fill-inner, .soon[data-visual*=corners-round] .soon-fill-progress {
  border-radius: .5rem; }

.soon .soon-fill.soon-reflection {
  margin-top: .5em;
  -webkit-transform: scaleY(-1) translateY(-100%) !important;
  -ms-transform: scaleY(-1) translateY(-100%) !important;
  -o-transform: scaleY(-1) translateY(-100%) !important;
  transform: scaleY(-1) translateY(-100%) !important; }

.soon .soon-fill.soon-reflection::after {
  top: 50%; }

.soon[data-layout*=group][data-visual][data-reflect=true] {
  padding-bottom: 1.5em; }

.soon[data-layout*=group] .soon-label {
  display: block;
  margin: .325rem -1em 0; }

.soon[data-layout*=group] .soon-separator {
  margin: 0;
  vertical-align: top;
  min-width: 0 !important; }

.soon[data-layout*=group] .soon-separator + .soon-group {
  margin: 0 !important; }

.soon[data-layout*=group] .soon-placeholder {
  display: block;
  white-space: nowrap; }

.soon[data-layout*=group] .soon-group-sub > .soon-group-inner {
  margin: 0 .3125em; }

.soon[data-layout*=group][data-layout*=overlap] > .soon-group {
  padding: 0 .3125em; }

.soon[data-layout*=group][data-layout*=overlap] .soon-group-sub > .soon-group-inner {
  margin: 0 -.25em; }

.soon[data-layout*=group][data-layout*=overlap][data-visual] .soon-group-sub > .soon-group-inner {
  margin: 0 -.3125em; }

.soon[data-layout*=group][data-layout*=tight] .soon-group-sub > .soon-group-inner {
  margin: 0 .15em; }

.soon[data-layout*=group][data-layout*=spacey] .soon-group-sub > .soon-group-inner {
  margin: 0 .5em; }

@media (max-width: 40rem) {
  .soon[data-layout*=group][data-layout*=spacey] .soon-group-sub > .soon-group-inner {
    margin: 0 .3125em; } }

@media (max-width: 30rem) {
  .soon[data-layout*=group][data-layout*=spacey] .soon-group-sub > .soon-group-inner {
    margin: 0 .25em; } }

.soon[data-layout*=group][data-layout*=label-above] .soon-group-sub, .soon[data-layout*=group][data-layout*=label-above] .soon-separator {
  padding-top: 1em; }

.soon[data-layout*=group][data-layout*=label-above] .soon-label {
  position: absolute;
  margin-top: 0.25rem !important;
  top: 0;
  left: 0;
  right: 0; }

.soon[data-layout*=group][data-layout*=label-above] .soon-separator.soon-reflection {
  top: 2.5em; }

.soon[data-layout*=line] .soon-label, .soon[data-layout*=line] .soon-value {
  margin-left: .125em;
  margin-right: .125em; }

.soon[data-layout*=line] .soon-flip {
  margin-top: -.1875em; }

.soon[data-scale=xxl] {
  font-size: 4rem; }

.soon[data-scale=xl] {
  font-size: 3.5rem; }

.soon[data-scale='l'] {
  font-size: 3rem; }

.soon[data-scale='m'] {
  font-size: 2.5rem; }

.soon[data-scale='s'] {
  font-size: 2rem; }

.soon[data-scale=xs] {
  font-size: 1.5rem; }

.soon[data-scale=xxs] {
  font-size: 1.25rem; }