.clock{margin:5vh auto;border:5px solid #e0e1dd;border-radius:50%;padding:10px;width:200px;max-width:90vw;height:200px;max-height:90vh;section{transform:translateY(-3px);width:100%;height:100%}section span:nth-child(1){background:#e63946;width:50%;height:2px}section span:nth-child(2){left:5%;width:45%;height:3px}section span:nth-child(3){left:10%;width:40%;height:4px}span{position:absolute;top:50%;transform:rotate(90deg);transform-origin:100%;transition:all .05s;transition-timing-function:cubic-bezier(.1,2.5,.55,1);background:#e0e1dd}}.lottery{margin:0 auto;border:1px solid var(--mu-accent-inverse);border-radius:.5rem;padding:1rem;max-width:450px;text-align:center;.number-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.number{display:flex;justify-content:center;align-items:center;transition:background-color .3s,color .3s;cursor:pointer;border:1px solid var(--mu-accent);border-radius:50%;width:2rem;height:2rem}.number.selected{background-color:var(--mu-contrast);color:#fff}.number:hover{background-color:var(--mu-accent);color:#fff}.error{margin-top:1rem;color:var(--mu-error)}.selected-numbers{margin-top:2rem}.selected-numbers ul{display:flex;justify-content:center;gap:1rem;padding:0;list-style-type:none}.selected-numbers li{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--mu-accent);width:2rem;height:2rem;color:#fff}}