.cl-announcement *, .cl-announcement ::before, .cl-announcement ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }





.cl-announcement { --animation-duration: 100ms; --animation-fade-in-up: z-fade-in-up var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --animation-fade-in-left: z-fade-in-left var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --animation-fade-in-right: z-fade-in-right var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --animation-fade-in-left-rtl: z-fade-in-left-rtl var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --animation-fade-in-right-rtl: z-fade-in-right-rtl var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --animation-fade-in: z-fade-in calc(var(--animation-duration) * 2) cubic-bezier(0, 0, 0.3, 1) forwards; --animation-zoom-fade: z-zoom-fade var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --font-body-family: Inter, sans-serif; --font-body-style: normal; --font-body-weight: 500; --font-heading-family: Inter, sans-serif; --font-heading-style: normal; --font-heading-weight: 600; --font-btn-family: Inter, sans-serif; --font-btn-weight: var(--font-heading-weight); --font-menu-family: Inter, sans-serif; --font-menu-weight: var(--font-heading-weight); --btn-transform: uppercase; --font-body-scale: 1.06; --font-heading-scale: 1.0377358490566038; --font-heading-spacing: 0px; --font-h1-size: calc(var(--font-heading-scale) * 3.4rem); --font-h2-size: calc(var(--font-heading-scale) * 2.8rem); --font-h3-size: calc(var(--font-heading-scale) * 2.4rem); --font-h4-size: calc(var(--font-heading-scale) * 2.2rem); --font-h5-size: calc(var(--font-heading-scale) * 1.8rem); --font-h6-size: calc(var(--font-heading-scale) * 1.6rem); --font-heading-mobile-scale: 0.8301886792452831; --btn-height: 50px; --btn-rounded: 4px; --color-primary: #000000; --color-border: #eeeeee; --color-text-body: #000000; --color-text-heading: #000000; --color-link: #000000; --color-link-hover: #000000; --color-bg-1: #ffffff; --color-bg-2: #ffffff; --color-field-bg: #ffffff; --color-btn-bg: #000000; --color-btn-text: #ffffff; --color-btn-secondary-text: #ffffff; --color-btn-secondary-bg: #1b897e; --color-btn-bg-hover: #222222; --color-btn-text-hover: #ffffff; --color-product-title: #000000; --color-product-price: #000000; --color-header-bg: #ffffff; --color-header-text: #000000; --color-header-transparent-text: #aeaeae; --color-menu-text: #000000; --color-menu-text-hover: #000000; --color-menu-subtext: #000000; --color-menu-subtext-hover: #000000; --color-menu-dropdown-bg: #efefef; --color-cart-bubble: #222222; --color-overlay-bg: #222222; --color-overlay-alpha: 30; --color-tooltip-bg: #000000; --color-tooltip-text: #ffffff; --color-badge-sale: #207758; --color-badge-soldout: #222222; --color-badge-hot: #222222; --color-badge-new: #207758; --spacing-sections-desktop: 80px; --spacing-sections-mobile: 40px; --container-width: 1340px; --fluid-container-width: 1620px; --narrow-container-width: 720px; --fluid-offset: 4rem; --arrow-down: url(cl-anacondape-ar-down-f2058075.svg); --color-foreground: 0, 0, 0; --card-corner-radius: 0px; --color-base-text: 0, 0, 0; --color-base-primary: 0, 0, 0; --color-base-background-1: 255, 255, 255; --color-base-background-2: 255, 255, 255; --color-swatch-radius: 0; --color-swatch-size: 40px; --column-gap-mobile: 1.6rem; }
.cl-announcement *, .cl-announcement ::before, .cl-announcement ::after { box-sizing: border-box; }
.cl-announcement { font-size: calc(var(--font-body-scale) * 62.5%); }
.cl-announcement { min-height: 100%; font-size: 1.5rem; font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); background-color: var(--color-bg-1); color: var(--color-text-body); -webkit-font-smoothing: antialiased; line-height: calc(1 + 0.8 / var(--font-body-scale)); --font-body-size: 1.5rem; }
@media (max-width: 639px) { .cl-announcement { --color-swatch-size: 4.4rem; } }
.cl-announcement { line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.cl-announcement { margin: 0px; line-height: calc(1 + .8 / var(--font-body-scale)); }
.cl-announcement, .cl-announcement .color-background-1 { --color-foreground: var(--color-base-text); --color-background: var(--color-base-background-1); }
.cl-announcement b, .cl-announcement strong { font-weight: bolder; }
.cl-announcement { --kaching-cart-font-size-scale: .9; }
@media (min-width: 768px) { .cl-announcement { --kaching-cart-font-size-scale: 1; } }
.cl-announcement { --swiper-theme-color: #007aff; }
.cl-announcement .swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); width: 100%; z-index: 1; }
.cl-announcement .swiper-android .swiper-slide, .cl-announcement .swiper-ios .swiper-slide, .cl-announcement .swiper-wrapper { transform: translateZ(0px); }
.cl-announcement .swiper-horizontal { touch-action: pan-y; }
.cl-announcement .swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; }
.cl-announcement .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); }
.cl-announcement { --swiper-navigation-size: 44px; }
.cl-announcement .swiper-button-next, .cl-announcement .swiper-button-prev {
  align-items: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); cursor: pointer; display: flex; height: var(--swiper-navigation-size); justify-content: center; position: absolute; width: var(--swiper-navigation-size); z-index: 10;
  &.swiper-button-disabled { cursor: auto; opacity: 0.35; pointer-events: none; }
  &.swiper-button-hidden { cursor: auto; opacity: 0; pointer-events: none; }
  .swiper-navigation-disabled & { display: none !important; }
  & ::slotted(svg), & svg { height: 100%; object-fit: contain; transform-origin: center center; width: 100%; fill: currentcolor; pointer-events: none; }
}
.cl-announcement .swiper-button-lock { display: none; }
.cl-announcement .swiper-button-next, .cl-announcement .swiper-button-prev { margin-top: calc(0px - var(--swiper-navigation-size)/2); top: var(--swiper-navigation-top-offset,50%); }
.cl-announcement .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset,4px); right: auto;
  & .swiper-navigation-icon, & ::slotted(.swiper-navigation-icon) { transform: rotate(180deg); }
}
.cl-announcement .swiper-button-next { left: auto; right: var(--swiper-navigation-sides-offset,4px); }
.cl-announcement .swiper-horizontal {
  & .swiper-button-next, & .swiper-button-prev, & ~ .swiper-button-next, & ~ .swiper-button-prev { margin-left: 0px; margin-top: calc(0px - var(--swiper-navigation-size)/2); top: var(--swiper-navigation-top-offset,50%); }
  &.swiper-rtl .swiper-button-next, &.swiper-rtl ~ .swiper-button-next, & ~ .swiper-button-prev, & .swiper-button-prev { left: var(--swiper-navigation-sides-offset,4px); right: auto; }
  &.swiper-rtl .swiper-button-prev, &.swiper-rtl ~ .swiper-button-prev, & ~ .swiper-button-next, & .swiper-button-next { left: auto; right: var(--swiper-navigation-sides-offset,4px); }
  &.swiper-rtl .swiper-button-next, &.swiper-rtl ~ .swiper-button-next, & ~ .swiper-button-prev, & .swiper-button-prev {
  & .swiper-navigation-icon, & ::slotted(.swiper-navigation-icon) { transform: rotate(180deg); }
}
  &.swiper-rtl .swiper-button-prev, &.swiper-rtl ~ .swiper-button-prev {
  & .swiper-navigation-icon, & ::slotted(.swiper-navigation-icon) { transform: rotate(0deg); }
}
}
.cl-announcement .websensepro-announcement-bar { background: rgb(0, 0, 0); position: relative; overflow: hidden; }
.cl-announcement .websensepro-announcement-bar .websensepro-message { text-align: center; line-height: 0.5em; color: rgb(255, 255, 255); padding: 15px; font-size: 15px; }
.cl-announcement .websensepro-announcement-bar .websensepro-swiper-button { display: none !important; }
.cl-announcement .websensepro-swiper-button { display: block !important; top: 75% !important; }
@media (max-width: 767px) { .cl-announcement { --f-mobile-navbar-height: 68px; } }