/* 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: inline-block;
  text-align: left;
  line-height: normal;
}

div {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  color: rgba(var(--v-text-link, 19, 98, 226, 1));
  padding-right: 8px;
  display: inline-block;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  div {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  div {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  div {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
div:hover {
  color: rgba(var(--v-text-link-hover, 4, 112, 236, 1));
}

vega-button-circle::part(button):hover {
  background-color: rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));
}
vega-button-circle::part(button):active {
  background-color: rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));
}

:host(.vega-toggled-status) > div,
:host(.vega-toggled-status) vega-button-circle {
  animation: fadein 1.4s ease;
}

:host(.vega-toggled-status) > div {
  cursor: default;
  color: rgba(var(--v-text-success, 1, 128, 31, 1));
}
:host(.vega-toggled-status) > div:hover {
  color: rgba(var(--v-text-success, 1, 128, 31, 1));
}

:host(.vega-toggled-status) vega-button-circle::part(button) {
  border: 2px solid rgba(var(--v-border-success, 1, 128, 31, 1));
  cursor: default;
  box-shadow: 0 0 0 0;
}
:host(.vega-toggled-status) vega-button-circle::part(button):hover {
  border: 2px solid rgba(var(--v-border-success, 1, 128, 31, 1));
}

:host(.vega-toggled-status) vega-button-circle::part(icon) {
  color: rgba(var(--v-text-success, 1, 128, 31, 1));
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}