:root{--input-background:light-dark(var(--color-slate-200),var(--color-slate-800));--input-border:light-dark(var(--color-slate-400),var(--color-slate-600));--input-background-error:light-dark(color-mix(in oklab,var(--color-red-600)10%,var(--input-background)),color-mix(in oklab,var(--color-red-800)10%,var(--input-background)));--input-background-focus:light-dark(color-mix(in oklab,var(--color-sky-500)5%,var(--input-background)),color-mix(in oklab,var(--color-sky-400)10%,var(--input-background)));--input-border-focus:light-dark(var(--color-sky-500),var(--color-sky-400));--input-background-error-focus:light-dark(color-mix(in oklab,var(--color-red-500)10%,var(--input-background)),color-mix(in oklab,var(--color-red-400)10%,var(--input-background)));--input-border-error-focus:light-dark(var(--color-red-500),var(--color-red-400));--warning-background:light-dark(color-mix(in oklab,var(--color-yellow-400)10%,var(--background-panel)),oklch(85% .1 90));--warning-foreground:var(--color-yellow-700);--warning-border:var(--color-yellow-500)}form.default{flex-direction:column;gap:1rem;margin:0 auto 2rem;display:flex;& section:not(.advanced-search-panel){flex-direction:column;display:flex}& section{gap:.5rem;&:has(.field-errors){box-shadow:-.5rem 0 0 0 var(--background-page),-1rem 0 0 0 var(--error-border);& input[type=text],& input[type=search],& input[type=email],& input[type=password],& textarea{border:1px solid var(--error-border);background-color:var(--input-background-error);&:focus-visible{outline:2px solid var(--focus-ring-error);border:1px solid var(--input-border-error-focus);background-color:var(--input-background-error-focus)}&:active{background-color:var(--input-background-error-focus);border:1px solid var(--input-border-error-focus)}}}& .hint{color:var(--foreground-secondary);font-size:.85rem}}& ul.field-errors{background-color:var(--error-background);color:var(--error-foreground);border:1px solid var(--error-border);border-radius:var(--rounding);flex-direction:column;gap:.5rem;margin-bottom:.375rem;padding:1rem;display:flex;& li{margin:0;font-size:.9rem;list-style:none}}& label{font-family:var(--font-heading)}& input[type=text],& input[type=search],& input[type=email],& input[type=password],& textarea{font-family:var(--font-normal);border:1px solid var(--input-border);border-radius:var(--rounding);background-color:var(--input-background);color:var(--foreground-primary);outline:0 #0000;padding:.5rem;font-size:1rem;transition:background-color .25s ease-in-out,border-color .25s ease-in-out;&:focus-visible{outline:2px solid var(--focus-ring);border:1px solid var(--input-border-focus);background-color:var(--input-background-focus)}&:active{background-color:var(--input-background-focus);border:1px solid var(--input-border-focus)}}& input[type=search]{border-top-right-radius:0;border-bottom-right-radius:0;flex:1;display:inline-block}& input[type=file]{font-family:var(--font-normal);background-color:var(--input-background);border:1px solid var(--input-border);color:var(--foreground-primary);transition:background-color var(--duration-very-fast)ease-in-out,border-color var(--duration-very-fast)ease-in-out;border-radius:var(--rounding);cursor:pointer;max-width:min-content;font-size:1rem;&:hover{background-color:var(--input-background-focus);border-color:var(--input-border-focus);&::file-selector-button{border-color:var(--input-border-focus)}}&::file-selector-button{font-family:var(--font-normal);border-right:1px solid var(--input-border);background-color:var(--background-panel);margin-right:1rem;padding:.5rem 1rem}}& label:has(input[type=checkbox]){flex-direction:row;gap:.5rem;display:flex}& .select-container{z-index:0;position:relative;& select{appearance:none;width:100%;font-family:var(--font-normal);border:1px solid var(--input-border);border-radius:var(--rounding);background-color:var(--input-background);color:var(--foreground-primary);outline:0 #0000;padding:.5rem 2.5rem .5rem .5rem;font-size:1rem;transition:background-color .25s ease-in-out,border-color .25s ease-in-out;&:invalid{color:var(--foreground-secondary)}&:focus-visible,&:focus{outline:2px solid var(--focus-ring);border:1px solid var(--input-border-focus);background-color:var(--input-background-focus)}&:active{background-color:var(--input-background-focus);border:1px solid var(--input-border-focus)}}& svg.icon{pointer-events:none;color:var(--foreground-secondary);position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}}}div.error{background-color:var(--error-background);color:var(--error-foreground);border:1px solid var(--error-border);border-radius:var(--rounding);margin-bottom:1rem;padding:1rem;& h2{font-family:var(--font-heading);margin-top:0;margin-bottom:.5rem}& p{margin:0}}div.warning{background-color:var(--warning-background);color:var(--warning-foreground);border:1px solid var(--warning-border);border-radius:var(--rounding);margin-bottom:1rem;padding:1rem;& h2{font-family:var(--font-heading);margin-top:0;margin-bottom:.5rem}& p{margin:0}}.label-with-action{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex;& label{margin:0}& ul{flex-direction:row;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}& li{flex-direction:row;align-items:center;margin:0;list-style:none;display:inline-flex}& li:not(:last-child):after{content:"·";user-select:none;pointer-events:none;color:var(--foreground-secondary);margin-left:.5rem}& a,& .button-small{color:var(--foreground-secondary);cursor:pointer;font-family:var(--font-normal);transition:color var(--duration-very-fast)ease-in-out;background:0 0;border:none;flex-direction:row;align-items:center;gap:.25rem;padding:0;text-decoration:none;display:inline-flex;&:hover{color:var(--foreground-primary);text-decoration:underline}& svg.icon{position:relative;top:.5px}&:hover svg.icon{color:var(--foreground-primary)}}}#definitions-container{flex-direction:column;gap:.75rem;display:flex}.first-definition{grid-template-columns:1fr auto;gap:.5rem;padding-right:calc(44px + .5rem);display:grid}.definition-item{flex-direction:row;gap:.5rem;display:flex;position:relative;& .definition-input{flex:1}& textarea{box-sizing:border-box;width:100%}& .remove-definition{min-width:32px;min-height:32px;color:var(--foreground-secondary);cursor:pointer;transition:background-color var(--duration-fast)ease-in-out,color var(--duration-fast)ease-in-out;background-color:#0000;border:0 solid #0000;border-radius:100%;justify-content:center;justify-self:flex-end;align-items:center;padding:.75rem;display:inline-flex;&:hover{background-color:color-mix(in oklab,var(--color-red-500)15%,transparent);color:var(--color-red-500)}& svg{width:1.25rem;height:1.25rem}}}button.search.button[type=submit]{border-top-left-radius:0;border-bottom-left-radius:0;display:inline-block;& svg.icon{color:var(--background-page);transition:color var(--duration-very-fast)ease-in-out;&:hover{color:var(--background-panel)}}}.search-bar-container{flex-direction:row;display:flex}section.search-controls{display:grid;& label[for=q],& #advanced-search-toggle{display:none}& #advanced-search-toggle-label{appearance:none;border-radius:var(--rounding);cursor:pointer;transition:background-color var(--duration-fast)cubic-bezier(.3,0,.8,.15);border:none;border:1px solid var(--foreground-primary);color:var(--foreground-primary);background-color:#0000;margin-left:.5rem;padding:.75rem;font-size:1rem;text-decoration:none;&:hover{background-color:color-mix(in oklab,var(--foreground-primary)10%,transparent)}& svg.icon{color:var(--foreground-primary)}}}.advanced-search-panel{transition:grid-template-rows var(--duration-medium)ease-in-out;grid-template-rows:0fr;display:grid;& .inner{overflow:hidden;& .card{margin-top:0}}& h2{margin-top:0}}.search-bar-container:has(#advanced-search-toggle:checked)~.advanced-search-panel{grid-template-rows:1fr}details.permission-level-helptext{width:100%;font-size:.9rem;overflow:hidden}details.permission-level-helptext summary{background-color:var(--background-panel);color:var(--foreground-primary);border:1px solid var(--foreground-secondary);border-radius:var(--rounding);cursor:pointer;align-items:center;height:4rem;padding-left:1rem;font-weight:700;display:flex}details.permission-level-helptext summary::-webkit-details-marker{display:none}details.permission-level-helptext summary svg.chevron-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:.5rem;transition:rotate .2s ease-out}div.permission-level-helptext-content{box-sizing:border-box;border-bottom-left-radius:var(--rounding);border-bottom-right-radius:var(--rounding);border:1px solid #0000;border-top:0;max-height:0;padding:0 1rem 1rem;font-size:.9rem;transition:max-height .4s ease-out,border 0s linear .4s;overflow:hidden}details.permission-level-helptext[open]{border-bottom-right-radius:0;border-bottom-left-radius:0;& summary{border-bottom-right-radius:0;border-bottom-left-radius:0}}details.permission-level-helptext[open]+div.permission-level-helptext-content{border-color:var(--foreground-secondary);max-height:800px;transition:max-height .4s ease-out,border linear}details.permission-level-helptext[open] summary svg.chevron-icon{transition:rotate .2s ease-out;rotate:90deg}div.permission-level-helptext-container{flex-direction:column;display:flex}#permission-levels-info{width:100%}#permission-levels-info dl{grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:1rem 0;display:grid;& dt{font-weight:700}}