.button{border:1px solid transparent;padding:.5rem 10px;text-align:center;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;font-size:1rem;color:var(--color-text-default, #000);background-color:var(--color-background-button, transparent);border-radius:var(--border-radius, .5rem);cursor:pointer}.button.disabled{background-color:gray!important;color:#fff!important;cursor:not-allowed}.button:hover{background-color:var(--default-background-button-hover, rgba(0, 0, 0, .08))}.button:active{background-color:var(--default-background-button-active, rgba(0, 0, 0, .1))}.button.icon{padding:.75rem}.button.raised{border:1px solid var(--color-raised-border-color, rgba(27, 31, 35, .15));background-color:var(--color-button-raised, rgba(255, 255, 255, .9));color:var(--color-button-raised-contrast, #000000)}.button.raised:hover{background-color:var(--color-button-raised-hover, rgba(240, 240, 240, .9))}.button.raised:active{background-color:var(--color-button-raised-active, rgba(240, 240, 240, .8))}.button.primary{background-color:var(--color-primary, #0c5cac);color:var(--color-primary-contrast, #ffffff)}.button.primary:hover{background-color:var(--color-primary-hover, #074685)}.button.primary:active{background-color:var(--color-primary-active, #04315e)}.button.secondary{background-color:var(--color-secondary, #416b7a);color:var(--color-secondary-contrast, #ffffff)}.button.secondary:hover{background-color:var(--color-secondary-hover, #315664)}.button.secondary:active{background-color:var(--color-secondary-active, #234450)}.button.warn{background-color:var(--color-warn, #f9b957);color:var(--color-warn-contrast, #000000)}.button.warn:hover{background-color:var(--color-warn-hover, #d79e48)}.button.warn:active{background-color:var(--color-warn-active, #af7c31)}.button.error{background-color:var(--color-error, #ff9393);color:var(--color-error-contrast, #000000)}.button.error:hover{background-color:var(--color-error-hover, #ff8686)}.button.error:active{background-color:var(--color-error-active, #ff7878)}.button.success{background-color:var(--color-success, #9cff80);color:var(--color-success-contrast, #000000)}.button.success:hover{background-color:var(--color-success-hover, #87ff63)}.button.success:active{background-color:var(--color-success-active, #6cf642)}dialog{position:fixed;inset:0;min-height:30%;min-width:30%;max-width:90%;max-height:90%;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:var(--default-padding, .5rem);border:2px solid var(--color-sidebar-border, #dadada);border-radius:var(--border-radius, .5rem)}dialog::backdrop{background-color:#0006}dialog.rfid-message-dialog{grid-template-rows:auto 2fr 1fr auto}dialog.rfid-message-dialog .dialog-title{font-size:3.5rem}dialog.rfid-message-dialog .dialog-message{font-size:2.5rem}dialog#confirm-modal{min-height:10%}dialog#confirm-modal .dialog-title{font-size:2.5rem;line-height:2.5rem}dialog.confirm-step{height:80%;width:90%}dialog.confirm-step .message{font-size:2rem;text-align:center}dialog.confirm-step .image{margin:1rem}dialog#safety-confirm-modal{width:90%;height:90%}dialog#safety-confirm-modal .dialog-title{font-size:4rem;line-height:4rem;text-align:center}dialog#safety-confirm-modal .dialog-message{display:grid;grid-template-rows:1fr 1fr;align-items:center;font-size:2.5rem;text-align:center}dialog#safety-confirm-modal .safety-images{display:grid;grid-template-columns:1fr 1fr;gap:var(--default-padding, .5rem);height:90%}dialog#safety-confirm-modal .safety-images .west-image,dialog#safety-confirm-modal .safety-images .shoe-image{background-repeat:no-repeat;background-size:contain;background-position:center center}dialog#safety-confirm-modal .safety-images .west-image{background-image:url("./media/west-H6VXXCRU.svg")}dialog#safety-confirm-modal .safety-images .shoe-image{background-image:url("./media/shoes-SUIWOVRX.svg")}dialog .message{align-self:center;font-size:1.4rem}dialog .image{background-position:center center;background-repeat:no-repeat;background-size:contain}dialog .actions{display:flex;gap:var(--default-padding, .5rem)}dialog .actions>*{width:100%}html,body{height:100%;font-family:Roboto,Helvetica Neue,sans-serif;margin:0}.full-width{width:100%}.hidden{display:none}.d-flex{display:flex}.d-flex.align-center{align-items:center}.d-flex.justify-center{justify-content:center}.d-flex.space-between{justify-content:space-between}.flex-1{flex:1}input{width:100%;padding:12px 20px;display:inline-block;border:1px solid #ccc;border-radius:var(--border-radius);box-sizing:border-box;font-size:1rem}input[type=number]{font-size:1.2rem}input[type=text]{font-size:1rem}input[disabled]{cursor:not-allowed;background-color:#0003}.pointer{cursor:pointer}.label-value-item .label{font-size:.8rem;padding-bottom:.25rem}.label-value-item .value{font-weight:700}.nowrap{white-space:nowrap}.text-center{text-align:center}.actions-container{display:flex;gap:var(--default-padding);align-items:stretch;justify-content:stretch;padding:1rem}.actions-container button.button{height:4rem}.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}