@charset "UTF-8";
video {
  max-width: 100%;
}

.widget-heading {
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.us-flag-container .icon-flag {
  width: 42px;
}
.us-flag-container .icon-globe {
  width: 29px;
}

.international-globe-container .icon-globe {
  width: 29px;
}

.nav-flag-icons {
  display: flex !important;
  height: 50px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .nav-flag-icons img {
    width: 15%;
  }
}

.flag-dropdown-menu::after {
  display: flex;
  flex-direction: row;
  gap: 10px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
.flag-dropdown-menu .btn-group {
  width: 25%;
}
@media screen and (min-width: 992px) {
  .flag-dropdown-menu .btn-group label {
    width: 40%;
  }
  .flag-dropdown-menu .btn-group label .flag-icon-link {
    padding: 0 !important;
    width: 50% !important;
  }
}
@media screen and (max-width: 767px) {
  .flag-dropdown-menu .btn-group {
    width: 100%;
  }
  .flag-dropdown-menu .btn-group:first-child label {
    text-align: start;
  }
  .flag-dropdown-menu .btn-group .flag-icon-link {
    margin-bottom: 15% !important;
    margin-top: 15% !important;
    padding-left: 1px !important;
    width: 67% !important;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .flag-dropdown-menu .btn-group {
    flex-wrap: nowrap;
    margin: 0;
    width: 55%;
  }
  .flag-dropdown-menu .btn-group label {
    width: 145px;
  }
  .flag-dropdown-menu .btn-group label .dropdown-item {
    padding: 0 !important;
    width: 40% !important;
  }
  .flag-dropdown-menu .btn-group label .flag-icon-link {
    float: left;
    margin-left: 10%;
  }
}
.flag-dropdown-menu a.active {
  background-color: transparent !important;
}

.nav-item.login-container form {
  height: 100%;
}
.nav-item.login-container form .logout-btn {
  border-radius: 0;
  font-size: 12px;
  height: 100%;
}
.nav-item.login-container form .logout-btn:focus {
  box-shadow: none;
}
.nav-item.login-container form .logout-btn:hover {
  background-color: #e8e8e9;
}

.footer-menu li,
.footer-culture li {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
}

.footer-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer-menu a {
  color: #231f20;
  font-size: 10px;
  text-transform: uppercase;
}
.footer-menu a:hover {
  color: #36bde5;
}
@media screen and (max-width: 767px) {
  .footer-menu {
    justify-content: center;
    margin-bottom: 10px;
  }
  .footer-menu li {
    padding-right: 20px;
  }
}

.footer-shape {
  background: #f6f6f6;
}
.footer-shape img {
  width: 100%;
}

.footer-area {
  border-bottom: 1px solid #6d6e70;
  margin-bottom: 50px;
  padding-bottom: 12px;
  padding-top: 12px;
}

.footer-culture {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.footer-copyright {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.footer-copyright .footer-social {
  align-items: center;
  display: flex;
}
.footer-copyright .footer-social a i {
  background: #00afec;
  border-radius: 3px;
  color: #fff;
  padding: 2px 4px;
  vertical-align: middle;
}
.footer-copyright .footer-social a i.fa.fa-instagram {
  background: none;
  color: #1db0e9;
  font-size: 20px;
  transform: translateY(1px);
}
.footer-copyright .footer-social li {
  display: inline-block;
  line-height: 0;
}
.footer-copyright .footer-social li + li {
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .footer-copyright .footer-social {
    text-align: center;
  }
  .footer-copyright .footer-social.float-right {
    display: none;
  }
}
.footer-copyright .copyright-text {
  color: #231f20;
  font-size: 10px;
  line-height: 20px;
}
.footer-copyright .copyright-text span {
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .footer-copyright .copyright-text {
    text-align: center;
  }
  .footer-copyright .copyright-text > span:nth-child(2) {
    display: none;
  }
}

.ll-accordion {
  display: block;
}
.ll-accordion .container {
  padding-bottom: 10px;
  padding-top: 10px;
}
.ll-accordion .closed-label,
.ll-accordion .open-label {
  color: #000;
  font-size: 24px;
  text-decoration: underline;
}
.ll-accordion .panel {
  transition: max-height 0.4s ease-out;
}
.ll-accordion .panel .col-md-12 {
  padding-top: 5px;
}
.ll-accordion .accordion-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.ll-accordion .accordion-header p {
  margin: 0;
  order: 0;
}
.ll-accordion .accordion-header button {
  background-color: transparent;
  border: none;
  order: 1;
  padding: 10px;
}
.ll-accordion .accordion-header button svg {
  height: 48px;
  transition: transform 0.3s ease-out;
  width: 48px;
}
.ll-accordion .accordion-header button ~ .open-label {
  display: none;
}
.ll-accordion .accordion-header button[aria-expanded=true] svg {
  transform: rotate(135deg);
}
.ll-accordion .accordion-header button[aria-expanded=true] ~ .open-label {
  display: block;
}
.ll-accordion .accordion-header button[aria-expanded=true] ~ .closed-label {
  display: none;
}

.basic-scroller {
  display: block;
  transition: opacity 0.3s ease-in;
}

.generic-column-section.full-bleed {
  display: flex;
}
.generic-column-section.full-bleed .row,
.generic-column-section.full-bleed .col-full-bleed {
  margin: 0;
  padding: 0;
}
.generic-column-section.full-bleed .row {
  justify-content: center;
  width: 100%;
}

.image-grid {
  justify-content: space-evenly;
}
.image-grid .image-grid-img {
  margin-top: 10px;
}
.image-grid .image-grid-img img {
  min-width: 100%;
}

.honeycomb-grid {
  justify-content: center;
}
.honeycomb-grid .honeycomb-grid-img {
  margin-left: 5%;
  margin-right: 5%;
}
.honeycomb-grid .honeycomb-grid-img img {
  min-width: 100%;
}

.image-scroller {
  display: block;
  position: relative;
}
.image-scroller .pin-container {
  height: 100vh;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.tab-control-container h2 {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.tab-control {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media screen and (min-width: 992px) {
  .tab-control {
    flex-direction: row;
  }
}
.tab-control .tab-control-tabs {
  display: flex;
  flex-direction: row;
  margin-bottom: 25px;
  overflow: scroll hidden;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .tab-control .tab-control-tabs {
    flex: 0 0 20%;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    order: 1;
    overflow: hidden;
  }
}
.tab-control .tab-control-tabs .tab {
  display: block;
  flex: 0 0 33.33%;
}
@media screen and (min-width: 992px) {
  .tab-control .tab-control-tabs .tab {
    flex: 0;
  }
}
.tab-control .tab-control-tabs .tab button {
  align-items: center;
  background: inherit;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  margin: 15px 0;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .tab-control .tab-control-tabs .tab button {
    border-bottom: none;
    border-left: 2px solid transparent;
    justify-content: center;
    padding-left: 20px;
  }
}
.tab-control .tab-control-tabs .tab[aria-selected=true] button {
  border-bottom: 2px solid #00afec;
}
.tab-control .tab-control-tabs .tab[aria-selected=true] button span {
  font-weight: bold;
}
.tab-control .tab-control-tabs .tab[aria-selected=true] button::before {
  border-bottom: 6px solid #00afec;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: 10px;
  content: "";
  left: calc(50% - 3px);
  position: absolute;
}
@media screen and (min-width: 992px) {
  .tab-control .tab-control-tabs .tab[aria-selected=true] button {
    border-bottom: none;
    border-left: 2px solid #00afec;
  }
  .tab-control .tab-control-tabs .tab[aria-selected=true] button::before {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #00afec;
    border-right: none;
    border-top: 6px solid transparent;
    bottom: calc(50% - 3px);
    content: "";
    left: 10px;
    position: absolute;
  }
}
.tab-control .tab-control-content {
  display: block;
}
@media screen and (min-width: 992px) {
  .tab-control .tab-control-content {
    flex: 0 0 80%;
    max-width: 80%;
    order: 0;
    padding-right: 15px;
  }
}
.tab-control .tab-control-content .tab-panel {
  display: none;
}
.tab-control .tab-control-content .tab-panel.visible {
  display: block;
  height: 100%;
  width: 100%;
}

.product-area {
  margin-bottom: 80px;
}
.product-area .container {
  display: grid;
  grid-column-gap: 0;
  grid-template-areas: initial;
  grid-template-columns: initial;
  padding: 0 15px;
}
@media screen and (min-width: 992px) {
  .product-area .container {
    grid-column-gap: 2em;
    grid-template-areas: "col1 col2";
    grid-template-columns: 1.5fr 8fr;
  }
}
.product-area .container .products-container {
  grid-area: initial;
}
@media screen and (min-width: 992px) {
  .product-area .container .products-container {
    grid-area: col2;
  }
}
.product-area .container .hide-category {
  display: none;
}
.product-area .container .category-header,
.product-area .container .filter-header {
  border-top: 1px solid #666;
  color: #000;
  font: normal normal normal 22px/25px DINPro-Regular;
  grid-column: 1;
  letter-spacing: 0;
  margin-bottom: 23px;
  margin-top: 50px;
  opacity: 1;
  padding-top: 15px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.product-area .container .row.products {
  display: grid;
  margin: 0;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-area .container .row.products {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .product-area .container .row.products {
    grid-template-columns: repeat(3, 1fr);
  }
}
.product-area .container .row.products .product-tile {
  grid-column: auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.video-scroller {
  display: block;
}
.video-scroller .pin-container {
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.video-scroller video {
  height: 100%;
  width: 100%;
}

.divLoginTemplate {
  min-height: calc(100% - 80px);
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  .divLoginTemplate {
    padding-bottom: 30px;
  }
}
.divLoginTemplate form {
  display: flex;
  flex-direction: column;
}
.divLoginTemplate form .control-label {
  color: #000;
  font-size: 18px;
}
.divLoginTemplate form .other-actions {
  display: flex;
  flex-direction: column;
}
.divLoginTemplate form .other-actions a,
.divLoginTemplate form .other-actions input,
.divLoginTemplate form .other-actions label,
.divLoginTemplate form .other-actions .checkbox {
  margin-bottom: 0;
  width: max-content;
}
.divLoginTemplate form .other-actions a:hover,
.divLoginTemplate form .other-actions input:hover,
.divLoginTemplate form .other-actions label:hover,
.divLoginTemplate form .other-actions .checkbox:hover {
  cursor: pointer;
}
.divLoginTemplate form input[type=text],
.divLoginTemplate form input[type=email],
.divLoginTemplate form input[type=password] {
  background-color: #fff;
  border: 2px solid #000;
  height: 40px;
  max-width: 300px;
}
@media screen and (max-width: 767px) {
  .divLoginTemplate form input[type=text],
  .divLoginTemplate form input[type=email],
  .divLoginTemplate form input[type=password] {
    max-width: 100%;
    width: 100% !important;
  }
}
.divLoginTemplate .btn-black,
.divLoginTemplate form input[type=submit] {
  background: #0e1212;
  border: none;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  min-width: 100px;
  padding: 0.375rem 0.75rem;
  transition: 0.4s;
  width: max-content;
}
.divLoginTemplate.forgot-password .container, .divLoginTemplate.reset-password .container {
  padding-left: 64px;
  padding-right: 64px;
}
@media screen and (max-width: 767px) {
  .divLoginTemplate.forgot-password .container, .divLoginTemplate.reset-password .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.divLoginTemplate.forgot-password .info, .divLoginTemplate.reset-password .info {
  display: flex;
  flex-direction: column;
  width: min-content;
}
@media screen and (max-width: 767px) {
  .divLoginTemplate.forgot-password .info, .divLoginTemplate.reset-password .info {
    width: 100%;
  }
}
.divLoginTemplate.forgot-password .title, .divLoginTemplate.reset-password .title {
  color: #000;
  font-family: DINProLight, sans-serif;
  font-size: 64px;
  margin-top: 10px;
  text-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  .divLoginTemplate.forgot-password .title, .divLoginTemplate.reset-password .title {
    font-size: 56px;
    text-wrap: wrap;
  }
}
.divLoginTemplate.forgot-password .description, .divLoginTemplate.reset-password .description {
  color: #000;
  font-family: DINProLight, sans-serif;
  font-size: 24px;
  text-wrap: wrap;
}

.login-grid {
  display: grid;
  gap: 0 50px;
  grid-template-areas: "img title" "img form" "after after";
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767px) {
  .login-grid {
    display: flex;
    flex-direction: column;
  }
}
.login-grid .login-template-title {
  align-self: end;
  grid-area: title;
}
@media screen and (max-width: 767px) {
  .login-grid .login-template-title {
    align-self: center;
  }
}
.login-grid .login-template-img {
  grid-area: img;
  justify-self: center;
}
.login-grid .login-template-form {
  grid-area: form;
  padding-top: 1rem;
}
.login-grid .login-template-after {
  grid-area: after;
}

.carousel-header,
.carousel-subheader {
  text-align: center;
}

.swiper-container {
  display: flex;
  margin-bottom: 60px;
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  width: 50px;
}
.swiper-container .swiper-button-prev::after,
.swiper-container .swiper-button-next::after {
  display: none;
}
.swiper-container .swiper-button-next svg {
  -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg); /* FF */
  -o-transform: rotate(180deg); /* Opera */
  -ms-transform: rotate(180deg); /* IE9 */
  transform: rotate(180deg); /* W3C compliant browsers */
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.2);
  color: #000;
  font-size: 12px;
  height: 15px;
  line-height: 20px;
  opacity: 1;
  text-align: center;
  width: 15px;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #00afec;
}
.swiper-container .swiper-slide {
  height: initial;
  text-align: center;
}
.swiper-container .swiper-slide .carousel-caption {
  display: none;
}
@media screen and (min-width: 992px) {
  .swiper-container .swiper-slide .carousel-caption {
    display: block;
  }
}
.swiper-container .swiper-slide iframe {
  height: 100%;
  width: 100%;
}
.swiper-container .swiper-slide img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.swiper-container .swiper-slide .top-left {
  bottom: initial;
  left: 1%;
  padding: 0;
  right: initial;
  text-align: initial;
  top: 20px;
}
.swiper-container .swiper-slide .top-right {
  bottom: initial;
  left: initial;
  padding: 0;
  right: 1%;
  text-align: initial;
  top: 20px;
}
.swiper-container .swiper-slide .bottom-left {
  bottom: 20px;
  left: 1%;
  padding: 0;
  right: initial;
  text-align: initial;
  top: initial;
}
.swiper-container .swiper-slide .bottom-right {
  bottom: 20px;
  left: initial;
  padding: 0;
  right: 1%;
  text-align: initial;
  top: initial;
}

.lightbox {
  height: 50%;
}

@media screen and (min-width: 992px) {
  .lb-outerContainer {
    display: table;
    height: 0;
    width: 100% !important;
  }
  .lb-outerContainer .lb-container {
    display: flex;
    height: inherit;
    width: max-content;
  }
  .lb-outerContainer .lb-container img {
    width: 120% !important;
  }
}

.lb-outerContainer,
.lb-dataContainer {
  aspect-ratio: 1;
  height: 0;
  max-width: 800px;
  width: auto;
}

.coalescing-image {
  display: grid;
  margin: 10px auto;
  position: relative;
}
.coalescing-image .responsive-image {
  opacity: 1;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .responsive-image {
    opacity: 0;
  }
}
.coalescing-image .overlay-text {
  color: #000;
  font-size: 1.5em;
  position: absolute;
  transition: 1.5s;
  width: 300px;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .coalescing-image .overlay-text {
    opacity: 0;
  }
}
.coalescing-image .overlay-text.white {
  color: #fff;
}
.coalescing-image .overlay-text.bottom-left {
  bottom: 5%;
  left: 5%;
}
.coalescing-image .overlay-text.bottom-right {
  bottom: 5%;
  right: 5%;
  text-align: right;
}
.coalescing-image .overlay-text.top-left {
  left: 5%;
  top: 5%;
}
.coalescing-image .overlay-text.top-right {
  right: 5%;
  text-align: right;
  top: 5%;
}
.coalescing-image .frame {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 1fr);
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame {
    opacity: 1;
  }
}
.coalescing-image .frame .cell {
  background-image: var(--img);
  background-size: 800% 800%;
}
@supports (-moz-appearance: none) {
  .coalescing-image .frame .cell {
    height: calc(100% + 0.5px);
    width: calc(100% + 0.5px);
  }
}
.coalescing-image .frame .cell:nth-of-type(1) {
  background-position: 0% 0%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(1) {
    opacity: 0;
    transform: rotate(-0.75turn);
    transition: all 1.4413141609s;
  }
}
.coalescing-image .frame .cell:nth-of-type(2) {
  background-position: -100% 0%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(2) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.4550533936s;
  }
}
.coalescing-image .frame .cell:nth-of-type(3) {
  background-position: -200% 0%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(3) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.6197459611s;
  }
}
.coalescing-image .frame .cell:nth-of-type(4) {
  background-position: -300% 0%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(4) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.0384536959s;
  }
}
.coalescing-image .frame .cell:nth-of-type(5) {
  background-position: -400% 0%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(5) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.1321561338s;
  }
}
.coalescing-image .frame .cell:nth-of-type(6) {
  background-position: -500% 0%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(6) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.7095570126s;
  }
}
.coalescing-image .frame .cell:nth-of-type(7) {
  background-position: -600% 0%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(7) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.2802330561s;
  }
}
.coalescing-image .frame .cell:nth-of-type(8) {
  background-position: -700% 0%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(8) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.6676337185s;
  }
}
.coalescing-image .frame .cell:nth-of-type(9) {
  background-position: -800% -100%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(9) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.8237585659s;
  }
}
.coalescing-image .frame .cell:nth-of-type(10) {
  background-position: -900% -100%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(10) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.3127247047s;
  }
}
.coalescing-image .frame .cell:nth-of-type(11) {
  background-position: -1000% -100%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(11) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.0588594175s;
  }
}
.coalescing-image .frame .cell:nth-of-type(12) {
  background-position: -1100% -100%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(12) {
    opacity: 0;
    transform: rotate(-0.75turn);
    transition: all 1.9811961891s;
  }
}
.coalescing-image .frame .cell:nth-of-type(13) {
  background-position: -1200% -100%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(13) {
    opacity: 0;
    transform: rotate(-0.75turn);
    transition: all 1.5813134915s;
  }
}
.coalescing-image .frame .cell:nth-of-type(14) {
  background-position: -1300% -100%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(14) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.1219338772s;
  }
}
.coalescing-image .frame .cell:nth-of-type(15) {
  background-position: -1400% -100%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(15) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.7435634516s;
  }
}
.coalescing-image .frame .cell:nth-of-type(16) {
  background-position: -1500% -100%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(16) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.8704338631s;
  }
}
.coalescing-image .frame .cell:nth-of-type(17) {
  background-position: -1600% -200%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(17) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.3984902591s;
  }
}
.coalescing-image .frame .cell:nth-of-type(18) {
  background-position: -1700% -200%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(18) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.8564345011s;
  }
}
.coalescing-image .frame .cell:nth-of-type(19) {
  background-position: -1800% -200%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(19) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.5555328789s;
  }
}
.coalescing-image .frame .cell:nth-of-type(20) {
  background-position: -1900% -200%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(20) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.8288446553s;
  }
}
.coalescing-image .frame .cell:nth-of-type(21) {
  background-position: -2000% -200%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(21) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.5013395167s;
  }
}
.coalescing-image .frame .cell:nth-of-type(22) {
  background-position: -2100% -200%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(22) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.4328930275s;
  }
}
.coalescing-image .frame .cell:nth-of-type(23) {
  background-position: -2200% -200%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(23) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.1935643804s;
  }
}
.coalescing-image .frame .cell:nth-of-type(24) {
  background-position: -2300% -200%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(24) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.1894631439s;
  }
}
.coalescing-image .frame .cell:nth-of-type(25) {
  background-position: -2400% -300%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(25) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.4860939215s;
  }
}
.coalescing-image .frame .cell:nth-of-type(26) {
  background-position: -2500% -300%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(26) {
    opacity: 0;
    transform: rotate(-0.5turn);
    transition: all 1.2536906631s;
  }
}
.coalescing-image .frame .cell:nth-of-type(27) {
  background-position: -2600% -300%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(27) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.6866889461s;
  }
}
.coalescing-image .frame .cell:nth-of-type(28) {
  background-position: -2700% -300%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(28) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.7761803903s;
  }
}
.coalescing-image .frame .cell:nth-of-type(29) {
  background-position: -2800% -300%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(29) {
    opacity: 0;
    transform: rotate(0.5turn);
    transition: all 1.6794982595s;
  }
}
.coalescing-image .frame .cell:nth-of-type(30) {
  background-position: -2900% -300%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(30) {
    opacity: 0;
    transform: rotate(0.5turn);
    transition: all 1.4204926914s;
  }
}
.coalescing-image .frame .cell:nth-of-type(31) {
  background-position: -3000% -300%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(31) {
    opacity: 0;
    transform: rotate(0.5turn);
    transition: all 1.7168923543s;
  }
}
.coalescing-image .frame .cell:nth-of-type(32) {
  background-position: -3100% -300%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(32) {
    opacity: 0;
    transform: rotate(-0.5turn);
    transition: all 1.2834782558s;
  }
}
.coalescing-image .frame .cell:nth-of-type(33) {
  background-position: -3200% -400%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(33) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.3720670543s;
  }
}
.coalescing-image .frame .cell:nth-of-type(34) {
  background-position: -3300% -400%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(34) {
    opacity: 0;
    transform: rotate(-0.5turn);
    transition: all 1.8552604119s;
  }
}
.coalescing-image .frame .cell:nth-of-type(35) {
  background-position: -3400% -400%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(35) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.3841193878s;
  }
}
.coalescing-image .frame .cell:nth-of-type(36) {
  background-position: -3500% -400%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(36) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.5831067164s;
  }
}
.coalescing-image .frame .cell:nth-of-type(37) {
  background-position: -3600% -400%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(37) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.1400380203s;
  }
}
.coalescing-image .frame .cell:nth-of-type(38) {
  background-position: -3700% -400%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(38) {
    opacity: 0;
    transform: rotate(-0.5turn);
    transition: all 1.7294416369s;
  }
}
.coalescing-image .frame .cell:nth-of-type(39) {
  background-position: -3800% -400%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(39) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.0152835036s;
  }
}
.coalescing-image .frame .cell:nth-of-type(40) {
  background-position: -3900% -400%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(40) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.135421545s;
  }
}
.coalescing-image .frame .cell:nth-of-type(41) {
  background-position: -4000% -500%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(41) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.0617607742s;
  }
}
.coalescing-image .frame .cell:nth-of-type(42) {
  background-position: -4100% -500%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(42) {
    opacity: 0;
    transform: rotate(-0.5turn);
    transition: all 1.6431462877s;
  }
}
.coalescing-image .frame .cell:nth-of-type(43) {
  background-position: -4200% -500%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(43) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.7916081522s;
  }
}
.coalescing-image .frame .cell:nth-of-type(44) {
  background-position: -4300% -500%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(44) {
    opacity: 0;
    transform: rotate(0.5turn);
    transition: all 1.835506158s;
  }
}
.coalescing-image .frame .cell:nth-of-type(45) {
  background-position: -4400% -500%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(45) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.2002465012s;
  }
}
.coalescing-image .frame .cell:nth-of-type(46) {
  background-position: -4500% -500%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(46) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.0575150426s;
  }
}
.coalescing-image .frame .cell:nth-of-type(47) {
  background-position: -4600% -500%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(47) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.7480983379s;
  }
}
.coalescing-image .frame .cell:nth-of-type(48) {
  background-position: -4700% -500%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(48) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.3278067588s;
  }
}
.coalescing-image .frame .cell:nth-of-type(49) {
  background-position: -4800% -600%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(49) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.6117182643s;
  }
}
.coalescing-image .frame .cell:nth-of-type(50) {
  background-position: -4900% -600%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(50) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.1060452954s;
  }
}
.coalescing-image .frame .cell:nth-of-type(51) {
  background-position: -5000% -600%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(51) {
    opacity: 0;
    transform: rotate(0.5turn);
    transition: all 1.926998952s;
  }
}
.coalescing-image .frame .cell:nth-of-type(52) {
  background-position: -5100% -600%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(52) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.290855429s;
  }
}
.coalescing-image .frame .cell:nth-of-type(53) {
  background-position: -5200% -600%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(53) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.6492591427s;
  }
}
.coalescing-image .frame .cell:nth-of-type(54) {
  background-position: -5300% -600%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(54) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.0389096645s;
  }
}
.coalescing-image .frame .cell:nth-of-type(55) {
  background-position: -5400% -600%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(55) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.7475118509s;
  }
}
.coalescing-image .frame .cell:nth-of-type(56) {
  background-position: -5500% -600%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(56) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.7312954928s;
  }
}
.coalescing-image .frame .cell:nth-of-type(57) {
  background-position: -5600% -700%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(57) {
    opacity: 0;
    transform: rotate(0.5turn);
    transition: all 1.0850388786s;
  }
}
.coalescing-image .frame .cell:nth-of-type(58) {
  background-position: -5700% -700%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(58) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.477117939s;
  }
}
.coalescing-image .frame .cell:nth-of-type(59) {
  background-position: -5800% -700%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(59) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.3768625325s;
  }
}
.coalescing-image .frame .cell:nth-of-type(60) {
  background-position: -5900% -700%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(60) {
    opacity: 0;
    transform: rotate(-0.5turn);
    transition: all 1.63128555s;
  }
}
.coalescing-image .frame .cell:nth-of-type(61) {
  background-position: -6000% -700%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(61) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.9972781531s;
  }
}
.coalescing-image .frame .cell:nth-of-type(62) {
  background-position: -6100% -700%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(62) {
    opacity: 0;
    transform: rotate(0turn);
    transition: all 1.7639668499s;
  }
}
.coalescing-image .frame .cell:nth-of-type(63) {
  background-position: -6200% -700%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(63) {
    opacity: 0;
    transform: rotate(0.25turn);
    transition: all 1.8199768649s;
  }
}
.coalescing-image .frame .cell:nth-of-type(64) {
  background-position: -6300% -700%;
}
@media screen and (min-width: 992px) {
  .coalescing-image .frame .cell:nth-of-type(64) {
    opacity: 0;
    transform: rotate(-0.25turn);
    transition: all 1.8788918161s;
  }
}
.coalescing-image .frame:hover .cell {
  opacity: 1;
  transform: rotate(0);
}
.coalescing-image .pieces {
  display: none;
}
@media screen and (min-width: 992px) {
  .coalescing-image .pieces {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 1fr);
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
  }
  .coalescing-image .pieces .slice {
    background-image: var(--img);
    background-size: 800% 800%;
    opacity: 0;
    position: relative;
  }
  @supports (-moz-appearance: none) {
    .coalescing-image .pieces .slice {
      height: calc(100% + 0.5px);
      width: calc(100% + 0.5px);
    }
  }
  .coalescing-image .pieces .slice:nth-of-type(1) {
    background-position: 0% 0%;
    transform: translateX(-17.0414631341vw) translateY(9.8469476053vh) rotate(0.5510117315turn);
    transition: all 1.7821130712s;
  }
  .coalescing-image .pieces .slice:nth-of-type(2) {
    background-position: 14.2857142857% 0%;
    transform: translateX(17.9041319233vw) translateY(-0.3872897896vh) rotate(0.4371341151turn);
    transition: all 1.4415176366s;
  }
  .coalescing-image .pieces .slice:nth-of-type(3) {
    background-position: 28.5714285714% 0%;
    transform: translateX(3.5431720833vw) translateY(-1.6004277147vh) rotate(0.6373601397turn);
    transition: all 1.9340559523s;
  }
  .coalescing-image .pieces .slice:nth-of-type(4) {
    background-position: 42.8571428571% 0%;
    transform: translateX(-45.7221991742vw) translateY(-17.6848915837vh) rotate(0.7500295259turn);
    transition: all 1.8707644029s;
  }
  .coalescing-image .pieces .slice:nth-of-type(5) {
    background-position: 57.1428571429% 0%;
    transform: translateX(-42.6238639615vw) translateY(-24.5503517719vh) rotate(0.3714373483turn);
    transition: all 1.756116344s;
  }
  .coalescing-image .pieces .slice:nth-of-type(6) {
    background-position: 71.4285714286% 0%;
    transform: translateX(-31.3700043126vw) translateY(0.5415451459vh) rotate(0.8442766021turn);
    transition: all 1.3742595935s;
  }
  .coalescing-image .pieces .slice:nth-of-type(7) {
    background-position: 85.7142857143% 0%;
    transform: translateX(18.768086072vw) translateY(16.9357226616vh) rotate(0.4010305405turn);
    transition: all 1.254136317s;
  }
  .coalescing-image .pieces .slice:nth-of-type(8) {
    background-position: 100% 0%;
    transform: translateX(-32.4158128511vw) translateY(9.9452703947vh) rotate(0.0590224941turn);
    transition: all 1.6378603125s;
  }
  .coalescing-image .pieces .slice:nth-of-type(9) {
    background-position: 114.2857142857% 14.2857142857%;
    transform: translateX(-45.7014566169vw) translateY(-13.771945109vh) rotate(0.8308293702turn);
    transition: all 1.4078521159s;
  }
  .coalescing-image .pieces .slice:nth-of-type(10) {
    background-position: 128.5714285714% 14.2857142857%;
    transform: translateX(-23.3969740677vw) translateY(-10.9730639325vh) rotate(0.0164785422turn);
    transition: all 1.9625323664s;
  }
  .coalescing-image .pieces .slice:nth-of-type(11) {
    background-position: 142.8571428571% 14.2857142857%;
    transform: translateX(49.3175469482vw) translateY(1.6713038374vh) rotate(0.1594976625turn);
    transition: all 1.8675037019s;
  }
  .coalescing-image .pieces .slice:nth-of-type(12) {
    background-position: 157.1428571429% 14.2857142857%;
    transform: translateX(24.7767937103vw) translateY(-15.3287514674vh) rotate(0.8719027424turn);
    transition: all 1.4900396558s;
  }
  .coalescing-image .pieces .slice:nth-of-type(13) {
    background-position: 171.4285714286% 14.2857142857%;
    transform: translateX(-31.9316164266vw) translateY(0.4676817719vh) rotate(0.8523758008turn);
    transition: all 1.1509867306s;
  }
  .coalescing-image .pieces .slice:nth-of-type(14) {
    background-position: 185.7142857143% 14.2857142857%;
    transform: translateX(14.6343947821vw) translateY(6.0729972737vh) rotate(0.5526964325turn);
    transition: all 1.6295860649s;
  }
  .coalescing-image .pieces .slice:nth-of-type(15) {
    background-position: 200% 14.2857142857%;
    transform: translateX(-12.8311845341vw) translateY(3.546017952vh) rotate(0.4153846089turn);
    transition: all 1.6653900529s;
  }
  .coalescing-image .pieces .slice:nth-of-type(16) {
    background-position: 214.2857142857% 14.2857142857%;
    transform: translateX(-40.5004673618vw) translateY(-3.9020243584vh) rotate(0.5447099205turn);
    transition: all 1.6836496929s;
  }
  .coalescing-image .pieces .slice:nth-of-type(17) {
    background-position: 228.5714285714% 28.5714285714%;
    transform: translateX(-48.5819606706vw) translateY(22.9722596783vh) rotate(0.9798036874turn);
    transition: all 1.0714618103s;
  }
  .coalescing-image .pieces .slice:nth-of-type(18) {
    background-position: 242.8571428571% 28.5714285714%;
    transform: translateX(32.8383933662vw) translateY(7.5879324543vh) rotate(0.1776560991turn);
    transition: all 1.2007959749s;
  }
  .coalescing-image .pieces .slice:nth-of-type(19) {
    background-position: 257.1428571429% 28.5714285714%;
    transform: translateX(44.707940985vw) translateY(21.7983532708vh) rotate(0.2674334467turn);
    transition: all 1.9017629983s;
  }
  .coalescing-image .pieces .slice:nth-of-type(20) {
    background-position: 271.4285714286% 28.5714285714%;
    transform: translateX(18.6932510651vw) translateY(22.9973952727vh) rotate(0.0667688006turn);
    transition: all 1.6731455666s;
  }
  .coalescing-image .pieces .slice:nth-of-type(21) {
    background-position: 285.7142857143% 28.5714285714%;
    transform: translateX(-3.2543241198vw) translateY(-7.8512802089vh) rotate(0.4628498955turn);
    transition: all 1.2978792703s;
  }
  .coalescing-image .pieces .slice:nth-of-type(22) {
    background-position: 300% 28.5714285714%;
    transform: translateX(-6.3431518106vw) translateY(5.7542981459vh) rotate(0.5855135207turn);
    transition: all 1.0941288548s;
  }
  .coalescing-image .pieces .slice:nth-of-type(23) {
    background-position: 314.2857142857% 28.5714285714%;
    transform: translateX(-22.5489966212vw) translateY(12.6750807281vh) rotate(0.9673364689turn);
    transition: all 1.7929807884s;
  }
  .coalescing-image .pieces .slice:nth-of-type(24) {
    background-position: 328.5714285714% 28.5714285714%;
    transform: translateX(37.1875619821vw) translateY(-19.6348284823vh) rotate(0.1423362346turn);
    transition: all 1.4315821312s;
  }
  .coalescing-image .pieces .slice:nth-of-type(25) {
    background-position: 342.8571428571% 42.8571428571%;
    transform: translateX(37.6833511647vw) translateY(7.4932950961vh) rotate(0.2977989959turn);
    transition: all 1.1343390681s;
  }
  .coalescing-image .pieces .slice:nth-of-type(26) {
    background-position: 357.1428571429% 42.8571428571%;
    transform: translateX(6.4389602838vw) translateY(12.3187749129vh) rotate(0.2708223361turn);
    transition: all 1.4270913112s;
  }
  .coalescing-image .pieces .slice:nth-of-type(27) {
    background-position: 371.4285714286% 42.8571428571%;
    transform: translateX(45.8241465658vw) translateY(13.5078638302vh) rotate(0.5509571719turn);
    transition: all 1.5371834941s;
  }
  .coalescing-image .pieces .slice:nth-of-type(28) {
    background-position: 385.7142857143% 42.8571428571%;
    transform: translateX(-18.8922649176vw) translateY(13.0708906974vh) rotate(0.2529980901turn);
    transition: all 1.0056344882s;
  }
  .coalescing-image .pieces .slice:nth-of-type(29) {
    background-position: 400% 42.8571428571%;
    transform: translateX(-22.9793054307vw) translateY(-11.4247120244vh) rotate(0.9711468183turn);
    transition: all 1.5960452731s;
  }
  .coalescing-image .pieces .slice:nth-of-type(30) {
    background-position: 414.2857142857% 42.8571428571%;
    transform: translateX(-33.6642387419vw) translateY(-10.348518198vh) rotate(0.3049384564turn);
    transition: all 1.6015839125s;
  }
  .coalescing-image .pieces .slice:nth-of-type(31) {
    background-position: 428.5714285714% 42.8571428571%;
    transform: translateX(-40.7947560439vw) translateY(-7.1605553591vh) rotate(0.07021205turn);
    transition: all 1.9137650296s;
  }
  .coalescing-image .pieces .slice:nth-of-type(32) {
    background-position: 442.8571428571% 42.8571428571%;
    transform: translateX(41.8325456149vw) translateY(16.9492480755vh) rotate(0.2358460434turn);
    transition: all 1.2527633505s;
  }
  .coalescing-image .pieces .slice:nth-of-type(33) {
    background-position: 457.1428571429% 57.1428571429%;
    transform: translateX(5.9079672475vw) translateY(4.364110725vh) rotate(0.4615636391turn);
    transition: all 1.4609072905s;
  }
  .coalescing-image .pieces .slice:nth-of-type(34) {
    background-position: 471.4285714286% 57.1428571429%;
    transform: translateX(46.0537894712vw) translateY(15.047829371vh) rotate(0.3855760518turn);
    transition: all 1.0679745371s;
  }
  .coalescing-image .pieces .slice:nth-of-type(35) {
    background-position: 485.7142857143% 57.1428571429%;
    transform: translateX(46.5049988397vw) translateY(-18.7472101496vh) rotate(0.9356824423turn);
    transition: all 1.7728842545s;
  }
  .coalescing-image .pieces .slice:nth-of-type(36) {
    background-position: 500% 57.1428571429%;
    transform: translateX(24.6944602794vw) translateY(17.6452951303vh) rotate(0.0962746282turn);
    transition: all 1.5329541464s;
  }
  .coalescing-image .pieces .slice:nth-of-type(37) {
    background-position: 514.2857142857% 57.1428571429%;
    transform: translateX(18.1186046677vw) translateY(11.4019255334vh) rotate(0.7857924538turn);
    transition: all 1.6076339375s;
  }
  .coalescing-image .pieces .slice:nth-of-type(38) {
    background-position: 528.5714285714% 57.1428571429%;
    transform: translateX(6.1796388542vw) translateY(-16.2702296609vh) rotate(0.4151020987turn);
    transition: all 1.6438518624s;
  }
  .coalescing-image .pieces .slice:nth-of-type(39) {
    background-position: 542.8571428571% 57.1428571429%;
    transform: translateX(-5.6260864585vw) translateY(-18.7524271762vh) rotate(0.7857743089turn);
    transition: all 1.4126344619s;
  }
  .coalescing-image .pieces .slice:nth-of-type(40) {
    background-position: 557.1428571429% 57.1428571429%;
    transform: translateX(-4.0913766838vw) translateY(-14.2510559937vh) rotate(0.6467646244turn);
    transition: all 1.1943816707s;
  }
  .coalescing-image .pieces .slice:nth-of-type(41) {
    background-position: 571.4285714286% 71.4285714286%;
    transform: translateX(-32.9240020164vw) translateY(-6.943692514vh) rotate(0.5323095319turn);
    transition: all 1.176115152s;
  }
  .coalescing-image .pieces .slice:nth-of-type(42) {
    background-position: 585.7142857143% 71.4285714286%;
    transform: translateX(-40.39962217vw) translateY(8.4190550462vh) rotate(0.0290256389turn);
    transition: all 1.4095177374s;
  }
  .coalescing-image .pieces .slice:nth-of-type(43) {
    background-position: 600% 71.4285714286%;
    transform: translateX(-27.7291925767vw) translateY(18.0915476851vh) rotate(0.7732273491turn);
    transition: all 1.347212822s;
  }
  .coalescing-image .pieces .slice:nth-of-type(44) {
    background-position: 614.2857142857% 71.4285714286%;
    transform: translateX(-5.6456390414vw) translateY(-13.2150497952vh) rotate(0.4222119012turn);
    transition: all 1.6402220668s;
  }
  .coalescing-image .pieces .slice:nth-of-type(45) {
    background-position: 628.5714285714% 71.4285714286%;
    transform: translateX(31.4334878557vw) translateY(-24.9258293686vh) rotate(0.1611045567turn);
    transition: all 1.4559016665s;
  }
  .coalescing-image .pieces .slice:nth-of-type(46) {
    background-position: 642.8571428571% 71.4285714286%;
    transform: translateX(-49.7524122595vw) translateY(14.2818499037vh) rotate(0.004389141turn);
    transition: all 1.0798332526s;
  }
  .coalescing-image .pieces .slice:nth-of-type(47) {
    background-position: 657.1428571429% 71.4285714286%;
    transform: translateX(-15.1374414243vw) translateY(-9.1563026275vh) rotate(0.8214461628turn);
    transition: all 1.071224638s;
  }
  .coalescing-image .pieces .slice:nth-of-type(48) {
    background-position: 671.4285714286% 71.4285714286%;
    transform: translateX(31.3490726729vw) translateY(15.9182106455vh) rotate(0.0103058831turn);
    transition: all 1.9588091552s;
  }
  .coalescing-image .pieces .slice:nth-of-type(49) {
    background-position: 685.7142857143% 85.7142857143%;
    transform: translateX(31.7895788414vw) translateY(8.2982136428vh) rotate(0.7475321015turn);
    transition: all 1.8439265253s;
  }
  .coalescing-image .pieces .slice:nth-of-type(50) {
    background-position: 700% 85.7142857143%;
    transform: translateX(36.7543792053vw) translateY(15.5033297377vh) rotate(0.7546484248turn);
    transition: all 1.9638296333s;
  }
  .coalescing-image .pieces .slice:nth-of-type(51) {
    background-position: 714.2857142857% 85.7142857143%;
    transform: translateX(26.4609099722vw) translateY(0.0231342561vh) rotate(0.6778440392turn);
    transition: all 1.2827206133s;
  }
  .coalescing-image .pieces .slice:nth-of-type(52) {
    background-position: 728.5714285714% 85.7142857143%;
    transform: translateX(48.3450566497vw) translateY(-11.1312734677vh) rotate(0.2569009052turn);
    transition: all 1.6325137202s;
  }
  .coalescing-image .pieces .slice:nth-of-type(53) {
    background-position: 742.8571428571% 85.7142857143%;
    transform: translateX(-45.5177952976vw) translateY(10.3593490516vh) rotate(0.4342136166turn);
    transition: all 1.052052479s;
  }
  .coalescing-image .pieces .slice:nth-of-type(54) {
    background-position: 757.1428571429% 85.7142857143%;
    transform: translateX(46.6891360469vw) translateY(22.1030979066vh) rotate(0.1659808368turn);
    transition: all 1.3873016501s;
  }
  .coalescing-image .pieces .slice:nth-of-type(55) {
    background-position: 771.4285714286% 85.7142857143%;
    transform: translateX(22.2002372924vw) translateY(-5.2691997238vh) rotate(0.9328505039turn);
    transition: all 1.2061730321s;
  }
  .coalescing-image .pieces .slice:nth-of-type(56) {
    background-position: 785.7142857143% 85.7142857143%;
    transform: translateX(28.6895043938vw) translateY(-16.6390954114vh) rotate(0.3284576794turn);
    transition: all 1.3524700575s;
  }
  .coalescing-image .pieces .slice:nth-of-type(57) {
    background-position: 800% 100%;
    transform: translateX(49.9783066769vw) translateY(-16.9219658037vh) rotate(0.9973607259turn);
    transition: all 1.9779484478s;
  }
  .coalescing-image .pieces .slice:nth-of-type(58) {
    background-position: 814.2857142857% 100%;
    transform: translateX(11.2521925987vw) translateY(-6.7246442483vh) rotate(0.5790548722turn);
    transition: all 1.4150596428s;
  }
  .coalescing-image .pieces .slice:nth-of-type(59) {
    background-position: 828.5714285714% 100%;
    transform: translateX(46.5444478228vw) translateY(10.7879400553vh) rotate(0.9753155381turn);
    transition: all 1.3761886576s;
  }
  .coalescing-image .pieces .slice:nth-of-type(60) {
    background-position: 842.8571428571% 100%;
    transform: translateX(15.437314985vw) translateY(-24.7464541975vh) rotate(0.4635765331turn);
    transition: all 1.0909551832s;
  }
  .coalescing-image .pieces .slice:nth-of-type(61) {
    background-position: 857.1428571429% 100%;
    transform: translateX(-12.3408220161vw) translateY(18.4363183369vh) rotate(0.3005016981turn);
    transition: all 1.9493610121s;
  }
  .coalescing-image .pieces .slice:nth-of-type(62) {
    background-position: 871.4285714286% 100%;
    transform: translateX(-20.618638638vw) translateY(-9.9068277993vh) rotate(0.3593814794turn);
    transition: all 1.7608535083s;
  }
  .coalescing-image .pieces .slice:nth-of-type(63) {
    background-position: 885.7142857143% 100%;
    transform: translateX(-4.8196152761vw) translateY(20.8357724002vh) rotate(0.7415762119turn);
    transition: all 1.4871235098s;
  }
  .coalescing-image .pieces .slice:nth-of-type(64) {
    background-position: 900% 100%;
    transform: translateX(23.6104447659vw) translateY(23.8527072535vh) rotate(0.0601559026turn);
    transition: all 1.7017416092s;
  }
}
.coalescing-image .pieces:hover .slice {
  opacity: 0;
}

