@charset "utf-8";

.ods-m-login-loading { box-sizing: border-box; display: flex; width: 340px; height: 80px; padding: 10px 30px; justify-content: space-between; align-items: center; background: var(--color-primary-brand, #ffd200); }

.ods-m-login-loading__text { color: var(--color-text-onBrand, #1e1e1e); text-align: center; font-family: var(--font-family2, "Fira Sans"); font-size: var(--font-paragraph-text3-size, 16px); font-style: normal; font-weight: var(--font-weight-bold, 700); line-height: var(--font-paragraph-text3-lineHeight, 23px); }

.ods-m-login-loading__dots { display: flex; align-items: center; gap: 10px; }

.ods-m-login-loading__dot { position: relative; display: flex; width: 6px; height: 6px; flex-direction: column; align-items: flex-start; aspect-ratio: 1 / 1; border-radius: 100px; background: var(--color-primary-contrast, #000); animation: 1.5s linear 0s infinite normal none running dotScale; }

.ods-m-login-loading__dot:nth-child(1) { animation-delay: 0s; }

.ods-m-login-loading__dot:nth-child(2) { animation-delay: 0.25s; }

.ods-m-login-loading__dot:nth-child(3) { animation-delay: 0.5s; }

@keyframes dotScale { 
  0% { transform: scale(1); }
  30% { transform: scale(2); }
  60%, 100% { transform: scale(1); }
}