:root{--c-success: rgb(70, 148, 70);--c-error: rgb(205, 109, 109);--c-pending: rgb(214, 221, 114)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}tr,div,p{scroll-margin-top:50px}body,html{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.2;padding:2rem;margin:0 auto}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[data-status=success]{--status-color: var(--c-success)}.status[data-status=error]{--status-color: var(--c-error)}.status{--status-color: #999;border-left:8px solid var(--status-color);padding:1rem;background:linear-gradient(to right,color-mix(in srgb,var(--status-color) 10%,var(--c-txt-bg)),var(--c-txt-bg))}.card h2{margin-bottom:1rem;font-size:1.25rem}button,.btn{cursor:pointer;transition:background .2s;text-decoration:none;display:inline-moment;border-radius:4px}button.m,.btn.m{display:grid;place-items:center;padding:.5rem 1rem;font-size:1rem;text-align:center}button:has(.icon),.btn:has(.icon){padding:.4rem .6rem}button.save,.btn.save{background-color:#3cb371}button.cancel,.btn.cancel{background:#d3d3d3;color:#475569}button:disabled{cursor:not-allowed}.result{margin-top:1rem;padding:1rem;background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:4px}.htmx-indicator{display:inline-moment;margin-left:.5rem;color:#666}.counter-display{font-size:2rem;font-weight:700;color:#3b82f6;margin:1rem 0}.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-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:solid red 3px;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{border:none;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000001a;color:var(--c-txt);background-color:var(--c-txt-bg)}dialog[open]{animation-name:raise-in;animation-duration:.2s;animation-timing-function:linear;animation-delay:.1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}dialog[open]::backdrop{background:#000000b5;backdrop-filter:blur(4px)}code[aria-readonly=true]:before{content:"read-only";background-color:var(--c-error);padding-inline:.1rem;border-radius:.3rem;margin-right:.2rem;display:inline-moment}dl.kv{display:grid;grid-template-columns:max-content 1fr;column-gap:1rem;>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{list-style:none;padding-inline-start:0;margin-block:0}.display.none{display:none}.timeline-grid{display:grid;grid-template-columns:3fr 1fr;>table{height:fit-content}}ul.editable{>li{display:flex;gap:var(--size-s)}}.flex-align-center{display:flex;align-items:center}.faded{opacity:.3}textarea.auto-size{field-sizing:content;resize:vertical;min-height:3lh;width:100%;padding:.2rem}ul.steps{padding-inline-start:0;gap:var(--size-s);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{display:grid;grid-template-columns:4fr 2fr .5fr;gap:var(--size-s);min-height:var(--size-s);overflow:hidden;>input{margin:0}>textarea{height:15px}}}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{outline:solid 5px var(--c-seperator)}: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: hsl(0, 0%, 96%);--c-txt: #2e2b28;--c-txt-rev: #fff7f0;--c-txt-bg: #ffffff;--c-input-bg: rgb(220, 220, 220);--c-seperator: rgb(160, 160, 160);--c-seperator-light: rgb(210, 210, 210);--c-interactive: rgb(37, 144, 176);--c-active: rgb(100, 160, 151);--c-primary: rgb(79, 79, 196);--c-primary-dark: rgb(65, 65, 129);--c-accent: rgb(79, 196, 145);--c-error: rgb(166, 25, 25);--c-success: rgb(47, 141, 88);--c-info: rgb(74, 140, 183);--c-warning: rgb(183, 150, 66);--c-ghost: gray}}@media(prefers-color-scheme:dark){:root{--c-bg: #0e0e0d;--c-txt: #ddccbb;--c-txt-rev: #000000;--c-txt-bg: #181818;--c-input-bg: rgb(30, 30, 30);--c-seperator: rgb(32, 32, 32);--c-seperator-light: rgb(51, 51, 51);--c-interactive: rgb(139, 139, 228);--c-active: rgb(17, 69, 61);--c-primary: rgb(130, 130, 226);--c-primary-dark: rgb(99, 99, 185);--c-accent: rgb(79, 196, 145);--c-error: rgb(255 73 73);--c-success: rgb(47, 181, 105);--c-info: rgb(74, 140, 183);--c-warning: rgb(183, 150, 66);--c-ghost: hsl(0, 0%, 38%)}}:root{--lg-primary: linear-gradient( 90deg, var(--c-interactive) 0%, var(--c-primary) 80%, var(--c-interactive) 100% );--lg-disabled: repeating-linear-gradient( 45deg, hsl(0, 0%, 10%) 3px, hsl(0, 0%, 15%) 10px, hsl(0, 0%, 16%) 20px );--lg-loading: linear-gradient( 90deg, transparent 0%, var(--c-interactive) 70%, var(--c-accent) 90%, transparent 100% );--c-disabled: gray}.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)}thead{background-color:var(--c-txt-bg);border-bottom-color:var(--c-seperator)}.pill{padding-inline:.3rem;border-style:solid;border-width:2px;border-radius:10px;text-align:center}.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)}background-position:0 0;border-bottom-style:solid;border-right-style:solid;border-bottom-width:4px;border-right-width:3px;border-color:color-mix(in srgb,currentColor 50%,rgb(112,112,112));&.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}}button:not(:disabled):hover,.btn:hover{background-color:var(--c-primary);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)}.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)}}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{background-color:transparent;color:var(--c-ghost);border-color:var(--c-seperator);border-width:2px}details{>summary{opacity:.6;color:var(--c-ghost)}}details[open]{>summary{opacity:1;color:var(--c-ghost)}}input[type=text],select,input[type=datetime-local],input[type=date],input[type=search],input[type=tel],input[type=number],input[type=email]{border-width:1px;border-style:solid;border-radius:4px;font-size:1rem;width:100%;box-sizing:border-box}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=grade]{max-width:10ch}& td[data-key=user_id] span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-moment;width:6ch;direction:rtl;align-self:center}}form{display:grid;gap:.8rem;>legend:first-of-type{font-size:1.5rem;font-weight:700}& fieldset{border-color:var(--c-seperator);display:grid;gap:.8rem}.form-field{display:grid}label{display:grid;.text{align-self:end}}label.form-field:has(input[type=hidden]){display:none}fieldset.actions{border:none;padding:0;margin-top:1.5rem;>button{max-width:fit-content;padding:1rem 2rem}}select,input[type=datetime-local]{width:fit-content;padding:.3rem .5rem;cursor:pointer}}#submit-button{display:grid;grid-template-columns:auto auto;grid-template-areas:"label icon";align-items:center;gap:.5rem;>.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{display:flex;align-items:center;gap:1rem}.error.top-level:has(.message span:empty){visibility:hidden;opacity:.2;transform:translateY(14px);pointer-events:none;height:0}}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{padding:0 .75rem;color:var(--c-seperator);margin:0 auto;width:max-content}.corner-checkbox{--color-checked: var(--c-accent, goldenrod);--color-unchecked: var(--c-seperator, grey);--color-hover: var(--c-primary, rgb(116, 170, 181));--size: 15px;width:var(--size);height:50%;cursor:pointer;display:grid;>*{grid-area:1 / 1}}.corner-checkbox input{display:none}.corner-checkbox-bg{width:100%;clip-path:polygon(0 0,100% 0,0 100%);background:var(--color-unchecked);transition:background .18s ease}.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{place-self:start;padding:12% 0 0 12%;width:28%;height:28%;pointer-events:none;opacity:0;transition:opacity .15s;color:#000;font-size:calc(var(--size) * .25);font-weight:500;line-height:1;z-index:10}.corner-checkbox:has(input:checked) .corner-checkbox-icon{opacity:1}input[maxlength="5"]{max-width:5ch}select.color-code{--color-1: rgb(177, 177, 244);--color-2: rgb(191, 218, 242);--color-3: rgb(162, 149, 181);--color-4: rgb(177, 244, 226);--color-5: rgb(191, 242, 228);--color-6: rgb(149, 181, 173);--color-7: rgb(181, 149, 178);--color-8: rgb(183, 130, 149)}select.color-code{border-color:var(--color, orange)}.table-wrap{font-family:IBM Plex Mono,monospace;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}table{width:100%;border-collapse:collapse;>thead{position:sticky;top:0;z-index:1}}th{padding-inline:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e2e8f0}tr:last-child td{border-bottom:none}.action-cell{text-align:right;width:1%;white-space:nowrap}th,td{padding-inline:.5rem}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{padding:0;width:0}.row-error:not(:empty){z-index:20;padding:.5rem 1rem;background-color:color-mix(in srgb,var(--c-error) 30%,black 70%);color:#fff}.row-error:has(.message span:empty){visibility:hidden;opacity:.2;transform:translateY(14px);pointer-events:none}table tbody tr:hover{background-color:#8b8b450c!important}table tr.new-row{outline:dashed 3px rgba(0,0,255,.102);position:relative;td:first-child:before{color:#7b68ee;content:"✸";position:absolute;left:1%;bottom:50%}}td[data-key=id]{& a,code span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-moment;width:6ch;direction:rtl}& a{color:var(--c-primary)}}td[data-type=hidden],th[data-type=hidden]{display:none;outline:dotted red 3px}data[value=null]:before{content:"-";color:var(--c-seperator, grey)}table.timeline-schedule{& 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;display:grid;grid-template-columns:1fr 1fr;& button.insert{grid-column:1}& button.delete{grid-column:2;grid-row:1}& label.tbd{display:flex;align-items:center;font-size:12px;grid-column:2;grid-row:2}& label:has(input:checked){color:var(--c-accent)}& button{padding:0;background-color:transparent;color:var(--c-primary);border:none}}& tr.time-moment-steps>td{padding-inline-start:var(--size-xl)}& tr:hover td.actions{opacity:1}& input[type=time]{background-color:transparent;border:none}& td[data-field-name=start-end]{max-width:5rem}& textarea{max-width:30ch}& tr:has(input[name=tbd]:checked){border-left:solid 3px var(--c-accent, orange)}}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";position:absolute;bottom:4rem;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}}@keyframes slide-down-fade-out{0%{opacity:.3;transform:translateY(100%)}30%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{transform:translateY(-100%);opacity:0;pointer-events:none}}.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:"";position:absolute;left:50%;transform:translate(-50%);bottom:-3px;width:90%;height:2px;background-color:#ff0;background:var(--lg-loading);background-size:200% 100%;background-position:0 0;animation-name:loading-bottom-border;animation-duration:.9s;animation-timing-function:ease-in;animation-delay:0;animation-iteration-count:infinite;animation-direction:reverse}}.anim-vibrate{animation-name:vibrate;animation-duration:.1s;animation-timing-function:linear;animation-delay:0ms;animation-iteration-count:3;animation-direction:normal}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)}}dialog.closing{animation:fall-out .15s ease-in forwards}@keyframes fall-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}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_1hlv2_1{max-width:1200px;>main{padding-inline:0}}header[data-astro-cid-kuwy2div] h2[data-astro-cid-kuwy2div]:first-child{margin-top:0}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}
