@font-face {
  font-family: MontblancType;
  src: url("../fonts/MontblancType-Regular.woff") format("woff");
}

@font-face {
  font-family: MontblancType;
  src: url("../fonts/MontblancType-Bold.woff") format("woff");
  font-weight: 700;
}

.experience-commerce_assets-shopNote.hide-shop-note {
  opacity: 0;
  transition: opacity .3s ease-in-out;
  display: none;
}

.experience-commerce_assets-shopNote.show-shop-note {
  opacity: 1;
  display: block;
}

.shop-note-component {
  background: #f2f2f2;
  padding: .4375rem 1.25rem;
  position: relative;
}

@media (min-width: 768px) {
  .shop-note-component {
    position: unset;
    padding: .75rem 1.25rem .75rem 5.4375rem;
  }
}

@media (min-width: 1025px) {
  .shop-note-component {
    padding-left: 0;
    padding-right: 1.875rem;
  }
}

.shop-note-component.color-mb-darkgray-bg {
  background-color: #6e6e6e;
}

.shop-note-component.color-off-white-bg {
  background-color: #f9f9f9;
}

.shop-note-component.color-midgray-bg {
  background-color: #6e6e6e;
}

.shop-note-component.color-black-bg {
  background-color: #000;
}

.shop-note-component.color-darkgrey-bg {
  background-color: #404040;
}

.shop-note-component.color-lightgrey-bg {
  background-color: #f2f2f2;
}

.shop-note-component.color-white-bg {
  background-color: #fff;
}

.shop-note-component.color-whispergrey-bg {
  background-color: #f6f6f6;
}

.shop-note-component.color-coolgrey-bg {
  background-color: #ebebeb;
}

.shop-note-component.color-palegrey-bg {
  background-color: #e6e6e6;
}

.shop-note-component.color-concrete-bg {
  background-color: #bfbfbf;
}

.shop-note-component.color-darkgray1-bg {
  background-color: #6e6e6e;
}

.shop-note-component.color-mysteryblack-bg {
  background-color: #2f2f2f;
}

.shop-note-component.color-blue-bg, .shop-note-component.color-systemblue-bg {
  background-color: #00629b;
}

.shop-note-component.color-red-bg {
  background-color: #d10f02;
}

.shop-note-component.color-green-bg {
  background-color: #10b981;
}

.shop-note-component.color-gold-bg {
  background-color: #f3f1ec;
}

.shop-note-component.color-lightblue-bg {
  background-color: #e5eff5;
}

.shop-note-component.color-lightred-bg {
  background-color: #f8cccc;
}

.shop-note-component.color-lightgreen-bg {
  background-color: #cdebdd;
}

.shop-note-component.color-personalization-silver-bg {
  background-color: #8c8c8c;
}

.shop-note-component.color-personalization-gold-bg {
  background-color: #b88134;
}

.shop-note-component__content-region {
  justify-content: center;
  align-items: center;
  gap: 1.875rem;
  min-width: 16.6875rem;
  margin: 0 auto;
  display: flex;
}

@media (min-width: 768px) {
  .shop-note-component__content-region {
    min-width: 12.5rem;
    max-width: 100%;
  }
}

@media (min-width: 1025px) {
  .shop-note-component__content-region {
    gap: 3.75rem;
  }
}

.shop-note-component .icon-close {
  width: .875rem;
  height: .875rem;
  position: unset;
  flex-shrink: 0;
  right: 1.25rem;
}

.shop-note-component .icon-arrow-left, .shop-note-component .icon-arrow-right {
  width: .875rem;
  height: .875rem;
}

.shop-note-component .slick-prev {
  display: none;
}

@media (min-width: 768px) {
  .shop-note-component .slick-prev {
    position: unset;
    width: .875rem;
    height: .875rem;
    padding: 0;
    display: block;
  }
}

.shop-note-component .slick-next {
  position: unset;
  width: .875rem;
  height: .875rem;
  padding: 0;
}

.shop-note-component .slick-arrow {
  background: none;
  border: none;
  outline: none;
}

.shop-note-component .slick-arrow:hover {
  cursor: pointer;
}

.shop-note-component .slick-slide {
  margin-right: 1.875rem;
  height: auto !important;
}

@media (min-width: 768px) {
  .shop-note-component .slick-slide {
    margin-right: 0;
  }
}

.shop-note-component .slick-track {
  justify-content: center;
  align-items: center;
  display: flex;
}

.shop-note-content__content-wrapper {
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
  position: relative;
}

@media (min-width: 768px) {
  .shop-note-content__content-wrapper {
    place-content: center;
    gap: 3.3125rem;
  }
}

@media (min-width: 1025px) {
  .shop-note-content__content-wrapper {
    gap: 21.8125rem;
  }
}

.shop-note-content__description {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  gap: .625rem;
  display: flex;
  position: relative;
}

@media (min-width: 768px) {
  .shop-note-content__description {
    gap: 1.875rem;
    max-width: 100%;
  }
}

@media (min-width: 1025px) {
  .shop-note-content__description {
    gap: 3.75rem;
    max-width: 100%;
  }
}

.shop-note-content__content-wrapper p, .shop-note-content__content-wrapper a {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  min-width: auto;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem;
  display: inline;
}

.shop-note-content__content-wrapper p {
  text-align: left;
  margin: 0;
  padding: 0;
  display: inline-block;
}

@media (min-width: 768px) {
  .shop-note-content__content-wrapper p {
    text-align: center;
    min-width: 6.25rem;
    max-width: 100%;
  }
}

.shop-note-content__content-wrapper p a {
  text-decoration: underline;
}


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