.modal{display:grid;background:rgb(0 0 0/15%);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow-y:auto}.modal-dialog{padding:1rem;background:#fff;position:relative;width:100%;z-index:1001}.modal-close{font-size:0;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' fill='%2373767a'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E") no-repeat 50%;width:2.25rem;height:2.25rem;position:absolute;top:.5rem;right:.5rem;cursor:pointer}@media (min-width:768px){.modal{place-items:center;padding:1rem}.modal:after,.modal:before{display:block;content:"";height:1rem;width:1px}.modal-dialog{padding:1.5rem;border-radius:.25rem;margin:1rem;max-width:65rem;box-shadow:1px 20px 100px -20px rgb(50 50 93/25%),0 30px 60px -30px rgb(0 0 0/30%)}}.select{width:100%}.select__label{display:flex;justify-content:space-between;margin-bottom:.25rem}.select>select{display:block;height:3rem;padding:.75rem 1.75rem .75rem .75rem;border:1px solid #adadad;border-radius:.125rem;background:url(/icons/select-arrow.svg) no-repeat calc(100% - .25rem) 50%;width:100%;overflow:hidden;text-overflow:ellipsis;transition:all .2s}.select>select:focus{border-color:#000;box-shadow:0 0 0 4px rgb(8 94 185/15%),inset 0 0 0 1px #000}.select__helper{color:var(--color-muted);font-size:.85rem;margin-top:.5rem}.button{color:#fff;font-weight:500;font-size:1rem;text-align:center;padding:.75rem 2rem;border-radius:.125rem;background:var(--color-primary);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;transition:filter .2s ease,transform .2s ease,opacity .2s ease}.button:hover{filter:brightness(.9)}.button:active{transform:scale(.97)}.button[disabled]{opacity:.75}.button__wide{width:100%}.button__light{color:var(--font-color);background:#f1f1f1}.button__small{padding:.5rem 1rem}.button__alternate{background:var(--color-green)}.button__outline,.button__text-only{color:var(--font-color);border:1px solid #adadad;padding:calc(.75rem - 1px) 2rem;background:#fff}.button__text-only{border-color:transparent}.button__loading{color:transparent!important}.button__loading:after{position:absolute;top:.75rem;left:calc(50% - .5rem);content:"";display:block;width:1.25rem;height:1.25rem;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;z-index:1;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}.button__light.button__loading:after{border-color:#e0e0e0;border-top-color:var(--font-color)}.button__small.button__loading:after{top:.5rem}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.edit-appointment>.modal-dialog{max-width:35rem}.edit-appointment-actions{display:flex;gap:1rem}.text-field{width:100%}.text-field__label{display:flex;justify-content:space-between;margin-bottom:.25rem}.text-field__password-toggle{color:var(--color-muted);cursor:pointer}.text-field__input{display:block;height:3rem;padding:.75rem;border:1px solid #adadad;border-radius:.125rem;width:100%;overflow:hidden;text-overflow:ellipsis;transition:all .2s}.text-field__input:focus{border-color:#000;box-shadow:0 0 0 4px rgb(8 94 185/15%),inset 0 0 0 1px #000}.text-field__input[disabled]{cursor:not-allowed}.text-field__input::-moz-placeholder{color:#d8d8d8}.text-field__input:-ms-input-placeholder{color:#d8d8d8}.text-field__input::placeholder{color:#d8d8d8}.text-field__helper{color:var(--color-muted);font-size:.85rem;margin-top:.5rem}.text-field__small .text-field__input{height:2.5rem;padding:.5rem}.text-field__id .text-field__input{letter-spacing:.25rem}.checkbox{display:flex;align-items:center}.checkbox__input{flex-shrink:0;border-radius:.125rem;border:1px solid #adadad;margin-right:.75rem;background:#fff;width:1.125rem;height:1.125rem}.checkbox__input:checked{background:var(--color-primary);box-shadow:inset 0 0 0 3px #fff}.checkbox label{line-height:1.2rem}.walk-in-modal>.modal-dialog{max-width:45rem}.walk-in-modal .row+.row{margin-top:1.5rem}.walk-in__buttons{display:flex;gap:1rem}.walk-in__id{font-family:monospace;font-weight:700;letter-spacing:.375rem;padding:.75rem;border-radius:.25rem;background:#f5f5f5;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.walk-in__id>span:nth-child(2){padding:0 .75rem}.walk-in__manualId{padding-top:1.125rem}@media (min-width:768px){.search-appointments-top-bar{margin-bottom:2rem;max-width:60rem}.search-appointments-actions{display:flex;gap:1rem}.search-appointments-results{display:grid;gap:1rem}.search-appointments-results-count{font-size:.85rem;color:var(--color-muted);height:.85rem}.appointment{display:grid;grid-template-columns:repeat(3,1fr);padding:1rem;border-radius:.25rem;background:#f5f5f5}.appointment-details__name{font-weight:500;margin-bottom:.25rem}.appointment-details__identifiers{list-style:none;padding:0;margin:0}.appointment-details__identifiers>li{display:inline-block;color:var(--color-muted);font-size:.9rem;margin-right:.5rem}.appointment-middle-section{display:flex;align-items:center;justify-content:space-between}.appointment-vaccinee-id{display:flex;align-items:center;gap:.5rem;font-family:monospace;letter-spacing:.25rem;padding:.5rem .75rem;border-radius:.25rem;background:#e0e0e0}.appointment-time{display:flex;align-items:center;gap:.25rem}.appointment-time:before{display:inline-block;content:"";background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20' fill='%2373767a'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E") no-repeat 50%;width:1.25rem;height:1.25rem}.appointment-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.appointment-action__endorsed{background:var(--color-yellow)}.appointment-actions__edit{color:var(--color-muted)}.appointment-actions__edit:not(:disabled):hover{text-decoration:underline}}.tag-input{width:100%}.tag-input__label{display:flex;justify-content:space-between;margin-bottom:.25rem}.tag-input__input-wrapper{display:flex;flex-wrap:wrap;border:1px solid #adadad;border-radius:.125rem;padding:.5rem .5rem 0 .5rem;width:100%;min-height:3rem;transition:all .2s}.tag-input__input-wrapper.focus{border-color:#000;box-shadow:0 0 0 4px rgb(8 94 185/15%),inset 0 0 0 1px #000}.tag-input__input-wrapper input{flex:1 1 5rem;padding:0 .25rem .5rem .25rem;min-width:5rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.tag-input__tags{display:flex;flex-wrap:wrap}.tag-input__tag{display:flex;padding:calc(.5rem - 1px);background:#e0e0e0;border-radius:.25rem;margin:0 .5rem .5rem 0;cursor:default}.tag-input__tag-remove{margin-left:.25rem;cursor:pointer}.tag-input__helper{color:var(--color-muted);font-size:.85rem;margin-top:.5rem}.add-appointments-form{max-width:55rem;margin-bottom:1.5rem}.add-appointments-form>.row{margin-bottom:1rem}.add-appointments-results-header{display:flex;justify-content:space-between;align-items:center;font-weight:500;height:2.5rem}.add-appointments-results-names{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;padding:1rem;border-radius:.25rem;margin-top:1.5rem;background:#f5f5f5}.add-appointments-results-names div{line-height:1.2rem}.add-appointments-results-names div:before{content:"•";padding-right:.25rem}