:root{--auth-dot-background:"#ffffff33";--auth-dot-boder:"0";--auth-dot-active-background:"#081e2a";--auth-dot-active-boder:"0";--auth-pin-border-radius:"50%";--auth-pin-background:"#081e2a";--auth-pin-border:"2px solid rgba(218, 212, 212, 0.67)";--auth-pin-color:"white";--auth-pin-active-background:"#081e2a";--auth-pin-active-border:"2px solid #3ec70b";--auth-pin-active-color:"white"}#pin .dots{display:flex;gap:10px;justify-content:center;padding:1rem 0}#pin .dots .dot{background:var(--auth-dot-background);border:var(--auth-dot-boder);border-radius:.8em;height:1.3em;position:relative;width:1.3em}#pin .dots .dot.active{background:var(--auth-dot-active-background)!important;border:var(--auth-dot-active-boder)!important}#pin .dots.onload .dot{animation:wave .8s ease-in-out infinite}#pin .dots.onload .dot:first-child{animation-delay:0s}#pin .dots.onload .dot:nth-child(2){animation-delay:.15s}#pin .dots.onload .dot:nth-child(3){animation-delay:.3s}#pin .dots.onload .dot:nth-child(4){animation-delay:.45s}#pin .dots.onload .dot:nth-child(5){animation-delay:.6s}#pin .dots.onload .dot:nth-child(6){animation-delay:.75s}@keyframes wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-15px)}}#pin .numbers{display:grid;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:390px){#pin .numbers{font-size:1.8rem;gap:4px;width:16rem}#pin .dot{height:.8em!important;width:.8em!important}}@media screen and (min-width:391px) and (max-width:428px){#pin .numbers{font-size:2.4rem;gap:4px;width:18rem}#pin .dot{height:1em!important;width:1em!important}}@media screen and (min-width:429px){#pin .numbers{font-size:2.7rem;gap:5px;width:20rem}}#pin .number.active{animation:zoomInOut .6s ease!important;background:var(--auth-pin-active-background)!important;border:var(--auth-pin-active-border)!important;color:var(--auth-pin-active-color)!important}#pin .box{padding:5px}#pin .box .number{align-items:center;aspect-ratio:1/1;background:var(--auth-pin-background);border:var(--auth-pin-border);border-radius:var(--auth-pin-border-radius);color:var(--auth-pin-color);cursor:pointer;display:flex;height:auto;justify-content:center;text-align:center;width:100%}