@font-face{font-family:Fira Code;src:url(/fonts/firacode.woff2) format("woff2");font-weight:400;font-style:normal}:root{--form-font-weight: 300}@supports (-webkit-backdrop-filter: none){:root{--form-font-weight: 200}}h1.front{width:100%;margin:0;padding:30px 0;background:var(--FRONT_CONTENT_BACKGROUND_COLOR);color:var(--FRONT_CONTENT_FONT_COLOR);text-align:center}article{flex:1;background:var(--BACK_CONTENT_BACKGROUND_COLOR);color:var(--BACK_CONTENT_FONT_COLOR);box-sizing:border-box;padding:40px 20px 80px;width:100%;display:flex;align-items:center}#rsvp-app{max-width:var(--CONTENT_WIDTH);width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.loading:after{display:inline-block;animation:dotty steps(1,end) 1s infinite;font-family:monospace;content:"   ";white-space:pre}@keyframes dotty{0%{content:"   "}25%{content:".  "}50%{content:".. "}75%{content:"..."}to{content:"..."}}.pin-entry{display:flex;flex-direction:column;width:fit-content;margin:auto}.pin-entry input[type=text]{display:inline-block;font-family:Fira Code,monospace;font-size:50px;color:var(--FRONT_CONTENT_FONT_COLOR);width:100%;height:100%;text-align:center;background:transparent;border:none;border-bottom:2px solid var(--BACK_CONTENT_FONT_COLOR);text-transform:uppercase;margin:0;padding:0}input[type=text]:focus{outline:thin dotted var(--BACK_CONTENT_FONT_COLOR)}input[type=submit]{margin-left:auto;background:none;color:var(--FRONT_CONTENT_FONT_COLOR);border:1px solid var(--BACK_CONTENT_FONT_COLOR);padding:5px 10px;border-radius:5px;font-size:22px;font-family:var(--FONT_NAME);font-optical-sizing:auto;font-weight:200}input[disabled]{opacity:var(--DISABLED_INPUT_OPACITY);cursor:not-allowed}input[type=submit]:hover:not(:disabled),.pin-entry input[type=submit]:focus:not(:disabled){background:var(--BACK_CONTENT_FONT_COLOR);color:var(--BACK_CONTENT_BACKGROUND_COLOR);transition:all .4s ease}input[type=submit]:active:not(:disabled){transform:translateY(4px)}.rsvp-error{margin:80px auto 0;flex:1}.rsvp-error p{text-align:center;color:#a63f64;border:1px solid #a63f64;border-radius:5px;padding:10px 100px;max-width:95vw;box-sizing:border-box}.yes-no-options{display:flex;margin-left:auto}.yes-no-options label{position:relative;margin:0;padding:0 .5em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.yes-no-options svg{position:absolute;top:0;left:0;width:3em}.yes-no-options input[type=radio]{height:0;width:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}#rsvp-form form:not(.read-only) .yes-no-options label.not-selected:hover{opacity:1}.yes-no-options label.not-selected{opacity:.4}.yes-no-options svg{display:none}.yes-no-options input:checked+svg{display:revert}.yes-no-options label:hover:not(.not-selected) input:not(:checked)+svg{display:revert;opacity:.4}#rsvp-form{flex:1;width:100%;max-width:600px}#rsvp-form form{font-weight:var(--form-font-weight)}#rsvp-form table{width:100%;margin-top:60px}#rsvp-form table th:nth-child(2){text-align:right}#rsvp-form table td:nth-child(2){display:flex;margin-left:auto}.guest-count,.plus-one{margin-top:20px;text-align:center}.plus-one input[type=checkbox],.plus-one label{margin-right:10px}.plus-one label{opacity:var(--DISABLED_INPUT_OPACITY)}.plus-one input[type=checkbox]:checked+label{opacity:1}#rsvp-form input[type=text]{display:inline-block;color:var(--FRONT_CONTENT_FONT_COLOR);font-family:var(--FONT_NAME);font-size:20px;height:100%;background:transparent;border:none;border-bottom:2px solid var(--BACK_CONTENT_FONT_COLOR)}.rsvp-form-footer{margin-top:40px;width:100%;display:flex}#rsvp-form li input[type=text]{margin-bottom:10px}#rsvp-form textarea{font-size:18px;font-family:var(--FONT_NAME);color:var(--BACK_CONTENT_FONT_COLOR);background:transparent;padding:10px;border:1px solid #ffffff33;margin-top:30px;width:570px;max-width:95vw;box-sizing:border-box;min-height:200px;field-sizing:content;resize:vertical}#rsvp-form textarea:focus{outline:thin dotted var(--BACK_CONTENT_FONT_COLOR)}.confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.confirm-dialog{background:var(--BACK_CONTENT_BACKGROUND_COLOR);border:1px solid var(--BACK_CONTENT_FONT_COLOR);border-radius:8px;padding:30px;max-width:420px;width:90vw;text-align:center}.confirm-dialog p{margin:0 0 24px;font-size:18px}.confirm-buttons{display:flex;gap:12px;justify-content:center}.confirm-buttons button{background:none;color:var(--FRONT_CONTENT_FONT_COLOR);border:1px solid var(--BACK_CONTENT_FONT_COLOR);padding:8px 16px;border-radius:5px;font-size:16px;font-family:var(--FONT_NAME);font-weight:200;cursor:pointer}.confirm-buttons button:hover{background:var(--BACK_CONTENT_FONT_COLOR);color:var(--BACK_CONTENT_BACKGROUND_COLOR);transition:all .4s ease}.confirm-buttons button:active{transform:translateY(4px)}#rsvp-app header{display:flex;align-items:center}#rsvp-app header h2{width:fit-content}.sign-out-btn{background-color:#f8f9fa;opacity:.7;border:none;border-radius:50%;width:40px;height:40px;margin-left:auto;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s}.sign-out-btn:hover{opacity:1}.sign-out-icon{width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'%3E%3C/path%3E%3Cpolyline points='16 17 21 12 16 7'%3E%3C/polyline%3E%3Cline x1='21' y1='12' x2='9' y2='12'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}::placeholder{opacity:.3}