.configurator {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .configurator .finishes-column {
    flex-basis: 50%;
  }
  .configurator .image-column {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 992px) {
  .configurator .finishes-column {
    flex-basis: 40%;
  }
  .configurator .image-column {
    flex-basis: 60%;
  }
}
@media screen and (min-width: 768px) {
  .configurator {
    flex-direction: row;
  }
}
.configurator .finishes-column {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.configurator .finishes-column select {
  background-color: transparent;
  border-bottom: 2px solid;
  border-left: none;
  border-right: none;
  border-top: none;
  color: inherit;
  margin-bottom: 10px;
  width: 50%;
}
.configurator .finishes-column select::-ms-expand {
  display: none;
}
.configurator .finishes-column select option {
  background-color: white;
  color: black;
}
.configurator .finishes-column .flange-finishes,
.configurator .finishes-column .baffle-finishes {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  margin-top: 25px;
}
.configurator .finishes-column .flange-finishes h4,
.configurator .finishes-column .baffle-finishes h4 {
  flex-basis: 100%;
  font-size: 1em;
  font-weight: bold;
}
.configurator .finishes-column .sample-finish {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-basis: 25%;
  flex-direction: column;
  margin-bottom: 5px;
  text-align: center;
}
.configurator .finishes-column .sample-finish .sample-image {
  width: 50px;
}
.configurator .finishes-column .sample-finish span {
  font-size: 12px;
}
.configurator .image-column {
  align-items: center;
  display: flex;
}
.configurator .image-column img {
  width: 100%;
}
.configurator .image-column .hidden-image {
  display: none;
}
.configurator .image-column .no-image {
  display: none;
  font-size: 2.5em;
  text-align: center;
}

.hotspot {
  display: flex;
  flex-direction: column-reverse;
}
.hotspot .text-column {
  display: flex;
  flex-direction: column;
}
.hotspot .text-column h2 {
  flex-basis: 100%;
}
.hotspot .text-column .hotspot-item {
  margin-bottom: 1em;
  transition: 0.2s;
}
.hotspot .text-column .hotspot-item div {
  margin: 0;
}
.hotspot .text-column .hotspot-item.selected {
  color: #00afec;
}
.hotspot .image-column {
  display: flex;
  margin-bottom: 20px;
  position: relative;
}
.hotspot .image-column img {
  height: 100%;
  width: 100%;
}
.hotspot .image-column .hotspot-icon {
  border: 1px solid var(--hotspot-color);
  border-radius: 100%;
  color: var(--hotspot-color);
  cursor: crosshair;
  font-size: 0.8em;
  padding: 5px;
  position: absolute;
  transition: transform 0.1s ease-in, color 0.1s;
}
.hotspot .image-column .hotspot-icon.selected {
  border-color: #00afec;
  color: #00afec;
  transform: scale(2);
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .hotspot .image-column .hotspot-icon {
    font-size: 1em;
  }
}
@media screen and (min-width: 992px) {
  .hotspot {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .hotspot .text-column {
    flex-basis: 40%;
  }
  .hotspot .image-column {
    flex-basis: 55%;
  }
}

.hero-slider-widget.swiper-container {
  display: flex;
  margin-bottom: 0;
  padding-bottom: 50px;
}
.hero-slider-widget.swiper-container .swiper-button-prev,
.hero-slider-widget.swiper-container .swiper-button-next {
  display: block;
  width: 50px;
}
.hero-slider-widget.swiper-container .swiper-button-prev::after,
.hero-slider-widget.swiper-container .swiper-button-next::after {
  display: none;
}
.hero-slider-widget.swiper-container .swiper-button-next svg {
  -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg); /* FF */
  -o-transform: rotate(180deg); /* Opera */
  -ms-transform: rotate(180deg); /* IE9 */
  transform: rotate(180deg); /* W3C compliant browsers */
}
.hero-slider-widget.swiper-container .swiper-pagination .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.2);
  color: #000;
  font-size: 12px;
  height: 15px;
  line-height: 20px;
  opacity: 1;
  width: 15px;
}
.hero-slider-widget.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: black;
}
.hero-slider-widget.swiper-container .swiper-slide {
  height: initial;
  position: relative;
  text-align: left;
}
.hero-slider-widget.swiper-container .swiper-slide img {
  height: auto;
  object-fit: cover;
  width: 100%;
  display: block;
}
.hero-slider-widget.swiper-container .swiper-slide [class^=content-container-] {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 1.5rem auto;
  max-width: 70%;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .hero-slider-widget.swiper-container .swiper-slide [class^=content-container-] {
    align-items: start;
    position: absolute;
    text-align: left;
  }
}
.hero-slider-widget.swiper-container .swiper-slide [class^=content-container-] > * {
  margin-bottom: 0.5rem;
  width: fit-content;
}
@media screen and (min-width: 992px) {
  .hero-slider-widget.swiper-container .swiper-slide [class^=content-container-] > * {
    margin-bottom: 0.75rem;
  }
}
.hero-slider-widget.swiper-container .swiper-slide [class^=content-container-] [class^=cta-] {
  padding: 0.25rem 1rem 0.5rem;
}
.hero-slider-widget.swiper-container .swiper-slide [class^=content-container-] [class^=cta-] a:hover {
  color: #3fbde3 !important;
}
.hero-slider-widget.swiper-container .swiper-slide [class^=content-container-] [class^=carousel-subheading] {
  margin-bottom: 1rem;
}
@media screen and (min-width: 992px) {
  .hero-slider-widget.swiper-container .swiper-slide [class^=content-container-] [class^=carousel-subheading] {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .hero-slider-widget.swiper-container .swiper-slide.hide-text-desktop [class^=content-container-] {
    display: none;
  }
}

.image-slider {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  position: relative;
}
.image-slider .images-col {
  display: flex;
  flex-basis: 100%;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.image-slider .images-col .scaffolding-image {
  align-self: flex-start;
  width: 100%;
}
.image-slider .images-col .slider-item {
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: 1s;
  width: 100%;
}
.image-slider .images-col .slider-item:first-of-type {
  opacity: 1;
}
.image-slider .slider-col {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  position: absolute;
  transform: rotate(90deg) translateY(-1.5em);
  transform-origin: top left;
  width: 35%;
}
.image-slider .slider-col .slider-image {
  width: 100%;
}
.image-slider .slider-col .slider-desc {
  color: #fff;
  left: 0.8em;
  opacity: 0;
  position: absolute;
  transform: rotate(-90deg) translateX(0.5em);
  transform-origin: top left;
  transition: 1s;
  width: 75vw;
}
.image-slider .slider-col .slider-desc:first-of-type {
  opacity: 1;
}
.image-slider .slider-col input {
  -webkit-appearance: none;
  background: transparent;
  left: 1em;
  position: absolute;
  width: 95%;
}
.image-slider .slider-col input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border-radius: 50%;
  height: 20px;
  margin-top: -9px;
  width: 20px;
  -webkit-appearance: none;
}
.image-slider .slider-col input[type=range]::-webkit-slider-runnable-track {
  background-color: #fff;
  cursor: pointer;
  height: 2px;
  width: 100%;
  -webkit-appearance: none;
}
.image-slider .slider-col input[type=range]::-moz-range-thumb {
  background: #fff;
  border-radius: 50%;
  height: 20px;
  margin-top: -9px;
  width: 20px;
}
.image-slider .slider-col input[type=range]::-moz-range-track {
  background-color: #fff;
  cursor: pointer;
  height: 2px;
  width: 100%;
}
.image-slider .slider-col input[type=range]::-ms-thumb {
  background: #fff;
  border-radius: 50%;
  height: 20px;
  margin-top: -9px;
  width: 20px;
}
.image-slider .slider-col input[type=range]::-ms-track {
  background-color: #fff;
  cursor: pointer;
  height: 2px;
  width: 100%;
}

.product-downloads {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.product-downloads h3 {
  font-size: 12px;
  font-weight: bold;
}
.product-downloads button {
  color: #6c757d;
  font-size: 12px;
  padding-left: 0;
}
.product-downloads button i {
  border: 2px solid #40bde2;
  border-radius: 100px;
  color: #40bde2;
  font-size: 16px;
  height: 25px;
  line-height: 22px;
  margin-right: 5px;
  width: 25px;
}
.product-downloads .filter-section {
  border-bottom: 1px solid #6c757d;
  padding-top: 10px;
}
.product-downloads .accordion {
  margin-bottom: 20px;
}
.product-downloads .accordion.disabled-children {
  cursor: not-allowed;
}
.product-downloads .accordion .accordion-section {
  border-bottom: 1px solid #6c757d;
  padding-top: 10px;
}
.product-downloads .accordion .accordion-section.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.product-downloads .accordion .accordion-section a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-downloads .accordion .accordion-section a.hidden {
  display: none;
}
.product-downloads .accordion .card-body {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .product-downloads {
    flex-direction: row;
    justify-content: space-between;
  }
  .product-downloads .accordion,
  .product-downloads .filters {
    flex-basis: 48%;
    max-width: 48%;
  }
}

.category-filter-container {
  grid-area: initial;
}
@media screen and (min-width: 992px) {
  .category-filter-container {
    grid-area: col1;
  }
}
.category-filter-container .dropdown-check-list {
  display: inline-block;
  width: 100%;
}
.category-filter-container .dropdown-check-list#category-filter {
  margin-top: 30px;
}
@media screen and (min-width: 992px) {
  .category-filter-container .dropdown-check-list#category-filter {
    margin-top: 0;
  }
}
.category-filter-container .dropdown-check-list .anchor {
  border: 1px solid #ccc;
  cursor: pointer;
  display: block;
  padding: 5px 50px 5px 10px;
  position: relative;
}
@media screen and (min-width: 992px) {
  .category-filter-container .dropdown-check-list .anchor {
    border: none;
    border-top: 1px solid #666;
    margin-top: 50px;
    padding: 0;
  }
}
.category-filter-container .dropdown-check-list .anchor::before {
  color: #000;
  content: "Select a Category";
  display: block;
  font: normal normal normal 22px/25px DINPro-Regular;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  .category-filter-container .dropdown-check-list .anchor::before {
    content: "Category";
    margin-bottom: 30px;
    padding-top: 15px;
  }
}
.category-filter-container .dropdown-check-list .anchor::after {
  border-left: 2px solid black;
  border-top: 2px solid black;
  content: "";
  padding: 5px;
  position: absolute;
  right: 10px;
  top: 20%;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
@media screen and (min-width: 992px) {
  .category-filter-container .dropdown-check-list .anchor::after {
    display: none;
  }
}
.category-filter-container .dropdown-check-list .anchor:active::after {
  right: 8px;
  top: 21%;
}
.category-filter-container .dropdown-check-list ul.items {
  border: 1px solid #ccc;
  border-top: none;
  display: none;
  margin: 0;
  padding: 4px;
}
@media screen and (min-width: 992px) {
  .category-filter-container .dropdown-check-list ul.items {
    border: none;
    display: block;
    padding: 0;
  }
}
.category-filter-container .dropdown-check-list ul.items .filter-option {
  color: #000;
  font: normal normal normal 18px/25px DINPro-Regular;
  letter-spacing: 0;
  list-style: none;
}
.category-filter-container .dropdown-check-list ul.items .filter-option input {
  background: #f3f3f3 0% 0% no-repeat padding-box;
  border: 1px solid #666;
  border-radius: 3px;
  margin-right: 5px;
}
.category-filter-container .dropdown-check-list.visible .anchor {
  color: #0094ff;
}
.category-filter-container .dropdown-check-list.visible .items {
  display: block;
}

.product-single {
  background-color: transparent;
  height: 100%;
  margin: 0;
  padding: 0;
}
.product-single::before {
  background: transparent linear-gradient(143deg, #000 0%, #fff 100%) 0% 0% no-repeat padding-box;
  content: "";
  inset: 0;
  opacity: 0.2;
  position: absolute;
  z-index: -10;
}
.product-single .new-product {
  border: 1px solid #676a6c;
  border-radius: 3px;
  color: #676a6c;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin: 20px;
  padding: 8px 10px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
}
.product-single .product-listing-image {
  align-items: center;
  display: flex;
  height: 350px;
  justify-content: center;
  margin-bottom: 20px;
  width: 100%;
}
.product-single .product-listing-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .product-single .product-listing-details {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.product-single .product-listing-details h5 {
  flex-basis: 100%;
  font: normal normal normal 25px/30px DINPro-Regular;
  letter-spacing: 0;
  margin-bottom: 25px;
}
.product-single .product-listing-details .short-description {
  font: normal normal normal 14px/20px DINPro-Regular;
  letter-spacing: 0;
  margin: 0 0 25px;
}
.product-single .product-listing-details .detail {
  flex-basis: 100%;
  margin-bottom: 25px;
}
@media screen and (min-width: 992px) {
  .product-single .product-listing-details .detail {
    flex-basis: 48%;
    margin-bottom: 15px;
  }
}
.product-single .product-listing-details .detail p {
  font: normal normal normal 14px/20px DINPro-Regular;
  letter-spacing: 0;
  margin: 0 0 10px;
}
.product-single .product-listing-details .detail p.detail-name {
  font-weight: bold;
}
.product-single .product-listing-details .tile-finishes {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.product-single .product-listing-details .tile-finishes .finish {
  border-radius: 50%;
  height: 20px;
  margin-bottom: 5px;
  margin-right: 10px;
  width: 20px;
}
.product-single .product-listing-details .tile-trim-profiles {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.product-single .product-listing-details .tile-trim-profiles .trim-profile {
  height: 40px;
  margin-bottom: 5px;
  margin-right: 10px;
  width: 40px;
}

.arrow,
.scroll-indicator {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  font-size: 48px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.arrow::before,
.scroll-indicator::before {
  content: "⌵";
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(30px);
  }
  60% {
    transform: translateY(15px);
  }
}
.scroller-image {
  height: 100%;
  inset: 0;
  position: absolute;
  z-index: 9;
}
.scroller-image a {
  inset: 0;
  position: absolute;
}
.scroller-image img {
  width: 100%;
}

.scroller-text {
  --scroller-font-size: 16px;
  --scroller-mobile-font-size: 16px;
  --scroller-line-height: 28px;
  --scroller-mobile-line-height: 28px;
  --scroller-text-align: left;
  color: var(--blur-color);
  font-size: var(--scroller-mobile-font-size);
  left: 0;
  line-height: var(--scroller-mobile-line-height);
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: var(--scroller-text-align);
  top: 0;
  transition: visibility 0.3s linear, opacity 0.3s linear;
  visibility: hidden;
  z-index: 9;
}
.scroller-text.blur-by-word p {
  display: flex;
  flex-wrap: wrap;
}
.scroller-text.blur-by-word p span {
  margin-right: 0.5em;
}
@media screen and (min-width: 992px) {
  .scroller-text {
    font-size: var(--scroller-font-size);
    line-height: var(--scroller-line-height);
  }
}

.tabbed-product-carousel-wrapper {
  display: block;
  margin-bottom: 60px;
  position: relative;
}
.tabbed-product-carousel-wrapper .carousel-tabs {
  display: flex;
  font-size: 1.25rem;
  font-weight: 500;
  list-style: none;
  margin: auto;
  margin-bottom: 1rem;
  max-width: 90%;
  overflow: scroll;
  padding: 0;
  /* Firefox */
  scrollbar-width: none;
  /* Webkit browsers like Chrome, Safari, and newer versions of Edge */
}
.tabbed-product-carousel-wrapper .carousel-tabs::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 992px) {
  .tabbed-product-carousel-wrapper .carousel-tabs {
    overflow: hidden;
  }
}
.tabbed-product-carousel-wrapper .carousel-tabs li {
  align-items: flex-start;
  border-bottom: 4px rgba(128, 128, 128, 0.5) solid;
  display: inline-block;
  height: fit-content;
  margin: 0;
  padding: 0.25rem 1rem;
  position: relative;
  white-space: nowrap;
}
.tabbed-product-carousel-wrapper .carousel-tabs li:first-child {
  padding-left: 0;
}
.tabbed-product-carousel-wrapper .carousel-tabs li:last-child {
  padding-right: 0;
}
.tabbed-product-carousel-wrapper .carousel-tabs li .carousel-tab {
  background: none;
  border: none;
  color: rgba(128, 128, 128, 0.5);
  display: inline;
  padding: 0;
  text-transform: uppercase;
}
.tabbed-product-carousel-wrapper .carousel-tabs li.active .carousel-tab {
  color: black;
  position: relative;
}
.tabbed-product-carousel-wrapper .carousel-tabs li.active .carousel-tab::after {
  background-color: black;
  bottom: -8px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.tabbed-product-carousel-wrapper .tab-bar-separator {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0;
  margin-bottom: 7px;
}
.tabbed-product-carousel-wrapper .swiper-container {
  display: flex;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .tabbed-product-carousel-wrapper .swiper-container {
    max-width: 90%;
  }
}
.tabbed-product-carousel-wrapper .swiper-container .swiper-slide {
  display: flex;
  flex-direction: column;
}
.tabbed-product-carousel-wrapper .swiper-container .swiper-slide .img-wrapper {
  flex-grow: 1;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  justify-content: space-between;
  margin: 1rem auto;
  text-align: center;
  width: 75%;
}
@media screen and (min-width: 992px) {
  .tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper {
    width: 100%;
  }
  .tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper.content-left {
    align-items: start;
    text-align: left;
  }
  .tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper.content-center {
    align-items: center;
    text-align: center;
  }
}
.tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper .carousel-title,
.tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper .carousel-description {
  color: black;
  font-size: 1.25rem;
  line-height: 1.5;
}
.tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper .carousel-title {
  font-weight: 700;
  text-transform: uppercase;
}
.tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper .renderings-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper .renderings-container.content-center {
  justify-content: center;
}
.tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper .renderings-container.content-left {
  justify-content: flex-start;
}
.tabbed-product-carousel-wrapper .swiper-container .swiper-slide .text-wrapper .renderings-container .rendering {
  height: 50px;
  object-fit: cover;
  width: auto;
}
.tabbed-product-carousel-wrapper .swiper-pagination {
  bottom: -1rem;
  position: relative;
}
.tabbed-product-carousel-wrapper .swiper-pagination .swiper-pagination-bullet {
  height: 15px;
  margin: 0 5px;
  width: 15px;
}
.tabbed-product-carousel-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: black;
}
.tabbed-product-carousel-wrapper .swiper-button-prev,
.tabbed-product-carousel-wrapper .swiper-button-next {
  color: unset;
  width: 50px;
  z-index: 1;
}
.tabbed-product-carousel-wrapper .swiper-button-prev::after,
.tabbed-product-carousel-wrapper .swiper-button-next::after {
  display: none;
}
.tabbed-product-carousel-wrapper .swiper-button-prev svg,
.tabbed-product-carousel-wrapper .swiper-button-next svg {
  width: 100%;
}
.tabbed-product-carousel-wrapper .swiper-button-prev {
  left: 0;
}
@media screen and (min-width: 992px) {
  .tabbed-product-carousel-wrapper .swiper-button-prev {
    left: 10px;
  }
}
.tabbed-product-carousel-wrapper .swiper-button-next {
  right: 0;
}
@media screen and (min-width: 992px) {
  .tabbed-product-carousel-wrapper .swiper-button-next {
    right: 10px;
  }
}
.tabbed-product-carousel-wrapper .swiper-button-next svg {
  -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg); /* FF */
  -o-transform: rotate(180deg); /* Opera */
  -ms-transform: rotate(180deg); /* IE9 */
  transform: rotate(180deg); /* W3C compliant browsers */
}

.transitioning-image {
  display: block;
  margin: 10px auto;
  position: relative;
  transition: visibility 0.8s linear, opacity 0.8s linear;
}
.transitioning-image .responsive-image {
  opacity: 0;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .transitioning-image .responsive-image {
    opacity: 1;
  }
}
.transitioning-image .overlay-text {
  color: #000;
  font-size: 1.5em;
  position: absolute;
  transition: 1.5s;
  width: 300px;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .transitioning-image .overlay-text {
    opacity: 0;
  }
}
.transitioning-image .overlay-text.white {
  color: #fff;
}
.transitioning-image .overlay-text.bottom-left {
  bottom: 5%;
  left: 5%;
}
.transitioning-image .overlay-text.bottom-right {
  bottom: 5%;
  right: 5%;
  text-align: right;
}
.transitioning-image .overlay-text.top-left {
  left: 5%;
  top: 5%;
}
.transitioning-image .overlay-text.top-right {
  right: 5%;
  text-align: right;
  top: 5%;
}
.transitioning-image .frame {
  display: block;
  height: 100%;
  top: 0;
  width: 100%;
}
.transitioning-image .frame.absolute {
  position: absolute;
}
@media screen and (min-width: 992px) {
  .transitioning-image .frame {
    position: absolute;
  }
}
.transitioning-image .frame img {
  width: 100%;
}
.transitioning-image .frame p {
  width: 90%;
}
.transitioning-image .frame img,
.transitioning-image .frame p {
  opacity: 1;
  transition: visibility 0.8s linear, opacity 0.8s linear;
}
@media screen and (min-width: 992px) {
  .transitioning-image .frame img,
  .transitioning-image .frame p {
    opacity: 0;
  }
}
.transitioning-image .frame:hover img,
.transitioning-image .frame:hover p {
  opacity: 1;
}

@media screen and (min-width: 992px) {
  .text-widget {
    padding-left: var(--widget-padding);
  }
}

.ll-video {
  display: block;
}
.ll-video video {
  vertical-align: middle;
}

:root {
  --blur-color: #231f20;
  --blur-speed: 100ms;
}

.not-visible {
  opacity: 0;
  transition: visibility 0.3s linear, opacity 0.3s linear;
  visibility: hidden;
}

.fade-in {
  opacity: 1;
  visibility: visible;
}

.blurred {
  color: transparent;
  opacity: 0;
  text-shadow: 0 0 50px var(--blur-color);
  transition: opacity var(--blur-speed) 0.5s, text-shadow 0.5s ease, visibility var(--blur-speed) ease 0.5s;
}

.blur-in {
  opacity: 1;
  text-shadow: 0 0 0 var(--blur-color);
  transition: opacity var(--blur-speed), text-shadow 0.5s ease var(--blur-speed), visibility var(--blur-speed);
  visibility: visible;
}

@supports (mask-position: 100%) {
  .wiped {
    mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 25%, #000 75%);
    mask-position: 100%;
    mask-size: 500%;
  }
}
@supports not (mask-position: 100%) {
  .wiped {
    -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 25%, #000 75%);
    -webkit-mask-position: 100%;
    -webkit-mask-size: 500%;
  }
}

.anchored {
  padding-top: 60px;
}

/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}