:root{--c-success:#469446;--c-error:#cd6d6d;--c-pending:#d6dd72}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}tr,div,p{scroll-margin-top:50px}body,html{box-sizing:border-box;margin:0;padding:0}body{margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif;line-height:1.2}h1{margin-bottom:.5rem}.subtitle{margin-bottom:2rem}.card{--padding-size:var(--size-m,1rem);padding:var(--padding-size,1rem);border-radius:8px;box-shadow:0 2px 4px #0000001a;&>header{margin-bottom:var(--size-m)}&>:first-child{margin-top:0}}.card.timeline-group{& input{border:none}}.status{padding:var(--size-xs) var(--size-s);border-left-style:solid;border-left-width:8px}.card h2{margin-bottom:1rem;font-size:1.25rem}button,.btn{cursor:pointer;display:inline-moment;padding-inline:var(--size-xs);border-radius:4px;text-decoration:none;transition:background .2s}button.m,.btn.m{text-align:center;place-items:center;padding:.5rem 1rem;font-size:1rem;display:grid}button:has(.icon),.btn:has(.icon){padding:.4rem .6rem}button.save,.btn.save{background-color:#3cb371}button.cancel,.btn.cancel{color:#475569;background:#d3d3d3}button:disabled{cursor:not-allowed}.result{background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:4px;margin-top:1rem;padding:1rem}.htmx-indicator{display:inline-moment;color:#666;margin-left:.5rem}.counter-display{color:#3b82f6;margin:1rem 0;font-size:2rem;font-weight:700}.flex{display:flex}.grid{display:grid}.auto-fit{--cell-min:clamp(180px, 25vw, 320px);grid-template-columns:repeat(auto-fit, minmax(var(--cell-min), 1fr))}.auto-fit-max{--cell-min:clamp(180px, 25vw, 320px);--cell-max:320px;grid-template-columns:repeat(auto-fit, minmax(var(--cell-min), var(--cell-max)))}.auto-fill{--cell-min:clamp(180px, 25vw, 320px);grid-template-columns:repeat(auto-fill, minmax(var(--cell-min), 1fr))}.space-between{justify-content:space-between}.gap-xs{gap:var(--size-xs,.2rem)}.gap-s{gap:var(--size-s,.5rem)}.gap-m{gap:var(--size-m,1rem)}.gap-l{gap:var(--size-l,1.7rem)}hr{margin-block:2rem}.callout{border-style:dashed;border-width:3px;border-color:var(--c-seperator);padding:1rem}.error:not(:empty){background-color:rgba(var(--c-error), .192);border:3px solid red;border-left-style:dashed;&:before{content:"⚠ "}}.warning{border-color:orange}.error{animation-name:vibrate;animation-duration:.1s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:3;animation-direction:normal}dialog{color:var(--c-txt);background-color:var(--c-txt-bg);border:none;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000001a}dialog[open]{animation-name:raise-in;animation-duration:.2s;animation-timing-function:linear;animation-iteration-count:1;animation-direction:normal;animation-delay:.1s;animation-fill-mode:forwards}dialog[open]::backdrop{backdrop-filter:blur(4px);background:#000000b5}code[aria-readonly=true]:before{content:"read-only";background-color:var(--c-error);display:inline-moment;border-radius:.3rem;margin-right:.2rem;padding-inline:.1rem}dl.kv{grid-template-columns:max-content 1fr;column-gap:1rem;display:grid;&>dd{margin-inline-start:0}&>dt,&>dd{padding:.5rem 0}&>dt:not(:last-of-type),&>dd:not(:last-of-type){border-bottom:1px solid var(--c-seperator)}}.true,.false{&:after{display:inline-moment;margin-left:2px}}.true{color:var(--c-success);&:after{content:" ✔"}}.false{color:#927171;opacity:.3;&:after{content:" ✘"}}ul.unstyled{margin-block:0;padding-inline-start:0;list-style:none}.display.none{display:none}.timeline-grid{grid-template-columns:3fr 1fr;display:grid;&>table{height:fit-content}}ul.editable{&>li{gap:var(--size-s);display:flex}}.flex-align-center{align-items:center;display:flex}.faded{opacity:.3}textarea.auto-size{field-sizing:content;resize:vertical;width:100%;min-height:3lh;padding:.2rem}ul.steps{gap:var(--size-s);padding-inline-start:0;display:grid;& input{font-size:small}& .corner-checkbox,& input[name=text]{grid-area:1/1}& input[name=text]{padding-inline-start:var(--size-s)}&>li{gap:var(--size-s);min-height:var(--size-s);grid-template-columns:4fr 2fr .5fr;display:grid;overflow:hidden;&>input{margin:0}&>textarea{min-height:1lh}}}details>summary{cursor:pointer}@media print{.page,.print-break{break-after:page}table{break-inside:auto}tr{break-inside:avoid;break-after:auto}.print-none{display:none}}li[data-tdb]:before{content:"*TBD* ";color:var(--c-accent)}img.framed{border:solid 5px var(--c-seperator);box-sizing:border-box;object-fit:contain;width:100%}.m-0{margin:0}.etched-line{color:var(--c-ghost);text-align:center;align-items:center;gap:var(--size-m);display:flex;&:before,&:after{border-bottom:solid 1px var(--c-ghost);content:"";color:var(--c-ghost);flex:1}}button.drag-handle{cursor:grab;background:0 0;border:none;font-size:16px}button.drag-handle:active{cursor:grabbing}.time-moment-row.dragging,.time-moment-steps.dragging-steps{opacity:.4}.time-moment-row.drag-over-top{box-shadow:inset 0 2px 0 0 var(--c-primary);&>td{margin-bottom:2rem}}.time-moment-row.drag-over-bottom{box-shadow:inset 0 -2px 0 0 var(--c-primary);height:10px;&>td{margin-top:2rem}}.time-moment-steps.drag-over-bottom{box-shadow:inset 0 -2px 0 0 var(--c-primary)}:root{--size-unit:1rem;--size-scale:1.1;--size-xs:calc(var(--size-unit) * .5);--size-s:var(--size-unit);--size-m:calc(var(--size-unit) * var(--size-scale));--size-l:calc(var(--size-unit) * var(--size-scale) * var(--size-scale));--size-xl:calc(var(--size-unit) * pow(var(--size-scale), 3));--size-2xl:calc(var(--size-unit) * pow(var(--size-scale), 4));--size-3xl:calc(var(--size-unit) * pow(var(--size-scale), 5));--br-sharp:var(--size-s);--br-dull:var(--size-m);--br-soft:var(--size-l)}.pad-xs{padding:var(--size-xs,.5rem)}.pad-s{padding:var(--size-s,.5rem)}.pad-m{padding:var(--size-m,.5rem)}.pad-l{padding:var(--size-l,.5rem)}.pad-xl{padding:var(--size-xl,.5rem)}ul{padding-left:var(--size-l)}@media (prefers-color-scheme:light){:root{--c-bg:#f5f5f5;--c-txt:#2e2b28;--c-txt-rev:#fff7f0;--c-txt-bg:#fff;--c-input-bg:#dcdcdc;--c-seperator:#a0a0a0;--c-seperator-light:#d2d2d2;--c-interactive:#2590b0;--c-active:#64a097;--c-primary:#4f4fc4;--c-secondary:#121236;--c-primary-dark:#414181;--c-accent:#4fc491;--c-error:#a61919;--c-success:#2f8d58;--c-info:#4a8cb7;--c-warning:#b79642;--c-ghost:gray}}@media (prefers-color-scheme:dark){:root{--c-bg:#0e0e0d;--c-txt:#dcb;--c-txt-rev:#000;--c-txt-bg:#181818;--c-input-bg:#1e1e1e;--c-seperator:#202020;--c-seperator-light:#333;--c-interactive:#6f6fc2;--c-active:#11453d;--c-primary:#8282e2;--c-secondary:#1d1d2b;--c-primary-dark:#6363b9;--c-accent:#4fc491;--c-error:#ff4949;--c-success:#2fb569;--c-info:#4a8cb7;--c-warning:#b79642;--c-ghost:#616161}}:root{--lg-primary:linear-gradient(90deg, var(--c-interactive) 0%, var(--c-primary) 80%, var(--c-interactive) 100%);--lg-disabled:repeating-linear-gradient(45deg, #1a1a1a 3px, #262626 10px, #292929 20px);--lg-loading:linear-gradient(90deg, transparent 0%, var(--c-interactive) 70%, var(--c-accent) 90%, transparent 100%);--c-disabled:gray}.status{--status-color:#999;border-left-color:var(--status-color);background:linear-gradient(to right, color-mix(in srgb, var(--status-color) 10%, var(--c-txt-bg)), var(--c-txt-bg))}.status[data-status=REQUESTED]{--status-color:#6bafa0}.status[data-status=CANCELED]{--status-color:#af6b6b}.status[data-status=DECLINED]{--status-color:#c44b4b}.status[data-status=HOLDING]{--status-color:#bac44b}.status[data-status=ACCEPTED]{--status-color:#4bc344}.status[data-status=POSTPONED]{--status-color:#ccba7b}.status[data-status=success]{--status-color:var(--c-success)}.status[data-status=error]{--status-color:var(--c-error)}.sub-text{color:var(--c-seperator-light)}.highlight-green{background-color:#3cb34e1d!important}.border-left-create{border-left:solid var(--c-success) 20px}.background-success{background-color:var(--c-success)}.card{background-color:var(--c-txt-bg)}body{background-color:var(--c-bg);color:var(--c-txt);&>footer{background-color:var(--c-secondary)}}thead{background-color:var(--c-txt-bg);border-bottom-color:var(--c-seperator)}.pill{text-align:center;border-style:solid;border-width:2px;border-radius:10px;padding-inline:.3rem}.c-primary{border-color:var(--c-primary)}a:link{color:var(--c-interactive);text-decoration:none}a:visited{color:var(--c-interactive);filter:brightness(.1);text-decoration:none}a:hover{filter:brightness(1.2);text-decoration:underline}button,.btn,.btn:link{background-color:var(--c-interactive);color:var(--c-txt-rev);&:visited{color:var(--c-txt)}border-bottom-style:solid;border-bottom-width:4px;border-right-style:solid;border-right-width:3px;border-color:color-mix(in srgb, currentColor 50%, #707070);background-position:0 0;&.delete{background-color:var(--c-txt-bg);color:var(--c-ghost)}&.delete:hover{outline:solid 1px var(--c-error);border-color:var(--c-error);color:#fff}&.clear{color:var(--c-ghost);background-color:#0000;border-color:#0000}}button:not(:disabled):hover,.btn:hover{background-color:var(--c-primary);filter:brightness(2);background-position:20px 20px;&.delete{color:var(--c-txt);background-color:var(--c-error)}}button:not(:disabled):active{filter:brightness(.5)}button:disabled{background-color:var(--c-disabled);background-position:0 0;background:var(--lg-disabled);&.clear{background:0 0;color:var(--c-seperator)!important}}button.drag-handle{color:#9ca3af;&:not(:disabled):hover{color:var(--c-primary);background-color:#0000}}button.drag-handle:active{cursor:grabbing;color:var(--c-primary)}.field-error:not(:empty){color:var(--c-error);border-bottom:dotted 2px var(--c-error)}hr{border-color:var(--c-seperator)}.danger{&:hover{background-color:var(--c-error)}}.success{border-color:var(--c-success)}input,select,textarea{background-color:var(--c-input-bg);color:var(--c-txt);border-color:var(--c-seperator-light);&:hover{border-color:var(--c-accent)}}form{& label,& legend{color:gray}}label.form-field{& .text{opacity:.7}}.ghost{color:var(--c-ghost);border-color:var(--c-seperator);background-color:#0000;border-width:2px}details{&>summary{opacity:.6;color:var(--c-ghost)}}details[open]{&>summary{opacity:1;color:var(--c-ghost)}}input[type=text],input[type=password],select,input[type=datetime-local],input[type=date],input[type=search],input[type=tel],input[type=number],input[type=email]{box-sizing:border-box;border-style:solid;border-width:1px;border-radius:4px;width:100%;padding:.3rem .5rem;font-size:1rem}label:has(input[type=search]){width:100%}label:has(input:required) .text:after{content:"*"}label{display:grid}label .text{font-size:.7rem}table{& input[name=id],& input[name=user_id],& input[name=wpPostId],& input[name=middle_initial],& input[name=event_id],& input[name=location_id],& input[name=event_id],& input[name=grade],& input[name=location_id]{max-width:10ch}& td[data-key=user_id] span{white-space:nowrap;text-overflow:ellipsis;display:inline-moment;direction:rtl;align-self:center;width:6ch;overflow:hidden}}form{gap:.8rem;display:grid;&>legend:first-of-type{font-size:1.5rem;font-weight:700}& fieldset{border-color:var(--c-seperator);gap:.8rem;display:grid;&>legend{margin-bottom:var(--size-m)}}& .form-field{gap:var(--size-xs);display:grid}& label{display:grid;& .text{align-self:end}}& label.form-field:has(input[type=hidden]){display:none}& fieldset.actions{border:none;margin-top:1.5rem;padding:0;&>button{max-width:fit-content;padding:1rem 2rem}}& select,& input[type=datetime-local]{cursor:pointer;width:fit-content;padding:.3rem .5rem}& details{display:grid;&:open{gap:var(--size-m)}}}#submit-button{grid-template-columns:auto auto;grid-template-areas:"label icon";align-items:center;gap:.5rem;display:grid;&>.text,&>.submit-indicator{grid-area:label}&>.icon{grid-area:icon}&:has(.text.hide){grid-template-columns:1fr;grid-template-areas:"icon";justify-items:center}&:has(.text.hide)>.icon{justify-self:center}}.submit-indicator{visibility:hidden;position:absolute}.htmx-request{background-color:var(--c-seperator);border-bottom-color:var(--c-secondary);& .submit-indicator{visibility:visible}& .text{display:none}}form.edit-page{& .error.top-level{align-items:center;gap:1rem;display:flex}& .error.top-level:has(.message span:empty){visibility:hidden;opacity:.2;pointer-events:none;height:0;transform:translateY(14px)}}form .message{display:flex}form .hide{display:none}.separator{border:none;border-top:1px solid var(--c-seperator);margin:1.5rem 0;padding:0}.separator legend{color:var(--c-seperator);width:max-content;margin:0 auto;padding:0 .75rem}.corner-checkbox{--color-checked:var(--c-accent,goldenrod);--color-unchecked:var(--c-seperator,grey);--color-hover:var(--c-primary,#74aab5);--size:15px;width:var(--size);cursor:pointer;height:50%;display:grid;&>*{grid-area:1/1}}.corner-checkbox input{display:none}.corner-checkbox-bg{clip-path:polygon(0 0,100% 0,0 100%);background:var(--color-unchecked);width:100%;transition:background .18s}.corner-checkbox:hover .corner-checkbox-bg{background:var(--color-hover)}.corner-checkbox:has(input:checked) .corner-checkbox-bg{background:var(--color-checked)}.corner-checkbox-icon{pointer-events:none;opacity:0;color:#000;width:28%;height:28%;font-size:calc(var(--size) * .25);z-index:10;place-self:start;padding:12% 0 0 12%;font-weight:500;line-height:1;transition:opacity .15s}.corner-checkbox:has(input:checked) .corner-checkbox-icon{opacity:1}input[maxlength="5"]{max-width:5ch}select.color-code{--color-1:#b1b1f4;--color-2:#bfdaf2;--color-3:#a295b5;--color-4:#b1f4e2;--color-5:#bff2e4;--color-6:#95b5ad;--color-7:#b595b2;--color-8:#b78295;border-color:var(--color,orange)}.table-wrap{border:1px solid #e2e8f0;border-radius:8px;font-family:IBM Plex Mono,monospace;overflow:hidden}table{border-collapse:collapse;width:100%;&>thead{z-index:1;position:sticky;top:0}}th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e2e8f0;padding-inline:.75rem;font-size:.75rem;font-weight:600}tr:last-child td{border-bottom:none}.action-cell{text-align:right;white-space:nowrap;background-color:color-mix(in srgb, var(--c-bg) 80%, transparent);width:1%}th,td{padding:.5rem .2rem}table.color-alternate tbody>tr:not(.row-error):nth-of-type(odd){background-color:#0000001c}table.color-alternate tbody>tr:not(.row-error):nth-of-type(2n){background-color:#0000004f}.row-error:empty{display:none}tr,tr[data-status=editing],tr[data-status=creating]{position:relative}.error-cell{width:0;padding:0}.row-error:not(:empty){z-index:20;background-color:color-mix(in srgb, var(--c-error) 30%, black 70%);color:#fff;padding:.5rem 1rem}.row-error:has(.message span:empty){visibility:hidden;opacity:.2;pointer-events:none;height:0;transform:translateY(14px);& p{margin:0}}table tbody tr:hover{background-color:#8b8b450c!important}table tr.new-row{outline:3px dashed #0000ff1a;position:relative;& td:first-child:before{color:#7b68ee;content:"✸";position:absolute;bottom:50%;left:1%}}td[data-key=id]{white-space:nowrap;text-overflow:ellipsis;direction:rtl;max-width:5rem;overflow:hidden;& a,& code span{white-space:nowrap;text-overflow:ellipsis;display:inline-moment;direction:rtl;width:6ch;overflow:hidden}& a{color:var(--c-primary)}}td[data-type=hidden],th[data-type=hidden]{outline:3px dotted red;display:none}data[value=null]:before{content:"-";color:var(--c-seperator,grey)}table.timeline-schedule{table-layout:fixed;width:100%;& col{width:100%}& col.order{width:20px}& tr.time-moment-row{border-top:solid 1px var(--c-seperator)}& td{padding-inline:.2rem}& tr.time-moment-row td{padding-top:var(--size-m)}& td.actions{opacity:.1;grid-template-columns:1fr 1fr;display:grid;& button.insert{grid-column:1}& button.delete{grid-area:2/2}& label.tbd{grid-area:1/2;align-items:center;font-size:12px;display:flex}& label:has(input:checked){color:var(--c-accent)}& button{color:var(--c-primary);background-color:#0000;border:none;padding:0}}& tr.time-moment-steps>td{padding-inline-start:var(--size-xl)}& tr:hover td.actions{opacity:1}& input[type=time]{background-color:#0000;border:none}& td[data-field-name=order]{&>button.drag-handle{padding:0}}& textarea{max-width:30ch}& tr:has(input[name=tbd]:checked){border-left:solid 3px var(--c-accent,orange)}}body{&>footer{padding:var(--size-m);margin-top:3rem;margin-bottom:0}}button{transition-property:background-position,background-color,color,border,width,height,filter;transition-duration:.1s;transition-timing-function:ease-in;transition-delay:0}@keyframes loading-bottom-border{0%{background-position:0 0}to{background-position:200% 0}}button[type=submit].success{position:relative;&:after{opacity:0;pointer-events:none;content:"✔ success";color:var(--c-success);width:100%;animation-name:slide-down-fade-out;animation-duration:5s;animation-timing-function:ease-out;animation-delay:0;animation-iteration-count:1;animation-direction:normal;position:absolute;bottom:4rem}}@keyframes slide-down-fade-out{0%{opacity:.3;transform:translateY(100%)}30%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;pointer-events:none;transform:translateY(-100%)}}.anim--slide-in-left-right{animation-name:slide-in-left-right;animation-duration:1s;animation-timing-function:ease-out;animation-delay:0;animation-iteration-count:1;animation-direction:normal}@keyframes slide-in-left-right{0%{opacity:.3;transform:translate(100%)}30%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}}button.htmx-request{anchor-name:--submit-button;position:relative;&:after{content:"";background-color:#ff0;background:var(--lg-loading);width:90%;height:2px;animation-name:loading-bottom-border;animation-duration:.9s;animation-timing-function:ease-in;animation-delay:0;background-position:0 0;background-size:200% 100%;animation-iteration-count:infinite;animation-direction:reverse;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}}.anim-vibrate{animation-name:vibrate;animation-duration:.1s;animation-timing-function:linear;animation-iteration-count:3;animation-direction:normal;animation-delay:0s}anchored-box .message span{display:inline-moment}@keyframes vibrate{0%{opacity:.3;transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}to{opacity:1;transform:translate(0)}}.anim-raise-in{animation-name:raise-in;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:0;animation-iteration-count:1;animation-direction:normal}@keyframes raise-in{0%{opacity:.3;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fall-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}dialog.closing{animation:.15s ease-in forwards fall-out}details[open]{& li{animation-name:fall-in;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:0;animation-iteration-count:1;animation-direction:normal;animation-delay:calc(.1s * sibling-index())}}@keyframes fall-in{0%{transform:translateY(-10px)}to{transform:translateY(0)}}._layout_reading_1a8rm_1{max-width:1200px;&>header{margin-bottom:4rem}&>main{padding-inline:0}&:has(>footer){padding-bottom:0}}header[data-astro-cid-y4iqpaip] h2[data-astro-cid-y4iqpaip]:first-child{margin-top:0}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}menu[data-astro-cid-xunmyxpv]{padding-left:0;position:fixed;bottom:1rem;left:1rem}select[data-astro-cid-xunmyxpv]{border-color:var(--c-accent,yellow);box-shadow:0 10px 31px 51px #000000a3}
