.notification[data-v-0b1bf155] {
  position: fixed;
  z-index: var(--z-notification);
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 0.3s ease;
}
.notification .toggle[data-v-0b1bf155] {
  display: none;
}
.notification.hidden[data-v-0b1bf155] {
  transform: translateY(100%);
}
.notification .wrapper[data-v-0b1bf155] {
  padding: 0.75rem 1rem;
  color: var(--black);
  background-color: var(--white);
  box-shadow: var(--shadow-reverse);
}
.notifications-bubble[data-v-0b1bf155] {
  font-size: var(--sm);
  font-weight: var(--bold);
  position: absolute;
  z-index: var(--z-notification);
  top: 0.75rem;
  left: 0.75rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  text-align: center;
  color: var(--white);
  border-radius: 100%;
  background-color: var(--primary);
}
.notifications-bubble.hidden[data-v-0b1bf155] {
  display: none;
}
.promotion-item[data-v-0b1bf155] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
  grid-row-gap: 1.25rem;
  grid-column-gap: 0.5rem;
  grid-template-areas: "title   title  close" "message message message" "buttons buttons buttons";
}
.promotion-item .loading[data-v-0b1bf155] {
  display: flex;
  align-items: center;
}
.promotion-item .not-found[data-v-0b1bf155] {
  padding: 2.5rem 0.5rem;
}
.promotion-item .close[data-v-0b1bf155] {
  grid-area: close;
}
.promotion-item .title[data-v-0b1bf155] {
  font-size: var(--xl);
  font-weight: var(--bold);
  grid-area: title;
}
.promotion-item .message[data-v-0b1bf155] {
  white-space: pre-line;
  grid-area: message;
}
.promotion-item .buttons[data-v-0b1bf155] {
  grid-area: buttons;
}
.promotion-item .message.category .category-figure[data-v-0b1bf155] {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 62.5%;
  transition: all 0.3s ease-out;
}
.promotion-item .message.category .category-figure .icon[data-v-0b1bf155] {
  opacity: 0.75;
}
.promotion-item .message.category .category-figure[data-v-0b1bf155]:after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  visibility: hidden;
  content: "";
  transition: opacity 0.2s ease-in, visibility 0.2s step-start;
  opacity: 0;
  background: rgba(249, 249, 249, 0.5) !important;
  backdrop-filter: blur(5px);
}
.promotion-item .message.category .no-image[data-v-0b1bf155],
.promotion-item .message.category .category-image[data-v-0b1bf155] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--border-radius-md);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.promotion-item .message.category .no-image[data-v-0b1bf155] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.promotion-item .message.category .more-info[data-v-0b1bf155] {
  font-size: 1rem;
  font-weight: var(--bold);
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  visibility: hidden;
  transition: opacity 0.2s ease-out, visibility 0.2s step-start;
  transform: translateY(-50%);
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  color: #150f00;
}
.promotion-item .message.category .cta:hover .category-figure[data-v-0b1bf155]:after,
.promotion-item .message.category .cta:hover .more-info[data-v-0b1bf155] {
  visibility: visible;
  opacity: 1;
}
.promotion-item .message.product .cta[data-v-0b1bf155] {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  transition: 0.2s all ease;
  border-radius: var(--border-radius-lg);
}
.promotion-item .message.product .cta .card-title[data-v-0b1bf155] {
  font-weight: var(--bold);
  padding: 0.5rem;
  word-wrap: break-word;
  size: var(--lg);
}
.promotion-item .message.product .cta .card-price[data-v-0b1bf155] {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 0.5rem;
  color: var(--primary);
}
.promotion-item .message.product .cta .card-price s[data-v-0b1bf155] {
  font-size: var(--sm);
  margin-left: 0.5rem;
  color: var(--muted-color);
}
.promotion-item .message.product .cta .card-image[data-v-0b1bf155] {
  position: relative;
  width: 100%;
  margin-bottom: 0.75rem;
  padding-bottom: 62.5%;
  border-radius: var(--border-radius-md);
}
.promotion-item .message.product .cta .card-image.cover[data-v-0b1bf155] {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.promotion-item .message.product .cta .card-image .placeholder[data-v-0b1bf155] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.promotion-item .message.product .cta[data-v-0b1bf155]:hover {
  cursor: pointer;
}
.promotion-item .message.product .cta:hover .card-title[data-v-0b1bf155] {
  text-decoration: underline;
}
.promotion-item .message.product .cta .promo[data-v-0b1bf155] {
  position: absolute;
  top: 0;
  right: 0;
}
.message-item[data-v-0b1bf155] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
  grid-row-gap: 0;
  grid-column-gap: 0.5rem;
  grid-template-areas: "info    space1  close" "message message message" "buttons buttons buttons";
}
.message-item .close[data-v-0b1bf155] {
  grid-area: close;
}
.message-item .info-icon[data-v-0b1bf155] {
  grid-area: info;
}
.message-item .message[data-v-0b1bf155] {
  overflow: auto;
  max-height: 50vh;
  padding: 1.25rem 0;
  white-space: pre-line;
  grid-area: message;
}
.message-item .buttons[data-v-0b1bf155] {
  grid-area: buttons;
}
.message-item .message.closed h3[data-v-0b1bf155],
.message-item .message.closed .lead[data-v-0b1bf155] {
  font-weight: var(--bold);
}
.message-item .message.closed h3[data-v-0b1bf155] {
  font-family: var(--font-base);
  font-size: var(--xl);
  margin: 0 0 1.25rem 0;
  letter-spacing: normal;
}
.message-item .arrow-list[data-v-0b1bf155] {
  margin: 1rem 0;
  display: grid;
  gap: 1rem;
}
.close[data-v-0b1bf155] {
  margin-left: auto;
}
@media (min-width: 801px) {
.notification[data-v-0b1bf155] {
    top: 6rem;
    right: 0;
    bottom: auto;
    left: auto;
    width: 29rem;
    padding-left: 1rem;
    transform: translateX(1rem);
}
.notification.hidden[data-v-0b1bf155] {
    transform: translateX(27.5rem);
}
.notification.hidden .toggle[data-v-0b1bf155] {
    position: absolute;
    z-index: var(--z-notification1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: transparent;
}
.notification.hidden[data-v-0b1bf155]:hover {
    cursor: pointer;
    transform: translateX(25rem);
}
.notification .wrapper[data-v-0b1bf155] {
    box-sizing: border-box;
    padding-right: 1.5rem;
    border-left: solid 0.5rem var(--primary);
    border-radius: var(--border-radius-md);
}
.notifications-bubble[data-v-0b1bf155] {
    display: none;
}
}