:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #db7b43;--color-primary-contrast: white}body,html{padding:0;margin:0}*{box-sizing:border-box}.code-display{min-height:100dvh;width:100dvw;writing-mode:vertical-lr;padding:48px 48px 96px;display:flex;justify-content:center;align-items:center;font-size:100px;text-transform:uppercase;gap:2px}.code-display--flipped{padding-top:96px;padding-bottom:48px;rotate:180deg}.code-display__digit{color:#db7b43}.toolbar{position:fixed;top:calc(100dvh - 48px);left:0;right:0;display:flex;flex-direction:column;transition:transform .3s ease-in-out;background-color:var(--color-primary);color:var(--color-primary-contrast)}.toolbar__button-bar{padding:4px;height:48px;display:flex;flex-direction:row;gap:4px}.toolbar__drawer{height:calc(100dvh - 48px);background-color:#000c}.toolbar--open{transform:translateY(calc(-100dvh + 48px))}.toolbar-btn{display:inline-block;cursor:pointer;padding:6px 12px;background-color:#0000001a;border-radius:8px;-webkit-user-select:none;user-select:none}.code-list-item{display:flex;flex-direction:row;gap:4px;min-height:48px;align-items:center;padding:4px 8px;border-bottom:black 1px solid}.code-list-item__code{flex-grow:1;display:flex;justify-content:center;font-size:24px;text-transform:uppercase;flex-direction:column}.code-list-item__info{font-size:12px;color:#ffffff80}.code-list-item__button{border-radius:4px;border:none;color:currentColor;background-color:#fff3;min-width:50px;min-height:48px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}