body.admin input:not([type=checkbox]):not([type=radio]),body.admin textarea{font-family:inherit;font-size:inherit;padding:var(--gap);width:100%}body.admin .title-edit-screen{text-align:center}body.admin .intro-edit-screen{font-size:115%;text-wrap:pretty;text-align:center}body.admin table{width:100%;max-width:100%}body.admin table thead{border-left:1px solid light-dark(var(--light-grey),var(--dark-grey));border-right:1px solid light-dark(var(--light-grey),var(--dark-grey));border-top:1px solid light-dark(var(--light-grey),var(--dark-grey));border-bottom:1px solid light-dark(var(--light-grey),var(--dark-grey))}body.admin table thead th{width:-moz-fit-content;width:fit-content;line-height:100%;padding:var(--gap-s);background-color:var(--color-header);color:var(--color-brand)}body.admin table thead th:first-of-type{text-align:left}body.admin table thead th:last-of-type{width:1}body.admin table tbody{border-left:1px solid light-dark(var(--light-grey),var(--dark-grey));border-right:1px solid light-dark(var(--light-grey),var(--dark-grey));border-bottom:1px solid light-dark(var(--light-grey),var(--dark-grey))}body.admin table tbody td{padding:var(--gap)}body.admin table tbody td:last-of-type{text-align:center;width:1%}body.admin table tr:nth-child(odd) td{background-color:light-dark(var(--light-grey),var(--dark-grey))}body.admin ul.alt li{padding:var(--gap-xs)}body.admin ul.alt li:nth-child(odd){background-color:light-dark(var(--light-grey),var(--dark-grey))}body.admin #header-bottom{background-color:var(--admin-subnav-color)}body.admin #header-bottom .container nav{padding:var(--gap-xs)}body.admin #header-bottom .container nav .menu{display:flex;flex-wrap:wrap;justify-content:center}body.admin #header-bottom .container nav .menu li{display:flex;align-items:center;white-space:nowrap}body.admin #header-bottom .container nav .menu li a{padding:0 .5rem}body.admin #header-bottom .container nav .menu li a,body.admin #header-bottom .container nav .menu li summary{color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}body.admin #header-bottom .container nav .menu li summary:before{top:10%}body.admin #header-bottom .container nav .menu li .smenu{top:var(--gap-xs);background-color:var(--color-muted);white-space:nowrap}body.admin #edit-nav nav .menu{display:grid;grid-auto-flow:row}body.admin #edit-nav nav .menu li a{display:grid;grid-auto-flow:column;gap:var(--gap-s);place-content:start}body.admin #edit-nav nav .menu li a.active,body.admin #edit-nav nav .menu li a:hover{color:var(--color-warning)}body.admin #edit-nav nav .menu li a.external:after{background-color:currentColor;-webkit-mask-image:var(--external-icon);mask-image:var(--external-icon)}body.admin #edit-nav nav .menu li a.is-premium-gate{color:var(--color-muted)}body.admin #edit-nav nav .menu li a.is-premium-gate:after{background-color:currentColor;-webkit-mask-image:var(--lock-icon);mask-image:var(--lock-icon)}body.admin #main-main .container{grid-template-columns:1fr}body.admin #main-main .container #content .chip{display:inline-flex;align-items:anchor-center;gap:var(--gap-s);padding:var(--gap-xs) var(--gap-xs) var(--gap-xs) var(--gap-s);background-color:var(--color-header);border:1px solid var(--color-border);border-radius:var(--gap-xs);margin:0 var(--gap-xs) var(--gap-xs) 0;font-size:.9em}body.admin #main-main .container #content .chip .chip-remove{color:var(--color-error);cursor:pointer;font-size:1.1em;line-height:1;padding:0}body.admin #main-main .container #content .chip .chip-remove:hover{color:var(--color-text)}body.admin #main-main .container #content #tags input:disabled{cursor:not-allowed;background-color:var(--light-grey)}body.admin #main-main .container #content #star-rating-group label{position:relative;color:gray;padding:0 .25rem;transition:color .15s;display:inline-block;width:1rem}body.admin #main-main .container #content #star-rating-group label span{position:absolute;top:0;cursor:pointer}body.admin #main-main .container #content #star-rating-group label span:before{background-color:var(--color-bright)}body.admin #main-main .container #content #star-rating-group input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}body.admin #main-main .container #content #star-rating-group label:has(input:focus-visible){outline-offset:var(--gap-s);outline:black solid var(--gap)}body.admin #main-main .container #content #star-rating-group label:is(:has(>input:checked),:has(~label>input:checked)) span:before{background-color:var(--color-bright);-webkit-mask-image:var(--star-icon-fill);mask-image:var(--star-icon-fill)}body.admin #main-main .container #content #star-rating-group label:is(:has(>input:hover),:has(~label>input:hover)) span:before{background-color:var(--color-bright);-webkit-mask-image:var(--star-icon-fill);mask-image:var(--star-icon-fill)}body.admin #main-main .container #content #star-rating-group label:has(input:active):has(input:active) span:before{background-color:var(--color-error);-webkit-mask-image:var(--star-icon-fill);mask-image:var(--star-icon-fill)}body.admin #main-main .container #content .focussed{transition:var(--transition) all ease}body.admin #main-main .container #content .focussed:has(:focus-within){background-color:light-dark(color-mix(in srgb,var(--color-info),white 80%),color-mix(in srgb,var(--color-info),black 70%))}body.admin #main-main .container #content .focussed:has(:focus-within) .text-info{color:color-mix(in srgb,var(--color-info),black 20%)}body.admin #main-main .container #content .focussed:has(:focus-within) select{background-color:var(--color-surface)}@media(max-width:767px){body.admin #header-bottom .container .menu .smenu{position:absolute;margin-top:1rem}}@media(min-width:768px){body.admin #header-bottom .menu li{display:flex}body.admin #main-main .container:has(#sidebar){grid-template-columns:1fr 300px}body.admin #main-main .container:has(#sidebar) #content{margin:0}body.admin #main-main .container #content{width:100%;margin:0 auto}body.admin #edit-nav{align-self:start;position:sticky;top:calc(var(--header-height, 0) + 2rem);overscroll-behavior:contain}body.admin form .form-el{display:grid;grid-template-columns:160px 1fr;gap:var(--gap);align-items:center}body.admin form .form-el>label{grid-column:1/2;color:#708090}body.admin form .form-el>input,body.admin form .form-el>button{grid-column:2/3}}
