/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
/**
 * Deprecated. Not for use in new websites.
 * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
 */
:host {
  display: block;
}

:host .vega-carousel-indicators-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}

:host .vega-carousel-indicators-container > div {
  border-radius: 9999px;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  margin-right: 24px;
  cursor: pointer;
  border: 2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));
}
:host .vega-carousel-indicators-container > div:focus {
  border: 2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));
  background-color: rgba(var(--v-bg-quaternary, 241, 248, 251, 1));
  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
  outline-offset: 2px;
}
:host .vega-carousel-indicators-container > div:hover {
  border: 2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));
  background-color: rgba(var(--v-bg-quaternary, 241, 248, 251, 1));
}

:host .vega-carousel-indicators-container > div.vega-carousel-indicator-active {
  background-color: rgba(var(--v-bg-action, 19, 98, 226, 1));
}
:host .vega-carousel-indicators-container > div.vega-carousel-indicator-active:hover {
  border: 2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));
}

:host .vega-carousel-indicators-container > div:last-child {
  margin-right: 0px;
}

:host .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

:host .carousel-inner.carousel-stop-swipe {
  pointer-events: none;
}

:host ::slotted(.carousel-item) {
  width: 100%;
  position: relative;
  display: none;
  float: left;
  transition: transform 0.6s ease;
  margin-right: -100%;
}

:host ::slotted(.carousel-item.active),
:host ::slotted(.carousel-item-next),
:host ::slotted(.carousel-item-prev) {
  display: block;
}

:host ::slotted(.carousel-item-next:not(.carousel-item-start)),
:host ::slotted(.active.carousel-item-end) {
  transform: translateX(100%);
}

:host ::slotted(.carousel-item-prev:not(.carousel-item-end)),
:host ::slotted(.active.carousel-item-start) {
  transform: translateX(-100%);
}