*{margin:0;padding:0;border:0px;outline:0px;color:inherit;text-decoration:inherit;box-sizing:border-box}:root{background:#000;color:#fff;font-family:sans-serif}input[type=text]{background:#fff;color:#000}.app{position:relative;margin:auto;height:100vh;width:100%;max-width:55.5555555556vh}.app>.content{background-color:#111;height:100%}.scanner-container{aspect-ratio:1/1;background:#444;border-radius:4px}.ticket-search{display:flex;flex-direction:column;gap:4px}.ticket-search .search-input input{width:100%}.ticket-search .search-input input,.ticket-search .search-results:not(:empty){border:1px solid #555;border-radius:4px}.ticket-search .search-input input,.ticket-search .search-result{background:#fff;color:#000;padding:8px}.ticket-search .search-results{display:flex;flex-direction:column;gap:1px;overflow-y:auto}.ticket-search .search-results:not(:empty){background:#555}.drawer{background:#fff;color:#000;height:100%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex-direction:column}.drawer>.title-bar{display:flex;justify-content:right;padding:4px;border-bottom:1px solid #AAA}.drawer>.title-bar .title-bar-text{display:flex;align-items:center;padding:12px;flex:1}.drawer>.title-bar button{background-color:#fff;border:1px solid #AAA;color:#000;width:45px;height:45px;border-radius:6px;text-align:center;cursor:pointer}.drawer>.content{display:flex;flex-direction:column;height:100%;padding:16px;overflow-y:auto}.drawer>.content .ticket-valid{display:flex;flex-direction:column;gap:12px}.drawer>.content .ticket-valid .already-scanned-warning{background-color:#fc0;padding:8px;border-radius:4px}.drawer>.content .ticket-valid .ticket-detail .ticket-detail-name{color:#000;font-size:1em}.drawer>.content .ticket-valid .ticket-detail .ticket-detail-merch{color:#666;font-size:.8em}.drawer>.content .ticket-valid .order-token{margin-top:8px;text-align:center;font-size:.6em;color:#999}.drawer>.content .ticket-valid .mark-admitted{margin:32px auto auto}.drawer>.content .ticket-valid .mark-admitted button{cursor:pointer;margin:auto;border-radius:4px;background:#296;color:#fff;padding:8px}.drawer>.content .ticket-error{flex:1;display:flex;flex-direction:column;justify-content:center;align-content:center;text-align:center;color:#666}.root-view{position:relative;overflow-y:hidden;height:100%}.root-view .ticket-selection-area{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto}.root-view .ticket-details-area{position:absolute;overflow:hidden;bottom:0;width:100%;transition:transform 1s,top 1s}.root-view .ticket-details-area.open{top:15vh;transform:translateY(0)}.root-view .ticket-details-area:not(.open){top:100%;transform:translateY(100%)}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:16px}.login .login-area{border-radius:6px;background:#fff;color:#000;padding:6px}.login .login-area input[type=button]{border-radius:4px;background:#666;padding:4px;color:#fff}