@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html{width:100%;height:100%;margin:0;padding:0}body{display:flex;background:linear-gradient(90deg,#000,#2c2c2c);justify-content:center;align-items: center;width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif}#main-container{display:flex;flex-direction:column;gap:16px;max-width:440px;padding:16px}.step-container{display:flex;flex-direction:column;gap:0}#timer-container{display:flex;flex-direction:row;gap:8px}.step-text{font-family:Inter,sans-serif;font-weight:400;font-style:Regular;letter-spacing:0%;margin:0;padding:0;font-size:16px;line-height:24px}.code{font-family:Inter,sans-serif;font-weight:800;font-style:Extra Bold;letter-spacing:0%;font-size:102px;line-height:100%}.text-purple{color:#a855f7}.text-gray{color:#71717a}.text-white{color:#fafafa}#app{background:#fff;border-radius:8px;max-width:800px;margin:0 auto;padding:20px;box-shadow:0 2px 10px #0000001a}.h1-title{font-family:Inter;font-weight:800;font-style:bold;letter-spacing:0%;vertical-align:middle;margin:0;padding:0;font-size:32px;line-height:40px}.body-medium{letter-spacing:0%;vertical-align:middle;margin:0;padding:0;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.h2-title{font-family:Inter,sans-serif;font-weight:700;font-style:Bold;letter-spacing:0%;margin:0;padding:0;font-size:24px;line-height:32px}.text-bold{font-weight:700}.flex-row{display:flex;flex-direction:row;gap:8px}#error-container,#loading-container{display:flex;flex-direction:column;gap:0}#state-container{display:flex;flex-direction:column;gap:16px;min-height:200px}#state-container>div{display:flex;flex-direction:column}.dots{display:flex;gap:10px}.dot{animation:bounce .8s infinite ease-in-out;background:#a855f7;border-radius:50%;width:8px;height:8px;margin-top:16px}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-8px);opacity:1}}@media (max-width:500px){.code{font-size:64px}}.digital-signage-container{position:relative;width:100%;height:100%}.digital-signage-media{object-fit:contain;opacity:0;position:absolute;width:100%;height:100%;transition:opacity .3s ease-in-out;top:0;left:0}.digital-signage-media.active{opacity:1}