/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_rogers_core/cartridge/client/default/scss/skin/skin.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_rogers_core/cartridge/client/default/scss/skin/skin.scss (1) ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_rogers_core/cartridge/client/default/scss/skin/skin.scss (2) ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
body {
  background: #fff;
  font-family: var(--skin-body-font);
  color: var(--skin-main-text-color-1);
  font-weight: 400;
  line-height: 130%; }

.card,
.hero {
  background: #fff;
  font-family: var(--skin-body-font);
  color: var(--skin-main-text-color-1);
  font-weight: 400;
  line-height: 130%; }

.card-header {
  background-color: var(--skin-background-color-1);
  font-family: var(--skin-body-font);
  color: var(--skin-main-text-color-1);
  font-weight: 400; }

.card-header.secondary {
  background-color: transparent;
  border-bottom-style: dashed; }

.hero {
  border-bottom-color: var(--skin-background-color-1); }

.main-menu {
  background-color: transparent; }

.banner-color {
  background-color: var(--skin-banner-background-color-1); }

.header-banner {
  background-color: var(--skin-banner-background-color-2);
  color: #fff;
  font-size: 14px;
  line-height: 140%;
  text-align: left;
  letter-spacing: -0.02em;
  font-family: var(--skin-body-font);
  font-weight: 400;
  overflow: hidden; }
  .header-banner .ribbon-carousel {
    padding: 8px 24px 8px 56px;
    height: 35px;
    overflow: hidden; }
    @media (max-width: 769px) {
      .header-banner .ribbon-carousel {
        padding: 6px 42px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center; } }
  .header-banner a {
    color: #fff; }
  .header-banner p {
    margin: 0; }
  .header-banner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    .header-banner ul li {
      margin-left: 20px; }
      .header-banner ul li:first-child {
        margin-left: 0; }
    .header-banner ul .git-support {
      font-family: var(--skin-body-fontBold);
      font-weight: 700; }
    @media (max-width: 769px) {
      .header-banner ul {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .header-banner ul li {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          margin-left: 0; }
          .header-banner ul li.git-support {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
            margin-left: 0;
            margin-right: 25%; } }
  @media (max-width: 769px) {
    .header-banner .slick-slide {
      width: 100%; } }
  .header-banner .slick-prev {
    left: 0;
    background-image: url("../../images/icons/icon-chevron-left.svg");
    background-repeat: no-repeat; }
  .header-banner .slick-next {
    background-image: url("../../images/icons/icon-chevron-right.svg");
    background-repeat: no-repeat; }
    @media (min-width: 770px) {
      .header-banner .slick-next {
        left: 24px; } }
    @media (max-width: 769px) {
      .header-banner .slick-next {
        right: 0; } }
  .header-banner .slick-next::before,
  .header-banner .slick-prev::before {
    color: #fff;
    display: none; }

.header-banner .close-button .close {
  background-color: var(--skin-primary-color-1); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: var(--skin-heading-color-1);
  color: var(--skin-heading-color-1-invert); }

.refinements ul li button {
  color: var(--skin-primary-color-1); }

.custom-select {
  background-color: var(--skin-selectbox-background-color-1);
  color: var(--skin-selectbox-text-color-1); }

a {
  color: var(--skin-primary-color-1); }

header ~ #maincontent .container a:not(.btn-primary, .btn-outline-primary) {
  color: var(--skin-link-color-1); }

.price {
  color: var(--skin-price-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item > a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown > a,
.dropdown-menu,
.dropdown-menu > a {
  color: var(--skin-menu-color-2);
  font-family: var(--skin-body-font); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item > a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown > a,
    .dropdown-menu,
    .dropdown-menu > a {
      color: var(--skin-menu-color-2); } }

.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown .dropdown-menu.show {
  color: var(--skin-selectbox-text-color-1); }

.navbar .nav-item.dropdown .dropdown-menu.show {
  background-color: var(--skin-selectbox-background-color-1); }
  .navbar .nav-item.dropdown .dropdown-menu.show a,
  .navbar .nav-item.dropdown .dropdown-menu.show .nav-item {
    color: var(--skin-selectbox-text-color-1); }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: transparent;
  color: var(--skin-menu-color-1) !important; }

.btn-primary,
.quickview {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1); }

.btn-primary:hover {
  color: #fff;
  border-color: var(--skin-primary-color-hover-1);
  background-color: var(--skin-primary-color-hover-1); }

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5; }

.btn-outline-primary {
  color: var(--skin-primary-color-2);
  border-color: var(--skin-primary-color-2); }

.btn-outline-primary:hover {
  color: var(--skin-primary-color-invert-1);
  background-color: var(--skin-primary-color-2);
  border-color: var(--skin-primary-color-2); }

.btn-light {
  background-color: #F4EBE0;
  border-color: #F4EBE0;
  color: var(--skin-primary-color-2); }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--skin-header-font), sans-serif;
  font-weight: var(--skin-header-weight);
  line-height: 1; }

a {
  color: var(--skin-link-color-1); }

.swiper-wrapper {
  height: auto; }

.swiper-button-next,
.swiper-button-prev {
  color: #fff; }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 0.75rem; }
  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: 0; }

@media (max-width: 768.98px) {
  .container .error-message {
    font-size: 1rem; } }


/*# sourceMappingURL=skin.css.map*/