*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0;font:inherit;outline:rgba(128,128,128,.5) solid 0;text-wrap:balance}img,picture,svg,video{max-width:100%;display:block}small{font-size:.8em}html{color-scheme:dark light;background-color:#cb0d18}body{font-family:Poppins,sans-serif;color:#fff;line-height:1.6em;min-height:100dvh}span.material-symbols-outlined{-webkit-user-select:none;user-select:none}a.button,button.button{font-size:.8em;display:flex;padding:.5em 1em;margin-block-start:1em;background-color:#0000001a;color:#fff;text-decoration:none;border-radius:1em;transition:all .3s;outline:2px white solid;outline-offset:1px;cursor:pointer;align-content:center;border:none}a.button[disabled],button.button[disabled]{opacity:.5;cursor:not-allowed;position:relative}a.button:not([disabled]):hover,a.button:not([disabled]):focus-visible,button.button:not([disabled]):hover,button.button:not([disabled]):focus-visible{background-color:#ffffff80;color:#e20a17;outline-color:#e20a17;background-color:#fff;outline-offset:-4px}form{display:flex;flex-direction:column;gap:1em;align-items:start}form .form-group{width:100%;display:flex;gap:1em}form .form-group label{font-size:.9em;opacity:.9;text-align:start;width:7em;text-transform:uppercase}form .input-group{width:100%}form input:not([type=checkbox]){border:none;border-bottom:1px dotted rgba(255,255,255,.5);background-color:transparent;width:100%}form input:not([type=checkbox]):focus{border-bottom:1px solid white}form .help{padding-top:.5em;font-size:.7em;line-height:1.4em;text-align:start;opacity:.8}form ch-form-error{padding-top:.5em;font-size:.8em;line-height:1.4em;text-align:start;opacity:.9;color:#ffc107}form .actions{padding-top:.5em;display:flex;width:100%;justify-content:space-around}.toast-container{position:fixed;width:320px;top:3.5em;left:calc(50% - 160px);z-index:1000;display:flex;flex-direction:column;gap:.5em;align-items:center}.toast-container .toast{display:flex;align-items:center;width:320px;border-radius:1em;overflow:hidden;position:relative;background-color:#000c}.toast-container .toast .toast-icon{display:flex;flex:0 0 0 5em;align-items:center;justify-content:center;padding-left:.5em}.toast-container .toast .toast-icon span.material-symbols-outlined{color:inherit}.toast-container .toast .toast-content{flex-grow:1;padding:.5em 1em}.toast-container .toast .toast-content .toast-title{font-weight:600;margin-bottom:3px;font-size:.9em}.toast-container .toast .toast-content .toast-message{font-size:.8em;line-height:1.4em}.toast-container .toast .toast-content .toast-close{position:absolute;top:5px;right:10px;background:none;border:none;font-weight:600;font-size:22px!important;cursor:pointer;padding:0;color:inherit}.toast-container .toast .toast-loader{display:none;position:absolute;bottom:0;left:0;height:4px}.toast-container .success{background-color:#c7ffd5;color:#51a351}.toast-container .error{background-color:#ffcdd1;color:#bd362f}.toast-container .info{background-color:#caf8ff;color:#2f96b4}.toast-container .warning{background-color:#ffecb6;color:#f89406}section.stats h1{font-size:1.5em;font-weight:200}section.stats .description{font-size:.8em;color:#ffffffb3}section.stats .contents{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1em;margin-block:.75em 2em}section.stats .contents .stat-card{display:flex;flex-direction:column;background-color:#fff;border-radius:1em;color:#000}section.stats .contents .stat-card .container{display:flex;flex-direction:row-reverse;padding:1em;flex-grow:1}section.stats .contents .stat-card .container .icon{display:flex;align-self:center;align-items:center;justify-content:center;width:3em;height:3em;border-radius:50%;background-color:#0000001a}section.stats .contents .stat-card .container .content{display:flex;flex-grow:1;flex-direction:column}section.stats .contents .stat-card .container .content .title{font-size:.8em;font-weight:300;color:#666;text-transform:uppercase;margin-bottom:1em}section.stats .contents .stat-card .container .content .main-stat{font-size:1.5em;font-weight:600;color:#333}section.stats .contents .stat-card .container .content .description{font-size:.8em;color:#666}section.stats .contents .stat-card .container .content .description .colored{font-weight:500}section.stats .contents .stat-card.info>.container .icon{background-color:#caf8ff;color:#17a2b8}section.stats .contents .stat-card.info>.container .main-stat,section.stats .contents .stat-card.info>.container .colored{color:#17a2b8}section.stats .contents .stat-card.success>.container .icon{background-color:#c7ffd5;color:#28a745}section.stats .contents .stat-card.success>.container .main-stat,section.stats .contents .stat-card.success>.container .colored{color:#28a745}section.stats .contents .stat-card.warning>.container .icon{background-color:#ffefc7;color:#ffc107}section.stats .contents .stat-card.warning>.container .main-stat,section.stats .contents .stat-card.warning>.container .colored{color:#ffc107}section.stats .contents .stat-card.danger>.container .icon{background-color:#ffcdd1;color:#dc3545}section.stats .contents .stat-card.danger>.container .main-stat,section.stats .contents .stat-card.danger>.container .colored{color:#dc3545}ch-layout{display:grid;height:100dvh;grid-template-rows:3em auto 3em;grid-template-areas:"header" "main" "footer";overflow:hidden}ch-layout main{position:relative;overflow:hidden;grid-area:main}ch-layout main h1.title{font-size:1.3em;line-height:1.2em;font-weight:300;margin-bottom:1.5em;padding-bottom:.25em;border-bottom:rgba(255,255,255,.5) 1px solid}ch-layout ch-login{display:flex;height:100%;justify-content:center;align-items:center}ch-layout ch-login form .form-group{flex-direction:column}ch-layout ch-guests{height:100%;display:grid;grid-template-rows:1fr;grid-template-columns:auto 23em;grid-template-areas:"master detail";overflow:hidden}ch-layout ch-guests ch-guest-view,ch-layout ch-guests ch-guest-form,ch-layout ch-guests ch-guest-companion{display:flex;flex-direction:column;width:23em;padding-inline:1em;padding-block:2em;grid-area:detail;height:100%;overflow-y:auto}ch-layout ch-guests ch-guest-view .close-button,ch-layout ch-guests ch-guest-form .close-button,ch-layout ch-guests ch-guest-companion .close-button{align-self:flex-end;padding:.5em;margin-top:1em;cursor:pointer}ch-layout ch-guests ch-guest-view-details{display:flex;flex-direction:column;gap:.2em}ch-layout ch-guests ch-guest-view-details .row{font-size:.8em;display:flex;flex-direction:row;gap:.5em;align-items:start}ch-layout ch-guests ch-guest-view-details .row label{display:inline-block;font-variant:small-caps;font-size:1.2em;line-height:1em;opacity:.8;padding-top:.4em;padding-inline-end:.4em;width:30%;max-width:10em}ch-layout ch-guests ch-guest-view-details .row a.guest-link{color:#fff;font-size:1.2em;display:block}ch-layout ch-guests ch-guest-view-details .row.name{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25em;padding-bottom:.25em;border-bottom:rgba(255,255,255,.5) 1px solid}ch-layout ch-guests ch-guest-view-details .row.name>span{font-size:1.5em;line-height:1.2em;font-weight:300}ch-layout ch-guests ch-guest-view-details .row.name>ch-guest-status,ch-layout ch-guests ch-guest-view-details .row.name ch-guest-type{margin-left:.75em;font-size:1.2em}ch-layout ch-guests ch-guest-view-details .row.title{font-size:1.1em;line-height:1em;font-weight:200}ch-layout ch-guests ch-guest-view-details .row.company{font-size:1em;line-height:1em;font-weight:400}ch-layout ch-guests ch-guest-view-details .row.status{font-size:1.5em;margin-block:.75em}ch-layout ch-guests ch-guest-view-actions{display:flex;flex-direction:column;gap:.5em;justify-content:flex-end;margin-block:1em;flex:1}ch-layout ch-guests ch-guest-view-actions button{padding:1em 2em;border-radius:1em;background-color:#fff;color:#000;cursor:pointer;border:rgba(0,0,0,.3) 1px solid;font-size:.9em;line-height:1.2em;font-weight:400}ch-layout ch-guests ch-guest-view-actions button[disabled]{opacity:.5;cursor:not-allowed}ch-layout ch-guests ch-guest-view-actions button.checkin{line-height:2.4em}ch-layout ch-guests ch-guest-view-actions button.success{background-color:#28a745;color:#fff}ch-layout ch-guests ch-guest-view-actions button.danger{background-color:#cb0d18;color:#fff}ch-layout ch-guests ch-guest-view-actions button.warning{background-color:#ffc107;color:#000}ch-layout ch-guests ch-guest-view-actions button.info{background-color:#17a2b8;color:#fff}ch-dashboard{display:flex;flex-direction:column;padding:2em 1em;height:100%;overflow-y:auto}ch-qr-read{display:flex;flex-direction:column;padding:2em 1em;height:100%}ch-qr-read>div{display:flex;flex:1;justify-content:center}ch-qr-read video{max-width:min(100%,380px);aspect-ratio:1/1;object-fit:cover;align-self:center;border-radius:1em;border:5px solid white}ch-guest-status,ch-guest-type{display:inline-block}ch-guest-status>.chip-wrapper,ch-guest-type>.chip-wrapper{display:flex;flex-direction:row;gap:.25em;padding-inline:.25em .5em;border-radius:.7em;background-color:#f5f5f5;align-items:center;height:1.4em;cursor:pointer;outline:#999 1px dashed;outline-offset:0;color:#000}ch-guest-status>.chip-wrapper.compact,ch-guest-type>.chip-wrapper.compact{width:1.4em;padding-left:.2em}ch-guest-status>.chip-wrapper>span,ch-guest-type>.chip-wrapper>span{color:inherit}ch-guest-status>.chip-wrapper>span.label,ch-guest-type>.chip-wrapper>span.label{font-size:.6em;line-height:.8em;font-weight:400;padding-block:.5em;overflow:hidden;transition:width .5s;text-wrap:nowrap}ch-guest-status>.chip-wrapper>span.material-symbols-outlined,ch-guest-type>.chip-wrapper>span.material-symbols-outlined{font-size:.9em}ch-guest-status>.chip-wrapper.success,ch-guest-type>.chip-wrapper.success{background-color:#28a745;color:#fff}ch-guest-status>.chip-wrapper.danger,ch-guest-type>.chip-wrapper.danger{background-color:#dc3545;color:#fff}ch-guest-status>.chip-wrapper.warning,ch-guest-type>.chip-wrapper.warning{background-color:#ffc107;color:#000}ch-guest-status>.chip-wrapper.info,ch-guest-type>.chip-wrapper.info{background-color:#17a2b8;color:#fff}ch-guest-list{padding:2em 1em;overflow-y:auto}ch-guest-list,ch-confirm-email-duplicates{display:flex;flex-direction:column}ch-guest-list section.main,ch-confirm-email-duplicates section.main{grid-area:master;display:grid;gap:.5em;grid-template-rows:repeat(auto-fill,9em);grid-template-columns:repeat(auto-fill,minmax(18em,1fr));align-items:stretch}ch-guest-list section.footer,ch-confirm-email-duplicates section.footer{padding-top:2em;display:flex;justify-content:space-evenly;align-items:center}ch-guest-list ch-guest-list-item,ch-confirm-email-duplicates ch-guest-list-item{display:flex;flex-direction:column;background-color:#fff;border-radius:1em;color:#000;align-self:stretch}ch-guest-list ch-guest-list-item header,ch-confirm-email-duplicates ch-guest-list-item header{margin-inline:.5em;padding-block:.5em;border-bottom:#999 1px dashed}ch-guest-list ch-guest-list-item .wrapper,ch-confirm-email-duplicates ch-guest-list-item .wrapper{padding:.5em;display:flex;align-self:stretch;flex-direction:column;overflow:hidden;flex-grow:1}ch-guest-list ch-guest-list-item .wrapper>span,ch-confirm-email-duplicates ch-guest-list-item .wrapper>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-content:start}ch-guest-list ch-guest-list-item .name,ch-confirm-email-duplicates ch-guest-list-item .name{margin-block-end:.2em}ch-guest-list ch-guest-list-item .title,ch-confirm-email-duplicates ch-guest-list-item .title{font-size:.8em;line-height:1.5em}ch-guest-list ch-guest-list-item .company,ch-confirm-email-duplicates ch-guest-list-item .company{font-size:.9em;line-height:1.5em}ch-guest-list ch-guest-list-item footer,ch-confirm-email-duplicates ch-guest-list-item footer{display:flex;border-radius:0 0 1em 1em;overflow:hidden;gap:.5em;min-height:1em;padding:.5em;justify-content:space-between}ch-guest-list ch-guest-list-item.companion,ch-confirm-email-duplicates ch-guest-list-item.companion{background-color:#e5e5e5}.for-mobile{display:none}ch-header{border-bottom:rgba(0,0,0,.2) 1px solid;justify-content:space-between;padding-inline-start:1em}ch-mobile-search{display:flex;flex:1;justify-content:space-between}ch-mobile-search form{padding-inline:1em;width:90%;max-width:30em;justify-content:center}ch-mobile-search .input-group .input-container{display:flex;flex-direction:row;gap:.5em;width:100%;border-bottom:1px dotted rgba(255,255,255,.5)}ch-mobile-search .input-group .input-container input{border-bottom:none}ch-mobile-search .input-group .input-container .close{display:flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;cursor:pointer;border-radius:50%;border:white 1px solid}ch-mobile-search .input-group .input-container .close>span.material-symbols-outlined{font-size:1.2em;line-height:1.2em}ch-footer{border-top:rgba(0,0,0,.2) 1px solid;justify-content:center}ch-footer,ch-header{height:3em;background-color:#0000004d;align-items:center;display:flex}ch-footer nav,ch-header nav{display:flex;align-items:center;justify-content:center}ch-footer nav button,ch-header nav button{display:flex;justify-content:center;aspect-ratio:1;padding:.5em;position:relative;background-color:transparent;border:none;cursor:pointer}ch-footer nav button span.material-symbols-outlined,ch-header nav button span.material-symbols-outlined{display:flex;line-height:2em;font-size:2em;align-items:center}ch-footer nav button.active:after,ch-header nav button.active:after{content:"";display:block;width:.5em;height:.5em;border-radius:50%;background-color:#e20a17;position:absolute;top:.5em;right:.5em}ch-footer nav span.separator,ch-header nav span.separator{display:flex;justify-content:center;margin-inline:.25em;width:1px;background-color:#ffffff4d;height:1.5em}@media screen and ((max-width: 720px) and (min-height: 600px)){ch-layout{grid-template-areas:"header" "main" "footer"}ch-layout ch-guests{grid-template-columns:1fr;grid-template-areas:"master"}ch-layout ch-guests ch-guest-list{width:100vw}ch-layout ch-guests ch-guest-view,ch-layout ch-guests ch-guest-form,ch-layout ch-guests ch-guest-companion{position:absolute;width:100dvw;background-color:#e20a17;box-shadow:#0003 0 -.5em 10px;grid-area:master}.for-mobile{display:flex}.for-desktop{display:none}}
