.omnise-lightbox-ct .omnise-lightbox .omnise-media-lb img {
  object-fit: contain;
  margin: 0 auto; 
  display: block;
  height: 100%;
  z-index: 100;
  width: 100%;
}

.omnise-lightbox-ct .omnise-button-zoom {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 4px;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: var(--omnise-background-color);
}

.omnise-lightbox-ct .omnise-lightbox,
.omnise-lightbox-ct .omnise-bg-overlay {
  background-color: rgba(0, 0, 0, 0.85) !important;
  z-index: 999999999999999999999999999999;
}

.omnise-lightbox-ct {
  z-index: 999999999;
  opacity: 0;
}

.omnise-lightbox-ct.active {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-lightbox-toolbar,
.omnise-lightbox-ct .omnise-slider-controls {
  display: none !important;
}

.omnise-lightbox-ct.show-controls .omnise-lightbox-toolbar {
  display: flex !important;
}

.omnise-lightbox-ct.show-controls .omnise-slider-controls {
  display: block !important;
}

.omnise-lightbox-ct .omnise-lightbox {
  display: none;
  position: fixed !important;
  inset: 0;
}

.omnise-lightbox.active {
  display: flex !important;
}


.omnise-lightbox-ct .omnise-lightbox .omnise-carousel {
  position: relative;
  height: stretch;
  padding: 44px 0;
  width: 100%;
  overflow: hidden;
}

.omnise-lightbox .omnise-carousel .omnise-lightbox-toolbar {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
}

.omnise-lightbox .omnise-carousel .omnise-slider-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.omnise-lightbox .omnise-carousel .omnise-slider-wrapper .omnise-slider-content {
  height: 100%;
  user-select: none;
  overflow: hidden;
  display: flex;
  touch-action: pan-y pinch-zoom;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-carousel .omnise-slider-controls {
  display: block;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-slider-nav-left,
.omnise-lightbox-ct .omnise-lightbox .omnise-slider-nav-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 48px;
  height: 48px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-right.disabled,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-left.disabled {
  opacity: 0.5;
  pointer-events: all;
}

.omnise-lightbox-ct .omnise-slider-nav-left {
  left: 12px;
}

.omnise-lightbox-ct .omnise-slider-nav-right {
  right: 12px;
}

.omnise-lightbox-ct .omnise-slider-container[data-desktop-layout="slider"][data-mobile-layout="slider"] .omnise-slider-content {
  scroll-behavior: auto;
}

.omnise-lightbox-ct .omnise-slider-pagination-wrp {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.omnise-lightbox-ct .omnise-slider-pagination-wrapper {
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.omnise-lightbox-ct .omnise-slider-pagination-total {
  color: #fff;
  align-items: center;
  justify-content: center;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-bg-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0.1;
  z-index: -10;
  display: block;
  cursor: pointer;
}

.omnise-lightbox-ct .omnise-bg-overlay::after {
  content: "×";
  font-size: 48px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}

.omnise-lightbox-ct .omnise-bg-overlay:hover::after {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-media-lb {
  position: relative !important;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  @media (min-width: 1180px) {
    max-width: 70%;
  }
}

.omnise-lightbox-ct .omnise-lightbox-button {
  background: rgba(30, 30, 30, .6);
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  width: 44px;
  padding: 10px;
  color: white;
  opacity: 0.5;
  transition: color .2s;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-left,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-right {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-wrapper,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-total,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-progress {
  display: block;
}

.omnise-lightbox-ct .omnise-slide-item{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.omnise-lightbox-ct .omnise-lightbox.omnise-zoom-in .omnise-slide-item img {
  cursor: zoom-in;
}

.omnise-lightbox-ct .omnise-lightbox-button--zoom.active,
.omnise-lightbox-ct .omnise-lightbox-button--thumbs.active {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-slide-item img {
  transition: transform 0.3s ease;
}

.omnise-lightbox-ct .omnise-thumb-item {
  position: relative;
  padding: 0;
  border: none;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.omnise-lightbox-ct .omnise-thumb-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 4px solid #3498db;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.omnise-lightbox-ct .omnise-thumb-item.active::after {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
  margin-right: 220px;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
    margin-right: 150px;
  }

  .omnise-lightbox-ct .omnise-media-lb img {
    max-height: 70%;
  }
}

@media (max-width: 639px) {
  .omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
    margin-right: 90px;
  }

  .omnise-lightbox .omnise-carousel .omnise-slider-wrapper {
    height: 92%;
  }
}

.omnise-lightbox-ct .omnise-lightbox-hover-overlay {
  position: absolute;
  inset: 0;
  transform: none;
  width: 70%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150%;
  cursor: zoom-in;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
  z-index: 500;
  overflow: hidden;
  display: block !important;
  margin: 0 auto;
}

@media (max-width: 1179px) {

  .omnise-lightbox .omnise-slider-nav-left,
  .omnise-lightbox .omnise-slider-nav-right {
    display: none !important;
  }

  .omnise-lightbox-ct .omnise-lightbox-hover-overlay {
    left: 0;
    transform: none;
    width: 100%;
    background-size: 250%;
  }
}

.omnise-lightbox-ct #omnise-lightbox {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.omnise-lightbox-ct #omnise-lightbox.omnise-lightbox-closing {
  opacity: 0;
}

.omnise-lightbox-ct .omnise-thumbnails-grid {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 90px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 40;
}

.omnise-lightbox-ct .omnise-thumbnails-grid .omnise-thumbnails-content {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.25rem;
  padding: 0.25rem;
}

@media (min-width: 640px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid .omnise-thumbnails-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 640px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid {
    width: 150px;
  }
}

@media (min-width: 1024px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid {
    width: 220px;
  }
}


/* ========== CONTROLS (Navigation & Pagination) ========== */
.omnise-carousel {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  max-width: stretch;
  width: 100%;
  height: fit-content;
  .omnise-slider-item{
    min-width: 0;
  }
  .omnise-slider-wrapper{
    position: relative;
    height: 100%;
    .omnise-slider-items{
      display: flex;
      max-width: 100%;
    }
  }
}

.omnise-slider-nav-left,
.omnise-slider-nav-right {
  position: absolute;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color:#f5f5f5;
  transition: all ease 0.3s;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  top: calc(50% - var(--height-controls,0px) / 2);
  transform: translate(0, -50%);
  color: #333333;
  cursor: pointer;
  &:hover {
    background-color: #cccccc;
    scale: 1.1;
    color: #333333;
  }
  svg {
    width: 20px;
    height: 20px;
  }
}

.omnise-slider-nav-left {
  left: 15px;
}

.omnise-slider-nav-right {
  right: 15px;
}

.omnise-carousel:hover {
  .omnise-slider-nav-left,
  .omnise-slider-nav-right {
    opacity: 1;
   
  }
  .omnise-slider-nav-left.disabled,
  .omnise-slider-nav-right.disabled {
    opacity: 0.5;
  }
}
.omnise-slider-nav-left.disabled,
.omnise-slider-nav-right.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

/* ========== SLIDER CONTROLS & PAGINATION NESTING ========== */

.omnise-slider-controls {
  display: none;
  @media (min-width: 1024px) {
  &[show-desktop="true"] {
      display: block;
    }
  }
  @media (min-width: 767.79px) and (max-width: 1180px) {
  &[show-tablet="true"] {
      display: block;
    }
  }
  @media (max-width: 767px) {
  &[show-mobile="true"] {
      display: block;
    }
  }
  .omnise-slider-pagination-wrp {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    .omnise-slider-pagination-wrapper,
    .omnise-slider-pagination-total,
    .omnise-slider-pagination-progress {
      display: none;
      position: relative;
      line-height: 1;
    }
  }
}

.omnise-slider-wrapper {
  &[data-pagination="dots"],
  &[data-pagination="dynamic-dots"],
  &[data-pagination="numbers"] {
    & + .omnise-slider-controls .omnise-slider-pagination-wrapper {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: center;
      .pagination-bullets-dynamic{
        gap: 8px;
        width: 100%;
      }
    }
  }
  &[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination {
    width: 8px;
    height: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    cursor: pointer;
    &.active {
      background: #181818;
    }
    &:not(.active):hover {
      background: #cccccc;
    }
  }
  &[data-pagination="dynamic-dots"] + .omnise-slider-controls  .omnise-slider-pagination {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    min-width: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
    transform: scale(0);
    &.prev,
    &.next {
      transform: scale(0.66);
    }
    &.prev-prev,
    &.next-next {
      transform: scale(0.33);
    }
    &.active {
      background: #181818;
      opacity: 1;
      transform: scale(1);
    }

    &:not(.active):hover {
      background: #cccccc;
    }
  }

  &[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination {
    padding: 10px;
    opacity: 0.7;
    cursor: pointer;
    color: #e6e6e6;
    &.active {
      text-decoration: underline;
      color: #181818;
      opacity: 1;
    }

    &:not(.active):hover {
      color: #cccccc;
    }
  }

  &[data-pagination="counter"]
    + .omnise-slider-controls
    .omnise-slider-pagination-total {
    display: flex;
  }

  &[data-pagination="progress"]
    + .omnise-slider-controls
    .omnise-slider-pagination-progress {
    display: flex;
    justify-content: center;
    height: 4px;
    width: 100%;
    background-color: #e6e6e6;

    span {
      display: flex;
      height: 100%;
      position: absolute;
      left: 0;
      background-color: #181818;
      transition: all ease 0.3s;
    }
  }
}

/* ========== FADE EFFECT ========== */
.omnise-slider-wrapper[data-effect="fade"] {
  .omnise-slider-items {
    scroll-behavior: auto;
  }
  .omnise-slide-item {
    flex: 0 0 100%;
  }
}
/**
 * Default flex layout via class / data-bnode selectors (no per-node data attributes).
 * Overrides use [data-bnode="id"] dynamic styles from buildFlexLayoutDynamicCss.
 *
 * Section: data-bnode is on <section>; flex host is child .omnise-section-container
 * (same as buildFlexLayoutDynamicCss childSelector "> .omnise-section-container").
 */

.omnise-section-container {
  display: flex;
  flex-direction: column;
  gap: var(--omnise-grid-gap,0);
    > *:not(.omnise-slot) {
      position: relative;
      z-index: 1;
    }
    > .omnise-bg-image {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      z-index: 0;
      img {
        width: 100%;
        height: 100%;
      }
    }
    > .omnise-video-background {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      z-index: 0;
      object-fit: cover;
      background: #000000;
    }
}

.omnise-section[data-bnode] {
  position: relative;
  max-width: 100%;
  padding: var(--omnise-section-padding-y, 0) var(--omnise-section-padding-x, 0);
}

@media (min-width: 767.79px) and (max-width: 1180px) {
  .omnise-section[data-bnode] {
    padding: var(--omnise-section-padding-y-tablet, var(--omnise-section-padding-y, 0))
      var(--omnise-section-padding-x-tablet, var(--omnise-section-padding-x, 0));
  }
}

@media (max-width: 767px) {
  .omnise-section[data-bnode] {
    padding: var(--omnise-section-padding-y-mobile, var(--omnise-section-padding-y-tablet, var(--omnise-section-padding-y, 0)))
      var(--omnise-section-padding-x-mobile, var(--omnise-section-padding-x-tablet, var(--omnise-section-padding-x, 0)));
  }
}

.omnise-slot {
  display: flex;
  flex-direction: column;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  transform: none;
  max-width: 100%;
  width: 100%;
}

@media (min-width: 767.79px) and (max-width: 1180px) {
  .omnise-slot {
    gap: var(--omnise-slot-gap-tablet, var(--omnise-slot-gap, 0));
    padding: var(--omnise-slot-padding-y-tablet, var(--omnise-slot-padding-y, 0))
      var(--omnise-slot-padding-x-tablet, var(--omnise-slot-padding-x, 0));
  }
}

@media (max-width: 767px) {
  .omnise-slot {
    gap: var(--omnise-slot-gap-mobile, var(--omnise-slot-gap-tablet, var(--omnise-slot-gap, 0)));
    padding: var(--omnise-slot-padding-y-mobile, var(--omnise-slot-padding-y-tablet, var(--omnise-slot-padding-y, 0)))
      var(--omnise-slot-padding-x-mobile, var(--omnise-slot-padding-x-tablet, var(--omnise-slot-padding-x, 0)));
  }
}
.omnise-slot.omnise-virtual-slot {
  flex-direction: unset;
}
.omnise-slot.omnise-featured-product > .omnise-bg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.omnise-slot.omnise-featured-product > .omnise-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.omnise-contact-fields.omnise-slot {
  overflow: hidden;
}

.omnise-contact-fields.omnise-slot > * {
  position: relative;
  z-index: 1;
}

.omnise-contact-fields.omnise-slot > .omnise-bg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: inherit;
  overflow: hidden;
  z-index: 0;
}

.omnise-contact-fields.omnise-slot > .omnise-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* ========== CONTROLS (Navigation & Pagination) ========== */
.omnise-carousel {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  max-width: stretch;
  width: 100%;
  height: fit-content;
  .omnise-slider-item{
    min-width: 0;
  }
  .omnise-slider-wrapper{
    position: relative;
    height: 100%;
    .omnise-slider-items{
      display: flex;
      max-width: 100%;
    }
  }
}

.omnise-slider-nav-left,
.omnise-slider-nav-right {
  position: absolute;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color:#f5f5f5;
  transition: all ease 0.3s;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  top: calc(50% - var(--height-controls,0px) / 2);
  transform: translate(0, -50%);
  color: #333333;
  cursor: pointer;
  &:hover {
    background-color: #cccccc;
    scale: 1.1;
    color: #333333;
  }
  svg {
    width: 20px;
    height: 20px;
  }
}

.omnise-slider-nav-left {
  left: 15px;
}

.omnise-slider-nav-right {
  right: 15px;
}

.omnise-carousel:hover {
  .omnise-slider-nav-left,
  .omnise-slider-nav-right {
    opacity: 1;
   
  }
  .omnise-slider-nav-left.disabled,
  .omnise-slider-nav-right.disabled {
    opacity: 0.5;
  }
}
.omnise-slider-nav-left.disabled,
.omnise-slider-nav-right.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

/* ========== SLIDER CONTROLS & PAGINATION NESTING ========== */

.omnise-slider-controls {
  display: none;
  @media (min-width: 1024px) {
  &[show-desktop="true"] {
      display: block;
    }
  }
  @media (min-width: 767.79px) and (max-width: 1180px) {
  &[show-tablet="true"] {
      display: block;
    }
  }
  @media (max-width: 767px) {
  &[show-mobile="true"] {
      display: block;
    }
  }
  .omnise-slider-pagination-wrp {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    .omnise-slider-pagination-wrapper,
    .omnise-slider-pagination-total,
    .omnise-slider-pagination-progress {
      display: none;
      position: relative;
      line-height: 1;
    }
  }
}

.omnise-slider-wrapper {
  &[data-pagination="dots"],
  &[data-pagination="dynamic-dots"],
  &[data-pagination="numbers"] {
    & + .omnise-slider-controls .omnise-slider-pagination-wrapper {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: center;
      .pagination-bullets-dynamic{
        gap: 8px;
        width: 100%;
      }
    }
  }
  &[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination {
    width: 8px;
    height: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    cursor: pointer;
    &.active {
      background: #181818;
    }
    &:not(.active):hover {
      background: #cccccc;
    }
  }
  &[data-pagination="dynamic-dots"] + .omnise-slider-controls  .omnise-slider-pagination {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    min-width: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
    transform: scale(0);
    &.prev,
    &.next {
      transform: scale(0.66);
    }
    &.prev-prev,
    &.next-next {
      transform: scale(0.33);
    }
    &.active {
      background: #181818;
      opacity: 1;
      transform: scale(1);
    }

    &:not(.active):hover {
      background: #cccccc;
    }
  }

  &[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination {
    padding: 10px;
    opacity: 0.7;
    cursor: pointer;
    color: #e6e6e6;
    &.active {
      text-decoration: underline;
      color: #181818;
      opacity: 1;
    }

    &:not(.active):hover {
      color: #cccccc;
    }
  }

  &[data-pagination="counter"]
    + .omnise-slider-controls
    .omnise-slider-pagination-total {
    display: flex;
  }

  &[data-pagination="progress"]
    + .omnise-slider-controls
    .omnise-slider-pagination-progress {
    display: flex;
    justify-content: center;
    height: 4px;
    width: 100%;
    background-color: #e6e6e6;

    span {
      display: flex;
      height: 100%;
      position: absolute;
      left: 0;
      background-color: #181818;
      transition: all ease 0.3s;
    }
  }
}

/* ========== FADE EFFECT ========== */
.omnise-slider-wrapper[data-effect="fade"] {
  .omnise-slider-items {
    scroll-behavior: auto;
  }
  .omnise-slide-item {
    flex: 0 0 100%;
  }
}
.omnise-lightbox-ct .omnise-lightbox .omnise-media-lb img {
  object-fit: contain;
  margin: 0 auto; 
  display: block;
  height: 100%;
  z-index: 100;
  width: 100%;
}

.omnise-lightbox-ct .omnise-button-zoom {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 4px;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: var(--omnise-background-color);
}

.omnise-lightbox-ct .omnise-lightbox,
.omnise-lightbox-ct .omnise-bg-overlay {
  background-color: rgba(0, 0, 0, 0.85) !important;
  z-index: 999999999999999999999999999999;
}

.omnise-lightbox-ct {
  z-index: 999999999;
  opacity: 0;
}

.omnise-lightbox-ct.active {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-lightbox-toolbar,
.omnise-lightbox-ct .omnise-slider-controls {
  display: none !important;
}

.omnise-lightbox-ct.show-controls .omnise-lightbox-toolbar {
  display: flex !important;
}

.omnise-lightbox-ct.show-controls .omnise-slider-controls {
  display: block !important;
}

.omnise-lightbox-ct .omnise-lightbox {
  display: none;
  position: fixed !important;
  inset: 0;
}

.omnise-lightbox.active {
  display: flex !important;
}


.omnise-lightbox-ct .omnise-lightbox .omnise-carousel {
  position: relative;
  height: stretch;
  padding: 44px 0;
  width: 100%;
  overflow: hidden;
}

.omnise-lightbox .omnise-carousel .omnise-lightbox-toolbar {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
}

.omnise-lightbox .omnise-carousel .omnise-slider-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.omnise-lightbox .omnise-carousel .omnise-slider-wrapper .omnise-slider-content {
  height: 100%;
  user-select: none;
  overflow: hidden;
  display: flex;
  touch-action: pan-y pinch-zoom;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-carousel .omnise-slider-controls {
  display: block;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-slider-nav-left,
.omnise-lightbox-ct .omnise-lightbox .omnise-slider-nav-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 48px;
  height: 48px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-right.disabled,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-left.disabled {
  opacity: 0.5;
  pointer-events: all;
}

.omnise-lightbox-ct .omnise-slider-nav-left {
  left: 12px;
}

.omnise-lightbox-ct .omnise-slider-nav-right {
  right: 12px;
}

.omnise-lightbox-ct .omnise-slider-container[data-desktop-layout="slider"][data-mobile-layout="slider"] .omnise-slider-content {
  scroll-behavior: auto;
}

.omnise-lightbox-ct .omnise-slider-pagination-wrp {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.omnise-lightbox-ct .omnise-slider-pagination-wrapper {
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.omnise-lightbox-ct .omnise-slider-pagination-total {
  color: #fff;
  align-items: center;
  justify-content: center;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-bg-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0.1;
  z-index: -10;
  display: block;
  cursor: pointer;
}

.omnise-lightbox-ct .omnise-bg-overlay::after {
  content: "×";
  font-size: 48px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}

.omnise-lightbox-ct .omnise-bg-overlay:hover::after {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-media-lb {
  position: relative !important;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  @media (min-width: 1180px) {
    max-width: 70%;
  }
}

.omnise-lightbox-ct .omnise-lightbox-button {
  background: rgba(30, 30, 30, .6);
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  width: 44px;
  padding: 10px;
  color: white;
  opacity: 0.5;
  transition: color .2s;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-left,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-right {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-wrapper,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-total,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-progress {
  display: block;
}

.omnise-lightbox-ct .omnise-slide-item{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.omnise-lightbox-ct .omnise-lightbox.omnise-zoom-in .omnise-slide-item img {
  cursor: zoom-in;
}

.omnise-lightbox-ct .omnise-lightbox-button--zoom.active,
.omnise-lightbox-ct .omnise-lightbox-button--thumbs.active {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-slide-item img {
  transition: transform 0.3s ease;
}

.omnise-lightbox-ct .omnise-thumb-item {
  position: relative;
  padding: 0;
  border: none;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.omnise-lightbox-ct .omnise-thumb-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 4px solid #3498db;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.omnise-lightbox-ct .omnise-thumb-item.active::after {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
  margin-right: 220px;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
    margin-right: 150px;
  }

  .omnise-lightbox-ct .omnise-media-lb img {
    max-height: 70%;
  }
}

@media (max-width: 639px) {
  .omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
    margin-right: 90px;
  }

  .omnise-lightbox .omnise-carousel .omnise-slider-wrapper {
    height: 92%;
  }
}

.omnise-lightbox-ct .omnise-lightbox-hover-overlay {
  position: absolute;
  inset: 0;
  transform: none;
  width: 70%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150%;
  cursor: zoom-in;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
  z-index: 500;
  overflow: hidden;
  display: block !important;
  margin: 0 auto;
}

@media (max-width: 1179px) {

  .omnise-lightbox .omnise-slider-nav-left,
  .omnise-lightbox .omnise-slider-nav-right {
    display: none !important;
  }

  .omnise-lightbox-ct .omnise-lightbox-hover-overlay {
    left: 0;
    transform: none;
    width: 100%;
    background-size: 250%;
  }
}

.omnise-lightbox-ct #omnise-lightbox {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.omnise-lightbox-ct #omnise-lightbox.omnise-lightbox-closing {
  opacity: 0;
}

.omnise-lightbox-ct .omnise-thumbnails-grid {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 90px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 40;
}

.omnise-lightbox-ct .omnise-thumbnails-grid .omnise-thumbnails-content {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.25rem;
  padding: 0.25rem;
}

@media (min-width: 640px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid .omnise-thumbnails-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 640px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid {
    width: 150px;
  }
}

@media (min-width: 1024px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid {
    width: 220px;
  }
}
[data-bnode="omnise-lpcnpe"].omnise-section { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-lpcnpe"].omnise-section { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-lpcnpe"].omnise-section { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-lpcnpe"] > .omnise-section-container{     width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;    flex-direction: row;   flex-wrap: nowrap;     align-items: center;         &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(50.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-lpcnpe"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;                      &>.omnise-slot[data-bnode-index] {       flex: 1;      }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-lpcnpe"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;    flex-direction: column;               }  }@media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-454qua"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-454qua"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-454qua"] {   top: auto; left: auto;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-454qua"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-454qua"] {      }  } [data-bnode="omnise-454qua"] {     flex-direction: row;   flex-wrap: nowrap;                &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-454qua"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-454qua"] {                     }  }[data-bnode="omnise-9et2n4"] { --9et2n4-width: 100%; --9et2n4-width-tablet: 100%; --9et2n4-width-mobile: 100%; --9et2n4-imageRatio: auto; --9et2n4-imageRatio-tablet: 4/3; --9et2n4-imageRatio-mobile: 3/2; --9et2n4-objFit: cover; --9et2n4-objFit-tablet: cover; --9et2n4-objFit-mobile: cover; --9et2n4-borderColor: #000000; --9et2n4-borderColor-tablet: #000000; --9et2n4-borderColor-mobile: #000000; --9et2n4-shadowColor: #000000; --9et2n4-shadowColor-tablet: #000000; --9et2n4-shadowColor-mobile: #000000; --9et2n4-borderStyle: none; --9et2n4-borderStyle-tablet: none; --9et2n4-borderStyle-mobile: none; --9et2n4-shadowTransparent: 0%; --9et2n4-shadowTransparent-tablet: 0%; --9et2n4-shadowTransparent-mobile: 0%; --9et2n4-borderRadius-tl: 0px; --9et2n4-borderRadius-tl-tablet: 0px; --9et2n4-borderRadius-tl-mobile: 0px; --9et2n4-borderRadius-tr: 0px; --9et2n4-borderRadius-tr-tablet: 0px; --9et2n4-borderRadius-tr-mobile: 0px; --9et2n4-borderRadius-bl: 0px; --9et2n4-borderRadius-bl-tablet: 0px; --9et2n4-borderRadius-bl-mobile: 0px; --9et2n4-borderRadius-br: 0px; --9et2n4-borderRadius-br-tablet: 0px; --9et2n4-borderRadius-br-mobile: 0px; }[data-bnode="omnise-9et2n4"] { margin-top: var(--9et2n4-margin-top, 0px); margin-right: var(--9et2n4-margin-right, 0px); margin-bottom: var(--9et2n4-margin-bottom, 0px); margin-left: var(--9et2n4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9et2n4-margin-top-tablet, 0px); margin-right: var(--9et2n4-margin-right-tablet, 0px); margin-bottom: var(--9et2n4-margin-bottom-tablet, 0px); margin-left: var(--9et2n4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9et2n4-margin-top-mobile, 0px); margin-right: var(--9et2n4-margin-right-mobile, 0px); margin-bottom: var(--9et2n4-margin-bottom-mobile, 0px); margin-left: var(--9et2n4-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--9et2n4-width,100%) - var(--9et2n4-margin-left,0px) - var(--9et2n4-margin-right,0px)); width: calc(var(--9et2n4-width,100%) - var(--9et2n4-margin-left,0px) - var(--9et2n4-margin-right,0px)); min-height: min-content; border-color: var(--9et2n4-borderColor,var(--omnise-card-media-border-color)); border-style: var(--9et2n4-borderStyle,solid); border-width: var(--9et2n4-borderWidth-tl,var(--omnise-card-border-width)) var(--9et2n4-borderWidth-tr,var(--omnise-card-border-width)) var(--9et2n4-borderWidth-br,var(--omnise-card-border-width)) var(--9et2n4-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--9et2n4-borderRadius-tl,var(--omnise-card-border-radius)) var(--9et2n4-borderRadius-tr,var(--omnise-card-border-radius)) var(--9et2n4-borderRadius-br,var(--omnise-card-border-radius)) var(--9et2n4-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--9et2n4-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--9et2n4-borderWidth-tl-tablet, var(--9et2n4-borderWidth-tl,var(--omnise-card-border-width))) var(--9et2n4-borderWidth-tr-tablet, var(--9et2n4-borderWidth-tr,var(--omnise-card-border-width))) var(--9et2n4-borderWidth-br-tablet, var(--9et2n4-borderWidth-br,var(--omnise-card-border-width))) var(--9et2n4-borderWidth-bl-tablet, var(--9et2n4-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--9et2n4-borderRadius-tl-tablet, var(--9et2n4-borderRadius-tl,var(--omnise-card-border-radius))) var(--9et2n4-borderRadius-tr-tablet, var(--9et2n4-borderRadius-tr,var(--omnise-card-border-radius))) var(--9et2n4-borderRadius-br-tablet, var(--9et2n4-borderRadius-br,var(--omnise-card-border-radius))) var(--9et2n4-borderRadius-bl-tablet, var(--9et2n4-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--9et2n4-borderWidth-tl-mobile, var(--9et2n4-borderWidth-tl,var(--omnise-card-border-width))) var(--9et2n4-borderWidth-tr-mobile, var(--9et2n4-borderWidth-tr,var(--omnise-card-border-width))) var(--9et2n4-borderWidth-br-mobile, var(--9et2n4-borderWidth-br,var(--omnise-card-border-width))) var(--9et2n4-borderWidth-bl-mobile, var(--9et2n4-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--9et2n4-borderRadius-tl-mobile, var(--9et2n4-borderRadius-tl,var(--omnise-card-border-radius))) var(--9et2n4-borderRadius-tr-mobile, var(--9et2n4-borderRadius-tr,var(--omnise-card-border-radius))) var(--9et2n4-borderRadius-br-mobile, var(--9et2n4-borderRadius-br,var(--omnise-card-border-radius))) var(--9et2n4-borderRadius-bl-mobile, var(--9et2n4-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--9et2n4-shadowHorizontal, var(--omnise-card-shadow-x)) var(--9et2n4-shadowVertical, var(--omnise-card-shadow-y)) var(--9et2n4-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--9et2n4-shadowColor, var(--omnise-card-media-shadow-color)) var(--9et2n4-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--9et2n4-overlayColor-color, #000); opacity: var(--9et2n4-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--9et2n4-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--9et2n4-width-tablet,var(--9et2n4-width,100%)) - var(--9et2n4-margin-left-tablet,var(--9et2n4-margin-left,0px)) - var(--9et2n4-margin-right-tablet,var(--9et2n4-margin-right,0px))); width: calc(var(--9et2n4-width-tablet,var(--9et2n4-width,100%)) - var(--9et2n4-margin-left-tablet,var(--9et2n4-margin-left,0px)) - var(--9et2n4-margin-right-tablet,var(--9et2n4-margin-right,0px))); aspect-ratio: var(--9et2n4-imageRatio-tablet, var(--9et2n4-imageRatio, auto)); img { object-fit: var(--9et2n4-objFit-tablet, var(--9et2n4-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--9et2n4-width-mobile,var(--9et2n4-width,100%)) - var(--9et2n4-margin-left-mobile,var(--9et2n4-margin-left,0px)) - var(--9et2n4-margin-right-mobile,var(--9et2n4-margin-right,0px))); width: calc(var(--9et2n4-width-mobile,var(--9et2n4-width,100%)) - var(--9et2n4-margin-left-mobile,var(--9et2n4-margin-left,0px)) - var(--9et2n4-margin-right-mobile,var(--9et2n4-margin-right,0px))); aspect-ratio: var(--9et2n4-imageRatio-mobile, var(--9et2n4-imageRatio, auto)); img { object-fit: var(--9et2n4-objFit-mobile, var(--9et2n4-objFit, cover)); object-position: var(--omnise-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.omnise-media-wrapper is relative; .omnise-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.omnise-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .omnise-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: omnise-ai-gen-shimmer 1.8s linear infinite; } &.omnise-ai-gen-done .omnise-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .omnise-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: omnise-ai-gen-scan 2.6s ease-in-out infinite; } & .omnise-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .omnise-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: omnise-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.omnise-ai-generating .omnise-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.omnise-ai-gen-done .omnise-image { opacity: 1; transform: scale(1); } } @keyframes omnise-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes omnise-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes omnise-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="omnise-afnh3c"] { background: #ffffff99; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding-top: 64px; padding-right: 64px; padding-bottom: 64px; padding-left: 64px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-afnh3c"] { padding-top: 32px; padding-right: 32px; padding-bottom: 32px; padding-left: 32px; } } @media (max-width: 767px) { [data-bnode="omnise-afnh3c"] { padding-top: 16px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; } } [data-bnode="omnise-afnh3c"] {   position: absolute; height: 100%; max-width: 35%;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-afnh3c"] {    max-width: 40%;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-afnh3c"] {    position: relative; max-width: 100%;   }  } [data-bnode="omnise-afnh3c"] {        flex-wrap: nowrap;   justify-content: center;   align-items: flex-start;   gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-afnh3c"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-afnh3c"] {                gap: 16px;     }  }[data-bnode="omnise-cf5tdz"] { --cf5tdz-typography: eyebrow; --cf5tdz-typography-tablet: eyebrow; --cf5tdz-typography-mobile: eyebrow; --omnise-eyebrow-text-align: start; }[data-bnode="omnise-cf5tdz"] { margin-top: var(--cf5tdz-margin-top, 0px); margin-right: var(--cf5tdz-margin-right, 0px); margin-bottom: var(--cf5tdz-margin-bottom, 0px); margin-left: var(--cf5tdz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cf5tdz-margin-top-tablet, 0px); margin-right: var(--cf5tdz-margin-right-tablet, 0px); margin-bottom: var(--cf5tdz-margin-bottom-tablet, 0px); margin-left: var(--cf5tdz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cf5tdz-margin-top-mobile, 0px); margin-right: var(--cf5tdz-margin-right-mobile, 0px); margin-bottom: var(--cf5tdz-margin-bottom-mobile, 0px); margin-left: var(--cf5tdz-margin-left-mobile, 0px); } }[data-bnode="omnise-12olzo"] { --12olzo-typography: h1; --12olzo-typography-tablet: h1; --12olzo-typography-mobile: h1; }[data-bnode="omnise-12olzo"] { margin-top: var(--12olzo-margin-top, 0px); margin-right: var(--12olzo-margin-right, 0px); margin-bottom: var(--12olzo-margin-bottom, 0px); margin-left: var(--12olzo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--12olzo-margin-top-tablet, 0px); margin-right: var(--12olzo-margin-right-tablet, 0px); margin-bottom: var(--12olzo-margin-bottom-tablet, 0px); margin-left: var(--12olzo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--12olzo-margin-top-mobile, 0px); margin-right: var(--12olzo-margin-right-mobile, 0px); margin-bottom: var(--12olzo-margin-bottom-mobile, 0px); margin-left: var(--12olzo-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--12olzo-highlightColor,var(--omnise-p-color)); top: var(--12olzo-highlightTop, 100%); } }[data-bnode="omnise-vpnjnw"] { --vpnjnw-typography: p; --vpnjnw-typography-tablet: p; --vpnjnw-typography-mobile: p; }[data-bnode="omnise-vpnjnw"] { margin-top: var(--vpnjnw-margin-top, 0px); margin-right: var(--vpnjnw-margin-right, 0px); margin-bottom: var(--vpnjnw-margin-bottom, 0px); margin-left: var(--vpnjnw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vpnjnw-margin-top-tablet, 0px); margin-right: var(--vpnjnw-margin-right-tablet, 0px); margin-bottom: var(--vpnjnw-margin-bottom-tablet, 0px); margin-left: var(--vpnjnw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vpnjnw-margin-top-mobile, 0px); margin-right: var(--vpnjnw-margin-right-mobile, 0px); margin-bottom: var(--vpnjnw-margin-bottom-mobile, 0px); margin-left: var(--vpnjnw-margin-left-mobile, 0px); } }[data-bnode="omnise-48mbfg"] { --48mbfg-iconWidth: 20px; --48mbfg-iconWidth-tablet: 27px; --48mbfg-iconWidth-mobile: 27px; --48mbfg-iconGap: 5px; --48mbfg-iconGap-tablet: 5px; --48mbfg-iconGap-mobile: 5px; --48mbfg-stylePreset: pr; --48mbfg-stylePreset-tablet: pr; --48mbfg-stylePreset-mobile: pr; --48mbfg-transform: uppercase; --48mbfg-transform-tablet: uppercase; --48mbfg-transform-mobile: uppercase; --48mbfg-button: pr; --48mbfg-button-tablet: pr; --48mbfg-button-mobile: pr; }[data-bnode="omnise-48mbfg"] { margin-top: var(--48mbfg-margin-top, 0px); margin-right: var(--48mbfg-margin-right, 0px); margin-bottom: var(--48mbfg-margin-bottom, 0px); margin-left: var(--48mbfg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--48mbfg-margin-top-tablet, 0px); margin-right: var(--48mbfg-margin-right-tablet, 0px); margin-bottom: var(--48mbfg-margin-bottom-tablet, 0px); margin-left: var(--48mbfg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--48mbfg-margin-top-mobile, 0px); margin-right: var(--48mbfg-margin-right-mobile, 0px); margin-bottom: var(--48mbfg-margin-bottom-mobile, 0px); margin-left: var(--48mbfg-margin-left-mobile, 0px); } &{ gap:var(--48mbfg-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--48mbfg-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--48mbfg-bgBtnHover)) * 1%)); style(--48mbfg-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--48mbfg-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--48mbfg-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--48mbfg-labelBtnHover)) * 1%)); style(--48mbfg-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--48mbfg-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--48mbfg-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--48mbfg-borderBtnHover)) * 1%)); style(--48mbfg-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--48mbfg-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--48mbfg-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--48mbfg-bgBtnHover)) * 1%)); style(--48mbfg-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--48mbfg-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--48mbfg-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--48mbfg-labelBtnHover)) * 1%)); style(--48mbfg-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--48mbfg-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--48mbfg-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--48mbfg-borderBtnHover)) * 1%)); style(--48mbfg-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--48mbfg-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--48mbfg-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--48mbfg-labelBtnHover)) * 1%)); style(--48mbfg-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--48mbfg-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--48mbfg-iconWidth); } svg { width: var(--48mbfg-iconWidth,20px); min-width: var(--48mbfg-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--48mbfg-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--48mbfg-iconWidth-tablet, var(--48mbfg-iconWidth)); } svg { width: var(--48mbfg-iconWidth-tablet, var(--48mbfg-iconWidth, 20px)); min-width: var(--48mbfg-iconWidth-tablet, var(--48mbfg-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--48mbfg-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--48mbfg-iconWidth-mobile, var(--48mbfg-iconWidth)); } svg { width: var(--48mbfg-iconWidth-mobile, var(--48mbfg-iconWidth, 20px)); min-width: var(--48mbfg-iconWidth-mobile, var(--48mbfg-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-eco8de"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;     align-items: center;       }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-eco8de"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-eco8de"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }[data-bnode="omnise-35qk25"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-35qk25"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-35qk25"] {                gap: 16px;     }  }[data-bnode="omnise-hlgt9t"] { --hlgt9t-typography: h2; --hlgt9t-typography-tablet: h2; --hlgt9t-typography-mobile: h2; --omnise-h2-text-align: center; }[data-bnode="omnise-hlgt9t"] { margin-top: var(--hlgt9t-margin-top, 0px); margin-right: var(--hlgt9t-margin-right, 0px); margin-bottom: var(--hlgt9t-margin-bottom, 0px); margin-left: var(--hlgt9t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hlgt9t-margin-top-tablet, 0px); margin-right: var(--hlgt9t-margin-right-tablet, 0px); margin-bottom: var(--hlgt9t-margin-bottom-tablet, 0px); margin-left: var(--hlgt9t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hlgt9t-margin-top-mobile, 0px); margin-right: var(--hlgt9t-margin-right-mobile, 0px); margin-bottom: var(--hlgt9t-margin-bottom-mobile, 0px); margin-left: var(--hlgt9t-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--hlgt9t-highlightColor,var(--omnise-p-color)); top: var(--hlgt9t-highlightTop, 100%); } }[data-bnode="omnise-d4cxue"] { --d4cxue-typography: p; --d4cxue-typography-tablet: p; --d4cxue-typography-mobile: p; --omnise-p-text-align: center; }[data-bnode="omnise-d4cxue"] { margin-top: var(--d4cxue-margin-top, 0px); margin-right: var(--d4cxue-margin-right, 0px); margin-bottom: var(--d4cxue-margin-bottom, 0px); margin-left: var(--d4cxue-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--d4cxue-margin-top-tablet, 0px); margin-right: var(--d4cxue-margin-right-tablet, 0px); margin-bottom: var(--d4cxue-margin-bottom-tablet, 0px); margin-left: var(--d4cxue-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--d4cxue-margin-top-mobile, 0px); margin-right: var(--d4cxue-margin-right-mobile, 0px); margin-bottom: var(--d4cxue-margin-bottom-mobile, 0px); margin-left: var(--d4cxue-margin-left-mobile, 0px); } }[data-bnode="omnise-at5w17"] { --at5w17-columns: 3; --at5w17-columns-tablet: 3; --at5w17-columns-mobile: 1; --at5w17-navType: false; --at5w17-navType-tablet: false; --at5w17-navType-mobile: false; --at5w17-pagiType: false; --at5w17-pagiType-tablet: false; --at5w17-pagiType-mobile: false; --at5w17-listType: grid; --at5w17-listType-tablet: grid; --at5w17-listType-mobile: grid; --at5w17-stateNavigation: normal; --at5w17-stateNavigation-tablet: normal; --at5w17-stateNavigation-mobile: normal; --at5w17-statePagination: normal; --at5w17-statePagination-tablet: normal; --at5w17-statePagination-mobile: normal; --at5w17-stateNavigtion: normal; --at5w17-stateNavigtion-tablet: normal; --at5w17-stateNavigtion-mobile: normal; --at5w17-margin-top: 24px; --at5w17-margin-top-tablet: 16px; --at5w17-margin-top-mobile: 16px; --at5w17-margin-right: 80px; --at5w17-margin-right-tablet: 0px; --at5w17-margin-right-mobile: 16px; --at5w17-margin-bottom: 0px; --at5w17-margin-bottom-tablet: 0px; --at5w17-margin-bottom-mobile: 0px; --at5w17-margin-left: 80px; --at5w17-margin-left-tablet: 0px; --at5w17-margin-left-mobile: 16px; --at5w17-gap-tablet: 8px; --at5w17-gap-mobile: 8px; --at5w17-columnsMobile-mobile: 1; } [data-bnode="omnise-at5w17"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-at5w17"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-at5w17"] [data-bnode="omnise-4g0s7y"] { --4g0s7y-size: 32px; --4g0s7y-iconColor: #B31111; --4g0s7y-backgroundColor: #FFFFFF00; --4g0s7y-padding: 4px; --4g0s7y-enableShadow: false; } [data-bnode="omnise-at5w17"] [data-bnode="omnise-cn30dn"] { --cn30dn-typography: h5; --cn30dn-margin-top: 0px; --cn30dn-margin-right: 0px; --cn30dn-margin-bottom: 0px; --cn30dn-margin-left: 0px; --omnise-h5-text-align: start; }[data-bnode="omnise-at5w17"] { margin-top: var(--at5w17-margin-top, 0px); margin-right: var(--at5w17-margin-right, 0px); margin-bottom: var(--at5w17-margin-bottom, 0px); margin-left: var(--at5w17-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--at5w17-margin-top-tablet, 0px); margin-right: var(--at5w17-margin-right-tablet, 0px); margin-bottom: var(--at5w17-margin-bottom-tablet, 0px); margin-left: var(--at5w17-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--at5w17-margin-top-mobile, 0px); margin-right: var(--at5w17-margin-right-mobile, 0px); margin-bottom: var(--at5w17-margin-bottom-mobile, 0px); margin-left: var(--at5w17-margin-left-mobile, 0px); } &.omnise-content-list { .omnise-slider-item{ > .omnise-slot[data-bnode="be-ctl-item"]{ height: 100%; } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"]{ .omnise-slider-items { gap: var(--at5w17-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--at5w17-gap,var(--omnise-grid-gap, 20px)) * (var(--at5w17-columns, 3) - 1)) / var(--at5w17-columns, 3)); &:last-child{ margin-right: var(--at5w17-gap,var(--omnise-grid-gap, 20px)); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--at5w17-columns, 3), minmax(0, 1fr)); gap: var(--at5w17-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item { min-width: 0; } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"]{ .omnise-slider-items { gap: var(--at5w17-gap-tablet,var(--omnise-grid-gap-tablet, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--at5w17-gap-tablet,var(--omnise-grid-gap-tablet, 16px)) * (var(--at5w17-columns-tablet, 3) - 1)) / var(--at5w17-columns-tablet, 3)); &:last-child{ margin-right: var(--at5w17-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--at5w17-columns-tablet, 3), minmax(0, 1fr)); gap: var(--at5w17-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); .omnise-slider-item { min-width: 0; } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"]{ .omnise-slider-items { gap: var(--at5w17-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--at5w17-gap-mobile,var(--omnise-grid-gap-mobile, 10px)) * (var(--at5w17-columnsMobile-mobile, 1) - 1)) / var(--at5w17-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--at5w17-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--at5w17-columnsMobile-mobile, 1), minmax(0, 1fr)); gap: var(--at5w17-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { min-width: 0; } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--at5w17-navPadding,12px); background:var(--at5w17-navBg,#F5F5F5); color: var(--at5w17-navColor,var(--omnise-text-color)); cursor: pointer; border-radius: var(--at5w17-navRadius,50%); &:hover { background:var(--at5w17-navBgHover,#CCCCCC); color: var(--at5w17-navColorHover,var(--omnise-text-color)); } svg { width: var(--at5w17-navIconSize,20px); height: var(--at5w17-navIconSize,20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--at5w17-pagiBg,#E6E6E6); &.active { background:var(--at5w17-pagiBgActive,#181818); } &:not(.active):hover { background:var(--at5w17-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--at5w17-pagiColor,#e6e6e6); &.active { color:var(--at5w17-pagiColorActive,#181818); } &:not(.active):hover { color: var(--at5w17-pagiColorHover,#181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--at5w17-pagiColor,#e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--at5w17-pagiBg,#E6E6E6); &.active { background: var(--at5w17-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--at5w17-pagiBgHover,#CCCCCC); } } .omnise-slider-pagination-wrp{ margin-top: 20px; } } & .omnise-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .omnise-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="omnise-at5w17"] [data-bnode="omnise-4g0s7y"] { margin-top: var(--4g0s7y-margin-top, 0px); margin-right: var(--4g0s7y-margin-right, 0px); margin-bottom: var(--4g0s7y-margin-bottom, 0px); margin-left: var(--4g0s7y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4g0s7y-margin-top-tablet, 0px); margin-right: var(--4g0s7y-margin-right-tablet, 0px); margin-bottom: var(--4g0s7y-margin-bottom-tablet, 0px); margin-left: var(--4g0s7y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4g0s7y-margin-top-mobile, 0px); margin-right: var(--4g0s7y-margin-right-mobile, 0px); margin-bottom: var(--4g0s7y-margin-bottom-mobile, 0px); margin-left: var(--4g0s7y-margin-left-mobile, 0px); } & { display: flex; align-items:center; justify-content: center; padding: var(--4g0s7y-padding, 4px); border-style: var(--4g0s7y-borderStyle,solid); border-color: var(--4g0s7y-borderColor,#000000); border-width: var(--4g0s7y-borderWidth-tl,0px) var(--4g0s7y-borderWidth-tr,0px) var(--4g0s7y-borderWidth-br,0px) var(--4g0s7y-borderWidth-bl,0px); border-radius: var(--4g0s7y-borderRadius-tl,0px) var(--4g0s7y-borderRadius-tr,0px) var(--4g0s7y-borderRadius-br,0px) var(--4g0s7y-borderRadius-bl,0px); box-shadow: if( style(--4g0s7y-enableShadow: true): var(--4g0s7y-shadowHorizontal, 0) var(--4g0s7y-shadowVertical, 0) var(--4g0s7y-shadowBlur, 0) 1px var(--4g0s7y-shadowColor, #000000); else: none ); color: var(--4g0s7y-iconColor,var(--omnise-text-color)); background-color: var(--4g0s7y-backgroundColor); overflow: hidden; width: var(--4g0s7y-size, 28px); min-width: var(--4g0s7y-size, 28px); height: fit-content; max-width: var(--4g0s7y-size, 28px); width: var(--4g0s7y-size-tablet, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--4g0s7y-borderWidth-tl-tablet,0px) var(--4g0s7y-borderWidth-tr-tablet,0px) var(--4g0s7y-borderWidth-br-tablet,0px) var(--4g0s7y-borderWidth-bl-tablet,0px); border-radius: var(--4g0s7y-borderRadius-tl-tablet,0px) var(--4g0s7y-borderRadius-tr-tablet,0px) var(--4g0s7y-borderRadius-br-tablet,0px) var(--4g0s7y-borderRadius-bl-tablet,0px); min-width: var(--4g0s7y-size-tablet, var(--4g0s7y-size, 28px)); max-width: var(--4g0s7y-size-tablet, var(--4g0s7y-size, 28px)); } @media(max-width: 767px){ width: var(--4g0s7y-size-mobile, var(--4g0s7y-size-tablet, var(--4g0s7y-size, 28px))); min-width: var(--4g0s7y-size-mobile, var(--4g0s7y-size-tablet, var(--4g0s7y-size, 28px))); max-width: var(--4g0s7y-size-mobile, var(--4g0s7y-size-tablet, var(--4g0s7y-size, 28px))); border-width: var(--4g0s7y-borderWidth-tl-mobile,0px) var(--4g0s7y-borderWidth-tr-mobile,0px) var(--4g0s7y-borderWidth-br-mobile,0px) var(--4g0s7y-borderWidth-bl-mobile,0px); border-radius: var(--4g0s7y-borderRadius-tl-mobile,0px) var(--4g0s7y-borderRadius-tr-mobile,0px) var(--4g0s7y-borderRadius-br-mobile,0px) var(--4g0s7y-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="omnise-at5w17"] [data-bnode="omnise-cn30dn"] { margin-top: var(--cn30dn-margin-top, 0px); margin-right: var(--cn30dn-margin-right, 0px); margin-bottom: var(--cn30dn-margin-bottom, 0px); margin-left: var(--cn30dn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cn30dn-margin-top-tablet, 0px); margin-right: var(--cn30dn-margin-right-tablet, 0px); margin-bottom: var(--cn30dn-margin-bottom-tablet, 0px); margin-left: var(--cn30dn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cn30dn-margin-top-mobile, 0px); margin-right: var(--cn30dn-margin-right-mobile, 0px); margin-bottom: var(--cn30dn-margin-bottom-mobile, 0px); margin-left: var(--cn30dn-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--cn30dn-highlightColor,var(--omnise-p-color)); top: var(--cn30dn-highlightTop, 100%); } }[data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] { border-style: solid; border-color: #e6e6e6; border-width: 1px 1px 1px 1px; border-radius: 99px 99px 99px 99px; padding-top: 16px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] { padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; } } @media (max-width: 767px) { [data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] { padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; } } [data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] {   gap: 8px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] {    gap: 12px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] {    gap: 12px;   }  }[data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] { border-style: solid; border-color: #e6e6e6; border-width: 1px 1px 1px 1px; border-radius: 99px 99px 99px 99px; padding-top: 16px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] { padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; } } @media (max-width: 767px) { [data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] { padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; } } [data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] {     flex-direction: row;   flex-wrap: nowrap;   justify-content: center;   align-items: center;   gap: 8px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-at5w17"] [data-bnode="be-ctl-item"] {           justify-content: flex-start;     gap: 12px;     }  }[data-bnode="omnise-sfbx8j"].omnise-section { padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-sfbx8j"].omnise-section { padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; } } @media (max-width: 767px) { [data-bnode="omnise-sfbx8j"].omnise-section { padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; } } [data-bnode="omnise-sfbx8j"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(33.33% - 10px - 10px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(66.66% - 10px - 10px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 10px - 10px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sfbx8j"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                    &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(33.33% - 10px - 10px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(66.66% - 10px - 10px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 10px - 10px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-sfbx8j"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: column;               }  }[data-bnode="omnise-5x61jg"] {        flex-wrap: nowrap;        gap: 8px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-5x61jg"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-5x61jg"] {                gap: 8px;     }  }[data-bnode="omnise-e9qmnb"] { --e9qmnb-width: 80px; --e9qmnb-width-tablet: 56px; --e9qmnb-width-mobile: 56px; --e9qmnb-imageRatio: 1/1; --e9qmnb-imageRatio-tablet: 1/1; --e9qmnb-imageRatio-mobile: 1/1; --e9qmnb-objFit: cover; --e9qmnb-objFit-tablet: cover; --e9qmnb-objFit-mobile: cover; --e9qmnb-borderColor: #000000; --e9qmnb-borderColor-tablet: #000000; --e9qmnb-borderColor-mobile: #000000; --e9qmnb-shadowColor: #000000; --e9qmnb-shadowColor-tablet: #000000; --e9qmnb-shadowColor-mobile: #000000; --e9qmnb-borderStyle: none; --e9qmnb-borderStyle-tablet: none; --e9qmnb-borderStyle-mobile: none; --e9qmnb-enableShadow: false; --e9qmnb-enableShadow-tablet: false; --e9qmnb-enableShadow-mobile: false; --e9qmnb-borderRadius: 12px; --e9qmnb-borderRadius-tablet: 12px; --e9qmnb-borderRadius-mobile: 12px; }[data-bnode="omnise-e9qmnb"] { margin-top: var(--e9qmnb-margin-top, 0px); margin-right: var(--e9qmnb-margin-right, 0px); margin-bottom: var(--e9qmnb-margin-bottom, 0px); margin-left: var(--e9qmnb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--e9qmnb-margin-top-tablet, 0px); margin-right: var(--e9qmnb-margin-right-tablet, 0px); margin-bottom: var(--e9qmnb-margin-bottom-tablet, 0px); margin-left: var(--e9qmnb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--e9qmnb-margin-top-mobile, 0px); margin-right: var(--e9qmnb-margin-right-mobile, 0px); margin-bottom: var(--e9qmnb-margin-bottom-mobile, 0px); margin-left: var(--e9qmnb-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--e9qmnb-width,100%) - var(--e9qmnb-margin-left,0px) - var(--e9qmnb-margin-right,0px)); width: calc(var(--e9qmnb-width,100%) - var(--e9qmnb-margin-left,0px) - var(--e9qmnb-margin-right,0px)); min-height: min-content; border-color: var(--e9qmnb-borderColor,var(--omnise-card-media-border-color)); border-style: var(--e9qmnb-borderStyle,solid); border-width: var(--e9qmnb-borderWidth-tl,var(--omnise-card-border-width)) var(--e9qmnb-borderWidth-tr,var(--omnise-card-border-width)) var(--e9qmnb-borderWidth-br,var(--omnise-card-border-width)) var(--e9qmnb-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--e9qmnb-borderRadius-tl,var(--omnise-card-border-radius)) var(--e9qmnb-borderRadius-tr,var(--omnise-card-border-radius)) var(--e9qmnb-borderRadius-br,var(--omnise-card-border-radius)) var(--e9qmnb-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--e9qmnb-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--e9qmnb-borderWidth-tl-tablet, var(--e9qmnb-borderWidth-tl,var(--omnise-card-border-width))) var(--e9qmnb-borderWidth-tr-tablet, var(--e9qmnb-borderWidth-tr,var(--omnise-card-border-width))) var(--e9qmnb-borderWidth-br-tablet, var(--e9qmnb-borderWidth-br,var(--omnise-card-border-width))) var(--e9qmnb-borderWidth-bl-tablet, var(--e9qmnb-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--e9qmnb-borderRadius-tl-tablet, var(--e9qmnb-borderRadius-tl,var(--omnise-card-border-radius))) var(--e9qmnb-borderRadius-tr-tablet, var(--e9qmnb-borderRadius-tr,var(--omnise-card-border-radius))) var(--e9qmnb-borderRadius-br-tablet, var(--e9qmnb-borderRadius-br,var(--omnise-card-border-radius))) var(--e9qmnb-borderRadius-bl-tablet, var(--e9qmnb-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--e9qmnb-borderWidth-tl-mobile, var(--e9qmnb-borderWidth-tl,var(--omnise-card-border-width))) var(--e9qmnb-borderWidth-tr-mobile, var(--e9qmnb-borderWidth-tr,var(--omnise-card-border-width))) var(--e9qmnb-borderWidth-br-mobile, var(--e9qmnb-borderWidth-br,var(--omnise-card-border-width))) var(--e9qmnb-borderWidth-bl-mobile, var(--e9qmnb-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--e9qmnb-borderRadius-tl-mobile, var(--e9qmnb-borderRadius-tl,var(--omnise-card-border-radius))) var(--e9qmnb-borderRadius-tr-mobile, var(--e9qmnb-borderRadius-tr,var(--omnise-card-border-radius))) var(--e9qmnb-borderRadius-br-mobile, var(--e9qmnb-borderRadius-br,var(--omnise-card-border-radius))) var(--e9qmnb-borderRadius-bl-mobile, var(--e9qmnb-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--e9qmnb-shadowHorizontal, var(--omnise-card-shadow-x)) var(--e9qmnb-shadowVertical, var(--omnise-card-shadow-y)) var(--e9qmnb-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--e9qmnb-shadowColor, var(--omnise-card-media-shadow-color)) var(--e9qmnb-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--e9qmnb-overlayColor-color, #000); opacity: var(--e9qmnb-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--e9qmnb-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--e9qmnb-width-tablet,var(--e9qmnb-width,100%)) - var(--e9qmnb-margin-left-tablet,var(--e9qmnb-margin-left,0px)) - var(--e9qmnb-margin-right-tablet,var(--e9qmnb-margin-right,0px))); width: calc(var(--e9qmnb-width-tablet,var(--e9qmnb-width,100%)) - var(--e9qmnb-margin-left-tablet,var(--e9qmnb-margin-left,0px)) - var(--e9qmnb-margin-right-tablet,var(--e9qmnb-margin-right,0px))); aspect-ratio: var(--e9qmnb-imageRatio-tablet, var(--e9qmnb-imageRatio, auto)); img { object-fit: var(--e9qmnb-objFit-tablet, var(--e9qmnb-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--e9qmnb-width-mobile,var(--e9qmnb-width,100%)) - var(--e9qmnb-margin-left-mobile,var(--e9qmnb-margin-left,0px)) - var(--e9qmnb-margin-right-mobile,var(--e9qmnb-margin-right,0px))); width: calc(var(--e9qmnb-width-mobile,var(--e9qmnb-width,100%)) - var(--e9qmnb-margin-left-mobile,var(--e9qmnb-margin-left,0px)) - var(--e9qmnb-margin-right-mobile,var(--e9qmnb-margin-right,0px))); aspect-ratio: var(--e9qmnb-imageRatio-mobile, var(--e9qmnb-imageRatio, auto)); img { object-fit: var(--e9qmnb-objFit-mobile, var(--e9qmnb-objFit, cover)); object-position: var(--omnise-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.omnise-media-wrapper is relative; .omnise-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.omnise-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .omnise-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: omnise-ai-gen-shimmer 1.8s linear infinite; } &.omnise-ai-gen-done .omnise-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .omnise-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: omnise-ai-gen-scan 2.6s ease-in-out infinite; } & .omnise-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .omnise-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: omnise-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.omnise-ai-generating .omnise-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.omnise-ai-gen-done .omnise-image { opacity: 1; transform: scale(1); } } @keyframes omnise-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes omnise-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes omnise-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="omnise-hz8qgt"] { --hz8qgt-animationName: pop; --hz8qgt-animationName-tablet: pop; --hz8qgt-animationName-mobile: pop; --hz8qgt-maxWidth: auto; --hz8qgt-maxWidth-tablet: auto; --hz8qgt-maxWidth-mobile: auto; --omnise-h3-text-transform: none; --hz8qgt-typography: h2; --hz8qgt-typography-tablet: h2; --hz8qgt-typography-mobile: h2; --omnise-h3-text-align: start; --omnise-h2-text-align: start; --hz8qgt-margin-top: 0px; --hz8qgt-margin-top-tablet: 0px; --hz8qgt-margin-top-mobile: 0px; --hz8qgt-margin-right: 0px; --hz8qgt-margin-right-tablet: 0px; --hz8qgt-margin-right-mobile: 0px; --hz8qgt-margin-bottom: 8px; --hz8qgt-margin-bottom-tablet: 8px; --hz8qgt-margin-bottom-mobile: 8px; --hz8qgt-margin-left: 0px; --hz8qgt-margin-left-tablet: 0px; --hz8qgt-margin-left-mobile: 0px; }[data-bnode="omnise-hz8qgt"] { margin-top: var(--hz8qgt-margin-top, 0px); margin-right: var(--hz8qgt-margin-right, 0px); margin-bottom: var(--hz8qgt-margin-bottom, 0px); margin-left: var(--hz8qgt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hz8qgt-margin-top-tablet, 0px); margin-right: var(--hz8qgt-margin-right-tablet, 0px); margin-bottom: var(--hz8qgt-margin-bottom-tablet, 0px); margin-left: var(--hz8qgt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hz8qgt-margin-top-mobile, 0px); margin-right: var(--hz8qgt-margin-right-mobile, 0px); margin-bottom: var(--hz8qgt-margin-bottom-mobile, 0px); margin-left: var(--hz8qgt-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--hz8qgt-highlightColor,var(--omnise-p-color)); top: var(--hz8qgt-highlightTop, 100%); } }[data-bnode="omnise-lr4hcu"] { --lr4hcu-typography: p; --lr4hcu-typography-tablet: p; --lr4hcu-typography-mobile: p; --omnise-p-text-align: start; --omnise-p-font-size-mobile: 16px; --omnise-p-line-height-mobile: 1.3; --omnise-p-letter-spacing-mobile: 0.6px; }[data-bnode="omnise-lr4hcu"] { margin-top: var(--lr4hcu-margin-top, 0px); margin-right: var(--lr4hcu-margin-right, 0px); margin-bottom: var(--lr4hcu-margin-bottom, 0px); margin-left: var(--lr4hcu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lr4hcu-margin-top-tablet, 0px); margin-right: var(--lr4hcu-margin-right-tablet, 0px); margin-bottom: var(--lr4hcu-margin-bottom-tablet, 0px); margin-left: var(--lr4hcu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lr4hcu-margin-top-mobile, 0px); margin-right: var(--lr4hcu-margin-right-mobile, 0px); margin-bottom: var(--lr4hcu-margin-bottom-mobile, 0px); margin-left: var(--lr4hcu-margin-left-mobile, 0px); } }[data-bnode="omnise-z42itl"] { --z42itl-listType: slider; --z42itl-listType-tablet: slider; --z42itl-listType-mobile: slider; --z42itl-columns: 3; --z42itl-columns-tablet: 2; --z42itl-columns-mobile: 2; --z42itl-columnsMobile: 1; --z42itl-columnsMobile-tablet: 1; --z42itl-columnsMobile-mobile: 1; --z42itl-gap: 20px; --z42itl-gap-tablet: 20px; --z42itl-gap-mobile: 20px; --z42itl-stateNavigation: normal; --z42itl-stateNavigation-tablet: normal; --z42itl-stateNavigation-mobile: normal; --z42itl-statePagination: hover; --z42itl-statePagination-tablet: hover; --z42itl-statePagination-mobile: hover; --z42itl-navType: true; --z42itl-navType-tablet: true; --z42itl-navType-mobile: true; --z42itl-navColor: #110D09; --z42itl-navColor-tablet: #110D09; --z42itl-navColor-mobile: #110D09; --z42itl-navBg: #ffffff; --z42itl-navBg-tablet: #ffffff; --z42itl-navBg-mobile: #ffffff; --z42itl-navColorHover: #110D09; --z42itl-navColorHover-tablet: #110D09; --z42itl-navColorHover-mobile: #110D09; --z42itl-navBgHover: #ECE9E9; --z42itl-navBgHover-tablet: #ECE9E9; --z42itl-navBgHover-mobile: #ECE9E9; --z42itl-navColorActive: #333333; --z42itl-navColorActive-tablet: #333333; --z42itl-navColorActive-mobile: #333333; --z42itl-navBgActive: #cccccc; --z42itl-navBgActive-tablet: #cccccc; --z42itl-navBgActive-mobile: #cccccc; --z42itl-navIconSize: 20px; --z42itl-navIconSize-tablet: 20px; --z42itl-navIconSize-mobile: 20px; --z42itl-navPadding: 20px; --z42itl-navPadding-tablet: 20px; --z42itl-navPadding-mobile: 20px; --z42itl-pagiType: false; --z42itl-pagiType-tablet: false; --z42itl-pagiType-mobile: false; --z42itl-pagiColor: #000000; --z42itl-pagiColor-tablet: #000000; --z42itl-pagiColor-mobile: #000000; --z42itl-pagiBg: #EBEBEB; --z42itl-pagiBg-tablet: #EBEBEB; --z42itl-pagiBg-mobile: #EBEBEB; --z42itl-pagiColorHover: #cccccc; --z42itl-pagiColorHover-tablet: #cccccc; --z42itl-pagiColorHover-mobile: #cccccc; --z42itl-pagiBgHover: #F6F3F3; --z42itl-pagiBgHover-tablet: #F6F3F3; --z42itl-pagiBgHover-mobile: #F6F3F3; --z42itl-pagiColorActive: #181818; --z42itl-pagiColorActive-tablet: #181818; --z42itl-pagiColorActive-mobile: #181818; --z42itl-pagiBgActive: #665252; --z42itl-pagiBgActive-tablet: #665252; --z42itl-pagiBgActive-mobile: #665252; --z42itl-stateNavigtion: hover; --z42itl-stateNavigtion-tablet: hover; --z42itl-stateNavigtion-mobile: hover; } [data-bnode="omnise-z42itl"] [data-bnode="omnise-nfsk5a"] { --nfsk5a-borderRadius-tl: 12px; --nfsk5a-borderRadius-tl-tablet: 12px; --nfsk5a-borderRadius-tl-mobile: 12px; --nfsk5a-borderRadius-tr: 12px; --nfsk5a-borderRadius-tr-tablet: 12px; --nfsk5a-borderRadius-tr-mobile: 12px; --nfsk5a-borderRadius-bl: 12px; --nfsk5a-borderRadius-bl-tablet: 12px; --nfsk5a-borderRadius-bl-mobile: 12px; --nfsk5a-borderRadius-br: 12px; --nfsk5a-borderRadius-br-tablet: 12px; --nfsk5a-borderRadius-br-mobile: 12px; --nfsk5a-typography: p2; --nfsk5a-typography-tablet: p2; --nfsk5a-typography-mobile: p2; --omnise-p2-text-align: start; --omnise-p2-line-height: 2; } [data-bnode="omnise-z42itl"] [data-bnode="omnise-49wi9r"] { --49wi9r-borderColor: #000000; --49wi9r-borderColor-tablet: #000000; --49wi9r-borderColor-mobile: #000000; --49wi9r-borderWidth: 1px; --49wi9r-borderWidth-tablet: 1px; --49wi9r-borderWidth-mobile: 1px; --49wi9r-shadowHorizontal: 0; --49wi9r-shadowHorizontal-tablet: 0; --49wi9r-shadowHorizontal-mobile: 0; --49wi9r-shadowVertical: 0; --49wi9r-shadowVertical-tablet: 0; --49wi9r-shadowVertical-mobile: 0; --49wi9r-shadowBlur: 0; --49wi9r-shadowBlur-tablet: 0; --49wi9r-shadowBlur-mobile: 0; --49wi9r-shadowColor: #000000; --49wi9r-shadowColor-tablet: #000000; --49wi9r-shadowColor-mobile: #000000; --49wi9r-padding-top: 0px; --49wi9r-padding-top-tablet: 0px; --49wi9r-padding-top-mobile: 0px; --49wi9r-padding-right: 0px; --49wi9r-padding-right-tablet: 0px; --49wi9r-padding-right-mobile: 0px; --49wi9r-padding-bottom: 0px; --49wi9r-padding-bottom-tablet: 0px; --49wi9r-padding-bottom-mobile: 0px; --49wi9r-padding-left: 0px; --49wi9r-padding-left-tablet: 0px; --49wi9r-padding-left-mobile: 0px; --49wi9r-enableShadow: false; --49wi9r-enableShadow-tablet: false; --49wi9r-enableShadow-mobile: false; --49wi9r-imageRatio: 4/5; --49wi9r-imageRatio-tablet: auto; --49wi9r-imageRatio-mobile: auto; --49wi9r-borderRadius-tl: 16px; --49wi9r-borderRadius-tl-tablet: 16px; --49wi9r-borderRadius-tl-mobile: 16px; --49wi9r-borderRadius-tr: 16px; --49wi9r-borderRadius-tr-tablet: 16px; --49wi9r-borderRadius-tr-mobile: 16px; --49wi9r-borderRadius-bl: 16px; --49wi9r-borderRadius-bl-tablet: 16px; --49wi9r-borderRadius-bl-mobile: 16px; --49wi9r-borderRadius-br: 16px; --49wi9r-borderRadius-br-tablet: 16px; --49wi9r-borderRadius-br-mobile: 16px; } [data-bnode="omnise-z42itl"] [data-bnode="omnise-xjkxak"] { --omnise-h3-text-align-tablet: start; --omnise-h3-text-align-mobile: start; --xjkxak-typography: h5; --xjkxak-typography-tablet: h5; --xjkxak-typography-mobile: h5; --omnise-h5-text-align: start; } [data-bnode="omnise-z42itl"] [data-bnode="omnise-m3cibn"] { --m3cibn-priceType: comparePrice; --m3cibn-priceType-tablet: comparePrice; --m3cibn-priceType-mobile: comparePrice; --m3cibn-decoration: line-through; --m3cibn-decoration-tablet: line-through; --m3cibn-decoration-mobile: line-through; --m3cibn-typography: p3; --m3cibn-typography-tablet: p3; --m3cibn-typography-mobile: p3; --omnise-p3-text-align: start; }[data-bnode="omnise-z42itl"] { margin-top: var(--z42itl-margin-top, 0px); margin-right: var(--z42itl-margin-right, 0px); margin-bottom: var(--z42itl-margin-bottom, 0px); margin-left: var(--z42itl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--z42itl-margin-top-tablet, 0px); margin-right: var(--z42itl-margin-right-tablet, 0px); margin-bottom: var(--z42itl-margin-bottom-tablet, 0px); margin-left: var(--z42itl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--z42itl-margin-top-mobile, 0px); margin-right: var(--z42itl-margin-right-mobile, 0px); margin-bottom: var(--z42itl-margin-bottom-mobile, 0px); margin-left: var(--z42itl-margin-left-mobile, 0px); } &.omnise-content-list { .omnise-slider-wrapper { height: fit-content; } @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"]{ .omnise-slider-items { gap: var(--z42itl-gap,20px); .omnise-slider-item{ flex: 0 0 calc((100% - var(--z42itl-gap,20px) * (var(--z42itl-columns, 3) - 1)) / var(--z42itl-columns, 3)); &:last-child{ margin-right: var(--z42itl-gap,20px); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"]{ .omnise-slider-items { flex-wrap: wrap; gap:var(--z42itl-gap,20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--z42itl-columns) - 1) * var(--z42itl-gap,20px)) / var(--z42itl-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"]{ .omnise-slider-items { gap:var(--z42itl-gap-tablet,20px); .omnise-slider-item{ flex: 0 0 calc((100% - var(--z42itl-gap-tablet,20px) * (var(--z42itl-columns-tablet, 3) - 1)) / var(--z42itl-columns-tablet, 3)); &:last-child{ margin-right: var(--z42itl-gap-tablet,20px); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"]{ .omnise-slider-items { flex-wrap: wrap; gap:var(--z42itl-gap-tablet,20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--z42itl-columns-tablet) - 1) * var(--z42itl-gap-tablet,20px)) / var(--z42itl-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"]{ .omnise-slider-items { gap:var(--z42itl-gap-mobile,20px); .omnise-slider-item{ flex: 0 0 calc((100% - var(--z42itl-gap-mobile,20px) * (var(--z42itl-columnsMobile-mobile, 1) - 1)) / var(--z42itl-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--z42itl-gap-mobile,20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"]{ .omnise-slider-items { flex-wrap: wrap; gap:var(--z42itl-gap-mobile,20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--z42itl-columnsMobile-mobile) - 1) * var(--z42itl-gap-mobile,20px)) / var(--z42itl-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--z42itl-navPadding,12px); background:var(--z42itl-navBg,#F5F5F5); color: var(--z42itl-navColor,#333333); cursor: pointer; &:hover { background:var(--z42itl-navBgHover,#CCCCCC); color: var(--z42itl-navColorHover,#333333); } svg { width: var(--z42itl-navIconSize,20px); height: var(--z42itl-navIconSize,20px); } } & .omnise-slider-wrapper[data-pagination="progress"] + .omnise-slider-controls .omnise-slider-pagination-progress { background: var(--z42itl-pagiBg,#E6E6E6); span { background: var(--z42itl-pagiBgActive,#181818); opacity: 1; } &:hover { background: var(--z42itl-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--z42itl-pagiBg,#E6E6E6); &.active { background:var(--z42itl-pagiBgActive,#181818); } &:not(.active):hover { background:var(--z42itl-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--z42itl-pagiColor,#e6e6e6); &.active { color:var(--z42itl-pagiColorActive,#181818); } &:not(.active):hover { color: var(--z42itl-pagiColorHover,#181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--z42itl-pagiColor,#e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--z42itl-pagiBg,#E6E6E6); &.active { background: var(--z42itl-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--z42itl-pagiBgHover,#CCCCCC); } } .omnise-slider-controls { padding-top: 24px; } .omnise-progress-pagination { display: flex; gap: 32px; width: 100%; justify-content: center; align-items: center; } .omnise-slider-pagination-progress { position: relative; display: flex; align-items: center; justify-content: center; height: 4px; border-radius: 999px; background-color: var(--z42itl-pagiBg); overflow: hidden; } .omnise-slider-pagination-progress span { position: absolute; top: 0; left: 0; display: flex; height: 100%; width: 0%; background-color: var(--z42itl-pagiColor); transition: all 0.3s ease-in-out; } } & .omnise-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .omnise-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="omnise-z42itl"] [data-bnode="omnise-nfsk5a"] { margin-top: var(--nfsk5a-margin-top, 0px); margin-right: var(--nfsk5a-margin-right, 0px); margin-bottom: var(--nfsk5a-margin-bottom, 0px); margin-left: var(--nfsk5a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nfsk5a-margin-top-tablet, 0px); margin-right: var(--nfsk5a-margin-right-tablet, 0px); margin-bottom: var(--nfsk5a-margin-bottom-tablet, 0px); margin-left: var(--nfsk5a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nfsk5a-margin-top-mobile, 0px); margin-right: var(--nfsk5a-margin-right-mobile, 0px); margin-bottom: var(--nfsk5a-margin-bottom-mobile, 0px); margin-left: var(--nfsk5a-margin-left-mobile, 0px); } } [data-bnode="omnise-z42itl"] [data-bnode="omnise-49wi9r"] { margin-top: var(--49wi9r-margin-top, 0px); margin-right: var(--49wi9r-margin-right, 0px); margin-bottom: var(--49wi9r-margin-bottom, 0px); margin-left: var(--49wi9r-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--49wi9r-margin-top-tablet, 0px); margin-right: var(--49wi9r-margin-right-tablet, 0px); margin-bottom: var(--49wi9r-margin-bottom-tablet, 0px); margin-left: var(--49wi9r-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--49wi9r-margin-top-mobile, 0px); margin-right: var(--49wi9r-margin-right-mobile, 0px); margin-bottom: var(--49wi9r-margin-bottom-mobile, 0px); margin-left: var(--49wi9r-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--49wi9r-imageRatio, auto); overflow: hidden; border-style: var(--49wi9r-borderStyle, solid); border-color: var(--49wi9r-borderColor, var(--omnise-card-media-border-color)); border-width: var(--49wi9r-borderWidth-tl, var(--omnise-card-border-width)) var(--49wi9r-borderWidth-tr, var(--omnise-card-border-width)) var(--49wi9r-borderWidth-br, var(--omnise-card-border-width)) var(--49wi9r-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--49wi9r-borderRadius-tl, var(--omnise-card-border-radius)) var(--49wi9r-borderRadius-tr, var(--omnise-card-border-radius)) var(--49wi9r-borderRadius-br, var(--omnise-card-border-radius)) var(--49wi9r-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--49wi9r-shadowHorizontal, var(--omnise-card-shadow-x)) var(--49wi9r-shadowVertical, var(--omnise-card-shadow-y)) var(--49wi9r-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--49wi9r-shadowColor, var(--omnise-card-media-shadow-color)) var(--49wi9r-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--49wi9r-imageRatio-tablet, var(--49wi9r-imageRatio, auto)); border-width: var(--49wi9r-borderWidth-tl-tablet, var(--49wi9r-borderWidth-tl, var(--omnise-card-border-width))) var(--49wi9r-borderWidth-tr-tablet, var(--49wi9r-borderWidth-tr, var(--omnise-card-border-width))) var(--49wi9r-borderWidth-br-tablet, var(--49wi9r-borderWidth-br, var(--omnise-card-border-width))) var(--49wi9r-borderWidth-bl-tablet, var(--49wi9r-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--49wi9r-borderRadius-tl-tablet, var(--49wi9r-borderRadius-tl, var(--omnise-card-border-radius))) var(--49wi9r-borderRadius-tr-tablet, var(--49wi9r-borderRadius-tr, var(--omnise-card-border-radius))) var(--49wi9r-borderRadius-br-tablet, var(--49wi9r-borderRadius-br, var(--omnise-card-border-radius))) var(--49wi9r-borderRadius-bl-tablet, var(--49wi9r-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--49wi9r-max-width-tablet, var(--49wi9r-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--49wi9r-imageRatio-mobile, var(--49wi9r-imageRatio, auto)); border-width: var(--49wi9r-borderWidth-tl-mobile, var(--49wi9r-borderWidth-tl, var(--omnise-card-border-width))) var(--49wi9r-borderWidth-tr-mobile, var(--49wi9r-borderWidth-tr, var(--omnise-card-border-width))) var(--49wi9r-borderWidth-br-mobile, var(--49wi9r-borderWidth-br, var(--omnise-card-border-width))) var(--49wi9r-borderWidth-bl-mobile, var(--49wi9r-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--49wi9r-borderRadius-tl-mobile, var(--49wi9r-borderRadius-tl, var(--omnise-card-border-radius))) var(--49wi9r-borderRadius-tr-mobile, var(--49wi9r-borderRadius-tr, var(--omnise-card-border-radius))) var(--49wi9r-borderRadius-br-mobile, var(--49wi9r-borderRadius-br, var(--omnise-card-border-radius))) var(--49wi9r-borderRadius-bl-mobile, var(--49wi9r-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--49wi9r-max-width-mobile, var(--49wi9r-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } } [data-bnode="omnise-z42itl"] [data-bnode="omnise-xjkxak"] { margin-top: var(--xjkxak-margin-top, 0px); margin-right: var(--xjkxak-margin-right, 0px); margin-bottom: var(--xjkxak-margin-bottom, 0px); margin-left: var(--xjkxak-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xjkxak-margin-top-tablet, 0px); margin-right: var(--xjkxak-margin-right-tablet, 0px); margin-bottom: var(--xjkxak-margin-bottom-tablet, 0px); margin-left: var(--xjkxak-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xjkxak-margin-top-mobile, 0px); margin-right: var(--xjkxak-margin-right-mobile, 0px); margin-bottom: var(--xjkxak-margin-bottom-mobile, 0px); margin-left: var(--xjkxak-margin-left-mobile, 0px); } } [data-bnode="omnise-z42itl"] [data-bnode="omnise-m3cibn"] { margin-top: var(--m3cibn-margin-top, 0px); margin-right: var(--m3cibn-margin-right, 0px); margin-bottom: var(--m3cibn-margin-bottom, 0px); margin-left: var(--m3cibn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--m3cibn-margin-top-tablet, 0px); margin-right: var(--m3cibn-margin-right-tablet, 0px); margin-bottom: var(--m3cibn-margin-bottom-tablet, 0px); margin-left: var(--m3cibn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--m3cibn-margin-top-mobile, 0px); margin-right: var(--m3cibn-margin-right-mobile, 0px); margin-bottom: var(--m3cibn-margin-bottom-mobile, 0px); margin-left: var(--m3cibn-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--m3cibn-comparePriceColor); text-decoration: var(--m3cibn-decoration,none); font-size: calc(var(--m3cibn-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--m3cibn-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-43ojzf"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-43ojzf"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-43ojzf"] {                gap: 12px;     }  } [data-bnode="omnise-qrg1wt"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(50.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-qrg1wt"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(50.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-qrg1wt"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(50.00% - 0px - 0px);    }   }  } [data-bnode="omnise-are2jz"] {   position: absolute; top: 10px; left: 10px; height: fit-content; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-are2jz"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-are2jz"] {      }  } [data-bnode="omnise-are2jz"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-are2jz"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-are2jz"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  } [data-bnode="omnise-z42itl"] [data-bnode="be-ctl-item"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-z42itl"] [data-bnode="be-ctl-item"] {   gap: 16px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-z42itl"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-z42itl"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }[data-bnode="omnise-tgr9co"].omnise-section { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-tgr9co"].omnise-section { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 767px) { [data-bnode="omnise-tgr9co"].omnise-section { padding-top: 40px; padding-bottom: 40px; } } [data-bnode="omnise-tgr9co"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tgr9co"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                    &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-tgr9co"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                    &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-x10nxa"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 20px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(60.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(40.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-x10nxa"] {                gap: 20px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(60.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(40.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-x10nxa"] {      flex-direction: column;          gap: 20px;     }  }[data-bnode="omnise-ebgffo"] { --ebgffo-media: main; --ebgffo-media-tablet: main; --ebgffo-media-mobile: main; --ebgffo-effect: slide; --ebgffo-effect-tablet: slide; --ebgffo-effect-mobile: slide; --ebgffo-imageRatioMain: 1/1; --ebgffo-imageRatioMain-tablet: 1/1; --ebgffo-imageRatioMain-mobile: 1/1; --ebgffo-positionThumb: left; --ebgffo-positionThumb-tablet: left; --ebgffo-positionThumb-mobile: left; --ebgffo-widthItemThumbs: 97px; --ebgffo-widthItemThumbs-tablet: 80px; --ebgffo-widthItemThumbs-mobile: 64px; --ebgffo-imageRatioThumbs: 1/1; --ebgffo-imageRatioThumbs-tablet: 1/1; --ebgffo-imageRatioThumbs-mobile: 1/1; --ebgffo-borderStyleThumbs: solid; --ebgffo-borderStyleThumbs-tablet: solid; --ebgffo-borderStyleThumbs-mobile: solid; --ebgffo-borderColorThumbs: #000000; --ebgffo-borderColorThumbs-tablet: #000000; --ebgffo-borderColorThumbs-mobile: #000000; --ebgffo-borderWidthThumbs: 1px; --ebgffo-borderWidthThumbs-tablet: 1px; --ebgffo-borderWidthThumbs-mobile: 1px; --ebgffo-objFit: cover; --ebgffo-objFit-tablet: cover; --ebgffo-objFit-mobile: cover; --ebgffo-show_thumbs: false; --ebgffo-show_thumbs-tablet: false; --ebgffo-show_thumbs-mobile: false; --ebgffo-borderRadiusMain: 20px; --ebgffo-borderRadiusMain-tablet: 20px; --ebgffo-borderRadiusMain-mobile: 20px; --ebgffo-borderStyleMain: none; --ebgffo-borderStyleMain-tablet: none; --ebgffo-borderStyleMain-mobile: none; }[data-bnode="omnise-ebgffo"] { margin-top: var(--ebgffo-margin-top, 0px); margin-right: var(--ebgffo-margin-right, 0px); margin-bottom: var(--ebgffo-margin-bottom, 0px); margin-left: var(--ebgffo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ebgffo-margin-top-tablet, 0px); margin-right: var(--ebgffo-margin-right-tablet, 0px); margin-bottom: var(--ebgffo-margin-bottom-tablet, 0px); margin-left: var(--ebgffo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ebgffo-margin-top-mobile, 0px); margin-right: var(--ebgffo-margin-right-mobile, 0px); margin-bottom: var(--ebgffo-margin-bottom-mobile, 0px); margin-left: var(--ebgffo-margin-left-mobile, 0px); } & { .omnise-media-product { display: flex; gap: var(--ebgffo-gap, 16px); width: 100%; .omnise-main-slider-wrap { width: 100%; height: fit-content; } } .omnise-product-media-main[data-effect="fade"] { position: relative; border-radius: var(--ebgffo-borderRadiusMain); box-shadow: if(style(--ebgffo-enableShadowMain: true): var(--ebgffo-shadowHorizontalMain, 0) var(--ebgffo-shadowVerticalMain, 0) var(--ebgffo-shadowBlurMain, 0) 1px var(--ebgffo-shadowColorMain, #000000); else: none); overflow: hidden; } .omnise-product-media-main[data-effect="fade"]::before { content: ""; position: absolute; inset: 0; border: var(--ebgffo-borderWidthMain) var(--ebgffo-borderStyleMain) var(--ebgffo-borderColorMain, #000000); z-index: 1; } .omnise-product-media-main[data-effect="slide"] { overflow: hidden; .omnise-slider-item { position: relative; border-radius: var(--ebgffo-borderRadiusMain); box-shadow: if(style(--ebgffo-enableShadowMain: true): var(--ebgffo-shadowHorizontalMain, 0) var(--ebgffo-shadowVerticalMain, 0) var(--ebgffo-shadowBlurMain, 0) 1px var(--ebgffo-shadowColorMain, #000000); else: none); overflow: hidden; } .omnise-slider-item::before { content: ""; position: absolute; inset: 0; border: var(--ebgffo-borderWidthMain) var(--ebgffo-borderStyleMain) var(--ebgffo-borderColorMain, #000000); z-index: 1; } } .omnise-product-picture { display: block; height: auto; aspect-ratio: var(--ebgffo-imageRatioMain); overflow: hidden; .omnise-product-image { width: 100%; height: 100%; object-fit: var(--ebgffo-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); vertical-align: middle; } } .omnise-product-thumb-slide { .omnise-slider-items { gap: 16px; } .omnise-slider-item { flex: 1 0 var(--ebgffo-widthItemThumbs, 100px) !important; max-width: var(--ebgffo-widthItemThumbs, 100px); } .omnise-slider-item.is-active .omnise-thumb-image { box-shadow: if(style(--ebgffo-enableShadowThumbs: true): var(--ebgffo-shadowHorizontalThumbs, 0) var(--ebgffo-shadowVerticalThumbs, 0) var(--ebgffo-shadowBlurThumbs, 0) 1px var(--ebgffo-shadowColorThumbs, #000000); else: none); } .omnise-slider-item.is-active .omnise-thumb-image::after { content: ""; position: absolute; inset: 0; border: var(--ebgffo-borderWidthThumbs) var(--ebgffo-borderStyleThumbs) var(--ebgffo-borderColorThumbs, #000000); border-radius: inherit; z-index: 1; } } .omnise-thumb-image { position: relative; width: 100%; max-width: 100%; height: auto; aspect-ratio: var(--ebgffo-imageRatioThumbs); border-radius: var(--ebgffo-borderRadiusThumbs); overflow: hidden; .omnise-thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } } } @media (min-width: 1181px) { & { .omnise-media-product { &[data-position-thumbs='bottom'] { flex-direction: column; .omnise-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs='bottom']) { .omnise-main-slider-wrap { flex: 1; min-width: 0; } .omnise-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .omnise-product-thumb-slide { height: 100%; } .omnise-product-thumb-slide .omnise-slider-items { flex-direction: column; } .omnise-product-thumb-slide .omnise-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs='left'] { flex-direction: row-reverse; } } } } @media (min-width: 768px) and (max-width: 1180px) { & { .omnise-media-product { gap: var(--ebgffo-gap-tablet, 16px); &[data-position-thumbs-tablet='bottom'] { flex-direction: column; .omnise-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs-tablet='bottom']) { .omnise-main-slider-wrap { flex: 1; min-width: 0; } .omnise-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .omnise-product-thumb-slide { height: 100%; } .omnise-product-thumb-slide .omnise-slider-items { flex-direction: column; } .omnise-product-thumb-slide .omnise-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs-tablet='left'] { flex-direction: row-reverse; } } .omnise-product-thumb-slide { .omnise-slider-items { gap: 8px; } .omnise-slider-item { flex: 1 0 var(--ebgffo-widthItemThumbs-tablet, 80px) !important; max-width: var(--ebgffo-widthItemThumbs-tablet, 80px); } } .omnise-product-picture { aspect-ratio: var(--ebgffo-imageRatioMain-tablet); border-radius: var(--ebgffo-borderRadiusMedia-tablet); .omnise-product-image { object-fit: var(--ebgffo-objFit-tablet, var(--ebgffo-objFit, cover)); } } .omnise-thumb-image { aspect-ratio: var(--ebgffo-imageRatioThumbs-tablet); border-radius: var(--ebgffo-borderRadiusThumbs-tablet); } } } @media (max-width: 767px) { & { .omnise-media-product { gap: var(--ebgffo-gap-mobile, 16px); &[data-position-thumbs-mobile='bottom'] { flex-direction: column; .omnise-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } } .omnise-product-thumb-slide { .omnise-slider-items { gap: 8px; } .omnise-slider-item { flex: 1 0 var(--ebgffo-widthItemThumbs-mobile, 64px) !important; max-width: var(--ebgffo-widthItemThumbs-mobile, 64px); } } .omnise-product-picture { aspect-ratio: var(--ebgffo-imageRatioMain-mobile); border-radius: var(--ebgffo-borderRadiusMedia-mobile); .omnise-product-image { object-fit: var(--ebgffo-objFit-mobile, var(--ebgffo-objFit, cover)); } } .omnise-thumb-image { aspect-ratio: var(--ebgffo-imageRatioThumbs-mobile); border-radius: var(--ebgffo-borderRadiusThumbs-mobile); } } } & .omnise-main-slider-wrap { @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--ebgffo-gap, 20px); .omnise-slider-item { flex: 0 0 calc((100% - var(--ebgffo-gap, 20px) * (1 - 1)) / 1.458); } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--ebgffo-gap, 20px); .omnise-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--ebgffo-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--ebgffo-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc((100% - var(--ebgffo-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--ebgffo-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--ebgffo-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--ebgffo-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc((100% - var(--ebgffo-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--ebgffo-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--ebgffo-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--ebgffo-navPadding, 12px); background: var(--ebgffo-navBg, #F5F5F5); color: var(--ebgffo-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--ebgffo-navBgHover, #CCCCCC); color: var(--ebgffo-navColorHover, #333333); } svg { width: var(--ebgffo-navIconSize, 20px); height: var(--ebgffo-navIconSize, 20px); } } } }[data-bnode="omnise-6kh356"] {        flex-wrap: nowrap;        gap: 14px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-6kh356"] {                gap: 14px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-6kh356"] {                gap: 14px;     }  }[data-bnode="omnise-vl70p0"] { --vl70p0-typography: h2; --vl70p0-typography-tablet: h2; --vl70p0-typography-mobile: h2; --omnise-h2-text-align: start; }[data-bnode="omnise-vl70p0"] { margin-top: var(--vl70p0-margin-top, 0px); margin-right: var(--vl70p0-margin-right, 0px); margin-bottom: var(--vl70p0-margin-bottom, 0px); margin-left: var(--vl70p0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vl70p0-margin-top-tablet, 0px); margin-right: var(--vl70p0-margin-right-tablet, 0px); margin-bottom: var(--vl70p0-margin-bottom-tablet, 0px); margin-left: var(--vl70p0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vl70p0-margin-top-mobile, 0px); margin-right: var(--vl70p0-margin-right-mobile, 0px); margin-bottom: var(--vl70p0-margin-bottom-mobile, 0px); margin-left: var(--vl70p0-margin-left-mobile, 0px); } }[data-bnode="omnise-sag4kp"] { --sag4kp-typography: p; --sag4kp-typography-tablet: p; --sag4kp-typography-mobile: p; --omnise-p-text-align: start; }[data-bnode="omnise-sag4kp"] { margin-top: var(--sag4kp-margin-top, 0px); margin-right: var(--sag4kp-margin-right, 0px); margin-bottom: var(--sag4kp-margin-bottom, 0px); margin-left: var(--sag4kp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--sag4kp-margin-top-tablet, 0px); margin-right: var(--sag4kp-margin-right-tablet, 0px); margin-bottom: var(--sag4kp-margin-bottom-tablet, 0px); margin-left: var(--sag4kp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--sag4kp-margin-top-mobile, 0px); margin-right: var(--sag4kp-margin-right-mobile, 0px); margin-bottom: var(--sag4kp-margin-bottom-mobile, 0px); margin-left: var(--sag4kp-margin-left-mobile, 0px); } & { .omnise-description[data-omnise-description-content="true"] { overflow: hidden; max-height: var(--omnise-description-collapsed-height, 180px); transition: max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1); position: relative; } &[data-omnise-description-expanded="true"] .omnise-description[data-omnise-description-content="true"] { max-height: none; } .omnise-description[data-omnise-description-content="true"]::before { content: ""; position: absolute; bottom: 0; height: 100px; width: 100%; display: block; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff); pointer-events: none; opacity: 1; transform: translateY(0); transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); } &[data-omnise-description-has-toggle="false"] .omnise-description[data-omnise-description-content="true"]::before { opacity: 0; transform: translateY(12px); } &[data-omnise-description-expanded="true"] .omnise-description[data-omnise-description-content="true"]::before { opacity: 0; transform: translateY(12px); } .omnise-description-toggle { margin-top: 12px; display: inline-flex; align-items: center; gap: 6px; border: 0; padding: 0; background: none; cursor: pointer; } .omnise-description-toggle-icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); } .omnise-description-toggle-icon > svg, .omnise-description-toggle-icon > img { width: 100%; height: 100%; } &[data-omnise-description-expanded="true"] .omnise-description-toggle-icon { transform: rotate(180deg); } } & .omnise-description { p:only-child { margin: 0; } } }[data-bnode="omnise-7oszze"] { --7oszze-priceType: comparePrice; --7oszze-priceType-tablet: comparePrice; --7oszze-priceType-mobile: comparePrice; --7oszze-decoration: line-through; --7oszze-decoration-tablet: line-through; --7oszze-decoration-mobile: line-through; --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-font-size-mobile: 16px; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-align-mobile: start; --7oszze-comparePriceColor: #666; --7oszze-comparePriceColor-tablet: #666; --7oszze-comparePriceColor-mobile: #666; --7oszze-scale: 0.8; --7oszze-scale-tablet: 0.8; --7oszze-scale-mobile: 0.8; --omnise-p-font-size: 24px; --omnise-p-font-weight: 600; }[data-bnode="omnise-7oszze"] { margin-top: var(--7oszze-margin-top, 0px); margin-right: var(--7oszze-margin-right, 0px); margin-bottom: var(--7oszze-margin-bottom, 0px); margin-left: var(--7oszze-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7oszze-margin-top-tablet, 0px); margin-right: var(--7oszze-margin-right-tablet, 0px); margin-bottom: var(--7oszze-margin-bottom-tablet, 0px); margin-left: var(--7oszze-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7oszze-margin-top-mobile, 0px); margin-right: var(--7oszze-margin-right-mobile, 0px); margin-bottom: var(--7oszze-margin-bottom-mobile, 0px); margin-left: var(--7oszze-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--7oszze-comparePriceColor); text-decoration: var(--7oszze-decoration,none); font-size: calc(var(--7oszze-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--7oszze-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-a8wfun"] { --a8wfun-variantType: options; --a8wfun-variantType-tablet: options; --a8wfun-variantType-mobile: options; --a8wfun-headerState: normal; --a8wfun-headerState-tablet: normal; --a8wfun-headerState-mobile: normal; --a8wfun-borderStyle: solid; --a8wfun-borderStyle-tablet: solid; --a8wfun-borderStyle-mobile: solid; --a8wfun-borderWidth: 1px; --a8wfun-borderWidth-tablet: 1px; --a8wfun-borderWidth-mobile: 1px; --a8wfun-borderRadius: 10px; --a8wfun-borderRadius-tablet: 10px; --a8wfun-borderRadius-mobile: 10px; --a8wfun-btnTypo: p; --a8wfun-btnTypo-tablet: p; --a8wfun-btnTypo-mobile: p; --omnise-p-text-align: start; --a8wfun-labelTypo: p; --a8wfun-labelTypo-tablet: p; --a8wfun-labelTypo-mobile: p; --a8wfun-tabBg: transparent; --a8wfun-tabBg-tablet: transparent; --a8wfun-tabBg-mobile: transparent; --a8wfun-borderColorHover: transparent; --a8wfun-borderColorHover-tablet: transparent; --a8wfun-borderColorHover-mobile: transparent; --a8wfun-tabBgHover: transparent; --a8wfun-tabBgHover-tablet: transparent; --a8wfun-tabBgHover-mobile: transparent; --a8wfun-borderColorActive: var(--omnise-heading-color); --a8wfun-borderColorActive-tablet: var(--omnise-heading-color); --a8wfun-borderColorActive-mobile: var(--omnise-heading-color); --a8wfun-tabBgActive: var(--omnise-heading-color); --a8wfun-tabBgActive-tablet: var(--omnise-heading-color); --a8wfun-tabBgActive-mobile: var(--omnise-heading-color); --a8wfun-colorActive: var(--omnise-background-color); --a8wfun-colorActive-tablet: var(--omnise-background-color); --a8wfun-colorActive-mobile: var(--omnise-background-color); --a8wfun-colorHover: var(--omnise-heading-color); --a8wfun-colorHover-tablet: var(--omnise-heading-color); --a8wfun-colorHover-mobile: var(--omnise-heading-color); --omnise-p-color: var(--omnise-heading-color); }[data-bnode="omnise-a8wfun"] { margin-top: var(--a8wfun-margin-top, 0px); margin-right: var(--a8wfun-margin-right, 0px); margin-bottom: var(--a8wfun-margin-bottom, 0px); margin-left: var(--a8wfun-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--a8wfun-margin-top-tablet, 0px); margin-right: var(--a8wfun-margin-right-tablet, 0px); margin-bottom: var(--a8wfun-margin-bottom-tablet, 0px); margin-left: var(--a8wfun-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--a8wfun-margin-top-mobile, 0px); margin-right: var(--a8wfun-margin-right-mobile, 0px); margin-bottom: var(--a8wfun-margin-bottom-mobile, 0px); margin-left: var(--a8wfun-margin-left-mobile, 0px); } &.omnise-variant-box { display: flex; flex-direction: column; gap: 12px; width: 100%; .omnise-option { display: flex; flex-direction: column; gap: 6px; } .omnise-option-heading { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } .omnise-option-lb { font-size: var(--omnise-labelTypo-font-size); font-weight: var(--omnise-labelTypo-font-weight); line-height: var(--omnise-labelTypo-line-height); letter-spacing: var(--omnise-labelTypo-letter-spacing); text-transform: var(--omnise-labelTypo-text-transform); color: var(--omnise-labelTypo-color, var(--omnise-text-color)); text-align: var(--omnise-labelTypo-text-align); } .omnise-option-active-value { font-size: var(--omnise-activeValueTypo-font-size); font-weight: var(--omnise-activeValueTypo-font-weight); line-height: var(--omnise-activeValueTypo-line-height); letter-spacing: var(--omnise-activeValueTypo-letter-spacing); text-transform: var(--omnise-activeValueTypo-text-transform); color: var(--omnise-activeValueTypo-color, var(--omnise-text-color)); text-align: var(--omnise-activeValueTypo-text-align); } .omnise-size-chart { margin-left: auto; display: inline-flex; align-items: center; justify-content: center; gap: var(--a8wfun-iconGap, 5px); background: none; border: 0; padding: 0; cursor: pointer; } .omnise-size-chart[omnise-btn-po="right"] { flex-direction: row-reverse; } .omnise-size-chart-icon { display: inline-flex; align-items: center; justify-content: center; width: var(--a8wfun-iconWidth, 20px); min-width: var(--a8wfun-iconWidth, 20px); } .omnise-size-chart-icon > svg, .omnise-size-chart-icon > img { width: 100%; height: auto; } .omnise-size-chart-modal-backdrop { position: fixed; inset: 0; z-index: 9999; box-sizing: border-box; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; border: 0; background: rgba(17, 24, 39, 0); padding: 24px 16px; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: background-color 220ms ease; } .omnise-size-chart-modal-backdrop[data-state="open"] { background: rgba(17, 24, 39, 0.34); } .omnise-size-chart-modal-backdrop::backdrop { background: transparent; } .omnise-size-chart-modal-backdrop[hidden] { display: none !important; } .omnise-size-chart-modal-dialog { width: min(720px, 100%); margin: auto; max-height: calc(100dvh - 48px); overflow-x: hidden; overflow-y: auto; background: #ffffff; border-radius: 18px; box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18); color: #111827; opacity: 0; transform: scale(0.94); transform-origin: center; transition: opacity 220ms ease, transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1); } .omnise-size-chart-modal-backdrop[data-state="open"] .omnise-size-chart-modal-dialog { opacity: 1; transform: scale(1); } .omnise-size-chart-modal-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 18px 10px; } .omnise-size-chart-modal-heading { font-size: 32px; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; } .omnise-size-chart-modal-close { width: 40px; height: 40px; border: 0; border-radius: 999px; background: #F3F4F6; color: #111827; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; } .omnise-size-chart-modal-body { padding: 10px 18px 18px; img{ width: 100%; height: 100%; } } .omnise-size-chart-modal-empty, .omnise-size-chart-modal-placeholder, .omnise-size-chart-modal-preview-note { color: #6B7280; } .omnise-size-chart-modal-content { color: #111827; } .omnise-size-chart-modal-preview-note { margin-bottom: 12px; } .omnise-size-chart-modal-fallback { width: 100%; } .omnise-size-chart-template { width: 100%; } .omnise-size-chart-template-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; } .omnise-size-chart-template-select { font-size: 16px; line-height: 1.4; font-weight: 600; color: #111827; } .omnise-size-chart-template-select::after { content: "⌄"; margin-left: 6px; font-size: 12px; } .omnise-size-chart-template-units { display: inline-flex; align-items: center; gap: 8px; } .omnise-size-chart-template-unit { min-width: 42px; height: 42px; padding: 0 14px; border-radius: 999px; background: #F3F4F6; color: #111827; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; } .omnise-size-chart-template-unit-active { background: #111111; color: #FFFFFF; } .omnise-size-chart-template-table-wrap { overflow-x: auto; } .omnise-size-chart-template-table { width: 100%; min-width: 640px; border-collapse: collapse; color: #374151; } .omnise-size-chart-template-table th, .omnise-size-chart-template-table td { padding: 20px 18px; text-align: center; border-bottom: 1px solid #E5E7EB; } .omnise-size-chart-template-table th:first-child, .omnise-size-chart-template-table td:first-child { border-right: 1px solid #E5E7EB; } .omnise-size-chart-template-table th { background: #F7F7F7; color: #374151; font-size: 15px; font-weight: 700; } .omnise-size-chart-template-table td:first-child { font-weight: 700; } .omnise-size-chart-template-note { margin-top: 16px; font-size: 14px; line-height: 1.5; color: #9CA3AF; } @media (max-width: 767px) { .omnise-size-chart-modal-backdrop { padding: 12px; } .omnise-size-chart-modal-dialog { border-radius: 16px; max-height: calc(100dvh - 24px); } .omnise-size-chart-modal-header { padding: 16px 16px 8px; } .omnise-size-chart-modal-heading { font-size: 24px; } .omnise-size-chart-modal-body { padding: 8px 16px 16px; } } @media (prefers-reduced-motion: reduce) { .omnise-size-chart-modal-backdrop, .omnise-size-chart-modal-dialog { transition-duration: 0.01ms !important; } } @media (min-width: 767.79px) and (max-width: 1180px) { .omnise-option-lb { font-size: var(--omnise-labelTypo-font-size-tablet); line-height: var(--omnise-labelTypo-line-height-tablet); letter-spacing: var(--omnise-labelTypo-letter-spacing-tablet); text-align: var(--omnise-labelTypo-text-align-tablet); } .omnise-option-active-value { font-size: var(--omnise-activeValueTypo-font-size-tablet); line-height: var(--omnise-activeValueTypo-line-height-tablet); letter-spacing: var(--omnise-activeValueTypo-letter-spacing-tablet); text-align: var(--omnise-activeValueTypo-text-align-tablet); } } @media (max-width: 767px) { .omnise-option-lb { font-size: var(--omnise-labelTypo-font-size-mobile); line-height: var(--omnise-labelTypo-line-height-mobile); letter-spacing: var(--omnise-labelTypo-letter-spacing-mobile); text-align: var(--omnise-labelTypo-text-align-mobile); } .omnise-option-active-value { font-size: var(--omnise-activeValueTypo-font-size-mobile); line-height: var(--omnise-activeValueTypo-line-height-mobile); letter-spacing: var(--omnise-activeValueTypo-letter-spacing-mobile); text-align: var(--omnise-activeValueTypo-text-align-mobile); } } /* ===== SWATCH WRAP ===== */ .omnise-swatch { display: flex; flex-wrap: wrap; gap: 6px; &.omnise-p{ justify-content: var(--omnise-p-text-align, start); } &.omnise-p2{ justify-content: var(--omnise-p2-text-align, start); } &.omnise-p3{ justify-content: var(--omnise-p3-text-align, start); } @media (min-width: 767.79px) and (max-width: 1180px) { &.omnise-p{ justify-content: var(--omnise-p-text-align-tablet, var(--omnise-p-text-align, start)); } &.omnise-p2{ justify-content: var(--omnise-p2-text-align-tablet, var(--omnise-p2-text-align, start)); } &.omnise-p3{ justify-content: var(--omnise-p3-text-align-tablet, var(--omnise-p3-text-align, start)); } } @media (max-width: 767px) { &.omnise-p{ justify-content: var(--omnise-p-text-align-mobile, var(--omnise-p-text-align, start)); } &.omnise-p2{ justify-content: var(--omnise-p2-text-align-mobile, var(--omnise-p2-text-align, start)); } &.omnise-p3{ justify-content: var(--omnise-p3-text-align-mobile, var(--omnise-p3-text-align, start)); } } } /* ===== RADIO ===== */ .omnise-radio-wrap { display: inline-flex; align-items: center; cursor: pointer; margin: 0; position: relative; transition: all 0.2s; } .omnise-radio { position: absolute; opacity: 0; pointer-events: none; } .omnise-radio-lb { display: inline-block; padding-inline: var(--a8wfun-paddingX, 20px); padding-block: var(--a8wfun-paddingY, 12px); background-color: var(--a8wfun-tabBg, #F5F5F5); cursor: pointer; border-style: var(--a8wfun-borderStyle, none); border-color: var(--a8wfun-borderColor, #D1D1D1); border-width: var(--a8wfun-borderWidth,0px); border-radius: var(--a8wfun-borderRadius, 0px); box-shadow: var(--a8wfun-shadowHorizontal, 0px) var(--a8wfun-shadowVertical, 0px) var(--a8wfun-shadowBlur, 0px) 1px color-mix( in srgb, var(--a8wfun-shadowColor, #000000) var(--a8wfun-shadowTransparent, 0%), transparent ); transition: all 0.2s; } /* ===== HOVER ===== */ .omnise-radio-wrap:hover .omnise-radio-lb { background-color: var(--a8wfun-tabBgHover,#cccccc); color: var(--a8wfun-colorHover,#333333); border-color: var(--a8wfun-borderColorHover, var(--a8wfun-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .omnise-radio:checked + .omnise-radio-lb { background-color: var(--a8wfun-tabBgActive, #000); color: var(--a8wfun-colorActive, #fff); border-color: var(--a8wfun-borderColorActive, var(--a8wfun-borderColor, #D1D1D1)); } /* ===== DISABLED ===== */ .omnise-variant-disabled { opacity: 0.3 !important; pointer-events: none !important; cursor: not-allowed !important; } /* ===== COLOR SWATCH ===== */ .omnise-swatch-color, .omnise-swatch-image { width: var(--a8wfun-sizeColor,40px); height: var(--a8wfun-sizeColor,40px); padding: 0; overflow: hidden; transition: all .2s; border-radius: if(style(--a8wfun-styleColor : true ): 50%; else: var(--a8wfun-borderRadius,0px)); border: var(--a8wfun-borderWidth,0) solid color-mix( in srgb, var(--a8wfun-borderColor,#D1D1D1) 30%, transparent ); box-shadow: var(--a8wfun-shadowHorizontal,0px) var(--a8wfun-shadowVertical,0px) var(--a8wfun-shadowBlur,0px) 1px color-mix( in srgb, var(--a8wfun-shadowColor,#000) var(--a8wfun-shadowTransparent,0%), transparent ); .omnise-radio-lb { display: none; } &:hover { border-color: var(--a8wfun-borderColorHover,#000); } &:has(.omnise-radio:checked) { border-color: var(--a8wfun-borderColorActive,#000); padding: 2px !important; } &.omnise-variant-disabled { position: relative; &::after { content: ""; position: absolute; inset: 0; border-radius: inherit; mask-image: linear-gradient( to bottom left, transparent calc(50% - 1px), black 50%, transparent calc(50% + 1px) ); mask-mode: alpha; background: #000; pointer-events: none; z-index: 2; } } @media (min-width: 767.79px) and (max-width:1180px) { width: var(--a8wfun-sizeColor-tablet,var(--a8wfun-sizeColor,40px)); height: var(--a8wfun-sizeColor-tablet,var(--a8wfun-sizeColor,40px)); } @media (max-width:767px) { width: var(--a8wfun-sizeColor-mobile,var(--a8wfun-sizeColor,40px)); height: var(--a8wfun-sizeColor-mobile,var(--a8wfun-sizeColor,40px)); } } .omnise-swatch-color { background-color: #eee; background-clip: content-box; } .omnise-swatch-image { background-color: #eee; background-position: center; background-repeat: no-repeat; background-size: cover; } /* ===== DROPDOWN ===== */ .omnise-swatch-sel { display: inline-block; padding-inline: var(--a8wfun-paddingX, 20px); padding-block: var(--a8wfun-paddingY, 12px); background-color: var(--a8wfun-tabBg, #F5F5F5); cursor: pointer; border-style: var(--a8wfun-borderStyle, none); border-color: var(--a8wfun-borderColor, #D1D1D1); border-width: var(--a8wfun-borderWidth,0px); border-radius: var(--a8wfun-borderRadius, 0px); box-shadow: var(--a8wfun-shadowHorizontal, 0px) var(--a8wfun-shadowVertical, 0px) var(--a8wfun-shadowBlur, 0px) 1px color-mix( in srgb, var(--a8wfun-shadowColor, #000000) var(--a8wfun-shadowTransparent, 0%), transparent ); transition: all 0.2s; } .omnise-swatch-sel:hover { color: var(--a8wfun-colorHover, #333333); background-color: var(--a8wfun-tabBgHover, #cccccc); border-color: var(--a8wfun-borderColorHover, #000000); } .omnise-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="omnise-gt8zao"] { &.omnise-slot-inventory { position: relative; aspect-ratio: var(--background-imageRatio, auto); background: var(--background-color); border-style: var(--borderStyle, solid); border-color: var(--borderColor, #000000); border-width: var(--borderWidth-tl, 0px) var(--borderWidth-tr, 0px) var(--borderWidth-br, 0px) var(--borderWidth-bl, 0px); border-radius: var(--borderRadius-tl, 0px) var(--borderRadius-tr, 0px) var(--borderRadius-br, 0px) var(--borderRadius-bl, 0px); box-shadow: if(style(--enableShadow: true): var(--shadowHorizontal, 0) var(--shadowVertical, 0) var(--shadowBlur, 0) 1px var(--shadowColor, #000000); else: none); max-width: var(--max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--background-imageRatio-tablet, var(--background-imageRatio, auto)); border-width: var(--borderWidth-tl-tablet, 0px) var(--borderWidth-tr-tablet, 0px) var(--borderWidth-br-tablet, 0px) var(--borderWidth-bl-tablet, 0px); border-radius: var(--borderRadius-tl-tablet, 0px) var(--borderRadius-tr-tablet, 0px) var(--borderRadius-br-tablet, 0px) var(--borderRadius-bl-tablet, 0px); max-width: var(--max-width-tablet, var(--max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--background-imageRatio-mobile, var(--background-imageRatio, auto)); border-width: var(--borderWidth-tl-mobile, 0px) var(--borderWidth-tr-mobile, 0px) var(--borderWidth-br-mobile, 0px) var(--borderWidth-bl-mobile, 0px); border-radius: var(--borderRadius-tl-mobile, 0px) var(--borderRadius-tr-mobile, 0px) var(--borderRadius-br-mobile, 0px) var(--borderRadius-bl-mobile, 0px); max-width: var(--max-width-mobile, var(--max-width, 100%)); } >* { position: relative; z-index: 1; } >.omnise-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="omnise-gt8zao"] { padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; } [data-bnode="omnise-gt8zao"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: center;   gap: 10px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-gt8zao"] {                gap: 10px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-gt8zao"] {                gap: 10px;     }  }[data-bnode="omnise-tizw6g"] { --tizw6g-size: 20px; --tizw6g-size-tablet: 20px; --tizw6g-size-mobile: 20px; --tizw6g-iconColor: #AA2826; --tizw6g-iconColor-tablet: #AA2826; --tizw6g-iconColor-mobile: #AA2826; --tizw6g-backgroundColor: #FFFFFF00; --tizw6g-backgroundColor-tablet: #FFFFFF00; --tizw6g-backgroundColor-mobile: #FFFFFF00; --tizw6g-padding: 0px; --tizw6g-padding-tablet: 0px; --tizw6g-padding-mobile: 0px; --tizw6g-enableShadow: false; --tizw6g-enableShadow-tablet: false; --tizw6g-enableShadow-mobile: false; }[data-bnode="omnise-tizw6g"] { margin-top: var(--tizw6g-margin-top, 0px); margin-right: var(--tizw6g-margin-right, 0px); margin-bottom: var(--tizw6g-margin-bottom, 0px); margin-left: var(--tizw6g-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tizw6g-margin-top-tablet, 0px); margin-right: var(--tizw6g-margin-right-tablet, 0px); margin-bottom: var(--tizw6g-margin-bottom-tablet, 0px); margin-left: var(--tizw6g-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tizw6g-margin-top-mobile, 0px); margin-right: var(--tizw6g-margin-right-mobile, 0px); margin-bottom: var(--tizw6g-margin-bottom-mobile, 0px); margin-left: var(--tizw6g-margin-left-mobile, 0px); } & { display: flex; align-items:center; justify-content: center; padding: var(--tizw6g-padding, 4px); border-style: var(--tizw6g-borderStyle,solid); border-color: var(--tizw6g-borderColor,#000000); border-width: var(--tizw6g-borderWidth-tl,0px) var(--tizw6g-borderWidth-tr,0px) var(--tizw6g-borderWidth-br,0px) var(--tizw6g-borderWidth-bl,0px); border-radius: var(--tizw6g-borderRadius-tl,0px) var(--tizw6g-borderRadius-tr,0px) var(--tizw6g-borderRadius-br,0px) var(--tizw6g-borderRadius-bl,0px); box-shadow: if( style(--tizw6g-enableShadow: true): var(--tizw6g-shadowHorizontal, 0) var(--tizw6g-shadowVertical, 0) var(--tizw6g-shadowBlur, 0) 1px var(--tizw6g-shadowColor, #000000); else: none ); color: var(--tizw6g-iconColor,var(--omnise-text-color)); background-color: var(--tizw6g-backgroundColor); overflow: hidden; width: var(--tizw6g-size, 28px); min-width: var(--tizw6g-size, 28px); height: fit-content; max-width: var(--tizw6g-size, 28px); width: var(--tizw6g-size-tablet, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--tizw6g-borderWidth-tl-tablet,0px) var(--tizw6g-borderWidth-tr-tablet,0px) var(--tizw6g-borderWidth-br-tablet,0px) var(--tizw6g-borderWidth-bl-tablet,0px); border-radius: var(--tizw6g-borderRadius-tl-tablet,0px) var(--tizw6g-borderRadius-tr-tablet,0px) var(--tizw6g-borderRadius-br-tablet,0px) var(--tizw6g-borderRadius-bl-tablet,0px); min-width: var(--tizw6g-size-tablet, var(--tizw6g-size, 28px)); max-width: var(--tizw6g-size-tablet, var(--tizw6g-size, 28px)); } @media(max-width: 767px){ width: var(--tizw6g-size-mobile, var(--tizw6g-size-tablet, var(--tizw6g-size, 28px))); min-width: var(--tizw6g-size-mobile, var(--tizw6g-size-tablet, var(--tizw6g-size, 28px))); max-width: var(--tizw6g-size-mobile, var(--tizw6g-size-tablet, var(--tizw6g-size, 28px))); border-width: var(--tizw6g-borderWidth-tl-mobile,0px) var(--tizw6g-borderWidth-tr-mobile,0px) var(--tizw6g-borderWidth-br-mobile,0px) var(--tizw6g-borderWidth-bl-mobile,0px); border-radius: var(--tizw6g-borderRadius-tl-mobile,0px) var(--tizw6g-borderRadius-tr-mobile,0px) var(--tizw6g-borderRadius-br-mobile,0px) var(--tizw6g-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } }[data-bnode="omnise-cby7q1"] { --cby7q1-typography: p; --cby7q1-typography-tablet: p; --cby7q1-typography-mobile: p; --cby7q1-veryLowColor: #c13c18; --cby7q1-veryLowColor-tablet: #c13c18; --cby7q1-veryLowColor-mobile: #c13c18; --cby7q1-lowColor: #f1c40f; --cby7q1-lowColor-tablet: #f1c40f; --cby7q1-lowColor-mobile: #f1c40f; --cby7q1-progressHeight: 4px; --cby7q1-progressHeight-tablet: 4px; --cby7q1-progressHeight-mobile: 4px; --cby7q1-margin-top: 0px; --cby7q1-margin-top-tablet: 0px; --cby7q1-margin-top-mobile: 0px; --cby7q1-margin-right: 0px; --cby7q1-margin-right-tablet: 0px; --cby7q1-margin-right-mobile: 0px; --cby7q1-margin-bottom: 0px; --cby7q1-margin-bottom-tablet: 0px; --cby7q1-margin-bottom-mobile: 0px; --cby7q1-margin-left: 0px; --cby7q1-margin-left-tablet: 0px; --cby7q1-margin-left-mobile: 0px; --cby7q1-color: #08823B; --cby7q1-color-tablet: #08823B; --cby7q1-color-mobile: #08823B; --omnise-p-text-align: start; }[data-bnode="omnise-cby7q1"] { margin-top: var(--cby7q1-margin-top, 0px); margin-right: var(--cby7q1-margin-right, 0px); margin-bottom: var(--cby7q1-margin-bottom, 0px); margin-left: var(--cby7q1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cby7q1-margin-top-tablet, 0px); margin-right: var(--cby7q1-margin-right-tablet, 0px); margin-bottom: var(--cby7q1-margin-bottom-tablet, 0px); margin-left: var(--cby7q1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cby7q1-margin-top-mobile, 0px); margin-right: var(--cby7q1-margin-right-mobile, 0px); margin-bottom: var(--cby7q1-margin-bottom-mobile, 0px); margin-left: var(--cby7q1-margin-left-mobile, 0px); } &.omnise-inventory { width: 100%; } &.omnise-inventory-low { color: var(--cby7q1-lowColor); } &.omnise-inventory-critical, &.omnise-inventory-out { color: var(--cby7q1-veryLowColor); } & .omnise-inventory-text { display: none; &.omnise-show { display: block; } } & .omnise-inventory-progress { width: 100%; height: var(--cby7q1-progressHeight, 4px); background: rgba(0, 0, 0, 0.08); border-radius: 999px; overflow: hidden; margin-top: 6px; & .omnise-inventory-progress-bar { display: block; height: 100%; width: 0%; background: var(--cby7q1-lowColor); border-radius: 999px; transition: width 0.3s ease; } } &.omnise-inventory-critical .omnise-inventory-progress-bar { background: var(--cby7q1-veryLowColor); } &.omnise-inventory-out .omnise-inventory-progress-bar { background: var(--cby7q1-veryLowColor); width: 0% !important; } }[data-bnode="omnise-isvpme"] { --isvpme-borderStyle: none; --isvpme-borderStyle-tablet: none; --isvpme-borderStyle-mobile: none; --isvpme-borderRadius-tl: 8px; --isvpme-borderRadius-tl-tablet: 8px; --isvpme-borderRadius-tl-mobile: 8px; --isvpme-borderRadius-tr: 8px; --isvpme-borderRadius-tr-tablet: 8px; --isvpme-borderRadius-tr-mobile: 8px; --isvpme-borderRadius-bl: 8px; --isvpme-borderRadius-bl-tablet: 8px; --isvpme-borderRadius-bl-mobile: 8px; --isvpme-borderRadius-br: 8px; --isvpme-borderRadius-br-tablet: 8px; --isvpme-borderRadius-br-mobile: 8px; --isvpme-margin-top: 0px; --isvpme-margin-top-tablet: 0px; --isvpme-margin-top-mobile: 0px; --isvpme-margin-right: 0px; --isvpme-margin-right-tablet: 0px; --isvpme-margin-right-mobile: 0px; --isvpme-margin-bottom: 0px; --isvpme-margin-bottom-tablet: 0px; --isvpme-margin-bottom-mobile: 0px; --isvpme-margin-left: 0px; --isvpme-margin-left-tablet: 0px; --isvpme-margin-left-mobile: 0px; --isvpme-enableShadow: false; --isvpme-enableShadow-tablet: false; --isvpme-enableShadow-mobile: false; --isvpme-typography: p; --isvpme-typography-tablet: p; --isvpme-typography-mobile: p; --isvpme-inputWidth: 60px; --isvpme-inputWidth-tablet: 60px; --isvpme-inputWidth-mobile: 60px; --isvpme-btnWidth: 52px; --isvpme-btnWidth-tablet: 52px; --isvpme-btnWidth-mobile: 52px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing-tablet: -0.3px; --omnise-p-letter-spacing-mobile: -0.3px; --isvpme-btnColor: var(--omnise-heading-color); --isvpme-btnColor-tablet: var(--omnise-heading-color); --isvpme-btnColor-mobile: var(--omnise-heading-color); --isvpme-btnBg: #ece6dfff; --isvpme-btnBg-tablet: #ece6dfff; --isvpme-btnBg-mobile: #ece6dfff; --isvpme-inputColor: var(--omnise-heading-color); --isvpme-inputColor-tablet: var(--omnise-heading-color); --isvpme-inputColor-mobile: var(--omnise-heading-color); --isvpme-inputBg: transparent; --isvpme-inputBg-tablet: transparent; --isvpme-inputBg-mobile: transparent; }[data-bnode="omnise-isvpme"] { margin-top: var(--isvpme-margin-top, 0px); margin-right: var(--isvpme-margin-right, 0px); margin-bottom: var(--isvpme-margin-bottom, 0px); margin-left: var(--isvpme-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--isvpme-margin-top-tablet, 0px); margin-right: var(--isvpme-margin-right-tablet, 0px); margin-bottom: var(--isvpme-margin-bottom-tablet, 0px); margin-left: var(--isvpme-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--isvpme-margin-top-mobile, 0px); margin-right: var(--isvpme-margin-right-mobile, 0px); margin-bottom: var(--isvpme-margin-bottom-mobile, 0px); margin-left: var(--isvpme-margin-left-mobile, 0px); } &.omnise-qty { display: flex; flex-direction: column; gap: var(--isvpme-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--isvpme-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--isvpme-gap-mobile, 16px); } .omnise-qty-wrap { gap: 10px; display: flex; align-items: stretch; width: if(style(--isvpme-inputWidth: 100%): 100%; else: fit-content); border-style: var(--isvpme-borderStyle,solid); border-color: var(--isvpme-borderColor,#000000); border-width: var(--isvpme-borderWidth-tl,0px) var(--isvpme-borderWidth-tr,0px) var(--isvpme-borderWidth-br,0px) var(--isvpme-borderWidth-bl,0px); border-radius: var(--isvpme-borderRadius-tl,0px) var(--isvpme-borderRadius-tr,0px) var(--isvpme-borderRadius-br,0px) var(--isvpme-borderRadius-bl,0px); box-shadow: var(--isvpme-shadowHorizontal, 0) var(--isvpme-shadowVertical, 0) var(--isvpme-shadowBlur, 0) 0 var(--isvpme-shadowColor, #000000); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px) { width: if(style(--isvpme-inputWidth-tablet: 100%): 100%; else: fit-content); border-width: var(--isvpme-borderWidth-tl-tablet, 0px) var(--isvpme-borderWidth-tr-tablet, 0px) var(--isvpme-borderWidth-br-tablet, 0px) var(--isvpme-borderWidth-bl-tablet, 0px); border-radius: var(--isvpme-borderRadius-tl-tablet, 0px) var(--isvpme-borderRadius-tr-tablet, 0px) var(--isvpme-borderRadius-br-tablet, 0px) var(--isvpme-borderRadius-bl-tablet, 0px); } @media(max-width: 767px) { width: if(style(--isvpme-inputWidth-mobile: 100%): 100%; else: fit-content); border-width: var(--isvpme-borderWidth-tl-mobile, 0px) var(--isvpme-borderWidth-tr-mobile, 0px) var(--isvpme-borderWidth-br-mobile, 0px) var(--isvpme-borderWidth-bl-mobile, 0px); border-radius: var(--isvpme-borderRadius-tl-mobile, 0px) var(--isvpme-borderRadius-tr-mobile, 0px) var(--isvpme-borderRadius-br-mobile, 0px) var(--isvpme-borderRadius-bl-mobile, 0px); } } .omnise-qty-btn { display: flex; align-items: center; justify-content: center; width: var(--isvpme-btnWidth, 40px); height: var(--isvpme-btnWidth, 40px); padding: 0; border: none; border-radius: 8px; background: var(--isvpme-btnBg, #f5f5f5); color: var(--isvpme-btnColor, #333); cursor: pointer; transition: opacity 0.2s; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--isvpme-btnWidth-tablet, 40px); height: var(--isvpme-btnWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--isvpme-btnWidth-mobile, 40px); height: var(--isvpme-btnWidth-mobile, 40px); } } .omnise-qty-input { flex: 1; min-width: 0; width: var(--isvpme-inputWidth, 40px); border: 1px solid #ccc; border-radius: 8px; text-align: center; color: var(--isvpme-inputColor, #333); background: var(--isvpme-inputBg, #ffffff); font-size: 16px; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--isvpme-inputWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--isvpme-inputWidth-mobile, 40px); } } .omnise-qty-input::-webkit-outer-spin-button, .omnise-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .omnise-qty-input:focus { outline: none; } .omnise-qty-warning { color: #f59e0b; } } }[data-bnode="omnise-heg2u5"] { --heg2u5-width: fill; --heg2u5-width-tablet: fill; --heg2u5-width-mobile: fill; --heg2u5-transform: none; --heg2u5-transform-tablet: none; --heg2u5-transform-mobile: none; --heg2u5-iconWidth: 20px; --heg2u5-iconWidth-tablet: 20px; --heg2u5-iconWidth-mobile: 20px; --heg2u5-iconGap: 5px; --heg2u5-iconGap-tablet: 5px; --heg2u5-iconGap-mobile: 5px; --heg2u5-button: pr; --heg2u5-button-tablet: pr; --heg2u5-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-height-tablet: 45px; }[data-bnode="omnise-heg2u5"] { margin-top: var(--heg2u5-margin-top, 0px); margin-right: var(--heg2u5-margin-right, 0px); margin-bottom: var(--heg2u5-margin-bottom, 0px); margin-left: var(--heg2u5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--heg2u5-margin-top-tablet, 0px); margin-right: var(--heg2u5-margin-right-tablet, 0px); margin-bottom: var(--heg2u5-margin-bottom-tablet, 0px); margin-left: var(--heg2u5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--heg2u5-margin-top-mobile, 0px); margin-right: var(--heg2u5-margin-right-mobile, 0px); margin-bottom: var(--heg2u5-margin-bottom-mobile, 0px); margin-left: var(--heg2u5-margin-left-mobile, 0px); } &.omnise-co-btn { gap: var(--heg2u5-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--heg2u5-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--heg2u5-bgBtnHover)) * 1%)); style(--heg2u5-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--heg2u5-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--heg2u5-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--heg2u5-labelBtnHover)) * 1%)); style(--heg2u5-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--heg2u5-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--heg2u5-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--heg2u5-borderBtnHover)) * 1%)); style(--heg2u5-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--heg2u5-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--heg2u5-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--heg2u5-bgBtnHover)) * 1%)); style(--heg2u5-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--heg2u5-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--heg2u5-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--heg2u5-labelBtnHover)) * 1%)); style(--heg2u5-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--heg2u5-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--heg2u5-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--heg2u5-borderBtnHover)) * 1%)); style(--heg2u5-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--heg2u5-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--heg2u5-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--heg2u5-labelBtnHover)) * 1%)); style(--heg2u5-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--heg2u5-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--heg2u5-iconWidth,20px); min-width: var(--heg2u5-iconWidth,-20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { gap: var(--heg2u5-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } svg { width: var(--heg2u5-iconWidth-tablet, var(--heg2u5-iconWidth,20px)); min-width: var(--heg2u5-iconWidth-tablet,var(--heg2u5-iconWidth,20px)); } } @media(max-width: 767px){ gap: var(--heg2u5-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--heg2u5-iconWidth-mobile,var(--heg2u5-iconWidth,20px)); min-width: var(--heg2u5-iconWidth-mobile,var(--heg2u5-iconWidth,20px)); } } } }[data-bnode="omnise-e7j2kc"] { &.omnise-slot-payment { position: relative; aspect-ratio: var(--background-imageRatio, auto); background: var(--background-color); border-style: var(--borderStyle, solid); border-color: var(--borderColor, #000000); border-width: var(--borderWidth-tl, 0px) var(--borderWidth-tr, 0px) var(--borderWidth-br, 0px) var(--borderWidth-bl, 0px); border-radius: var(--borderRadius-tl, 0px) var(--borderRadius-tr, 0px) var(--borderRadius-br, 0px) var(--borderRadius-bl, 0px); box-shadow: if(style(--enableShadow: true): var(--shadowHorizontal, 0) var(--shadowVertical, 0) var(--shadowBlur, 0) 1px var(--shadowColor, #000000); else: none); max-width: var(--max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--background-imageRatio-tablet, var(--background-imageRatio, auto)); border-width: var(--borderWidth-tl-tablet, 0px) var(--borderWidth-tr-tablet, 0px) var(--borderWidth-br-tablet, 0px) var(--borderWidth-bl-tablet, 0px); border-radius: var(--borderRadius-tl-tablet, 0px) var(--borderRadius-tr-tablet, 0px) var(--borderRadius-br-tablet, 0px) var(--borderRadius-bl-tablet, 0px); max-width: var(--max-width-tablet, var(--max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--background-imageRatio-mobile, var(--background-imageRatio, auto)); border-width: var(--borderWidth-tl-mobile, 0px) var(--borderWidth-tr-mobile, 0px) var(--borderWidth-br-mobile, 0px) var(--borderWidth-bl-mobile, 0px); border-radius: var(--borderRadius-tl-mobile, 0px) var(--borderRadius-tr-mobile, 0px) var(--borderRadius-br-mobile, 0px) var(--borderRadius-bl-mobile, 0px); max-width: var(--max-width-mobile, var(--max-width, 100%)); } >* { position: relative; z-index: 1; } >.omnise-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="omnise-e7j2kc"] { padding-top: 20px; padding-right: 0px; padding-bottom: 12px; padding-left: 0px; } [data-bnode="omnise-e7j2kc"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 12px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e7j2kc"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e7j2kc"] {      flex-direction: column;          gap: 12px;     }  }[data-bnode="omnise-jbxc8k"] { --jbxc8k-typography: p2; --jbxc8k-typography-tablet: p2; --jbxc8k-typography-mobile: p2; --omnise-p2-text-align: start; }[data-bnode="omnise-jbxc8k"] { margin-top: var(--jbxc8k-margin-top, 0px); margin-right: var(--jbxc8k-margin-right, 0px); margin-bottom: var(--jbxc8k-margin-bottom, 0px); margin-left: var(--jbxc8k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jbxc8k-margin-top-tablet, 0px); margin-right: var(--jbxc8k-margin-right-tablet, 0px); margin-bottom: var(--jbxc8k-margin-bottom-tablet, 0px); margin-left: var(--jbxc8k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jbxc8k-margin-top-mobile, 0px); margin-right: var(--jbxc8k-margin-right-mobile, 0px); margin-bottom: var(--jbxc8k-margin-bottom-mobile, 0px); margin-left: var(--jbxc8k-margin-left-mobile, 0px); } }[data-bnode="omnise-o42lz7"] { --o42lz7-typography: p; --o42lz7-typography-tablet: p; --o42lz7-typography-mobile: p; --o42lz7-iconSize: 38; --o42lz7-iconSize-tablet: 38; --o42lz7-iconSize-mobile: 38; --o42lz7-maxWidth: auto; --o42lz7-maxWidth-tablet: auto; --o42lz7-maxWidth-mobile: auto; }[data-bnode="omnise-o42lz7"] { margin-top: var(--o42lz7-margin-top, 0px); margin-right: var(--o42lz7-margin-right, 0px); margin-bottom: var(--o42lz7-margin-bottom, 0px); margin-left: var(--o42lz7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--o42lz7-margin-top-tablet, 0px); margin-right: var(--o42lz7-margin-right-tablet, 0px); margin-bottom: var(--o42lz7-margin-bottom-tablet, 0px); margin-left: var(--o42lz7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--o42lz7-margin-top-mobile, 0px); margin-right: var(--o42lz7-margin-right-mobile, 0px); margin-bottom: var(--o42lz7-margin-bottom-mobile, 0px); margin-left: var(--o42lz7-margin-left-mobile, 0px); } & { display: flex; list-style: none; padding: 0; } }[data-bnode="omnise-ptcixe"] { --ptcixe-headingTypo: h5; --ptcixe-headingTypo-tablet: h5; --ptcixe-headingTypo-mobile: h5; --ptcixe-headerState: hover; --ptcixe-headerState-tablet: hover; --ptcixe-headerState-mobile: hover; --ptcixe-tabBg: transparent; --ptcixe-tabBg-tablet: transparent; --ptcixe-tabBg-mobile: transparent; --ptcixe-tabBgHover: transparent; --ptcixe-tabBgHover-tablet: transparent; --ptcixe-tabBgHover-mobile: transparent; --ptcixe-tabBgActive: transparent; --ptcixe-tabBgActive-tablet: transparent; --ptcixe-tabBgActive-mobile: transparent; --ptcixe-colorHover: var(--bead-heading-color); --ptcixe-colorHover-tablet: var(--bead-heading-color); --ptcixe-colorHover-mobile: var(--bead-heading-color); --ptcixe-colorActive: var(--bead-heading-color); --ptcixe-colorActive-tablet: var(--bead-heading-color); --ptcixe-colorActive-mobile: var(--bead-heading-color); --ptcixe-margin-top: 0px; --ptcixe-margin-top-tablet: 0px; --ptcixe-margin-top-mobile: 0px; --ptcixe-margin-right: 0px; --ptcixe-margin-right-tablet: 0px; --ptcixe-margin-right-mobile: 0px; --ptcixe-margin-bottom: 0px; --ptcixe-margin-bottom-tablet: 0px; --ptcixe-margin-bottom-mobile: 0px; --ptcixe-margin-left: 0px; --ptcixe-margin-left-tablet: 0px; --ptcixe-margin-left-mobile: 0px; --ptcixe-paddingX: 0px; --ptcixe-paddingX-tablet: 0px; --ptcixe-paddingX-mobile: 0px; --ptcixe-paddingY: 16px; --ptcixe-paddingY-tablet: 16px; --ptcixe-paddingY-mobile: 16px; --omnise-h5-text-align: start; --ptcixe-borderStyle: solid; --ptcixe-borderStyle-tablet: solid; --ptcixe-borderStyle-mobile: solid; --ptcixe-borderColor: #E6E6E6; --ptcixe-borderColor-tablet: #E6E6E6; --ptcixe-borderColor-mobile: #E6E6E6; --ptcixe-borderWidth-tl: 0px; --ptcixe-borderWidth-tl-tablet: 0px; --ptcixe-borderWidth-tl-mobile: 0px; --ptcixe-borderWidth-tr: 0px; --ptcixe-borderWidth-tr-tablet: 0px; --ptcixe-borderWidth-tr-mobile: 0px; --ptcixe-borderWidth-bl: 0px; --ptcixe-borderWidth-bl-tablet: 0px; --ptcixe-borderWidth-bl-mobile: 0px; --ptcixe-borderWidth-br: 1px; --ptcixe-borderWidth-br-tablet: 1px; --ptcixe-borderWidth-br-mobile: 1px; --ptcixe-gap: 0px; --ptcixe-gap-tablet: 0px; --ptcixe-gap-mobile: 0px; }[data-bnode="omnise-ptcixe"] { margin-top: var(--ptcixe-margin-top, 0px); margin-right: var(--ptcixe-margin-right, 0px); margin-bottom: var(--ptcixe-margin-bottom, 0px); margin-left: var(--ptcixe-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ptcixe-margin-top-tablet, 0px); margin-right: var(--ptcixe-margin-right-tablet, 0px); margin-bottom: var(--ptcixe-margin-bottom-tablet, 0px); margin-left: var(--ptcixe-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ptcixe-margin-top-mobile, 0px); margin-right: var(--ptcixe-margin-right-mobile, 0px); margin-bottom: var(--ptcixe-margin-bottom-mobile, 0px); margin-left: var(--ptcixe-margin-left-mobile, 0px); } &.omnise-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--ptcixe-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--ptcixe-gap-tablet, 16px); } @media(max-width: 767px){ gap: var(--ptcixe-gap-mobile, 16px); } .omnise-accordion-item { border-style: var(--ptcixe-borderStyle,solid); border-color: var(--ptcixe-borderColor,#000000); border-width: var(--ptcixe-borderWidth-tl,0px) var(--ptcixe-borderWidth-tr,0px) var(--ptcixe-borderWidth-br,0px) var(--ptcixe-borderWidth-bl,0px); border-radius: var(--ptcixe-borderRadius-tl,0px) var(--ptcixe-borderRadius-tr,0px) var(--ptcixe-borderRadius-br,0px) var(--ptcixe-borderRadius-bl,0px); box-shadow: var(--ptcixe-shadowHorizontal, 0px) var(--ptcixe-shadowVertical, 0px) var(--ptcixe-shadowBlur, 0px) 1px color-mix( in srgb, var(--ptcixe-shadowColor, #000000) var(--ptcixe-shadowTransparent, 0%), transparent ); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--ptcixe-borderWidth-tl-tablet,0px) var(--ptcixe-borderWidth-tr-tablet,0px) var(--ptcixe-borderWidth-br-tablet,0px) var(--ptcixe-borderWidth-bl-tablet,0px); border-radius: var(--ptcixe-borderRadius-tl-tablet,0px) var(--ptcixe-borderRadius-tr-tablet,0px) var(--ptcixe-borderRadius-br-tablet,0px) var(--ptcixe-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--ptcixe-borderWidth-tl-mobile,0px) var(--ptcixe-borderWidth-tr-mobile,0px) var(--ptcixe-borderWidth-br-mobile,0px) var(--ptcixe-borderWidth-bl-mobile,0px); border-radius: var(--ptcixe-borderRadius-tl-mobile,0px) var(--ptcixe-borderRadius-tr-mobile,0px) var(--ptcixe-borderRadius-br-mobile,0px) var(--ptcixe-borderRadius-bl-mobile,0px); } .omnise-accordion-icon{ flex-shrink: 0; padding: 6px; height: fit-content; border-radius: 9999px; svg, path{ transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); svg { width: var(--ptcixe-iconSize, 20px); height: var(--ptcixe-iconSize, 20px); } } } &[open] { .omnise-accordion-summary { color: var(--ptcixe-colorActive); background: var(--ptcixe-tabBgActive); } .omnise-accordion-content { opacity: 1; } .omnise-accordion-icon { .omnise-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .omnise-icon-chevron{ transform: rotate(180deg); } .omnise-icon-arrow{ transform: rotate(90deg); } } } } .omnise-accordion-title{ flex: auto; cursor: pointer; } .omnise-accordion-summary { display: flex; flex-direction: var(--omnise-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--ptcixe-paddingX, 20px); padding-block: var(--ptcixe-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--ptcixe-tabBg); &:marker { display: none; } &:hover { background: var(--ptcixe-tabBgHover); color: var(--ptcixe-colorHover); } @media(min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--ptcixe-paddingX-tablet, 20px); padding-block: var(--ptcixe-paddingY-tablet, 20px); } @media(max-width: 767px) { padding-inline: var(--ptcixe-paddingX-mobile, 20px); padding-block: var(--ptcixe-paddingY-mobile, 20px); } } .omnise-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .omnise-accordion-content { opacity: 0; animation: omniseSlideDown 0.3s ease-out; } .omnise-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes omniseSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="omnise-wek3r4"] { padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } [data-bnode="omnise-wek3r4"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-wek3r4"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-wek3r4"] {                gap: 16px;     }  }[data-bnode="omnise-sr8sc5"] { --omnise-p-text-align: start; --sr8sc5-borderStyle: none; --sr8sc5-borderStyle-tablet: none; --sr8sc5-borderStyle-mobile: none; --omnise-p-text-align-tablet: start; --omnise-p-font-size-mobile: 16px; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-align-mobile: start; }[data-bnode="omnise-sr8sc5"] { margin-top: var(--sr8sc5-margin-top, 0px); margin-right: var(--sr8sc5-margin-right, 0px); margin-bottom: var(--sr8sc5-margin-bottom, 0px); margin-left: var(--sr8sc5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--sr8sc5-margin-top-tablet, 0px); margin-right: var(--sr8sc5-margin-right-tablet, 0px); margin-bottom: var(--sr8sc5-margin-bottom-tablet, 0px); margin-left: var(--sr8sc5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--sr8sc5-margin-top-mobile, 0px); margin-right: var(--sr8sc5-margin-right-mobile, 0px); margin-bottom: var(--sr8sc5-margin-bottom-mobile, 0px); margin-left: var(--sr8sc5-margin-left-mobile, 0px); } &.omnise-metafield { overflow: hidden; p:first-child, ul:first-child { margin-top: 0; padding-top: 0; } p:last-child, ul:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child, ul:only-child { margin: 0; padding-block: 0; } } &.omnise-metafield--table { overflow: auto; } & .omnise-metafield-table { width: 100%; border-collapse: collapse; table-layout: var(--sr8sc5-layout, fixed); min-width: var(--sr8sc5-width, 640px); } & .omnise-metafield-table-cell { padding: var(--sr8sc5-paddingY, 12px) var(--sr8sc5-paddingX, 12px); vertical-align: top; vertical-align: var(--sr8sc5-cellVerticalAlign, top); border-style: var(--sr8sc5-cellBorderStyle, solid); border-color: var(--sr8sc5-cellBorderColor, rgba(0, 0, 0, 0.08)); border-width: var(--sr8sc5-cellBorderWidth-tl, 1px) var(--sr8sc5-cellBorderWidth-tr, 1px) var(--sr8sc5-cellBorderWidth-br, 1px) var(--sr8sc5-cellBorderWidth-bl, 1px); background: var(--sr8sc5-cellBg, transparent); word-break: break-word; text-align: left; } & .omnise-metafield-table-header-cell { background: var(--sr8sc5-headerBg, #f5f5f5); } & .omnise-metafield-table-cell-striped { background: var(--sr8sc5-stripedBg, transparent); } & .omnise-metafield-table-cell-even-column { background: var(--sr8sc5-evenColumnBg, transparent); } & .omnise-metafield-table-cell.is-empty { background: rgba(0, 0, 0, 0.02); } & .omnise-metafield-table p:first-child, & .omnise-metafield-table ul:first-child { margin-top: 0; } & .omnise-metafield-table p:last-child, & .omnise-metafield-table ul:last-child { margin-bottom: 0; } @media(min-width: 767.79px) and (max-width: 1180px) { & .omnise-metafield-table-cell { padding: var(--sr8sc5-paddingY-tablet, var(--sr8sc5-paddingY, 12px)) var(--sr8sc5-paddingX-tablet, var(--sr8sc5-paddingX, 12px)); } } @media(max-width: 767px) { & .omnise-metafield-table-cell { padding: var(--sr8sc5-paddingY-mobile, var(--sr8sc5-paddingY, 12px)) var(--sr8sc5-paddingX-mobile, var(--sr8sc5-paddingX, 12px)); } } &.omnise-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="omnise-7qxy3k"] { padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } [data-bnode="omnise-7qxy3k"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-7qxy3k"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-7qxy3k"] {                gap: 16px;     }  }[data-bnode="omnise-uk16i7"] { --uk16i7-typography: p; --uk16i7-typography-tablet: p; --uk16i7-typography-mobile: p; --uk16i7-borderRadius: 0px; --uk16i7-borderRadius-tablet: 0px; --uk16i7-borderRadius-mobile: 0px; --uk16i7-borderStyle: none; --uk16i7-borderStyle-tablet: none; --uk16i7-borderStyle-mobile: none; --uk16i7-borderWidth: 0px; --uk16i7-borderWidth-tablet: 0px; --uk16i7-borderWidth-mobile: 0px; --uk16i7-borderColor: #000000; --uk16i7-borderColor-tablet: #000000; --uk16i7-borderColor-mobile: #000000; --uk16i7-enableShadow: false; --uk16i7-enableShadow-tablet: false; --uk16i7-enableShadow-mobile: false; --uk16i7-shadowBlur: 0px; --uk16i7-shadowBlur-tablet: 0px; --uk16i7-shadowBlur-mobile: 0px; --omnise-p-text-align: start; }[data-bnode="omnise-uk16i7"] { margin-top: var(--uk16i7-margin-top, 0px); margin-right: var(--uk16i7-margin-right, 0px); margin-bottom: var(--uk16i7-margin-bottom, 0px); margin-left: var(--uk16i7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uk16i7-margin-top-tablet, 0px); margin-right: var(--uk16i7-margin-right-tablet, 0px); margin-bottom: var(--uk16i7-margin-bottom-tablet, 0px); margin-left: var(--uk16i7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uk16i7-margin-top-mobile, 0px); margin-right: var(--uk16i7-margin-right-mobile, 0px); margin-bottom: var(--uk16i7-margin-bottom-mobile, 0px); margin-left: var(--uk16i7-margin-left-mobile, 0px); } &.omnise-metafield { border-style: var(--uk16i7-borderStyle); border-color: var(--uk16i7-borderColor); border-width: var(--uk16i7-borderWidth-tl, 0px); border-radius: var(--uk16i7-borderRadius, 20px); box-shadow: if(style(--uk16i7-enableShadow: true): var(--uk16i7-shadowHorizontal, 0) var(--uk16i7-shadowVertical, 0) var(--uk16i7-shadowBlur, 0) 1px var(--uk16i7-shadowColor, #000000); else: none); overflow: hidden; p:first-child { margin-top: 0; padding-top: 0; } p:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child { margin: 0; padding: 0; } } &.omnise-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="omnise-e5w7dz"] { padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } [data-bnode="omnise-e5w7dz"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e5w7dz"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e5w7dz"] {                gap: 16px;     }  }[data-bnode="omnise-bloh4g"] { --bloh4g-typography: p; --bloh4g-typography-tablet: p; --bloh4g-typography-mobile: p; --bloh4g-borderRadius: 0px; --bloh4g-borderRadius-tablet: 0px; --bloh4g-borderRadius-mobile: 0px; --bloh4g-borderStyle: none; --bloh4g-borderStyle-tablet: none; --bloh4g-borderStyle-mobile: none; --bloh4g-borderWidth: 0px; --bloh4g-borderWidth-tablet: 0px; --bloh4g-borderWidth-mobile: 0px; --bloh4g-borderColor: #000000; --bloh4g-borderColor-tablet: #000000; --bloh4g-borderColor-mobile: #000000; --bloh4g-enableShadow: false; --bloh4g-enableShadow-tablet: false; --bloh4g-enableShadow-mobile: false; --bloh4g-shadowBlur: 0px; --bloh4g-shadowBlur-tablet: 0px; --bloh4g-shadowBlur-mobile: 0px; --omnise-p-text-align: start; }[data-bnode="omnise-bloh4g"] { margin-top: var(--bloh4g-margin-top, 0px); margin-right: var(--bloh4g-margin-right, 0px); margin-bottom: var(--bloh4g-margin-bottom, 0px); margin-left: var(--bloh4g-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bloh4g-margin-top-tablet, 0px); margin-right: var(--bloh4g-margin-right-tablet, 0px); margin-bottom: var(--bloh4g-margin-bottom-tablet, 0px); margin-left: var(--bloh4g-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bloh4g-margin-top-mobile, 0px); margin-right: var(--bloh4g-margin-right-mobile, 0px); margin-bottom: var(--bloh4g-margin-bottom-mobile, 0px); margin-left: var(--bloh4g-margin-left-mobile, 0px); } &.omnise-metafield { border-style: var(--bloh4g-borderStyle); border-color: var(--bloh4g-borderColor); border-width: var(--bloh4g-borderWidth-tl, 0px); border-radius: var(--bloh4g-borderRadius, 20px); box-shadow: if(style(--bloh4g-enableShadow: true): var(--bloh4g-shadowHorizontal, 0) var(--bloh4g-shadowVertical, 0) var(--bloh4g-shadowBlur, 0) 1px var(--bloh4g-shadowColor, #000000); else: none); overflow: hidden; p:first-child { margin-top: 0; padding-top: 0; } p:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child { margin: 0; padding: 0; } } &.omnise-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="omnise-bql47e"] { --bql47e-maxWidth: unset; --bql47e-maxWidth-tablet: unset; --bql47e-maxWidth-mobile: unset; --bql47e-typography: p; --bql47e-typography-tablet: p; --bql47e-typography-mobile: p; --bql47e-margin-top: 12px; --bql47e-margin-top-tablet: 12px; --bql47e-margin-top-mobile: 12px; --bql47e-margin-right: 0px; --bql47e-margin-right-tablet: 0px; --bql47e-margin-right-mobile: 0px; --bql47e-margin-bottom: 0px; --bql47e-margin-bottom-tablet: 0px; --bql47e-margin-bottom-mobile: 0px; --bql47e-margin-left: 0px; --bql47e-margin-left-tablet: 0px; --bql47e-margin-left-mobile: 0px; --bql47e-paddingX: 16px; --bql47e-paddingX-tablet: 16px; --bql47e-paddingX-mobile: 16px; --bql47e-paddingY: 16px; --bql47e-paddingY-tablet: 16px; --bql47e-paddingY-mobile: 16px; --bql47e-backgroundColor: #ece6dfff; --bql47e-backgroundColor-tablet: #ece6dfff; --bql47e-backgroundColor-mobile: #ece6dfff; --bql47e-shadowBlur: 0px; --bql47e-shadowBlur-tablet: 0px; --bql47e-shadowBlur-mobile: 0px; --bql47e-enableShadow: false; --bql47e-enableShadow-tablet: false; --bql47e-enableShadow-mobile: false; --bql47e-borderRadius-tl: 8px; --bql47e-borderRadius-tl-tablet: 8px; --bql47e-borderRadius-tl-mobile: 8px; --bql47e-borderRadius-tr: 8px; --bql47e-borderRadius-tr-tablet: 8px; --bql47e-borderRadius-tr-mobile: 8px; --bql47e-borderRadius-bl: 8px; --bql47e-borderRadius-bl-tablet: 8px; --bql47e-borderRadius-bl-mobile: 8px; --bql47e-borderRadius-br: 8px; --bql47e-borderRadius-br-tablet: 8px; --bql47e-borderRadius-br-mobile: 8px; --bql47e-borderStyle: none; --bql47e-borderStyle-tablet: none; --bql47e-borderStyle-mobile: none; --bql47e-borderWidth-tl: 0px; --bql47e-borderWidth-tl-tablet: 0px; --bql47e-borderWidth-tl-mobile: 0px; --bql47e-borderWidth-tr: 0px; --bql47e-borderWidth-tr-tablet: 0px; --bql47e-borderWidth-tr-mobile: 0px; --bql47e-borderWidth-bl: 0px; --bql47e-borderWidth-bl-tablet: 0px; --bql47e-borderWidth-bl-mobile: 0px; --bql47e-borderWidth-br: 0px; --bql47e-borderWidth-br-tablet: 0px; --bql47e-borderWidth-br-mobile: 0px; --bql47e-gap: 4px; --bql47e-gap-tablet: 4px; --bql47e-gap-mobile: 4px; --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #4C4C4C; --omnise-p-font-weight: 400; --omnise-p-line-height: 1.5; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: normal; --bql47e-direction: row; --bql47e-direction-tablet: row; --bql47e-direction-mobile: row; --bql47e-justify-content: flex-start; --bql47e-justify-content-tablet: flex-start; --bql47e-justify-content-mobile: flex-start; --bql47e-shadowHorizontal: 0px; --bql47e-shadowHorizontal-tablet: 0px; --bql47e-shadowHorizontal-mobile: 0px; }[data-bnode="omnise-bql47e"] { margin-top: var(--bql47e-margin-top, 0px); margin-right: var(--bql47e-margin-right, 0px); margin-bottom: var(--bql47e-margin-bottom, 0px); margin-left: var(--bql47e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bql47e-margin-top-tablet, 0px); margin-right: var(--bql47e-margin-right-tablet, 0px); margin-bottom: var(--bql47e-margin-bottom-tablet, 0px); margin-left: var(--bql47e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bql47e-margin-top-mobile, 0px); margin-right: var(--bql47e-margin-right-mobile, 0px); margin-bottom: var(--bql47e-margin-bottom-mobile, 0px); margin-left: var(--bql47e-margin-left-mobile, 0px); } &.omnise-block-share { width: fit-content; position: relative; cursor: pointer; } &.omnise-share-icon { display: flex; flex-direction: var(--bql47e-direction, row); flex-wrap: wrap; align-items: var(--bql47e-align-items, center); justify-content: var(--bql47e-justify-content, flex-start); gap: var(--bql47e-gap, 4px); @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--bql47e-gap-tablet, 4px); } @media(max-width: 767px) { gap: var(--bql47e-gap-mobile, 4px); } } & { display: flex; align-items: center; gap: 4px; span { cursor: pointer; } .omnise-icon-share { width: 20px; height: 20px; } .omnise-tooltip { position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%) translateY(6px); background: #111; color: #fff; font-size: 14px; padding: 4px 8px; border-radius: 6px; opacity: 0; pointer-events: none; transition: all 0.25s ease; white-space: nowrap; z-index: 99999999; } .omnise-tooltip.show { opacity: 1; transform: translateX(-50%) translateY(0); } .omnise-link-icon { display: inline-flex; width: auto; height: auto; padding: var(--bql47e-paddingY) var(--bql47e-paddingX); background-color: var(--bql47e-backgroundColor); border-style: var(--bql47e-borderStyle, solid); border-color: var(--bql47e-borderColor, #000000); border-width: var(--bql47e-borderWidth-tl, 0px) var(--bql47e-borderWidth-tr, 0px) var(--bql47e-borderWidth-br, 0px) var(--bql47e-borderWidth-bl, 0px); border-radius: var(--bql47e-borderRadius-tl, 0px) var(--bql47e-borderRadius-tr, 0px) var(--bql47e-borderRadius-br, 0px) var(--bql47e-borderRadius-bl, 0px); box-shadow: if(style(--bql47e-enableShadow: true): var(--bql47e-shadowHorizontal, 0) var(--bql47e-shadowVertical, 0) var(--bql47e-shadowBlur, 0) 1px var(--bql47e-shadowColor, #000000); else: none); color: var(--omnise-heading-color); @media(min-width: 767.79px) and (max-width: 1180px) { padding: var(--bql47e-paddingY-tablet,--paddingY) var(--bql47e-paddingX-tablet,--paddingX); border-width: var(--bql47e-borderWidth-tl-tablet, 0px) var(--bql47e-borderWidth-tr-tablet, 0px) var(--bql47e-borderWidth-br-tablet, 0px) var(--bql47e-borderWidth-bl-tablet, 0px); border-radius: var(--bql47e-borderRadius-tl-tablet, 0px) var(--bql47e-borderRadius-tr-tablet, 0px) var(--bql47e-borderRadius-br-tablet, 0px) var(--bql47e-borderRadius-bl-tablet, 0px); } @media(max-width: 767px) { padding: var(--bql47e-paddingY-mobile,--paddingY) var(--bql47e-paddingX-mobile,--paddingX); border-width: var(--bql47e-borderWidth-tl-mobile, 0px) var(--bql47e-borderWidth-tr-mobile, 0px) var(--bql47e-borderWidth-br-mobile, 0px) var(--bql47e-borderWidth-bl-mobile, 0px); border-radius: var(--bql47e-borderRadius-tl-mobile, 0px) var(--bql47e-borderRadius-tr-mobile, 0px) var(--bql47e-borderRadius-br-mobile, 0px) var(--bql47e-borderRadius-bl-mobile, 0px); } } } }[data-bnode="omnise-wlpr7o"].omnise-section { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-wlpr7o"].omnise-section { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 767px) { [data-bnode="omnise-wlpr7o"].omnise-section { padding-top: 40px; padding-bottom: 40px; } } [data-bnode="omnise-wlpr7o"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;        gap: 48px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-wlpr7o"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;              gap: 48px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-wlpr7o"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;              gap: 48px;     }  }[data-bnode="omnise-bdbbuu"] { --bdbbuu-typography: h2; --bdbbuu-typography-tablet: h2; --bdbbuu-typography-mobile: h2; --omnise-h3-text-align-tablet: start; --omnise-h3-text-align-mobile: start; --omnise-h2-text-align: center; }[data-bnode="omnise-bdbbuu"] { margin-top: var(--bdbbuu-margin-top, 0px); margin-right: var(--bdbbuu-margin-right, 0px); margin-bottom: var(--bdbbuu-margin-bottom, 0px); margin-left: var(--bdbbuu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bdbbuu-margin-top-tablet, 0px); margin-right: var(--bdbbuu-margin-right-tablet, 0px); margin-bottom: var(--bdbbuu-margin-bottom-tablet, 0px); margin-left: var(--bdbbuu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bdbbuu-margin-top-mobile, 0px); margin-right: var(--bdbbuu-margin-right-mobile, 0px); margin-bottom: var(--bdbbuu-margin-bottom-mobile, 0px); margin-left: var(--bdbbuu-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--bdbbuu-highlightColor,var(--omnise-p-color)); top: var(--bdbbuu-highlightTop, 100%); } }[data-bnode="omnise-d7iy12"] { --d7iy12-columns: 3; --d7iy12-columns-tablet: 3; --d7iy12-columns-mobile: 1; --d7iy12-navType: true; --d7iy12-navType-tablet: true; --d7iy12-navType-mobile: true; --d7iy12-pagiType: false; --d7iy12-pagiType-tablet: false; --d7iy12-pagiType-mobile: false; --d7iy12-listType: slider; --d7iy12-listType-tablet: grid; --d7iy12-listType-mobile: grid; --d7iy12-stateNavigation: normal; --d7iy12-stateNavigation-tablet: normal; --d7iy12-stateNavigation-mobile: normal; --d7iy12-statePagination: normal; --d7iy12-statePagination-tablet: normal; --d7iy12-statePagination-mobile: normal; --d7iy12-stateNavigtion: normal; --d7iy12-stateNavigtion-tablet: normal; --d7iy12-stateNavigtion-mobile: normal; --d7iy12-reverseOdd: true; --d7iy12-reverseOdd-tablet: true; --d7iy12-reverseOdd-mobile: false; --d7iy12-columnsMobile-mobile: 1; } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-rtvfqk"] { --rtvfqk-typography: h4; --omnise-h4-text-align: start; --omnise-h4-text-align-tablet: center; } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-zt4nuy"] { --zt4nuy-typography: p; --omnise-p-text-align: center; } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-a95qwu"] { --a95qwu-direction: column; --a95qwu-structure: columns; --a95qwu-justify-content: center; --a95qwu-align-items: center; --a95qwu-gap: 12px; } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-d4ozf0"] { --d4ozf0-width: 100%; --d4ozf0-imageRatio: 1/1; --d4ozf0-objFit: cover; --d4ozf0-borderColor: #ffffff; --d4ozf0-shadowColor: #000000; --d4ozf0-borderStyle: solid; --d4ozf0-enableShadow: false; --d4ozf0-borderWidth: 12px; } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-vejq58"] { --vejq58-shapeRotation: 90deg; --vejq58-rectWidth: 40px; --vejq58-rectHeight: 100px; --vejq58-rectRadius: 0px; --vejq58-rectFill: #d9d9d9; --vejq58-rectStroke: #181818; --vejq58-rectStrokeWidth: 0px; --vejq58-lineLength: 40px; --vejq58-lineStroke: #181818; --vejq58-lineStrokeWidth: 2px; --vejq58-lineCap: round; --vejq58-lineStyle: solid; --vejq58-arrowLength: 160px; --vejq58-arrowStroke: #181818; --vejq58-arrowStrokeWidth: 2px; --vejq58-arrowHeadSize: 12px; --vejq58-arrowCap: round; --vejq58-ellipseWidth: 160px; --vejq58-ellipseHeight: 100px; --vejq58-ellipseFill: #d9d9d9; --vejq58-ellipseStroke: #181818; --vejq58-ellipseStrokeWidth: 0px; --vejq58-polygonSides: 3; --vejq58-polygonSize: 120px; --vejq58-polygonFill: #d9d9d9; --vejq58-polygonStroke: #181818; --vejq58-polygonStrokeWidth: 0px; }[data-bnode="omnise-d7iy12"] { margin-top: var(--d7iy12-margin-top, 0px); margin-right: var(--d7iy12-margin-right, 0px); margin-bottom: var(--d7iy12-margin-bottom, 0px); margin-left: var(--d7iy12-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--d7iy12-margin-top-tablet, 0px); margin-right: var(--d7iy12-margin-right-tablet, 0px); margin-bottom: var(--d7iy12-margin-bottom-tablet, 0px); margin-left: var(--d7iy12-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--d7iy12-margin-top-mobile, 0px); margin-right: var(--d7iy12-margin-right-mobile, 0px); margin-bottom: var(--d7iy12-margin-bottom-mobile, 0px); margin-left: var(--d7iy12-margin-left-mobile, 0px); } &.omnise-content-list { .omnise-slider-item{ > .omnise-slot[data-bnode="be-ctl-item"]{ height: 100%; } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"]{ .omnise-slider-items { gap: var(--d7iy12-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--d7iy12-gap,var(--omnise-grid-gap, 20px)) * (var(--d7iy12-columns, 3) - 1)) / var(--d7iy12-columns, 3)); &:last-child{ margin-right: var(--d7iy12-gap,var(--omnise-grid-gap, 20px)); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .omnise-slider-items { flex-direction: column; flex-wrap: nowrap; } } .omnise-slider-items { flex-wrap: wrap; gap: var(--d7iy12-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--d7iy12-columns) - 1) * var(--d7iy12-gap,var(--omnise-grid-gap, 20px))) / var(--d7iy12-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"]{ .omnise-slider-items { gap: var(--d7iy12-gap-tablet,var(--omnise-grid-gap-tablet, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--d7iy12-gap-tablet,var(--omnise-grid-gap-tablet, 16px)) * (var(--d7iy12-columns-tablet, 3) - 1)) / var(--d7iy12-columns-tablet, 3)); &:last-child{ margin-right: var(--d7iy12-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .omnise-slider-items { flex-direction: column; flex-wrap: nowrap; } } .omnise-slider-items { flex-wrap: wrap; gap: var(--d7iy12-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--d7iy12-columns-tablet) - 1) * var(--d7iy12-gap-tablet,var(--omnise-grid-gap-tablet, 16px))) / var(--d7iy12-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"]{ .omnise-slider-items { gap: var(--d7iy12-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--d7iy12-gap-mobile,var(--omnise-grid-gap-mobile, 10px)) * (var(--d7iy12-columnsMobile-mobile, 1) - 1)) / var(--d7iy12-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--d7iy12-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .omnise-slider-items { flex-direction: column; flex-wrap: nowrap; } } .omnise-slider-items { flex-wrap: wrap; gap: var(--d7iy12-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--d7iy12-columnsMobile-mobile) - 1) * var(--d7iy12-gap-mobile,var(--omnise-grid-gap-mobile, 10px))) / var(--d7iy12-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--d7iy12-navPadding,12px); background:var(--d7iy12-navBg,#F5F5F5); color: var(--d7iy12-navColor,var(--omnise-text-color)); cursor: pointer; border-radius: var(--d7iy12-navRadius,50%); &:hover { background:var(--d7iy12-navBgHover,#CCCCCC); color: var(--d7iy12-navColorHover,var(--omnise-text-color)); } svg { width: var(--d7iy12-navIconSize,20px); height: var(--d7iy12-navIconSize,20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--d7iy12-pagiBg,#E6E6E6); &.active { background:var(--d7iy12-pagiBgActive,#181818); } &:not(.active):hover { background:var(--d7iy12-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--d7iy12-pagiColor,#e6e6e6); &.active { color:var(--d7iy12-pagiColorActive,#181818); } &:not(.active):hover { color: var(--d7iy12-pagiColorHover,#181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--d7iy12-pagiColor,#e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--d7iy12-pagiBg,#E6E6E6); &.active { background: var(--d7iy12-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--d7iy12-pagiBgHover,#CCCCCC); } } .omnise-slider-pagination-wrp{ margin-top: 20px; } } & .omnise-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .omnise-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } & .omnise-slider-item { @media (min-width: 1180px) { &.rev-d-row .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: row !important; } &.rev-d-row-reverse .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: row-reverse !important; } &.rev-d-column .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: column !important; } &.rev-d-column-reverse .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: column-reverse !important; } } @media (min-width: 767.79px) and (max-width: 1180px) { &.rev-t-row .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: row !important; } &.rev-t-row-reverse .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: row-reverse !important; } &.rev-t-column .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: column !important; } &.rev-t-column-reverse .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: column-reverse !important; } } @media (max-width: 767px) { &.rev-m-row .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: row !important; } &.rev-m-row-reverse .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: row-reverse !important; } &.rev-m-column .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: column !important; } &.rev-m-column-reverse .omnise-slot[data-bnode="be-ctl-item"] { flex-direction: column-reverse !important; } } } } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-d4ozf0"] { margin-top: var(--d4ozf0-margin-top, 0px); margin-right: var(--d4ozf0-margin-right, 0px); margin-bottom: var(--d4ozf0-margin-bottom, 0px); margin-left: var(--d4ozf0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--d4ozf0-margin-top-tablet, 0px); margin-right: var(--d4ozf0-margin-right-tablet, 0px); margin-bottom: var(--d4ozf0-margin-bottom-tablet, 0px); margin-left: var(--d4ozf0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--d4ozf0-margin-top-mobile, 0px); margin-right: var(--d4ozf0-margin-right-mobile, 0px); margin-bottom: var(--d4ozf0-margin-bottom-mobile, 0px); margin-left: var(--d4ozf0-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--d4ozf0-width,100%) - var(--d4ozf0-margin-left,0px) - var(--d4ozf0-margin-right,0px)); width: calc(var(--d4ozf0-width,100%) - var(--d4ozf0-margin-left,0px) - var(--d4ozf0-margin-right,0px)); min-height: min-content; border-color: var(--d4ozf0-borderColor,var(--omnise-card-media-border-color)); border-style: var(--d4ozf0-borderStyle,solid); border-width: var(--d4ozf0-borderWidth-tl,var(--omnise-card-border-width)) var(--d4ozf0-borderWidth-tr,var(--omnise-card-border-width)) var(--d4ozf0-borderWidth-br,var(--omnise-card-border-width)) var(--d4ozf0-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--d4ozf0-borderRadius-tl,var(--omnise-card-border-radius)) var(--d4ozf0-borderRadius-tr,var(--omnise-card-border-radius)) var(--d4ozf0-borderRadius-br,var(--omnise-card-border-radius)) var(--d4ozf0-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--d4ozf0-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--d4ozf0-borderWidth-tl-tablet, var(--d4ozf0-borderWidth-tl,var(--omnise-card-border-width))) var(--d4ozf0-borderWidth-tr-tablet, var(--d4ozf0-borderWidth-tr,var(--omnise-card-border-width))) var(--d4ozf0-borderWidth-br-tablet, var(--d4ozf0-borderWidth-br,var(--omnise-card-border-width))) var(--d4ozf0-borderWidth-bl-tablet, var(--d4ozf0-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--d4ozf0-borderRadius-tl-tablet, var(--d4ozf0-borderRadius-tl,var(--omnise-card-border-radius))) var(--d4ozf0-borderRadius-tr-tablet, var(--d4ozf0-borderRadius-tr,var(--omnise-card-border-radius))) var(--d4ozf0-borderRadius-br-tablet, var(--d4ozf0-borderRadius-br,var(--omnise-card-border-radius))) var(--d4ozf0-borderRadius-bl-tablet, var(--d4ozf0-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--d4ozf0-borderWidth-tl-mobile, var(--d4ozf0-borderWidth-tl,var(--omnise-card-border-width))) var(--d4ozf0-borderWidth-tr-mobile, var(--d4ozf0-borderWidth-tr,var(--omnise-card-border-width))) var(--d4ozf0-borderWidth-br-mobile, var(--d4ozf0-borderWidth-br,var(--omnise-card-border-width))) var(--d4ozf0-borderWidth-bl-mobile, var(--d4ozf0-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--d4ozf0-borderRadius-tl-mobile, var(--d4ozf0-borderRadius-tl,var(--omnise-card-border-radius))) var(--d4ozf0-borderRadius-tr-mobile, var(--d4ozf0-borderRadius-tr,var(--omnise-card-border-radius))) var(--d4ozf0-borderRadius-br-mobile, var(--d4ozf0-borderRadius-br,var(--omnise-card-border-radius))) var(--d4ozf0-borderRadius-bl-mobile, var(--d4ozf0-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--d4ozf0-shadowHorizontal, var(--omnise-card-shadow-x)) var(--d4ozf0-shadowVertical, var(--omnise-card-shadow-y)) var(--d4ozf0-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--d4ozf0-shadowColor, var(--omnise-card-media-shadow-color)) var(--d4ozf0-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--d4ozf0-overlayColor-color, #000); opacity: var(--d4ozf0-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--d4ozf0-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--d4ozf0-width-tablet,var(--d4ozf0-width,100%)) - var(--d4ozf0-margin-left-tablet,var(--d4ozf0-margin-left,0px)) - var(--d4ozf0-margin-right-tablet,var(--d4ozf0-margin-right,0px))); width: calc(var(--d4ozf0-width-tablet,var(--d4ozf0-width,100%)) - var(--d4ozf0-margin-left-tablet,var(--d4ozf0-margin-left,0px)) - var(--d4ozf0-margin-right-tablet,var(--d4ozf0-margin-right,0px))); aspect-ratio: var(--d4ozf0-imageRatio-tablet, var(--d4ozf0-imageRatio, auto)); img { object-fit: var(--d4ozf0-objFit-tablet, var(--d4ozf0-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--d4ozf0-width-mobile,var(--d4ozf0-width,100%)) - var(--d4ozf0-margin-left-mobile,var(--d4ozf0-margin-left,0px)) - var(--d4ozf0-margin-right-mobile,var(--d4ozf0-margin-right,0px))); width: calc(var(--d4ozf0-width-mobile,var(--d4ozf0-width,100%)) - var(--d4ozf0-margin-left-mobile,var(--d4ozf0-margin-left,0px)) - var(--d4ozf0-margin-right-mobile,var(--d4ozf0-margin-right,0px))); aspect-ratio: var(--d4ozf0-imageRatio-mobile, var(--d4ozf0-imageRatio, auto)); img { object-fit: var(--d4ozf0-objFit-mobile, var(--d4ozf0-objFit, cover)); object-position: var(--omnise-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.omnise-media-wrapper is relative; .omnise-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.omnise-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .omnise-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: omnise-ai-gen-shimmer 1.8s linear infinite; } &.omnise-ai-gen-done .omnise-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .omnise-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: omnise-ai-gen-scan 2.6s ease-in-out infinite; } & .omnise-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .omnise-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: omnise-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.omnise-ai-generating .omnise-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.omnise-ai-gen-done .omnise-image { opacity: 1; transform: scale(1); } } @keyframes omnise-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes omnise-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes omnise-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-rtvfqk"] { margin-top: var(--rtvfqk-margin-top, 0px); margin-right: var(--rtvfqk-margin-right, 0px); margin-bottom: var(--rtvfqk-margin-bottom, 0px); margin-left: var(--rtvfqk-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rtvfqk-margin-top-tablet, 0px); margin-right: var(--rtvfqk-margin-right-tablet, 0px); margin-bottom: var(--rtvfqk-margin-bottom-tablet, 0px); margin-left: var(--rtvfqk-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rtvfqk-margin-top-mobile, 0px); margin-right: var(--rtvfqk-margin-right-mobile, 0px); margin-bottom: var(--rtvfqk-margin-bottom-mobile, 0px); margin-left: var(--rtvfqk-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--rtvfqk-highlightColor,var(--omnise-p-color)); top: var(--rtvfqk-highlightTop, 100%); } } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-zt4nuy"] { margin-top: var(--zt4nuy-margin-top, 0px); margin-right: var(--zt4nuy-margin-right, 0px); margin-bottom: var(--zt4nuy-margin-bottom, 0px); margin-left: var(--zt4nuy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zt4nuy-margin-top-tablet, 0px); margin-right: var(--zt4nuy-margin-right-tablet, 0px); margin-bottom: var(--zt4nuy-margin-bottom-tablet, 0px); margin-left: var(--zt4nuy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zt4nuy-margin-top-mobile, 0px); margin-right: var(--zt4nuy-margin-right-mobile, 0px); margin-bottom: var(--zt4nuy-margin-bottom-mobile, 0px); margin-left: var(--zt4nuy-margin-left-mobile, 0px); } } [data-bnode="omnise-d7iy12"] [data-bnode="omnise-vejq58"] { margin-top: var(--vejq58-margin-top, 0px); margin-right: var(--vejq58-margin-right, 0px); margin-bottom: var(--vejq58-margin-bottom, 0px); margin-left: var(--vejq58-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vejq58-margin-top-tablet, 0px); margin-right: var(--vejq58-margin-right-tablet, 0px); margin-bottom: var(--vejq58-margin-bottom-tablet, 0px); margin-left: var(--vejq58-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vejq58-margin-top-mobile, 0px); margin-right: var(--vejq58-margin-right-mobile, 0px); margin-bottom: var(--vejq58-margin-bottom-mobile, 0px); margin-left: var(--vejq58-margin-left-mobile, 0px); } &.omnise-shape { position: relative; display: inline-block; line-height: 0; vertical-align: top; } /* RECTANGLE */ &.omnise-shape-rectangle { width: var(--vejq58-rectWidth, 160px); height: auto; aspect-ratio: var(--omnise-shape-aspect-ratio, 1.6); &.revert{ width: var(--vejq58-rectHeight, 100px); } } /* LINE */ &.omnise-shape-line { width: var(--vejq58-lineLength, 160px); height: var(--vejq58-lineStrokeWidth, 2px); } &.omnise-shape-line[data-direction^="column"] { width: var(--vejq58-lineStrokeWidth, 2px); height: var(--vejq58-lineLength, 160px); .omnise-shape-inner { height: 100% } } /* ARROW */ &.omnise-shape-arrow { width: var(--vejq58-arrowLength, 160px); height: max(calc(var(--vejq58-arrowHeadSize, 12px) * 2), calc(var(--vejq58-arrowStrokeWidth, 2px) * 2), 12px); } &.omnise-shape-arrow[data-direction^="column"] { width: max(calc(var(--vejq58-arrowHeadSize, 12px) * 2), calc(var(--vejq58-arrowStrokeWidth, 2px) * 2), 12px); height: var(--vejq58-arrowLength, 160px); } /* ELLIPSE */ &.omnise-shape-ellipse { width: var(--vejq58-ellipseWidth, 160px); height: auto; aspect-ratio: var(--omnise-shape-aspect-ratio, 1.6); } /* POLYGON */ &.omnise-shape-polygon { width: var(--vejq58-polygonSize, 120px); height: auto; aspect-ratio: var(--omnise-shape-aspect-ratio, 1); } /* ========================================================================== MEDIA QUERIES TABLET ========================================================================== */ @media (min-width: 767.79px) and (max-width: 1180px) { &.omnise-shape-rectangle { width: var(--vejq58-rectWidth-tablet, var(--vejq58-rectWidth, 160px)); } &.omnise-shape-line { width: var(--vejq58-lineLength-tablet, var(--vejq58-lineLength, 160px)); height: var(--vejq58-lineStrokeWidth-tablet, var(--vejq58-lineStrokeWidth, 2px)); } &.omnise-shape-line[data-direction^="column"] { width: var(--vejq58-lineStrokeWidth-tablet, var(--vejq58-lineStrokeWidth, 2px)); height: var(--vejq58-lineLength-tablet, var(--vejq58-lineLength, 160px)); } &.omnise-shape-arrow { width: var(--vejq58-arrowLength-tablet, var(--vejq58-arrowLength, 160px)); height: max(calc(var(--vejq58-arrowHeadSize-tablet, var(--vejq58-arrowHeadSize, 12px)) * 2), calc(var(--vejq58-arrowStrokeWidth-tablet, var(--vejq58-arrowStrokeWidth, 2px)) * 2), 12px); } &.omnise-shape-arrow[data-direction^="column"] { width: max(calc(var(--vejq58-arrowHeadSize-tablet, var(--vejq58-arrowHeadSize, 12px)) * 2), calc(var(--vejq58-arrowStrokeWidth-tablet, var(--vejq58-arrowStrokeWidth, 2px)) * 2), 12px); height: var(--vejq58-arrowLength-tablet, var(--vejq58-arrowLength, 160px)); } &.omnise-shape-ellipse { width: var(--vejq58-ellipseWidth-tablet, var(--vejq58-ellipseWidth, 160px)); } &.omnise-shape-polygon { width: var(--vejq58-polygonSize-tablet, var(--vejq58-polygonSize, 120px)); } } /* ========================================================================== MEDIA QUERIES MOBILE ========================================================================== */ @media (max-width: 767px) { &.omnise-shape-rectangle { width: var(--vejq58-rectWidth-mobile, var(--vejq58-rectWidth-tablet, var(--vejq58-rectWidth, 160px))); } &.omnise-shape-line { width: var(--vejq58-lineLength-mobile, var(--vejq58-lineLength-tablet, var(--vejq58-lineLength, 160px))); height: var(--vejq58-lineStrokeWidth-mobile, var(--vejq58-lineStrokeWidth-tablet, var(--vejq58-lineStrokeWidth, 2px))); } &.omnise-shape-line[data-direction^="column"] { width: var(--vejq58-lineStrokeWidth-mobile, var(--vejq58-lineStrokeWidth-tablet, var(--vejq58-lineStrokeWidth, 2px))); height: var(--vejq58-lineLength-mobile, var(--vejq58-lineLength-tablet, var(--vejq58-lineLength, 160px))); } &.omnise-shape-arrow { width: var(--vejq58-arrowLength-mobile, var(--vejq58-arrowLength-tablet, var(--vejq58-arrowLength, 160px))); height: max(calc(var(--vejq58-arrowHeadSize-mobile, var(--vejq58-arrowHeadSize-tablet, var(--vejq58-arrowHeadSize, 12px))) * 2), calc(var(--vejq58-arrowStrokeWidth-mobile, var(--vejq58-arrowStrokeWidth-tablet, var(--vejq58-arrowStrokeWidth, 2px))) * 2), 12px); } &.omnise-shape-arrow[data-direction^="column"] { width: max(calc(var(--vejq58-arrowHeadSize-mobile, var(--vejq58-arrowHeadSize-tablet, var(--vejq58-arrowHeadSize, 12px))) * 2), calc(var(--vejq58-arrowStrokeWidth-mobile, var(--vejq58-arrowStrokeWidth-tablet, var(--vejq58-arrowStrokeWidth, 2px))) * 2), 12px); height: var(--vejq58-arrowLength-mobile, var(--vejq58-arrowLength-tablet, var(--vejq58-arrowLength, 160px))); } &.omnise-shape-ellipse { width: var(--vejq58-ellipseWidth-mobile, var(--vejq58-ellipseWidth-tablet, var(--vejq58-ellipseWidth, 160px))); } &.omnise-shape-polygon { width: var(--vejq58-polygonSize-mobile, var(--vejq58-polygonSize-tablet, var(--vejq58-polygonSize, 120px))); } } svg { display: block; overflow: visible; width: 100%; height: 100%; } }[data-bnode="omnise-d7iy12"] [data-bnode="be-ctl-item"] {   gap: 16px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-d7iy12"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-d7iy12"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }[data-bnode="omnise-d7iy12"] [data-bnode="be-ctl-item"] {        flex-wrap: nowrap;     align-items: center;   gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-d7iy12"] [data-bnode="be-ctl-item"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-d7iy12"] [data-bnode="be-ctl-item"] {                gap: 16px;     }  }[data-bnode="omnise-a95qwu"] {        flex-wrap: nowrap;   justify-content: center;   align-items: center;   gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-a95qwu"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-a95qwu"] {                gap: 12px;     }  }[data-bnode="omnise-933orr"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-933orr"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-933orr"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }[data-bnode="omnise-pe19ne"] { --pe19ne-typography: h2; --pe19ne-typography-tablet: h2; --pe19ne-typography-mobile: h2; --omnise-h2-text-align: center; --omnise-h2-text-align-mobile: start; --omnise-h2-font-size-mobile: 32px; --omnise-h2-line-height-mobile: 1.2; --omnise-h2-letter-spacing-mobile: -0.02px; }[data-bnode="omnise-pe19ne"] { margin-top: var(--pe19ne-margin-top, 0px); margin-right: var(--pe19ne-margin-right, 0px); margin-bottom: var(--pe19ne-margin-bottom, 0px); margin-left: var(--pe19ne-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pe19ne-margin-top-tablet, 0px); margin-right: var(--pe19ne-margin-right-tablet, 0px); margin-bottom: var(--pe19ne-margin-bottom-tablet, 0px); margin-left: var(--pe19ne-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pe19ne-margin-top-mobile, 0px); margin-right: var(--pe19ne-margin-right-mobile, 0px); margin-bottom: var(--pe19ne-margin-bottom-mobile, 0px); margin-left: var(--pe19ne-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--pe19ne-highlightColor,var(--omnise-p-color)); top: var(--pe19ne-highlightTop, 100%); } }[data-bnode="omnise-om648a"] { --om648a-columns: 3; --om648a-columns-tablet: 1.3; --om648a-columns-mobile: 1; --om648a-gap: 20px; --om648a-gap-tablet: 16px; --om648a-gap-mobile: 16px; --om648a-navType: true; --om648a-navType-tablet: true; --om648a-navType-mobile: true; --om648a-pagiType: false; --om648a-pagiType-tablet: false; --om648a-pagiType-mobile: false; --om648a-listType: slider; --om648a-listType-tablet: slider; --om648a-listType-mobile: slider; --om648a-stateNavigation: normal; --om648a-stateNavigation-tablet: normal; --om648a-stateNavigation-mobile: normal; --om648a-statePagination: normal; --om648a-statePagination-tablet: normal; --om648a-statePagination-mobile: normal; --om648a-stateNavigtion: normal; --om648a-stateNavigtion-tablet: normal; --om648a-stateNavigtion-mobile: normal; --om648a-columnsMobile-mobile: 1; } [data-bnode="omnise-om648a"] [data-bnode="omnise-contlt"] { --omnise-h4-color: #A65959; --omnise-h4-text-align: center; --omnise-h4-font-weight: 700; } [data-bnode="omnise-om648a"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-om648a"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-om648a"] [data-bnode="omnise-svcsw5"] { --svcsw5-width: 100%; --svcsw5-imageRatio: auto; --svcsw5-objFit: cover; --svcsw5-borderColor: #000000; --svcsw5-shadowColor: #000000; --svcsw5-borderStyle: none; --svcsw5-enableShadow: false; --svcsw5-borderRadius-tl: 12px; --svcsw5-borderRadius-tr: 12px; --svcsw5-borderRadius-bl: 12px; --svcsw5-borderRadius-br: 12px; --svcsw5-imageRatio-mobile: 7/6; } [data-bnode="omnise-om648a"] [data-bnode="omnise-syejcl"] { --syejcl-typography: h3; } [data-bnode="omnise-om648a"] [data-bnode="omnise-roswvz"] { --roswvz-typography: p; } [data-bnode="omnise-om648a"] [data-bnode="omnise-1infd3"] { --1infd3-direction: column; --1infd3-gap: 16px; --1infd3-padding-top: 24px; --1infd3-padding-right: 24px; --1infd3-padding-bottom: 24px; --1infd3-padding-left: 24px; --1infd3-padding-top-tablet: 32px; --1infd3-padding-right-tablet: 32px; --1infd3-padding-bottom-tablet: 32px; --1infd3-padding-left-tablet: 32px; --1infd3-padding-top-mobile: 32px; --1infd3-padding-right-mobile: 32px; --1infd3-padding-bottom-mobile: 32px; --1infd3-padding-left-mobile: 32px; } [data-bnode="omnise-om648a"] [data-bnode="omnise-fdfj1b"] { --omnise-p-font-weight: 600; } [data-bnode="omnise-om648a"] [data-bnode="omnise-uc3js5"] { --uc3js5-typography: p2; } [data-bnode="omnise-om648a"] [data-bnode="omnise-a42jy6"] { --a42jy6-typography: h4; } [data-bnode="omnise-om648a"] [data-bnode="omnise-buugjv"] { --buugjv-direction: row; --buugjv-structure: columns; } [data-bnode="omnise-om648a"] [data-bnode="omnise-a42jy6"] { --a42jy6-typography: h3; --a42jy6-typography-tablet: h3; --a42jy6-typography-mobile: h3; } [data-bnode="omnise-om648a"] [data-bnode="omnise-uc3js5"] { --uc3js5-typography: p; --uc3js5-typography-tablet: p; --uc3js5-typography-mobile: p; } [data-bnode="omnise-om648a"] [data-bnode="omnise-fdfj1b"] { --fdfj1b-typography: p; --fdfj1b-typography-tablet: p; --fdfj1b-typography-mobile: p; }[data-bnode="omnise-om648a"] { margin-top: var(--om648a-margin-top, 0px); margin-right: var(--om648a-margin-right, 0px); margin-bottom: var(--om648a-margin-bottom, 0px); margin-left: var(--om648a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--om648a-margin-top-tablet, 0px); margin-right: var(--om648a-margin-right-tablet, 0px); margin-bottom: var(--om648a-margin-bottom-tablet, 0px); margin-left: var(--om648a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--om648a-margin-top-mobile, 0px); margin-right: var(--om648a-margin-right-mobile, 0px); margin-bottom: var(--om648a-margin-bottom-mobile, 0px); margin-left: var(--om648a-margin-left-mobile, 0px); } &.omnise-content-list { .omnise-slider-item{ > .omnise-slot[data-bnode="be-ctl-item"]{ height: 100%; } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"]{ .omnise-slider-items { gap: var(--om648a-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--om648a-gap,var(--omnise-grid-gap, 20px)) * (var(--om648a-columns, 3) - 1)) / var(--om648a-columns, 3)); &:last-child{ margin-right: var(--om648a-gap,var(--omnise-grid-gap, 20px)); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--om648a-columns, 3), minmax(0, 1fr)); gap: var(--om648a-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item { min-width: 0; } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"]{ .omnise-slider-items { gap: var(--om648a-gap-tablet,var(--omnise-grid-gap-tablet, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--om648a-gap-tablet,var(--omnise-grid-gap-tablet, 16px)) * (var(--om648a-columns-tablet, 3) - 1)) / var(--om648a-columns-tablet, 3)); &:last-child{ margin-right: var(--om648a-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--om648a-columns-tablet, 3), minmax(0, 1fr)); gap: var(--om648a-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); .omnise-slider-item { min-width: 0; } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"]{ .omnise-slider-items { gap: var(--om648a-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--om648a-gap-mobile,var(--omnise-grid-gap-mobile, 10px)) * (var(--om648a-columnsMobile-mobile, 1) - 1)) / var(--om648a-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--om648a-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--om648a-columnsMobile-mobile, 1), minmax(0, 1fr)); gap: var(--om648a-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { min-width: 0; } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--om648a-navPadding,12px); background:var(--om648a-navBg,#F5F5F5); color: var(--om648a-navColor,var(--omnise-text-color)); cursor: pointer; border-radius: var(--om648a-navRadius,50%); &:hover { background:var(--om648a-navBgHover,#CCCCCC); color: var(--om648a-navColorHover,var(--omnise-text-color)); } svg { width: var(--om648a-navIconSize,20px); height: var(--om648a-navIconSize,20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--om648a-pagiBg,#E6E6E6); &.active { background:var(--om648a-pagiBgActive,#181818); } &:not(.active):hover { background:var(--om648a-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--om648a-pagiColor,#e6e6e6); &.active { color:var(--om648a-pagiColorActive,#181818); } &:not(.active):hover { color: var(--om648a-pagiColorHover,#181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--om648a-pagiColor,#e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--om648a-pagiBg,#E6E6E6); &.active { background: var(--om648a-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--om648a-pagiBgHover,#CCCCCC); } } .omnise-slider-pagination-wrp{ margin-top: 20px; } } & .omnise-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .omnise-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="omnise-om648a"] [data-bnode="omnise-a42jy6"] { margin-top: var(--a42jy6-margin-top, 0px); margin-right: var(--a42jy6-margin-right, 0px); margin-bottom: var(--a42jy6-margin-bottom, 0px); margin-left: var(--a42jy6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--a42jy6-margin-top-tablet, 0px); margin-right: var(--a42jy6-margin-right-tablet, 0px); margin-bottom: var(--a42jy6-margin-bottom-tablet, 0px); margin-left: var(--a42jy6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--a42jy6-margin-top-mobile, 0px); margin-right: var(--a42jy6-margin-right-mobile, 0px); margin-bottom: var(--a42jy6-margin-bottom-mobile, 0px); margin-left: var(--a42jy6-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--a42jy6-highlightColor,var(--omnise-p-color)); top: var(--a42jy6-highlightTop, 100%); } } [data-bnode="omnise-om648a"] [data-bnode="omnise-uc3js5"] { margin-top: var(--uc3js5-margin-top, 0px); margin-right: var(--uc3js5-margin-right, 0px); margin-bottom: var(--uc3js5-margin-bottom, 0px); margin-left: var(--uc3js5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uc3js5-margin-top-tablet, 0px); margin-right: var(--uc3js5-margin-right-tablet, 0px); margin-bottom: var(--uc3js5-margin-bottom-tablet, 0px); margin-left: var(--uc3js5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uc3js5-margin-top-mobile, 0px); margin-right: var(--uc3js5-margin-right-mobile, 0px); margin-bottom: var(--uc3js5-margin-bottom-mobile, 0px); margin-left: var(--uc3js5-margin-left-mobile, 0px); } } [data-bnode="omnise-om648a"] [data-bnode="omnise-fdfj1b"] { margin-top: var(--fdfj1b-margin-top, 0px); margin-right: var(--fdfj1b-margin-right, 0px); margin-bottom: var(--fdfj1b-margin-bottom, 0px); margin-left: var(--fdfj1b-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fdfj1b-margin-top-tablet, 0px); margin-right: var(--fdfj1b-margin-right-tablet, 0px); margin-bottom: var(--fdfj1b-margin-bottom-tablet, 0px); margin-left: var(--fdfj1b-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fdfj1b-margin-top-mobile, 0px); margin-right: var(--fdfj1b-margin-right-mobile, 0px); margin-bottom: var(--fdfj1b-margin-bottom-mobile, 0px); margin-left: var(--fdfj1b-margin-left-mobile, 0px); } } [data-bnode="omnise-om648a"] [data-bnode="omnise-svcsw5"] { margin-top: var(--svcsw5-margin-top, 0px); margin-right: var(--svcsw5-margin-right, 0px); margin-bottom: var(--svcsw5-margin-bottom, 0px); margin-left: var(--svcsw5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--svcsw5-margin-top-tablet, 0px); margin-right: var(--svcsw5-margin-right-tablet, 0px); margin-bottom: var(--svcsw5-margin-bottom-tablet, 0px); margin-left: var(--svcsw5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--svcsw5-margin-top-mobile, 0px); margin-right: var(--svcsw5-margin-right-mobile, 0px); margin-bottom: var(--svcsw5-margin-bottom-mobile, 0px); margin-left: var(--svcsw5-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--svcsw5-width,100%) - var(--svcsw5-margin-left,0px) - var(--svcsw5-margin-right,0px)); width: calc(var(--svcsw5-width,100%) - var(--svcsw5-margin-left,0px) - var(--svcsw5-margin-right,0px)); min-height: min-content; border-color: var(--svcsw5-borderColor,var(--omnise-card-media-border-color)); border-style: var(--svcsw5-borderStyle,solid); border-width: var(--svcsw5-borderWidth-tl,var(--omnise-card-border-width)) var(--svcsw5-borderWidth-tr,var(--omnise-card-border-width)) var(--svcsw5-borderWidth-br,var(--omnise-card-border-width)) var(--svcsw5-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--svcsw5-borderRadius-tl,var(--omnise-card-border-radius)) var(--svcsw5-borderRadius-tr,var(--omnise-card-border-radius)) var(--svcsw5-borderRadius-br,var(--omnise-card-border-radius)) var(--svcsw5-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--svcsw5-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--svcsw5-borderWidth-tl-tablet, var(--svcsw5-borderWidth-tl,var(--omnise-card-border-width))) var(--svcsw5-borderWidth-tr-tablet, var(--svcsw5-borderWidth-tr,var(--omnise-card-border-width))) var(--svcsw5-borderWidth-br-tablet, var(--svcsw5-borderWidth-br,var(--omnise-card-border-width))) var(--svcsw5-borderWidth-bl-tablet, var(--svcsw5-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--svcsw5-borderRadius-tl-tablet, var(--svcsw5-borderRadius-tl,var(--omnise-card-border-radius))) var(--svcsw5-borderRadius-tr-tablet, var(--svcsw5-borderRadius-tr,var(--omnise-card-border-radius))) var(--svcsw5-borderRadius-br-tablet, var(--svcsw5-borderRadius-br,var(--omnise-card-border-radius))) var(--svcsw5-borderRadius-bl-tablet, var(--svcsw5-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--svcsw5-borderWidth-tl-mobile, var(--svcsw5-borderWidth-tl,var(--omnise-card-border-width))) var(--svcsw5-borderWidth-tr-mobile, var(--svcsw5-borderWidth-tr,var(--omnise-card-border-width))) var(--svcsw5-borderWidth-br-mobile, var(--svcsw5-borderWidth-br,var(--omnise-card-border-width))) var(--svcsw5-borderWidth-bl-mobile, var(--svcsw5-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--svcsw5-borderRadius-tl-mobile, var(--svcsw5-borderRadius-tl,var(--omnise-card-border-radius))) var(--svcsw5-borderRadius-tr-mobile, var(--svcsw5-borderRadius-tr,var(--omnise-card-border-radius))) var(--svcsw5-borderRadius-br-mobile, var(--svcsw5-borderRadius-br,var(--omnise-card-border-radius))) var(--svcsw5-borderRadius-bl-mobile, var(--svcsw5-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--svcsw5-shadowHorizontal, var(--omnise-card-shadow-x)) var(--svcsw5-shadowVertical, var(--omnise-card-shadow-y)) var(--svcsw5-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--svcsw5-shadowColor, var(--omnise-card-media-shadow-color)) var(--svcsw5-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--svcsw5-overlayColor-color, #000); opacity: var(--svcsw5-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--svcsw5-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--svcsw5-width-tablet,var(--svcsw5-width,100%)) - var(--svcsw5-margin-left-tablet,var(--svcsw5-margin-left,0px)) - var(--svcsw5-margin-right-tablet,var(--svcsw5-margin-right,0px))); width: calc(var(--svcsw5-width-tablet,var(--svcsw5-width,100%)) - var(--svcsw5-margin-left-tablet,var(--svcsw5-margin-left,0px)) - var(--svcsw5-margin-right-tablet,var(--svcsw5-margin-right,0px))); aspect-ratio: var(--svcsw5-imageRatio-tablet, var(--svcsw5-imageRatio, auto)); img { object-fit: var(--svcsw5-objFit-tablet, var(--svcsw5-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--svcsw5-width-mobile,var(--svcsw5-width,100%)) - var(--svcsw5-margin-left-mobile,var(--svcsw5-margin-left,0px)) - var(--svcsw5-margin-right-mobile,var(--svcsw5-margin-right,0px))); width: calc(var(--svcsw5-width-mobile,var(--svcsw5-width,100%)) - var(--svcsw5-margin-left-mobile,var(--svcsw5-margin-left,0px)) - var(--svcsw5-margin-right-mobile,var(--svcsw5-margin-right,0px))); aspect-ratio: var(--svcsw5-imageRatio-mobile, var(--svcsw5-imageRatio, auto)); img { object-fit: var(--svcsw5-objFit-mobile, var(--svcsw5-objFit, cover)); object-position: var(--omnise-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.omnise-media-wrapper is relative; .omnise-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.omnise-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .omnise-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: omnise-ai-gen-shimmer 1.8s linear infinite; } &.omnise-ai-gen-done .omnise-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .omnise-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: omnise-ai-gen-scan 2.6s ease-in-out infinite; } & .omnise-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .omnise-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: omnise-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.omnise-ai-generating .omnise-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.omnise-ai-gen-done .omnise-image { opacity: 1; transform: scale(1); } } @keyframes omnise-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes omnise-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes omnise-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="omnise-om648a"] [data-bnode="be-ctl-item"] { border-style: solid; border-color: #000000; border-width: 0px 0px 0px 0px; border-radius: 12px 12px 12px 12px; background: #fffaf4; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-om648a"] [data-bnode="be-ctl-item"] {   gap: 8px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-om648a"] [data-bnode="be-ctl-item"] {    gap: 8px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-om648a"] [data-bnode="be-ctl-item"] {    gap: 0px;   }  }[data-bnode="omnise-om648a"] [data-bnode="be-ctl-item"] { border-style: solid; border-color: #000000; border-width: 0px 0px 0px 0px; border-radius: 12px 12px 12px 12px; background: #fffaf4; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-om648a"] [data-bnode="be-ctl-item"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 8px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-om648a"] [data-bnode="be-ctl-item"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-om648a"] [data-bnode="be-ctl-item"] {      flex-direction: column-reverse;          gap: 0px;     }  }[data-bnode="omnise-1infd3"] { padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-1infd3"] { padding-top: 32px; padding-right: 32px; padding-bottom: 32px; padding-left: 32px; } } @media (max-width: 767px) { [data-bnode="omnise-1infd3"] { padding-top: 32px; padding-right: 32px; padding-bottom: 32px; padding-left: 32px; } } [data-bnode="omnise-1infd3"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-1infd3"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-1infd3"] {                gap: 16px;     }  }[data-bnode="omnise-buugjv"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-buugjv"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-buugjv"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-341osp"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-341osp"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                    &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-341osp"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                    &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-92ut2l"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-92ut2l"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 0px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(50.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-92ut2l"] {                gap: 40px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(50.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-92ut2l"] {      flex-direction: column;          gap: 32px;     }  }[data-bnode="omnise-34aiby"] { padding-top: 112px; padding-right: 112px; padding-bottom: 112px; padding-left: 112px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-34aiby"] { padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; } } @media (max-width: 767px) { [data-bnode="omnise-34aiby"] { padding-top: 40px; padding-right: 16px; padding-bottom: 40px; padding-left: 16px; } } [data-bnode="omnise-34aiby"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-34aiby"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-34aiby"] {                     }  }[data-bnode="omnise-bwqupd"] { --bwqupd-typography: h2; --bwqupd-typography-tablet: h2; --bwqupd-typography-mobile: h2; --bwqupd-margin-top: 0px; --bwqupd-margin-top-tablet: 0px; --bwqupd-margin-top-mobile: 0px; --bwqupd-margin-right: 0px; --bwqupd-margin-right-tablet: 0px; --bwqupd-margin-right-mobile: 0px; --bwqupd-margin-bottom: 16px; --bwqupd-margin-bottom-tablet: 16px; --bwqupd-margin-bottom-mobile: 16px; --bwqupd-margin-left: 0px; --bwqupd-margin-left-tablet: 0px; --bwqupd-margin-left-mobile: 0px; }[data-bnode="omnise-bwqupd"] { margin-top: var(--bwqupd-margin-top, 0px); margin-right: var(--bwqupd-margin-right, 0px); margin-bottom: var(--bwqupd-margin-bottom, 0px); margin-left: var(--bwqupd-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bwqupd-margin-top-tablet, 0px); margin-right: var(--bwqupd-margin-right-tablet, 0px); margin-bottom: var(--bwqupd-margin-bottom-tablet, 0px); margin-left: var(--bwqupd-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bwqupd-margin-top-mobile, 0px); margin-right: var(--bwqupd-margin-right-mobile, 0px); margin-bottom: var(--bwqupd-margin-bottom-mobile, 0px); margin-left: var(--bwqupd-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--bwqupd-highlightColor,var(--omnise-p-color)); top: var(--bwqupd-highlightTop, 100%); } }[data-bnode="omnise-84vasz"] { --84vasz-typography: p; --84vasz-typography-tablet: p; --84vasz-typography-mobile: p; }[data-bnode="omnise-84vasz"] { margin-top: var(--84vasz-margin-top, 0px); margin-right: var(--84vasz-margin-right, 0px); margin-bottom: var(--84vasz-margin-bottom, 0px); margin-left: var(--84vasz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--84vasz-margin-top-tablet, 0px); margin-right: var(--84vasz-margin-right-tablet, 0px); margin-bottom: var(--84vasz-margin-bottom-tablet, 0px); margin-left: var(--84vasz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--84vasz-margin-top-mobile, 0px); margin-right: var(--84vasz-margin-right-mobile, 0px); margin-bottom: var(--84vasz-margin-bottom-mobile, 0px); margin-left: var(--84vasz-margin-left-mobile, 0px); } }[data-bnode="omnise-usbkpd"] { --usbkpd-paddingX: 20px; --usbkpd-paddingX-tablet: 20px; --usbkpd-paddingX-mobile: 20px; --usbkpd-paddingY: 16px; --usbkpd-paddingY-tablet: 16px; --usbkpd-paddingY-mobile: 16px; --usbkpd-margin-top: 40px; --usbkpd-margin-top-tablet: 40px; --usbkpd-margin-top-mobile: 40px; --usbkpd-margin-right: 0px; --usbkpd-margin-right-tablet: 0px; --usbkpd-margin-right-mobile: 0px; --usbkpd-margin-bottom: 0px; --usbkpd-margin-bottom-tablet: 0px; --usbkpd-margin-bottom-mobile: 0px; --usbkpd-margin-left: 0px; --usbkpd-margin-left-tablet: 0px; --usbkpd-margin-left-mobile: 0px; --usbkpd-headerState: normal; --usbkpd-headerState-tablet: normal; --usbkpd-headerState-mobile: normal; --usbkpd-tabBg: #ffffff; --usbkpd-tabBg-tablet: #ffffff; --usbkpd-tabBg-mobile: #ffffff; --usbkpd-tabBgHover: #ffffff; --usbkpd-tabBgHover-tablet: #ffffff; --usbkpd-tabBgHover-mobile: #ffffff; --usbkpd-tabBgActive: #ffffff; --usbkpd-tabBgActive-tablet: #ffffff; --usbkpd-tabBgActive-mobile: #ffffff; --usbkpd-headingTypo: h5; --usbkpd-headingTypo-tablet: h5; --usbkpd-headingTypo-mobile: h5; --usbkpd-borderRadius-tl: 12px; --usbkpd-borderRadius-tl-tablet: 12px; --usbkpd-borderRadius-tl-mobile: 12px; --usbkpd-borderRadius-tr: 12px; --usbkpd-borderRadius-tr-tablet: 12px; --usbkpd-borderRadius-tr-mobile: 12px; --usbkpd-borderRadius-bl: 12px; --usbkpd-borderRadius-bl-tablet: 12px; --usbkpd-borderRadius-bl-mobile: 12px; --usbkpd-borderRadius-br: 12px; --usbkpd-borderRadius-br-tablet: 12px; --usbkpd-borderRadius-br-mobile: 12px; --omnise-h5-text-align: start; --usbkpd-colorHover: #000000; --usbkpd-colorHover-tablet: #000000; --usbkpd-colorHover-mobile: #000000; --usbkpd-colorActive: #0a0a0a; --usbkpd-colorActive-tablet: #0a0a0a; --usbkpd-colorActive-mobile: #0a0a0a; --omnise-h5-color: #0a0a0a; }[data-bnode="omnise-usbkpd"] { margin-top: var(--usbkpd-margin-top, 0px); margin-right: var(--usbkpd-margin-right, 0px); margin-bottom: var(--usbkpd-margin-bottom, 0px); margin-left: var(--usbkpd-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--usbkpd-margin-top-tablet, 0px); margin-right: var(--usbkpd-margin-right-tablet, 0px); margin-bottom: var(--usbkpd-margin-bottom-tablet, 0px); margin-left: var(--usbkpd-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--usbkpd-margin-top-mobile, 0px); margin-right: var(--usbkpd-margin-right-mobile, 0px); margin-bottom: var(--usbkpd-margin-bottom-mobile, 0px); margin-left: var(--usbkpd-margin-left-mobile, 0px); } &.omnise-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--usbkpd-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--usbkpd-gap-tablet, 16px); } @media(max-width: 767px){ gap: var(--usbkpd-gap-mobile, 16px); } > .omnise-accordion-item { border-style: var(--usbkpd-borderStyle,solid); border-color: var(--usbkpd-borderColor,#000000); border-width: var(--usbkpd-borderWidth-tl,0px) var(--usbkpd-borderWidth-tr,0px) var(--usbkpd-borderWidth-br,0px) var(--usbkpd-borderWidth-bl,0px); border-radius: var(--usbkpd-borderRadius-tl,0px) var(--usbkpd-borderRadius-tr,0px) var(--usbkpd-borderRadius-br,0px) var(--usbkpd-borderRadius-bl,0px); box-shadow: var(--usbkpd-shadowHorizontal, 0px) var(--usbkpd-shadowVertical, 0px) var(--usbkpd-shadowBlur, 0px) 1px color-mix( in srgb, var(--usbkpd-shadowColor, #000000) var(--usbkpd-shadowTransparent, 0%), transparent ); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--usbkpd-borderWidth-tl-tablet,0px) var(--usbkpd-borderWidth-tr-tablet,0px) var(--usbkpd-borderWidth-br-tablet,0px) var(--usbkpd-borderWidth-bl-tablet,0px); border-radius: var(--usbkpd-borderRadius-tl-tablet,0px) var(--usbkpd-borderRadius-tr-tablet,0px) var(--usbkpd-borderRadius-br-tablet,0px) var(--usbkpd-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--usbkpd-borderWidth-tl-mobile,0px) var(--usbkpd-borderWidth-tr-mobile,0px) var(--usbkpd-borderWidth-br-mobile,0px) var(--usbkpd-borderWidth-bl-mobile,0px); border-radius: var(--usbkpd-borderRadius-tl-mobile,0px) var(--usbkpd-borderRadius-tr-mobile,0px) var(--usbkpd-borderRadius-br-mobile,0px) var(--usbkpd-borderRadius-bl-mobile,0px); } > .omnise-accordion-summary > .omnise-accordion-icon { flex-shrink: 0; svg, path { transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; } } &[open] { > .omnise-accordion-summary { color: var(--usbkpd-colorActive); background: var(--usbkpd-tabBgActive); } > .omnise-accordion-content { opacity: 1; } > .omnise-accordion-summary > .omnise-accordion-icon { .omnise-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .omnise-icon-chevron{ transform: rotate(180deg); } .omnise-icon-arrow{ transform: rotate(90deg); } } } } > .omnise-accordion-item > .omnise-accordion-summary > .omnise-accordion-title { flex: auto; cursor: pointer; } > .omnise-accordion-item > .omnise-accordion-summary { display: flex; flex-direction: var(--omnise-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--usbkpd-paddingX, 20px); padding-block: var(--usbkpd-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--usbkpd-tabBg); &:marker { display: none; } &:hover { background: var(--usbkpd-tabBgHover); color: var(--usbkpd-colorHover); } @media(min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--usbkpd-paddingX-tablet, 20px); padding-block: var(--usbkpd-paddingY-tablet, 20px); } @media(max-width: 767px) { padding-inline: var(--usbkpd-paddingX-mobile, 20px); padding-block: var(--usbkpd-paddingY-mobile, 20px); } } > .omnise-accordion-item > .omnise-accordion-summary > .omnise-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } > .omnise-accordion-item > .omnise-accordion-content { opacity: 0; animation: omniseSlideDown 0.3s ease-out; } > .omnise-accordion-item > .omnise-accordion-summary > .omnise-accordion-icon .omnise-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes omniseSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="omnise-5795f0"] { background: var(--omnise-background-color); padding-top: 0px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; } [data-bnode="omnise-5795f0"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-5795f0"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-5795f0"] {                gap: 16px;     }  }[data-bnode="omnise-d5fyx7"] { margin-top: var(--d5fyx7-margin-top, 0px); margin-right: var(--d5fyx7-margin-right, 0px); margin-bottom: var(--d5fyx7-margin-bottom, 0px); margin-left: var(--d5fyx7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--d5fyx7-margin-top-tablet, 0px); margin-right: var(--d5fyx7-margin-right-tablet, 0px); margin-bottom: var(--d5fyx7-margin-bottom-tablet, 0px); margin-left: var(--d5fyx7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--d5fyx7-margin-top-mobile, 0px); margin-right: var(--d5fyx7-margin-right-mobile, 0px); margin-bottom: var(--d5fyx7-margin-bottom-mobile, 0px); margin-left: var(--d5fyx7-margin-left-mobile, 0px); } }[data-bnode="omnise-qavz3g"] { background: var(--omnise-background-color); padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; } [data-bnode="omnise-qavz3g"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-qavz3g"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-qavz3g"] {                gap: 16px;     }  }[data-bnode="omnise-zwiu18"] { margin-top: var(--zwiu18-margin-top, 0px); margin-right: var(--zwiu18-margin-right, 0px); margin-bottom: var(--zwiu18-margin-bottom, 0px); margin-left: var(--zwiu18-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zwiu18-margin-top-tablet, 0px); margin-right: var(--zwiu18-margin-right-tablet, 0px); margin-bottom: var(--zwiu18-margin-bottom-tablet, 0px); margin-left: var(--zwiu18-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zwiu18-margin-top-mobile, 0px); margin-right: var(--zwiu18-margin-right-mobile, 0px); margin-bottom: var(--zwiu18-margin-bottom-mobile, 0px); margin-left: var(--zwiu18-margin-left-mobile, 0px); } }[data-bnode="omnise-5n4ly9"] { background: var(--omnise-background-color); padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; } [data-bnode="omnise-5n4ly9"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-5n4ly9"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-5n4ly9"] {                gap: 16px;     }  }[data-bnode="omnise-ih8m9k"] { margin-top: var(--ih8m9k-margin-top, 0px); margin-right: var(--ih8m9k-margin-right, 0px); margin-bottom: var(--ih8m9k-margin-bottom, 0px); margin-left: var(--ih8m9k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ih8m9k-margin-top-tablet, 0px); margin-right: var(--ih8m9k-margin-right-tablet, 0px); margin-bottom: var(--ih8m9k-margin-bottom-tablet, 0px); margin-left: var(--ih8m9k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ih8m9k-margin-top-mobile, 0px); margin-right: var(--ih8m9k-margin-right-mobile, 0px); margin-bottom: var(--ih8m9k-margin-bottom-mobile, 0px); margin-left: var(--ih8m9k-margin-left-mobile, 0px); } }[data-bnode="omnise-j8j0w1"] { background: var(--omnise-background-color); padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; } [data-bnode="omnise-j8j0w1"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-j8j0w1"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-j8j0w1"] {                gap: 16px;     }  }[data-bnode="omnise-ayachz"] { margin-top: var(--ayachz-margin-top, 0px); margin-right: var(--ayachz-margin-right, 0px); margin-bottom: var(--ayachz-margin-bottom, 0px); margin-left: var(--ayachz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ayachz-margin-top-tablet, 0px); margin-right: var(--ayachz-margin-right-tablet, 0px); margin-bottom: var(--ayachz-margin-bottom-tablet, 0px); margin-left: var(--ayachz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ayachz-margin-top-mobile, 0px); margin-right: var(--ayachz-margin-right-mobile, 0px); margin-bottom: var(--ayachz-margin-bottom-mobile, 0px); margin-left: var(--ayachz-margin-left-mobile, 0px); } }[data-bnode="omnise-s2jg9n"] {     flex-direction: row;   flex-wrap: nowrap;                &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-s2jg9n"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-s2jg9n"] {                     }  }[data-bnode="omnise-4hz0gb"] { --4hz0gb-width: 100%; --4hz0gb-width-tablet: 100%; --4hz0gb-width-mobile: 100%; --4hz0gb-imageRatio: auto; --4hz0gb-imageRatio-tablet: auto; --4hz0gb-imageRatio-mobile: auto; --4hz0gb-objFit: cover; --4hz0gb-objFit-tablet: cover; --4hz0gb-objFit-mobile: cover; --4hz0gb-borderColor: #000000; --4hz0gb-borderColor-tablet: #000000; --4hz0gb-borderColor-mobile: #000000; --4hz0gb-shadowColor: #000000; --4hz0gb-shadowColor-tablet: #000000; --4hz0gb-shadowColor-mobile: #000000; --4hz0gb-borderStyle: none; --4hz0gb-borderStyle-tablet: none; --4hz0gb-borderStyle-mobile: none; --4hz0gb-enableShadow: false; --4hz0gb-enableShadow-tablet: false; --4hz0gb-enableShadow-mobile: false; }[data-bnode="omnise-4hz0gb"] { margin-top: var(--4hz0gb-margin-top, 0px); margin-right: var(--4hz0gb-margin-right, 0px); margin-bottom: var(--4hz0gb-margin-bottom, 0px); margin-left: var(--4hz0gb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4hz0gb-margin-top-tablet, 0px); margin-right: var(--4hz0gb-margin-right-tablet, 0px); margin-bottom: var(--4hz0gb-margin-bottom-tablet, 0px); margin-left: var(--4hz0gb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4hz0gb-margin-top-mobile, 0px); margin-right: var(--4hz0gb-margin-right-mobile, 0px); margin-bottom: var(--4hz0gb-margin-bottom-mobile, 0px); margin-left: var(--4hz0gb-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--4hz0gb-width,100%) - var(--4hz0gb-margin-left,0px) - var(--4hz0gb-margin-right,0px)); width: calc(var(--4hz0gb-width,100%) - var(--4hz0gb-margin-left,0px) - var(--4hz0gb-margin-right,0px)); min-height: min-content; border-color: var(--4hz0gb-borderColor,var(--omnise-card-media-border-color)); border-style: var(--4hz0gb-borderStyle,solid); border-width: var(--4hz0gb-borderWidth-tl,var(--omnise-card-border-width)) var(--4hz0gb-borderWidth-tr,var(--omnise-card-border-width)) var(--4hz0gb-borderWidth-br,var(--omnise-card-border-width)) var(--4hz0gb-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--4hz0gb-borderRadius-tl,var(--omnise-card-border-radius)) var(--4hz0gb-borderRadius-tr,var(--omnise-card-border-radius)) var(--4hz0gb-borderRadius-br,var(--omnise-card-border-radius)) var(--4hz0gb-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--4hz0gb-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--4hz0gb-borderWidth-tl-tablet, var(--4hz0gb-borderWidth-tl,var(--omnise-card-border-width))) var(--4hz0gb-borderWidth-tr-tablet, var(--4hz0gb-borderWidth-tr,var(--omnise-card-border-width))) var(--4hz0gb-borderWidth-br-tablet, var(--4hz0gb-borderWidth-br,var(--omnise-card-border-width))) var(--4hz0gb-borderWidth-bl-tablet, var(--4hz0gb-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--4hz0gb-borderRadius-tl-tablet, var(--4hz0gb-borderRadius-tl,var(--omnise-card-border-radius))) var(--4hz0gb-borderRadius-tr-tablet, var(--4hz0gb-borderRadius-tr,var(--omnise-card-border-radius))) var(--4hz0gb-borderRadius-br-tablet, var(--4hz0gb-borderRadius-br,var(--omnise-card-border-radius))) var(--4hz0gb-borderRadius-bl-tablet, var(--4hz0gb-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--4hz0gb-borderWidth-tl-mobile, var(--4hz0gb-borderWidth-tl,var(--omnise-card-border-width))) var(--4hz0gb-borderWidth-tr-mobile, var(--4hz0gb-borderWidth-tr,var(--omnise-card-border-width))) var(--4hz0gb-borderWidth-br-mobile, var(--4hz0gb-borderWidth-br,var(--omnise-card-border-width))) var(--4hz0gb-borderWidth-bl-mobile, var(--4hz0gb-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--4hz0gb-borderRadius-tl-mobile, var(--4hz0gb-borderRadius-tl,var(--omnise-card-border-radius))) var(--4hz0gb-borderRadius-tr-mobile, var(--4hz0gb-borderRadius-tr,var(--omnise-card-border-radius))) var(--4hz0gb-borderRadius-br-mobile, var(--4hz0gb-borderRadius-br,var(--omnise-card-border-radius))) var(--4hz0gb-borderRadius-bl-mobile, var(--4hz0gb-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--4hz0gb-shadowHorizontal, var(--omnise-card-shadow-x)) var(--4hz0gb-shadowVertical, var(--omnise-card-shadow-y)) var(--4hz0gb-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--4hz0gb-shadowColor, var(--omnise-card-media-shadow-color)) var(--4hz0gb-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--4hz0gb-overlayColor-color, #000); opacity: var(--4hz0gb-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--4hz0gb-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--4hz0gb-width-tablet,var(--4hz0gb-width,100%)) - var(--4hz0gb-margin-left-tablet,var(--4hz0gb-margin-left,0px)) - var(--4hz0gb-margin-right-tablet,var(--4hz0gb-margin-right,0px))); width: calc(var(--4hz0gb-width-tablet,var(--4hz0gb-width,100%)) - var(--4hz0gb-margin-left-tablet,var(--4hz0gb-margin-left,0px)) - var(--4hz0gb-margin-right-tablet,var(--4hz0gb-margin-right,0px))); aspect-ratio: var(--4hz0gb-imageRatio-tablet, var(--4hz0gb-imageRatio, auto)); img { object-fit: var(--4hz0gb-objFit-tablet, var(--4hz0gb-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--4hz0gb-width-mobile,var(--4hz0gb-width,100%)) - var(--4hz0gb-margin-left-mobile,var(--4hz0gb-margin-left,0px)) - var(--4hz0gb-margin-right-mobile,var(--4hz0gb-margin-right,0px))); width: calc(var(--4hz0gb-width-mobile,var(--4hz0gb-width,100%)) - var(--4hz0gb-margin-left-mobile,var(--4hz0gb-margin-left,0px)) - var(--4hz0gb-margin-right-mobile,var(--4hz0gb-margin-right,0px))); aspect-ratio: var(--4hz0gb-imageRatio-mobile, var(--4hz0gb-imageRatio, auto)); img { object-fit: var(--4hz0gb-objFit-mobile, var(--4hz0gb-objFit, cover)); object-position: var(--omnise-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.omnise-media-wrapper is relative; .omnise-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.omnise-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .omnise-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: omnise-ai-gen-shimmer 1.8s linear infinite; } &.omnise-ai-gen-done .omnise-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .omnise-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: omnise-ai-gen-scan 2.6s ease-in-out infinite; } & .omnise-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .omnise-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: omnise-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.omnise-ai-generating .omnise-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.omnise-ai-gen-done .omnise-image { opacity: 1; transform: scale(1); } } @keyframes omnise-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes omnise-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes omnise-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="omnise-fj1rai"].omnise-section { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-fj1rai"].omnise-section { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 767px) { [data-bnode="omnise-fj1rai"].omnise-section { padding-top: 40px; padding-bottom: 40px; } } [data-bnode="omnise-fj1rai"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-fj1rai"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-fj1rai"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }[data-bnode="omnise-u6cpne"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (max-width: 767px) { [data-bnode="omnise-u6cpne"] { padding-top: 36px; padding-right: 0px; padding-bottom: 36px; padding-left: 0px; } } [data-bnode="omnise-u6cpne"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 80px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(68.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(32.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-u6cpne"] {                gap: 24px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(60.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(40.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-u6cpne"] {      flex-direction: column;          gap: 32px;     }  }[data-bnode="omnise-49qjcq"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 40px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(33.33% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-49qjcq"] {                gap: 16px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(33.33% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-49qjcq"] {      flex-direction: column;          gap: 0px;     }  }[data-bnode="omnise-nwajvz"] { border-style: solid; border-color: #ffffff80; border-width: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } @media (max-width: 767px) { [data-bnode="omnise-nwajvz"] { border-style: solid; border-color: #ffffff80; border-width: 0px 0px 1px 0px; border-radius: 0px 0px 0px 0px; padding-top: 16px; padding-right: 0px; padding-bottom: 16px; padding-left: 0px; } } [data-bnode="omnise-nwajvz"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-nwajvz"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-nwajvz"] {                     }  }[data-bnode="omnise-klvasm"] { --klvasm-linkListType: title; --klvasm-linkListType-tablet: title; --klvasm-linkListType-mobile: title; --klvasm-typoTitle: h4; --klvasm-typoTitle-tablet: h4; --klvasm-typoTitle-mobile: h4; --klvasm-gap: 16px; --klvasm-gap-tablet: 16px; --klvasm-gap-mobile: 16px; --omnise-h4-text-align: start; --klvasm-typoLink: p; --klvasm-typoLink-tablet: p; --klvasm-typoLink-mobile: p; --omnise-p-text-align: start; }[data-bnode="omnise-klvasm"] { margin-top: var(--klvasm-margin-top, 0px); margin-right: var(--klvasm-margin-right, 0px); margin-bottom: var(--klvasm-margin-bottom, 0px); margin-left: var(--klvasm-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--klvasm-margin-top-tablet, 0px); margin-right: var(--klvasm-margin-right-tablet, 0px); margin-bottom: var(--klvasm-margin-bottom-tablet, 0px); margin-left: var(--klvasm-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--klvasm-margin-top-mobile, 0px); margin-right: var(--klvasm-margin-right-mobile, 0px); margin-bottom: var(--klvasm-margin-bottom-mobile, 0px); margin-left: var(--klvasm-margin-left-mobile, 0px); } &.omnise-linklist { display: flex; flex-direction: column; gap: var(--klvasm-gap, 10px); .omnise-linklist-wrapper{ display: flex; flex-direction: var(--omnise-icon-dir); justify-content: space-between; align-items: center; gap: 10px; .omnise-linklist-icon{ @media(min-width: 767.79px) { display: none; } svg, path{ transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; color: var(--omnise-heading-color); } } } @media(min-width: 767.79px) and (max-width: 1180px) { &{ gap: var(--klvasm-gap-tablet, 10px); } } @media(max-width: 767px) { &.omnise-linklist{ gap: var(--klvasm-gap-mobile, 10px); } &[data-collapse="true"]:not(.is-open) { gap: 0; } } &.is-open { transition: gap 0.25s; .omnise-linklist-icon{ .omnise-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .omnise-icon-chevron{ transform: rotate(180deg); } .omnise-icon-arrow{ transform: rotate(90deg); } } } & .omnise-linklist-title{ margin:0; padding:0; flex: auto; cursor: pointer; } & .omnise-linklist-items { display: flex; flex-direction: column; gap: 10px; transition: height 0.25s; .omnise-linklist-item:hover, .omnise-linklist-item.active{ text-decoration: underline; } } } }[data-bnode="omnise-sh4832"] { border-style: solid; border-color: #ffffff80; border-width: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } @media (max-width: 767px) { [data-bnode="omnise-sh4832"] { border-style: solid; border-color: #ffffff80; border-width: 0px 0px 1px 0px; border-radius: 0px 0px 0px 0px; padding-top: 16px; padding-right: 0px; padding-bottom: 16px; padding-left: 0px; } } [data-bnode="omnise-sh4832"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sh4832"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-sh4832"] {                     }  }[data-bnode="omnise-4xdr6w"] { --4xdr6w-linkListType: title; --4xdr6w-linkListType-tablet: title; --4xdr6w-linkListType-mobile: title; --4xdr6w-typoTitle: h4; --4xdr6w-typoTitle-tablet: h4; --4xdr6w-typoTitle-mobile: h4; --4xdr6w-gap: 16px; --4xdr6w-gap-tablet: 16px; --4xdr6w-gap-mobile: 16px; --omnise-h4-text-align: start; --4xdr6w-typoLink: p; --4xdr6w-typoLink-tablet: p; --4xdr6w-typoLink-mobile: p; --omnise-p-text-align: start; }[data-bnode="omnise-4xdr6w"] { margin-top: var(--4xdr6w-margin-top, 0px); margin-right: var(--4xdr6w-margin-right, 0px); margin-bottom: var(--4xdr6w-margin-bottom, 0px); margin-left: var(--4xdr6w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4xdr6w-margin-top-tablet, 0px); margin-right: var(--4xdr6w-margin-right-tablet, 0px); margin-bottom: var(--4xdr6w-margin-bottom-tablet, 0px); margin-left: var(--4xdr6w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4xdr6w-margin-top-mobile, 0px); margin-right: var(--4xdr6w-margin-right-mobile, 0px); margin-bottom: var(--4xdr6w-margin-bottom-mobile, 0px); margin-left: var(--4xdr6w-margin-left-mobile, 0px); } &.omnise-linklist { display: flex; flex-direction: column; gap: var(--4xdr6w-gap, 10px); .omnise-linklist-wrapper{ display: flex; flex-direction: var(--omnise-icon-dir); justify-content: space-between; align-items: center; gap: 10px; .omnise-linklist-icon{ @media(min-width: 767.79px) { display: none; } svg, path{ transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; color: var(--omnise-heading-color); } } } @media(min-width: 767.79px) and (max-width: 1180px) { &{ gap: var(--4xdr6w-gap-tablet, 10px); } } @media(max-width: 767px) { &.omnise-linklist{ gap: var(--4xdr6w-gap-mobile, 10px); } &[data-collapse="true"]:not(.is-open) { gap: 0; } } &.is-open { transition: gap 0.25s; .omnise-linklist-icon{ .omnise-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .omnise-icon-chevron{ transform: rotate(180deg); } .omnise-icon-arrow{ transform: rotate(90deg); } } } & .omnise-linklist-title{ margin:0; padding:0; flex: auto; cursor: pointer; } & .omnise-linklist-items { display: flex; flex-direction: column; gap: 10px; transition: height 0.25s; .omnise-linklist-item:hover, .omnise-linklist-item.active{ text-decoration: underline; } } } }[data-bnode="omnise-erxtam"] { border-style: solid; border-color: #ffffff80; border-width: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } @media (max-width: 767px) { [data-bnode="omnise-erxtam"] { border-style: solid; border-color: #ffffff80; border-width: 0px 0px 1px 0px; border-radius: 0px 0px 0px 0px; padding-top: 16px; padding-right: 0px; padding-bottom: 16px; padding-left: 0px; } } [data-bnode="omnise-erxtam"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-erxtam"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-erxtam"] {                     }  }[data-bnode="omnise-okyuor"] { --okyuor-linkListType: title; --okyuor-linkListType-tablet: title; --okyuor-linkListType-mobile: title; --okyuor-typoTitle: h4; --okyuor-typoTitle-tablet: h4; --okyuor-typoTitle-mobile: h4; --okyuor-gap: 16px; --okyuor-gap-tablet: 16px; --okyuor-gap-mobile: 16px; --omnise-h4-text-align: start; --okyuor-typoLink: p; --okyuor-typoLink-tablet: p; --okyuor-typoLink-mobile: p; --omnise-p-text-align: start; }[data-bnode="omnise-okyuor"] { margin-top: var(--okyuor-margin-top, 0px); margin-right: var(--okyuor-margin-right, 0px); margin-bottom: var(--okyuor-margin-bottom, 0px); margin-left: var(--okyuor-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--okyuor-margin-top-tablet, 0px); margin-right: var(--okyuor-margin-right-tablet, 0px); margin-bottom: var(--okyuor-margin-bottom-tablet, 0px); margin-left: var(--okyuor-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--okyuor-margin-top-mobile, 0px); margin-right: var(--okyuor-margin-right-mobile, 0px); margin-bottom: var(--okyuor-margin-bottom-mobile, 0px); margin-left: var(--okyuor-margin-left-mobile, 0px); } &.omnise-linklist { display: flex; flex-direction: column; gap: var(--okyuor-gap, 10px); .omnise-linklist-wrapper{ display: flex; flex-direction: var(--omnise-icon-dir); justify-content: space-between; align-items: center; gap: 10px; .omnise-linklist-icon{ @media(min-width: 767.79px) { display: none; } svg, path{ transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; color: var(--omnise-heading-color); } } } @media(min-width: 767.79px) and (max-width: 1180px) { &{ gap: var(--okyuor-gap-tablet, 10px); } } @media(max-width: 767px) { &.omnise-linklist{ gap: var(--okyuor-gap-mobile, 10px); } &[data-collapse="true"]:not(.is-open) { gap: 0; } } &.is-open { transition: gap 0.25s; .omnise-linklist-icon{ .omnise-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .omnise-icon-chevron{ transform: rotate(180deg); } .omnise-icon-arrow{ transform: rotate(90deg); } } } & .omnise-linklist-title{ margin:0; padding:0; flex: auto; cursor: pointer; } & .omnise-linklist-items { display: flex; flex-direction: column; gap: 10px; transition: height 0.25s; .omnise-linklist-item:hover, .omnise-linklist-item.active{ text-decoration: underline; } } } }[data-bnode="omnise-xwkkk4"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-xwkkk4"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-xwkkk4"] {                gap: 16px;     }  }[data-bnode="omnise-g118mr"] { --g118mr-typography: h4; --g118mr-typography-tablet: h4; --g118mr-typography-mobile: h4; --omnise-h4-text-align: start; }[data-bnode="omnise-g118mr"] { margin-top: var(--g118mr-margin-top, 0px); margin-right: var(--g118mr-margin-right, 0px); margin-bottom: var(--g118mr-margin-bottom, 0px); margin-left: var(--g118mr-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--g118mr-margin-top-tablet, 0px); margin-right: var(--g118mr-margin-right-tablet, 0px); margin-bottom: var(--g118mr-margin-bottom-tablet, 0px); margin-left: var(--g118mr-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--g118mr-margin-top-mobile, 0px); margin-right: var(--g118mr-margin-right-mobile, 0px); margin-bottom: var(--g118mr-margin-bottom-mobile, 0px); margin-left: var(--g118mr-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--g118mr-highlightColor,var(--omnise-p-color)); top: var(--g118mr-highlightTop, 100%); } }[data-bnode="omnise-zikpuq"] { --zikpuq-typography: p; --zikpuq-typography-tablet: p; --zikpuq-typography-mobile: p; --omnise-p-text-align: start; }[data-bnode="omnise-zikpuq"] { margin-top: var(--zikpuq-margin-top, 0px); margin-right: var(--zikpuq-margin-right, 0px); margin-bottom: var(--zikpuq-margin-bottom, 0px); margin-left: var(--zikpuq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zikpuq-margin-top-tablet, 0px); margin-right: var(--zikpuq-margin-right-tablet, 0px); margin-bottom: var(--zikpuq-margin-bottom-tablet, 0px); margin-left: var(--zikpuq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zikpuq-margin-top-mobile, 0px); margin-right: var(--zikpuq-margin-right-mobile, 0px); margin-bottom: var(--zikpuq-margin-bottom-mobile, 0px); margin-left: var(--zikpuq-margin-left-mobile, 0px); } }[data-bnode="omnise-qjn4xp"] { --qjn4xp-timer: label; --qjn4xp-timer-tablet: label; --qjn4xp-timer-mobile: label; --qjn4xp-typographyNumber: h2; --qjn4xp-typographyNumber-tablet: h2; --qjn4xp-typographyNumber-mobile: h2; --qjn4xp-typographyLabel: p2; --qjn4xp-typographyLabel-tablet: p2; --qjn4xp-typographyLabel-mobile: p2; --qjn4xp-borderStyle: solid; --qjn4xp-borderStyle-tablet: solid; --qjn4xp-borderStyle-mobile: solid; --qjn4xp-type: input; --qjn4xp-type-tablet: input; --qjn4xp-type-mobile: input; --qjn4xp-fontSizeButton: 16px; --qjn4xp-fontSizeButton-tablet: 16px; --qjn4xp-fontSizeButton-mobile: 16px; --qjn4xp-button: pr; --qjn4xp-button-tablet: pr; --qjn4xp-button-mobile: pr; --qjn4xp-width: fill; --qjn4xp-width-tablet: fill; --qjn4xp-width-mobile: fill; --qjn4xp-transform: none; --qjn4xp-transform-tablet: none; --qjn4xp-transform-mobile: none; --qjn4xp-iconWidth: 20px; --qjn4xp-iconWidth-tablet: 20px; --qjn4xp-iconWidth-mobile: 20px; --qjn4xp-iconGap: 5px; --qjn4xp-iconGap-tablet: 5px; --qjn4xp-iconGap-mobile: 5px; --qjn4xp-typography: p; --qjn4xp-typography-tablet: p; --qjn4xp-typography-mobile: p; --qjn4xp-enableShadow: false; --qjn4xp-enableShadow-tablet: false; --qjn4xp-enableShadow-mobile: false; --omnise-p-font-size-mobile: 16px; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-p-font-size-tablet: 16px; --omnise-p-line-height-tablet: 1.3; --omnise-p-letter-spacing-tablet: 0.6px; --qjn4xp-backgroundColor: #81414100; --qjn4xp-backgroundColor-tablet: #81414100; --qjn4xp-backgroundColor-mobile: #81414100; --qjn4xp-gap-tablet: 6px; --qjn4xp-gap-mobile: 6px; }[data-bnode="omnise-qjn4xp"] { margin-top: var(--qjn4xp-margin-top, 0px); margin-right: var(--qjn4xp-margin-right, 0px); margin-bottom: var(--qjn4xp-margin-bottom, 0px); margin-left: var(--qjn4xp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qjn4xp-margin-top-tablet, 0px); margin-right: var(--qjn4xp-margin-right-tablet, 0px); margin-bottom: var(--qjn4xp-margin-bottom-tablet, 0px); margin-left: var(--qjn4xp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qjn4xp-margin-top-mobile, 0px); margin-right: var(--qjn4xp-margin-right-mobile, 0px); margin-bottom: var(--qjn4xp-margin-bottom-mobile, 0px); margin-left: var(--qjn4xp-margin-left-mobile, 0px); } & { .omnise-field { display: flex; align-items: center; gap: var(--qjn4xp-gap, 16px); min-width: 0; width: 100%; @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--qjn4xp-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--qjn4xp-gap-mobile, 16px); } } .omnise-field-input { width: 100%; align-self: stretch; outline: none; padding: 0 var(--qjn4xp-paddingX, 20px); height: var(--qjn4xp-inputHeight, 48px); background: var(--qjn4xp-backgroundColor, #ffffff); z-index: 10; border-style: var(--qjn4xp-borderStyle, solid); border-color: var(--qjn4xp-borderColor, var(--omnise-form-input-border-color)); border-width: var(--qjn4xp-borderWidth-tl, var(--omnise-input-border-width)) var(--qjn4xp-borderWidth-tr, var(--omnise-input-border-width)) var(--qjn4xp-borderWidth-br, var(--omnise-input-border-width)) var(--qjn4xp-borderWidth-bl, var(--omnise-input-border-width)); border-radius: var(--qjn4xp-borderRadius-tl, var(--omnise-input-border-radius)) var(--qjn4xp-borderRadius-tr, var(--omnise-input-border-radius)) var(--qjn4xp-borderRadius-br, var(--omnise-input-border-radius)) var(--qjn4xp-borderRadius-bl, var(--omnise-input-border-radius)); box-shadow: var(--qjn4xp-shadowHorizontal, 0px) var(--qjn4xp-shadowVertical, 0px) var(--qjn4xp-shadowBlur, 0px) 1px color-mix( in srgb, var(--qjn4xp-shadowColor, #000000) var(--qjn4xp-shadowTransparent, 0%), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { border-width: var(--qjn4xp-borderWidth-tl-tablet, var(--omnise-input-border-width)) var(--qjn4xp-borderWidth-tr-tablet, var(--omnise-input-border-width)) var(--qjn4xp-borderWidth-br-tablet, var(--omnise-input-border-width)) var(--qjn4xp-borderWidth-bl-tablet, var(--omnise-input-border-width)); border-radius: var(--qjn4xp-borderRadius-tl-tablet, var(--omnise-input-border-radius)) var(--qjn4xp-borderRadius-tr-tablet, var(--omnise-input-border-radius)) var(--qjn4xp-borderRadius-br-tablet, var(--omnise-input-border-radius)) var(--qjn4xp-borderRadius-bl-tablet, var(--omnise-input-border-radius)); } @media(max-width: 767px) { border-width: var(--qjn4xp-borderWidth-tl-mobile, var(--omnise-input-border-width)) var(--qjn4xp-borderWidth-tr-mobile, var(--omnise-input-border-width)) var(--qjn4xp-borderWidth-br-mobile, var(--omnise-input-border-width)) var(--qjn4xp-borderWidth-bl-mobile, var(--omnise-input-border-width)); border-radius: var(--qjn4xp-borderRadius-tl-mobile, var(--omnise-input-border-radius)) var(--qjn4xp-borderRadius-tr-mobile, var(--omnise-input-border-radius)) var(--qjn4xp-borderRadius-br-mobile, var(--omnise-input-border-radius)) var(--qjn4xp-borderRadius-bl-mobile, var(--omnise-input-border-radius)); } &::placeholder { color: var(--qjn4xp-colorPlace); } } .omnise-btn-button { gap:var(--qjn4xp-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--qjn4xp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--qjn4xp-bgBtnHover)) * 1%)); style(--qjn4xp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--qjn4xp-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--qjn4xp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--qjn4xp-labelBtnHover)) * 1%)); style(--qjn4xp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--qjn4xp-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--qjn4xp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--qjn4xp-borderBtnHover)) * 1%)); style(--qjn4xp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--qjn4xp-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--qjn4xp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--qjn4xp-bgBtnHover)) * 1%)); style(--qjn4xp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--qjn4xp-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--qjn4xp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--qjn4xp-labelBtnHover)) * 1%)); style(--qjn4xp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--qjn4xp-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--qjn4xp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--qjn4xp-borderBtnHover)) * 1%)); style(--qjn4xp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--qjn4xp-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--qjn4xp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--qjn4xp-labelBtnHover)) * 1%)); style(--qjn4xp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--qjn4xp-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--qjn4xp-iconWidth); } svg { width: var(--qjn4xp-iconWidth,20px); min-width: var(--qjn4xp-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--qjn4xp-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--qjn4xp-iconWidth-tablet, var(--qjn4xp-iconWidth)); } svg { width: var(--qjn4xp-iconWidth-tablet, var(--qjn4xp-iconWidth)); min-width: var(--qjn4xp-iconWidth-tablet, var(--qjn4xp-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--qjn4xp-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--qjn4xp-iconWidth-mobile, var(--qjn4xp-iconWidth)); } svg { width: var(--qjn4xp-iconWidth-mobile, var(--qjn4xp-iconWidth)); min-width: var(--qjn4xp-iconWidth-mobile, var(--qjn4xp-iconWidth)); height: 100%; } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } } .omnise-form-message { display: flex; align-items: center; gap: 6px; margin-top: 20px; &.omnise-form-message-error { color: #dc2626; } } .omnise-svg-wrapper { display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; } .omnise-hidden { display: none; } .omnise-form-message:focus-visible { outline: none; outline-offset: none; box-shadow: none; } } }[data-bnode="omnise-l7imjs"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-l7imjs"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-l7imjs"] {                gap: 12px;     }  }[data-bnode="omnise-5dpdmt"] { --5dpdmt-timer: label; --5dpdmt-timer-tablet: label; --5dpdmt-timer-mobile: label; --5dpdmt-margin-top: 0px; --5dpdmt-margin-top-tablet: 0px; --5dpdmt-margin-top-mobile: 0px; --5dpdmt-margin-right: 0px; --5dpdmt-margin-right-tablet: 0px; --5dpdmt-margin-right-mobile: 0px; --5dpdmt-margin-bottom: 0px; --5dpdmt-margin-bottom-tablet: 0px; --5dpdmt-margin-bottom-mobile: 0px; --5dpdmt-margin-left: 0px; --5dpdmt-margin-left-tablet: 0px; --5dpdmt-margin-left-mobile: 0px; --5dpdmt-typographyNumber: h2; --5dpdmt-typographyNumber-tablet: h2; --5dpdmt-typographyNumber-mobile: h2; --omnise-h2-line-height: 1.2; --omnise-h2-letter-spacing: -0.4px; --omnise-h2-color: #D82727; --5dpdmt-typographyLabel: p2; --5dpdmt-typographyLabel-tablet: p2; --5dpdmt-typographyLabel-mobile: p2; --5dpdmt-borderStyle: solid; --5dpdmt-borderStyle-tablet: solid; --5dpdmt-borderStyle-mobile: solid; --5dpdmt-borderWidth-tl: 1px; --5dpdmt-borderWidth-tl-tablet: 1px; --5dpdmt-borderWidth-tl-mobile: 1px; --5dpdmt-borderWidth-tr: 1px; --5dpdmt-borderWidth-tr-tablet: 1px; --5dpdmt-borderWidth-tr-mobile: 1px; --5dpdmt-borderWidth-bl: 1px; --5dpdmt-borderWidth-bl-tablet: 1px; --5dpdmt-borderWidth-bl-mobile: 1px; --5dpdmt-borderWidth-br: 1px; --5dpdmt-borderWidth-br-tablet: 1px; --5dpdmt-borderWidth-br-mobile: 1px; --5dpdmt-shadowVertical: 32px; --5dpdmt-shadowVertical-tablet: 32px; --5dpdmt-shadowVertical-mobile: 32px; --5dpdmt-shadowHorizontal: 18px; --5dpdmt-shadowHorizontal-tablet: 18px; --5dpdmt-shadowHorizontal-mobile: 18px; --5dpdmt-shadowBlur: 54px; --5dpdmt-shadowBlur-tablet: 54px; --5dpdmt-shadowBlur-mobile: 54px; --5dpdmt-borderColor: #adadad; --5dpdmt-borderColor-tablet: #adadad; --5dpdmt-borderColor-mobile: #adadad; --5dpdmt-borderRadius-tl: 8px; --5dpdmt-borderRadius-tl-tablet: 8px; --5dpdmt-borderRadius-tl-mobile: 8px; --5dpdmt-borderRadius-tr: 8px; --5dpdmt-borderRadius-tr-tablet: 8px; --5dpdmt-borderRadius-tr-mobile: 8px; --5dpdmt-borderRadius-bl: 8px; --5dpdmt-borderRadius-bl-tablet: 8px; --5dpdmt-borderRadius-bl-mobile: 8px; --5dpdmt-borderRadius-br: 8px; --5dpdmt-borderRadius-br-tablet: 8px; --5dpdmt-borderRadius-br-mobile: 8px; --omnise-h2-text-align: center; --5dpdmt-paddingX: 16px; --5dpdmt-paddingX-tablet: 16px; --5dpdmt-paddingX-mobile: 16px; --5dpdmt-paddingY: 0px; --5dpdmt-paddingY-tablet: 0px; --5dpdmt-paddingY-mobile: 0px; --5dpdmt-type: button; --5dpdmt-type-tablet: button; --5dpdmt-type-mobile: button; --5dpdmt-fontSize: 16px; --5dpdmt-fontSize-tablet: 16px; --5dpdmt-fontSize-mobile: 16px; --5dpdmt-fontSizeButton: 16px; --5dpdmt-fontSizeButton-tablet: 16px; --5dpdmt-fontSizeButton-mobile: 16px; --5dpdmt-colorButton: #CBC2C2; --5dpdmt-colorButton-tablet: #CBC2C2; --5dpdmt-colorButton-mobile: #CBC2C2; --5dpdmt-borderStyleButton: solid; --5dpdmt-borderStyleButton-tablet: solid; --5dpdmt-borderStyleButton-mobile: solid; --5dpdmt-borderWidthButton: 0px; --5dpdmt-borderWidthButton-tablet: 0px; --5dpdmt-borderWidthButton-mobile: 0px; --5dpdmt-borderColorButton: #CBC3C3; --5dpdmt-borderColorButton-tablet: #CBC3C3; --5dpdmt-borderColorButton-mobile: #CBC3C3; --5dpdmt-paddingXButton: 17px; --5dpdmt-paddingXButton-tablet: 17px; --5dpdmt-paddingXButton-mobile: 17px; --5dpdmt-paddingYButton: 17px; --5dpdmt-paddingYButton-tablet: 17px; --5dpdmt-paddingYButton-mobile: 17px; --5dpdmt-backgroundColorButton: #121212; --5dpdmt-backgroundColorButton-tablet: #121212; --5dpdmt-backgroundColorButton-mobile: #121212; --5dpdmt-button: pr; --5dpdmt-button-tablet: pr; --5dpdmt-button-mobile: pr; --5dpdmt-width: fill; --5dpdmt-width-tablet: fill; --5dpdmt-width-mobile: fill; --5dpdmt-transform: uppercase; --5dpdmt-transform-tablet: uppercase; --5dpdmt-transform-mobile: uppercase; --5dpdmt-iconWidth: 20px; --5dpdmt-iconWidth-tablet: 20px; --5dpdmt-iconWidth-mobile: 20px; --5dpdmt-iconGap: 5px; --5dpdmt-iconGap-tablet: 5px; --5dpdmt-iconGap-mobile: 5px; --5dpdmt-typography: p; --5dpdmt-typography-tablet: p; --5dpdmt-typography-mobile: p; --omnise-btn-height: 48px; --omnise-btn-border-radius: 8px; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 15px; --omnise-p-font-family: Assistant; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 48px; --omnise-btn-height-mobile: 44px; --omnise-btn-padding: 14px; --omnise-btn-padding-tablet: 14px; --omnise-btn-padding-mobile: 12px; --omnise-btn-se-label-color: #121212; --omnise-btn-se-background-color: #ececec; --omnise-btn-te-label-color: #121212; --omnise-btn-pr-label-color: #0A0A0A; --omnise-btn-pr-background-color: #FCC93D; --omnise-p-font-weight: 400; --5dpdmt-colorPlace: #cdcbcb; --5dpdmt-colorPlace-tablet: #cdcbcb; --5dpdmt-colorPlace-mobile: #cdcbcb; --5dpdmt-backgroundColor: #FFFFFF00; --5dpdmt-backgroundColor-tablet: #FFFFFF00; --5dpdmt-backgroundColor-mobile: #FFFFFF00; --5dpdmt-enableShadow: false; --5dpdmt-enableShadow-tablet: false; --5dpdmt-enableShadow-mobile: false; }[data-bnode="omnise-5dpdmt"] { margin-top: var(--5dpdmt-margin-top, 0px); margin-right: var(--5dpdmt-margin-right, 0px); margin-bottom: var(--5dpdmt-margin-bottom, 0px); margin-left: var(--5dpdmt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5dpdmt-margin-top-tablet, 0px); margin-right: var(--5dpdmt-margin-right-tablet, 0px); margin-bottom: var(--5dpdmt-margin-bottom-tablet, 0px); margin-left: var(--5dpdmt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5dpdmt-margin-top-mobile, 0px); margin-right: var(--5dpdmt-margin-right-mobile, 0px); margin-bottom: var(--5dpdmt-margin-bottom-mobile, 0px); margin-left: var(--5dpdmt-margin-left-mobile, 0px); } }[data-bnode="omnise-6xxlqk"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 10px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-6xxlqk"] {                gap: 10px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-6xxlqk"] {                gap: 10px;     }  }[data-bnode="omnise-3wk3pt"] { --3wk3pt-size: 32px; --3wk3pt-size-tablet: 32px; --3wk3pt-size-mobile: 32px; --3wk3pt-iconColor: #ffffff; --3wk3pt-iconColor-tablet: #ffffff; --3wk3pt-iconColor-mobile: #ffffff; --3wk3pt-backgroundColor: #FFFFFF00; --3wk3pt-backgroundColor-tablet: #FFFFFF00; --3wk3pt-backgroundColor-mobile: #FFFFFF00; --3wk3pt-padding: 4px; --3wk3pt-padding-tablet: 4px; --3wk3pt-padding-mobile: 4px; --3wk3pt-enableShadow: false; --3wk3pt-enableShadow-tablet: false; --3wk3pt-enableShadow-mobile: false; }[data-bnode="omnise-3wk3pt"] { margin-top: var(--3wk3pt-margin-top, 0px); margin-right: var(--3wk3pt-margin-right, 0px); margin-bottom: var(--3wk3pt-margin-bottom, 0px); margin-left: var(--3wk3pt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3wk3pt-margin-top-tablet, 0px); margin-right: var(--3wk3pt-margin-right-tablet, 0px); margin-bottom: var(--3wk3pt-margin-bottom-tablet, 0px); margin-left: var(--3wk3pt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3wk3pt-margin-top-mobile, 0px); margin-right: var(--3wk3pt-margin-right-mobile, 0px); margin-bottom: var(--3wk3pt-margin-bottom-mobile, 0px); margin-left: var(--3wk3pt-margin-left-mobile, 0px); } & { display: flex; align-items:center; justify-content: center; padding: var(--3wk3pt-padding, 4px); border-style: var(--3wk3pt-borderStyle,solid); border-color: var(--3wk3pt-borderColor,#000000); border-width: var(--3wk3pt-borderWidth-tl,0px) var(--3wk3pt-borderWidth-tr,0px) var(--3wk3pt-borderWidth-br,0px) var(--3wk3pt-borderWidth-bl,0px); border-radius: var(--3wk3pt-borderRadius-tl,0px) var(--3wk3pt-borderRadius-tr,0px) var(--3wk3pt-borderRadius-br,0px) var(--3wk3pt-borderRadius-bl,0px); box-shadow: if( style(--3wk3pt-enableShadow: true): var(--3wk3pt-shadowHorizontal, 0) var(--3wk3pt-shadowVertical, 0) var(--3wk3pt-shadowBlur, 0) 1px var(--3wk3pt-shadowColor, #000000); else: none ); color: var(--3wk3pt-iconColor,var(--omnise-text-color)); background-color: var(--3wk3pt-backgroundColor); overflow: hidden; width: var(--3wk3pt-size, 28px); min-width: var(--3wk3pt-size, 28px); height: fit-content; max-width: var(--3wk3pt-size, 28px); width: var(--3wk3pt-size-tablet, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--3wk3pt-borderWidth-tl-tablet,0px) var(--3wk3pt-borderWidth-tr-tablet,0px) var(--3wk3pt-borderWidth-br-tablet,0px) var(--3wk3pt-borderWidth-bl-tablet,0px); border-radius: var(--3wk3pt-borderRadius-tl-tablet,0px) var(--3wk3pt-borderRadius-tr-tablet,0px) var(--3wk3pt-borderRadius-br-tablet,0px) var(--3wk3pt-borderRadius-bl-tablet,0px); min-width: var(--3wk3pt-size-tablet, var(--3wk3pt-size, 28px)); max-width: var(--3wk3pt-size-tablet, var(--3wk3pt-size, 28px)); } @media(max-width: 767px){ width: var(--3wk3pt-size-mobile, var(--3wk3pt-size-tablet, var(--3wk3pt-size, 28px))); min-width: var(--3wk3pt-size-mobile, var(--3wk3pt-size-tablet, var(--3wk3pt-size, 28px))); max-width: var(--3wk3pt-size-mobile, var(--3wk3pt-size-tablet, var(--3wk3pt-size, 28px))); border-width: var(--3wk3pt-borderWidth-tl-mobile,0px) var(--3wk3pt-borderWidth-tr-mobile,0px) var(--3wk3pt-borderWidth-br-mobile,0px) var(--3wk3pt-borderWidth-bl-mobile,0px); border-radius: var(--3wk3pt-borderRadius-tl-mobile,0px) var(--3wk3pt-borderRadius-tr-mobile,0px) var(--3wk3pt-borderRadius-br-mobile,0px) var(--3wk3pt-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } }[data-bnode="omnise-xj24hy"] { --xj24hy-size: 32px; --xj24hy-size-tablet: 32px; --xj24hy-size-mobile: 32px; --xj24hy-iconColor: #ffffff; --xj24hy-iconColor-tablet: #ffffff; --xj24hy-iconColor-mobile: #ffffff; --xj24hy-backgroundColor: #FFFFFF00; --xj24hy-backgroundColor-tablet: #FFFFFF00; --xj24hy-backgroundColor-mobile: #FFFFFF00; --xj24hy-padding: 4px; --xj24hy-padding-tablet: 4px; --xj24hy-padding-mobile: 4px; --xj24hy-enableShadow: false; --xj24hy-enableShadow-tablet: false; --xj24hy-enableShadow-mobile: false; }[data-bnode="omnise-xj24hy"] { margin-top: var(--xj24hy-margin-top, 0px); margin-right: var(--xj24hy-margin-right, 0px); margin-bottom: var(--xj24hy-margin-bottom, 0px); margin-left: var(--xj24hy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xj24hy-margin-top-tablet, 0px); margin-right: var(--xj24hy-margin-right-tablet, 0px); margin-bottom: var(--xj24hy-margin-bottom-tablet, 0px); margin-left: var(--xj24hy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xj24hy-margin-top-mobile, 0px); margin-right: var(--xj24hy-margin-right-mobile, 0px); margin-bottom: var(--xj24hy-margin-bottom-mobile, 0px); margin-left: var(--xj24hy-margin-left-mobile, 0px); } & { display: flex; align-items:center; justify-content: center; padding: var(--xj24hy-padding, 4px); border-style: var(--xj24hy-borderStyle,solid); border-color: var(--xj24hy-borderColor,#000000); border-width: var(--xj24hy-borderWidth-tl,0px) var(--xj24hy-borderWidth-tr,0px) var(--xj24hy-borderWidth-br,0px) var(--xj24hy-borderWidth-bl,0px); border-radius: var(--xj24hy-borderRadius-tl,0px) var(--xj24hy-borderRadius-tr,0px) var(--xj24hy-borderRadius-br,0px) var(--xj24hy-borderRadius-bl,0px); box-shadow: if( style(--xj24hy-enableShadow: true): var(--xj24hy-shadowHorizontal, 0) var(--xj24hy-shadowVertical, 0) var(--xj24hy-shadowBlur, 0) 1px var(--xj24hy-shadowColor, #000000); else: none ); color: var(--xj24hy-iconColor,var(--omnise-text-color)); background-color: var(--xj24hy-backgroundColor); overflow: hidden; width: var(--xj24hy-size, 28px); min-width: var(--xj24hy-size, 28px); height: fit-content; max-width: var(--xj24hy-size, 28px); width: var(--xj24hy-size-tablet, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--xj24hy-borderWidth-tl-tablet,0px) var(--xj24hy-borderWidth-tr-tablet,0px) var(--xj24hy-borderWidth-br-tablet,0px) var(--xj24hy-borderWidth-bl-tablet,0px); border-radius: var(--xj24hy-borderRadius-tl-tablet,0px) var(--xj24hy-borderRadius-tr-tablet,0px) var(--xj24hy-borderRadius-br-tablet,0px) var(--xj24hy-borderRadius-bl-tablet,0px); min-width: var(--xj24hy-size-tablet, var(--xj24hy-size, 28px)); max-width: var(--xj24hy-size-tablet, var(--xj24hy-size, 28px)); } @media(max-width: 767px){ width: var(--xj24hy-size-mobile, var(--xj24hy-size-tablet, var(--xj24hy-size, 28px))); min-width: var(--xj24hy-size-mobile, var(--xj24hy-size-tablet, var(--xj24hy-size, 28px))); max-width: var(--xj24hy-size-mobile, var(--xj24hy-size-tablet, var(--xj24hy-size, 28px))); border-width: var(--xj24hy-borderWidth-tl-mobile,0px) var(--xj24hy-borderWidth-tr-mobile,0px) var(--xj24hy-borderWidth-br-mobile,0px) var(--xj24hy-borderWidth-bl-mobile,0px); border-radius: var(--xj24hy-borderRadius-tl-mobile,0px) var(--xj24hy-borderRadius-tr-mobile,0px) var(--xj24hy-borderRadius-br-mobile,0px) var(--xj24hy-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } }[data-bnode="omnise-jqdnyo"] { --jqdnyo-size: 32px; --jqdnyo-size-tablet: 32px; --jqdnyo-size-mobile: 32px; --jqdnyo-iconColor: #ffffff; --jqdnyo-iconColor-tablet: #ffffff; --jqdnyo-iconColor-mobile: #ffffff; --jqdnyo-backgroundColor: #FFFFFF00; --jqdnyo-backgroundColor-tablet: #FFFFFF00; --jqdnyo-backgroundColor-mobile: #FFFFFF00; --jqdnyo-padding: 4px; --jqdnyo-padding-tablet: 4px; --jqdnyo-padding-mobile: 4px; --jqdnyo-enableShadow: false; --jqdnyo-enableShadow-tablet: false; --jqdnyo-enableShadow-mobile: false; --jqdnyo-margin-top: 0px; --jqdnyo-margin-top-tablet: 0px; --jqdnyo-margin-top-mobile: 0px; --jqdnyo-margin-right: 0px; --jqdnyo-margin-right-tablet: 0px; --jqdnyo-margin-right-mobile: 0px; --jqdnyo-margin-bottom: 0px; --jqdnyo-margin-bottom-tablet: 0px; --jqdnyo-margin-bottom-mobile: 0px; --jqdnyo-margin-left: 0px; --jqdnyo-margin-left-tablet: 0px; --jqdnyo-margin-left-mobile: 0px; }[data-bnode="omnise-jqdnyo"] { margin-top: var(--jqdnyo-margin-top, 0px); margin-right: var(--jqdnyo-margin-right, 0px); margin-bottom: var(--jqdnyo-margin-bottom, 0px); margin-left: var(--jqdnyo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jqdnyo-margin-top-tablet, 0px); margin-right: var(--jqdnyo-margin-right-tablet, 0px); margin-bottom: var(--jqdnyo-margin-bottom-tablet, 0px); margin-left: var(--jqdnyo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jqdnyo-margin-top-mobile, 0px); margin-right: var(--jqdnyo-margin-right-mobile, 0px); margin-bottom: var(--jqdnyo-margin-bottom-mobile, 0px); margin-left: var(--jqdnyo-margin-left-mobile, 0px); } & { display: flex; align-items:center; justify-content: center; padding: var(--jqdnyo-padding, 4px); border-style: var(--jqdnyo-borderStyle,solid); border-color: var(--jqdnyo-borderColor,#000000); border-width: var(--jqdnyo-borderWidth-tl,0px) var(--jqdnyo-borderWidth-tr,0px) var(--jqdnyo-borderWidth-br,0px) var(--jqdnyo-borderWidth-bl,0px); border-radius: var(--jqdnyo-borderRadius-tl,0px) var(--jqdnyo-borderRadius-tr,0px) var(--jqdnyo-borderRadius-br,0px) var(--jqdnyo-borderRadius-bl,0px); box-shadow: if( style(--jqdnyo-enableShadow: true): var(--jqdnyo-shadowHorizontal, 0) var(--jqdnyo-shadowVertical, 0) var(--jqdnyo-shadowBlur, 0) 1px var(--jqdnyo-shadowColor, #000000); else: none ); color: var(--jqdnyo-iconColor,var(--omnise-text-color)); background-color: var(--jqdnyo-backgroundColor); overflow: hidden; width: var(--jqdnyo-size, 28px); min-width: var(--jqdnyo-size, 28px); height: fit-content; max-width: var(--jqdnyo-size, 28px); width: var(--jqdnyo-size-tablet, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--jqdnyo-borderWidth-tl-tablet,0px) var(--jqdnyo-borderWidth-tr-tablet,0px) var(--jqdnyo-borderWidth-br-tablet,0px) var(--jqdnyo-borderWidth-bl-tablet,0px); border-radius: var(--jqdnyo-borderRadius-tl-tablet,0px) var(--jqdnyo-borderRadius-tr-tablet,0px) var(--jqdnyo-borderRadius-br-tablet,0px) var(--jqdnyo-borderRadius-bl-tablet,0px); min-width: var(--jqdnyo-size-tablet, var(--jqdnyo-size, 28px)); max-width: var(--jqdnyo-size-tablet, var(--jqdnyo-size, 28px)); } @media(max-width: 767px){ width: var(--jqdnyo-size-mobile, var(--jqdnyo-size-tablet, var(--jqdnyo-size, 28px))); min-width: var(--jqdnyo-size-mobile, var(--jqdnyo-size-tablet, var(--jqdnyo-size, 28px))); max-width: var(--jqdnyo-size-mobile, var(--jqdnyo-size-tablet, var(--jqdnyo-size, 28px))); border-width: var(--jqdnyo-borderWidth-tl-mobile,0px) var(--jqdnyo-borderWidth-tr-mobile,0px) var(--jqdnyo-borderWidth-br-mobile,0px) var(--jqdnyo-borderWidth-bl-mobile,0px); border-radius: var(--jqdnyo-borderRadius-tl-mobile,0px) var(--jqdnyo-borderRadius-tr-mobile,0px) var(--jqdnyo-borderRadius-br-mobile,0px) var(--jqdnyo-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } }[data-bnode="omnise-1laak3"] { border-style: solid; border-color: #ffffff80; border-width: 1px 0px 0px 0px; border-radius: 0px 0px 0px 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } [data-bnode="omnise-1laak3"] {     flex-direction: row;   flex-wrap: nowrap;   justify-content: space-between;   align-items: center;   gap: 32px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-1laak3"] {                gap: 32px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-1laak3"] {      flex-direction: column;        align-items: flex-start;   gap: 14px;     }  }[data-bnode="omnise-g5uzsi"] { --g5uzsi-typography: p; --g5uzsi-typography-tablet: p; --g5uzsi-typography-mobile: p; --omnise-p-text-align: start; --omnise-p-font-size-mobile: 16px; --omnise-p-line-height-mobile: 1.3; --omnise-p-letter-spacing-mobile: 0.6px; }[data-bnode="omnise-g5uzsi"] { margin-top: var(--g5uzsi-margin-top, 0px); margin-right: var(--g5uzsi-margin-right, 0px); margin-bottom: var(--g5uzsi-margin-bottom, 0px); margin-left: var(--g5uzsi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--g5uzsi-margin-top-tablet, 0px); margin-right: var(--g5uzsi-margin-right-tablet, 0px); margin-bottom: var(--g5uzsi-margin-bottom-tablet, 0px); margin-left: var(--g5uzsi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--g5uzsi-margin-top-mobile, 0px); margin-right: var(--g5uzsi-margin-right-mobile, 0px); margin-bottom: var(--g5uzsi-margin-bottom-mobile, 0px); margin-left: var(--g5uzsi-margin-left-mobile, 0px); } }[data-bnode="omnise-9j11jh"] { --9j11jh-typography: p; --9j11jh-typography-tablet: p; --9j11jh-typography-mobile: p; --9j11jh-iconSize: 38; --9j11jh-iconSize-tablet: 38; --9j11jh-iconSize-mobile: 38; --9j11jh-maxWidth: auto; --9j11jh-maxWidth-tablet: auto; --9j11jh-maxWidth-mobile: auto; }[data-bnode="omnise-9j11jh"] { margin-top: var(--9j11jh-margin-top, 0px); margin-right: var(--9j11jh-margin-right, 0px); margin-bottom: var(--9j11jh-margin-bottom, 0px); margin-left: var(--9j11jh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9j11jh-margin-top-tablet, 0px); margin-right: var(--9j11jh-margin-right-tablet, 0px); margin-bottom: var(--9j11jh-margin-bottom-tablet, 0px); margin-left: var(--9j11jh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9j11jh-margin-top-mobile, 0px); margin-right: var(--9j11jh-margin-right-mobile, 0px); margin-bottom: var(--9j11jh-margin-bottom-mobile, 0px); margin-left: var(--9j11jh-margin-left-mobile, 0px); } & { display: flex; list-style: none; padding: 0; gap: 10px; } }