.medium {
  width: var(--zd_size6) ;
  height: var(--zd_size6) ;
}

.small {
  width: var(--zd_size5) ;
  height: var(--zd_size5) ;
}

.container {
  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
  /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
  box-shadow: 0 0 0 0 var(--dot_catskillWhite),
    0 0 0 0 rgba(10, 115, 235, 0.6); */
  border-radius: 50%;
  background-color: var(--zdt_dotnew_default_bg);
  box-shadow: var(--zd_bs_dotnew_shadow);
}

@keyframes dotAnimation {
  to {
    box-shadow: 0 0 0 12px var(--zdt_dotnew_animate_box_shadow), 0 0 0 8px var(--zdt_dotnew_animate_to_box_shadow);
  }
}