/* -*- mode: css; indent-tabs-mode: t; css-indent-offset: 8 -*- */
/* style.css -- HotCRP CSS styles */
/* Copyright (c) 2006-2025 Eddie Kohler; see LICENSE. */

/* theme colors and widths */
@layer theme {
body {
	color: #333333;
	background-color: var(--paper);
	--paper: #ffffff;
	--paper-transparent: rgba(255, 255, 255, 0);
	--brand-fg: #f33360;
	--brand-bg: #fff3f5;
	--brand-bg-dark: #ffc9d6;
	--brand-decor-light: #fad5d5;
	--headline-fg: #d41743;
	--headline-decor: #df4c4c;
	--submission-bg-dark: #dce4e8;
	--submission-bg: #e2e9ec;
	--submission-sidebar-bg: #edf3f5;
	--warning-fg: #c07700;
}
select, button {
	color: #222222;
}

.dark {
	color: white;
}
.dark select, .dark button {
	color: #eeeeee;
}

:link, :visited, .link {
	color: #004daa;
}
.dark :link, .dark :visited, .dark .link {
	color: #2177de;
}
.track:visited, .ptitle:visited, .pnum:visited {
	color: #660099;
}
.dark .track:visited, .dark .ptitle:visited, .dark .pnum:visited {
	color: #b655e6;
}

.is-description, .hint, .f-d, .field-d, .dlsize {
	color: #555555;
}
.dark .is-description, .dark .hint, .dark .f-d, .dark .field-d {
	color: #bcbcbc;
}

.auaff, .plet, em.plx, .asspref0 {
	color: #555555;
}
.dark .auaff, .dark .plet, .dark em.plx, .dark .asspref0 {
	color: #bcbcbc;
}

.dim {
	color: #888888;
}
.color-red {
	color: #ff0000;
}

.ps-withdrawn {
	color: #333333;
}
.dec-maybe, .ps-submitted {
	color: #823e78;
}
.dec-no, .asspref-1 {
	color: #9f0000;
}
.dark .dec-no {
	color: #d01010;
}
.dark .asspref-1 {
	color: #e02020;
}
.asspref1 {
	color: #008000;
}
.dec-yes, .dark .asspref1 {
	color: #259f00;
}

.pslcard-home-tag.tagbg {
	color: #333333;
}
.pslcard-home-tag.tagbg.dark {
	color: white;
}

.main-column p, .main-column dl, .main-column pre.sample {
	max-width: 720px;
}
.main-column ul, .main-column ol {
	max-width: 692px;
	padding-left: 28px;
}
.main-column ul.ctable {
	max-width: 732px;
}

@media print {
body {
	font-size: 12px;
}
}
}


/* generic styles */
html {
	box-sizing: border-box;
}
*, *::before, *::after {
	box-sizing: inherit;
}
p, pre {
	margin-top: 0;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
table, tr, td, th {
	padding: 0;
	border: 0 none;
	empty-cells: show;
}
table {
	line-height: inherit;
}
tr, select {
	vertical-align: baseline;
}
textarea {
	vertical-align: top;
}
input, textarea, .textarea, select, button, .btn {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.35;
}
dl {
	margin: 0 0 1em;
}
dt {
	font-weight: bolder;
}
dd {
	margin: 0 0 0.5em;
}
dl.dd {
	margin-bottom: 0.5em;
}
a > img {
	border: none;
}
input[type=text], input[type=email], input[type=password], input[type=date],
textarea, .textarea {
	border: 1px solid silver;
	padding: 3px 5px;
}
form, fieldset {
	margin: 0;
}
fieldset {
	border: 1px solid #9999cc;
	border-radius: 4px;
}
ul.x {
	margin: 0 0 1em;
	padding-left: 0 !important;
	list-style-type: none;
}
ul.x > li {
	margin: 0 0 0.25em;
}
ul.x > li:last-child {
	margin-bottom: 0;
}
ul.inline {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.inline > li {
	display: inline-block;
	padding-right: 1rem;
}
ul.inline > li:last-child {
	padding-right: 0;
}
address {
	font-style: inherit;
}
.fieldset-covert {
	padding: 0;
	margin: 0;
	border-width: 0;
	border-radius: 0;
}


/* page background */
html, .text-default {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
		"Helvetica Neue", Arial, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	line-height: 1.4;
}
.text-serif {
	font-family: serif;
}
.text-sans-serif {
	font-family: sans-serif;
}
.text-truncate {
	text-overflow: ellipsis !important;
	overflow-x: hidden !important;
	white-space: pre !important;
}
code, kbd, pre, samp, .text-monospace {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 90%;
}
.shellsession-prompt {
	font-weight: bold;
	color: #777;
	-webkit-user-select: none;
	user-select: none;
}
.shellsession-typed {
	font-weight: bold;
}
body {
	margin: 0;
	position: relative;
	min-height: 100vh;
}
body.paper {
	background: linear-gradient(to right, var(--submission-bg), var(--submission-bg) 15.5rem, var(--paper) 15.5rem, var(--paper));
}
body.body-signin {
	background: #e0d9da;
}
body.body-error {
	background: #dfd0d3;
}
body.paper-error {
	background: var(--submission-bg-dark);
}
body.leftmenu {
	background: linear-gradient(to right, #ecf2f4, #ecf2f4 164px, var(--paper) 164px, var(--paper));
}
#t-buzzer {
	background: #ecf2f4;
}


/* header */
#p-page {
	position: relative;
	z-index: 0;
}
#p-header {
	position: relative;
	padding-bottom: 24px;
}
body.leftmenu #p-header {
	min-height: 88px;
	padding-bottom: 8px;
}
body.paper #p-header {
	background: var(--submission-bg-dark);
	padding-bottom: 10px;
	border-bottom: 1px solid var(--brand-fg);
	z-index: 3;
}
#h-right {
	padding: 6px 24px 0;
	font-size: smaller;
	text-align: right;
	float: right;
}
.profile-dropmenu-summary {
	margin: 0 -7px;
}
.usertime {
	padding-top: 1px;
	font-size: smaller;
}
#h-deadline {
	padding-top: 1px;
}
#h-site {
	float: left;
	padding: 3px 12px 4px 24px;
	border-bottom: 1px solid var(--brand-fg);
	border-right: 1px solid var(--brand-fg);
	border-bottom-right-radius: 4px;
	background: var(--brand-bg-dark);
	color: var(--brand-fg);
	print-color-adjust: exact;
}
#h-actas {
	position: fixed;
	top: 9px;
	right: 24px;
	z-index: 12;
	color: #a16300;
	background-color: #fffdbd;
	border: 1px solid #c07700;
	border-top-width: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 11px 13px 4px; /* +7px x for summary margin */
	margin-top: -12px;
	margin-bottom: -5px;
}

h1, h2, h3, h4 {
	margin: 0;
}
h1, h2 {
	font-size: 140%;
	font-size: 1.4rem;
	line-height: 1.25;
}
h1 {
	font-weight: normal;
}
h2 {
	font-weight: bold;
	margin-bottom: 1rem;
}
h3, h4 {
	margin-bottom: 0.75em;
}
#h-site > h1 {
	display: inline;
	font-weight: bold;
}
h1.paptitle {
	padding: 6px 24px;
	overflow-wrap: break-word;
}
h1.signin {
	margin-bottom: 1rem;
	font-weight: bold;
}
.pnum-sp {
	padding-right: 0.4em;
}
.header-site-name {
	font-weight: bold;
}
#h-page {
	clear: both;
	float: left;
	padding: 0.5em 0 0 24px;
}
#h-page.header-page-submission {
	float: none;
	padding: 0;
	position: relative;
	top: 14px;
	margin-bottom: 14px;
	background: var(--paper);
	border-top: 1px solid var(--brand-fg); /*#b2a584;*/
	border-bottom: 1px solid var(--brand-fg); /*#b2a584;*/
}
h1.leftmenu {
	margin-bottom: 36px;
}
h2.leftmenu {
	margin-bottom: 36px;
}

/* Tab bar */
#p-quicklinks {
	clear: right;
	float: right;
	font-size: smaller;
	min-height: 0.75rem;
	margin-top: 4px;
	margin-right: 24px;
}
body.paper #p-quicklinks {
	margin-top: 12px;
}
td.vbar {
	vertical-align: middle;
	min-height: 4px;
	white-space: nowrap;
	padding-left: 1rem;
}
#n-prev {
	padding-right: 0.5em;
}
#n-next {
	padding-left: 0.5em;
}
#n-search {
	min-width: 72px;
	width: 72px;
	max-width: 600px;
}
#n-search.usersearch {
	min-width: 96px;
	width: 96px;
}


/* generic horizontal styles */
/* links
   * a.qh: color inherit/link
   * a.noq: color inherit/inherit
   * a.ulh: underline inherit/link
   * a.noul: underline inherit/inherit
   * a.q: color inherit/link + underline inherit/link (a.qh.ulh)
   * a.qo: color inherit/link + underline inherit/inherit (a.qh.noul)
   * u.x: underline when in a:hover */
a.qh, a.noq, a.noq:hover, a.q, a.qo, a.btn, a.btn:hover,
.is-error a, .is-warning a, .is-success a, .is-note a,
.is-warning-note a, .is-urgent-note a,
button.q, button.qo {
	color: inherit;
}
a:hover,
a.track:hover, a.ptitle:hover, a.pnum:hover,
button.link:hover, button.q:hover, button.qo:hover,
.js-click-child:hover a.hover-child,
a:hover .pavfn {
	color: #c45500;
	-webkit-text-decoration-color: #c45500;
	text-decoration-color: #c45500;
}
a:active,
a.noq:active,
a.track:active, a.ptitle:active, a.pnum:active,
button.link:active, button.q:active, button.qo:active,
a.attention {
	color: red;
	-webkit-text-decoration-color: red;
	text-decoration-color: red;
}
a.btn {
	cursor: default;
}
.noul, .noul:hover,
a.ulh, a.q, a.qo, a.btn, a.btn:hover,
.papmode.active > a, .papmode.active:hover > a.noul, .leftmenu-item > a,
u.x {
	text-decoration: inherit;
}
.ul,
a.ulh:hover, a.q:hover,
button.link, button.q:hover,
.papmode.active:hover > a, .leftmenu-item:hover > a,
div.js-foldup:hover a.js-foldup,
div.js-aufoldup:hover a.js-aufoldup,
div.js-assignment-fold:hover a.js-assignment-fold,
.js-click-child:hover a.hover-child,
a:hover u.x {
	text-decoration: underline;
}
button.link.noul {
	text-decoration: inherit;
}
a.pnum, a.ptitle {
	-webkit-text-decoration-line: inherit;
	text-decoration-line: inherit;
}
tr.pl:hover a.pnum, tr.pl:hover a.ptitle {
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
}
.dim img {
	filter: grayscale(100%);
}
a.dim:hover img {
	filter: none;
}

span.barsep {
	opacity: 0.8;
	padding: 0 0.5em;
}
span.sep {
	padding-right: 1em;
}
.nw, .nb {
	white-space: nowrap;
}
.pw {
	white-space: pre-wrap;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}
.ibw {
	display: inline-block;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}
.text-break-line {
	white-space: pre-line;
}
span.nb {
	display: inline-block; /* why? */
	text-indent: 0;
}
.childfold, .js-foldup, .js-foldup label, :link label {
	cursor: pointer;
}
.wait, body.wait input, body.wait button {
	cursor: wait !important;
}
.grabbing, body.grabbing, body.grabbing .draghandle {
	cursor: grabbing !important;
}
.checki {
	padding-left: 1.275em;
}
label.checki {
	display: block;
}
.checkc {
	display: inline-block;
	text-indent: 0;
	margin-left: -1.275em;
	text-align: left;
	width: 1.275em;
	white-space: nowrap;
}
.checkc > input {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
}
.entryg, .entryi {
	margin-bottom: 0.5em;
}
.entryi {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}
.entryi > ul.feedback-list {
	flex-basis: 100%;
}
.entryi > label, .entryi > .label {
	width: 8rem;
	margin-right: 1rem;
	text-align: right;
	flex: 0 0 auto;
}
.entryi.medium > label, .entryi.medium > .label {
	width: 12rem;
}
.entryi.wide > label, .entryi.wide > .label {
	width: 20rem;
}
.entryi > .entry {
	flex: 1 1 0;
	flex-basis: min-content;
}
.checki, .entryi, .entryg, .break-avoid {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
input.wide {
	max-width: none;
	max-width: fill-available;
}
.fullw {
	width: 100%;
}
.n {
	font-weight: normal;
}
.small {
	font-size: smaller;
}
.font-weight-bold {
	font-weight: bold;
}
.font-weight-semibold, .sb {
	font-weight: 500;
}
.font-italic {
	font-style: italic;
}
p + .nearby {
	margin-top: -0.5em;
}

.mb-0 {
	margin-bottom: 0 !important;
}
.mb-1 {
	margin-bottom: 0.25em !important;
	margin-bottom: 0.25rem !important;
}
.mb-2 {
	margin-bottom: 0.5em !important;
	margin-bottom: 0.5rem !important;
}
.mb-3 {
	margin-bottom: 1em !important;
	margin-bottom: 1rem !important;
}
.mb-p {
	margin-bottom: 1em !important;
}
.mb-4 {
	margin-bottom: 1.5em !important;
	margin-bottom: 1.5rem !important;
}
.mb-5 {
	margin-bottom: 2.25em !important;
	margin-bottom: 2.25rem !important;
}
.mb-7 {
	margin-bottom: 5em !important;
	margin-bottom: 5rem !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mt-1 {
	margin-top: 0.25em !important;
	margin-top: 0.25rem !important;
}
.mt-2 {
	margin-top: 0.5em !important;
	margin-top: 0.5rem !important;
}
.mt-3 {
	margin-top: 1em !important;
	margin-top: 1rem !important;
}
.mt-4 {
	margin-top: 1.5em !important;
	margin-top: 1.5rem !important;
}
.mt-5 {
	margin-top: 2.25em !important;
	margin-top: 2.25rem !important;
}
.mt-6 {
	margin-top: 3.25em !important;
	margin-top: 3.25rem !important;
}
.mt-7 {
	margin-top: 5em !important;
	margin-top: 5rem !important;
}
.ml-0 {
	margin-left: 0 !important;
}
.ml-1 {
	margin-left: 0.25em !important;
	margin-left: 0.25rem !important;
}
.ml-2 {
	margin-left: 0.5em !important;
	margin-left: 0.5rem !important;
}
.ml-3 {
	margin-left: 1em !important;
	margin-left: 1rem !important;
}
.ml-4 {
	margin-left: 1.5em !important;
	margin-left: 1.5rem !important;
}
.ml-5 {
	margin-left: 2.25em !important;
	margin-left: 2.25rem !important;
}
.ml-auto {
	margin-left: auto !important;
}
.mr-1 {
	margin-right: 0.25em !important;
	margin-right: 0.25rem !important;
}
.mr-2 {
	margin-right: 0.5em !important;
	margin-right: 0.5rem !important;
}
.mr-3 {
	margin-right: 1em !important;
	margin-right: 1rem !important;
}
.mr-4 {
	margin-right: 1.5em !important;
	margin-right: 1.5rem !important;
}
.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
	width: fit-content;
}
.mb-0-last-child > *:last-child {
	margin-bottom: 0 !important;
}
.pt-1 {
	padding-top: 0.25em !important;
	padding-top: 0.25rem !important;
}
.pt-2 {
	padding-top: 0.5em !important;
	padding-top: 0.5rem !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pb-2 {
	padding-bottom: 0.5em !important;
	padding-bottom: 0.5rem !important;
}
.pl-1 {
	padding-left: 0.25em !important;
	padding-left: 0.25rem !important;
}
.pl-2 {
	padding-left: 0.5em !important;
	padding-left: 0.5rem !important;
}
.pl-3 {
	padding-left: 1em !important;
	padding-left: 1rem !important;
}
.pl-4 {
	padding-left: 1.5em !important;
	padding-left: 1.5rem !important;
}
.pr-1 {
	padding-right: 0.25em !important;
	padding-right: 0.25rem !important;
}
.pr-2 {
	padding-right: 0.5em !important;
	padding-right: 0.5rem !important;
}
.pr-3 {
	padding-right: 1em !important;
	padding-right: 1rem !important;
}
.pr-4 {
	padding-right: 1.5em !important;
	padding-right: 1.5rem !important;
}
.pr-5 {
	padding-right: 2.25em !important;
	padding-right: 2.25rem !important;
}

.text-start {
	text-align: start;
}
.text-center {
	text-align: center;
}
.text-end {
	text-align: end;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.align-top {
	vertical-align: top;
}
.align-middle {
	vertical-align: middle;
}
.position-ta-adjust {
	position: relative;
	top: 0.15em;
}

.position-absolute {
	position: absolute !important;
}
.invisible {
	visibility: hidden !important;
}

.d-inline {
	display: inline !important;
}
.d-block {
	display: block !important;
}
.d-inline-block {
	display: inline-block !important;
}
.d-table {
	display: table !important;
}
.d-flex {
	display: flex !important;
	align-items: baseline;
}
.d-inline-flex {
	display: inline-flex !important;
	align-items: baseline;
}
.flex-row-reverse {
	flex-direction: row-reverse !important;
}
.flex-wrap {
	flex-wrap: wrap !important;
}
.flex-fill-0 {
	flex: 1 1 0 !important;
}
.flex-grow-0 {
	flex-grow: 0 !important;
}
.flex-grow-1 {
	flex-grow: 1 !important;
}
.align-items-stretch {
	align-items: stretch !important;
}
.align-items-center {
	align-items: center !important;
}
.align-items-baseline {
	align-items: baseline !important;
}
.align-self-center {
	align-self: center !important;
}
.justify-content-end {
	justify-content: flex-end !important;
}
.relative {
	position: relative;
}
.column-count-1 {
	column-width: auto !important;
	column-count: 1 !important;
}
.column-count-2 {
	column-count: 2 !important;
}
.column-count-3 {
	column-count: 3 !important;
}

.pe-none {
	pointer-events: none !important;
}


/* generic vertical styles */
.lg { /* large gap */
	margin-top: 1em;
	margin-bottom: 2em;
}
.p-sqz {
	margin-bottom: 1em;
}
.p-sqz + .p-sqz {
	margin-top: -0.5em;
}
.g { /* small gap */
	margin: 0.65em 0;
}
td.g {
	padding-top: 0.65em;
}
.ug { /* microgap */
	margin: 0.35em 0;
}
.c, .clear {
	clear: both;
}
.clearfix::after, .pst::after, .pavt::after, .revvt::after,
.cmteditinfo::after,
.entryi::after, .popup-actions::after, .modal-content::after {
	clear: both;
	content: "";
	display: block;
}


/* body */
#p-body {
	margin-left: 24px;
	margin-right: 24px;
	padding-bottom: 48px;
	position: relative;
}
#t-home #p-body {
	margin-top: 1rem;
	margin-left: 3%;
	margin-right: 4%;
}
body.paper #p-body {
	margin-left: 0;
	margin-right: 0;
}
@media screen and (min-width: 900px) {
.body-text #p-body {
	margin-left: 10%;
	margin-right: 10%;
}
}

#h-messages {
	margin-left: 24px;
	margin-right: 24px;
}


/* footer */
#p-footer {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 69%;
	background: var(--brand-bg-dark);
	color: var(--brand-fg);
	padding: 0.2em 0.5em;
	border-top-left-radius: 4px;
	border-top: 1px solid var(--brand-fg);
	border-left: 1px solid var(--brand-fg);
	z-index: 0;
	print-color-adjust: exact;
}


/* messages */
.msg {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	font-weight: normal;
	font-style: normal;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	border-radius: 4px;
	padding: 0.5rem 0.85rem;
}
.msgs-wide > .msg,
.msg.mx-auto,
body.paper-error .msg {
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
	width: fit-content;
}
#h-messages > .msg:first-child {
	margin-top: 1rem;
}
.msg + .msg {
	margin-top: -0.5rem;
}
.msg > h3, .msg > h4,
.msg > p {
	margin-bottom: 0.3em;
}
.msg > p:last-child, .msg > ul:last-child, .msg > ol:last-child, .msg > dl:last-child {
	margin-bottom: 0;
}
.msg {
	background: padding-box linear-gradient(#f2f9ff, #f2f9ff),
		border-box url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNkMmRhZGQiIC8+PHBvbHlsaW5lIHBvaW50cz0iLTEuNzkyOTcsNSwzLjIwNzAzLDAsNSwwLC0wLDUiIGZpbGw9IiM5MDlhYTUiIC8+PHBvbHlsaW5lIHBvaW50cz0iMy4yMDcwMyw1LDguMjA3MDMsMCwxMCwwLDUsNSIgZmlsbD0iIzkwOWFhNSIgLz48L3N2Zz4K) repeat;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}
.msg.msg-confirm, .msg.msg-success {
	border-width: 4px;
	background: padding-box linear-gradient(#eeffee, #eeffee),
		border-box url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNjOWZjYzkiIC8+PHBvbHlsaW5lIHBvaW50cz0iLTEuNzkyOTcsNSwzLjIwNzAzLDAsNSwwLC0wLDUiIGZpbGw9IiM1NWE4NTUiIC8+PHBvbHlsaW5lIHBvaW50cz0iMy4yMDcwMyw1LDguMjA3MDMsMCwxMCwwLDUsNSIgZmlsbD0iIzU1YTg1NSIgLz48L3N2Zz4K) repeat;
}
.msg.msg-warning {
	border-width: 3px;
	background: padding-box linear-gradient(#ffffdd, #ffffdd),
		border-box url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNmZjAiIC8+PHBvbHlsaW5lIHBvaW50cz0iLTMsNiwzLDAsNiwwLDAsNiIgZmlsbD0iIzY5NjkwMyIgLz48cG9seWxpbmUgcG9pbnRzPSIzLDYsOSwwLDEyLDAsNiw2IiBmaWxsPSIjNjk2OTAzIiAvPjwvc3ZnPg==) repeat;
}
.msg.msg-error {
	border-width: 6px;
	background: padding-box linear-gradient(#ffeeee, #ffeeee),
		border-box url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YwMCIgLz48cG9seWxpbmUgcG9pbnRzPSItNiwxMiw2LDAsMTIsMCwwLDEyIiBmaWxsPSIjNDAwIiAvPjxwb2x5bGluZSBwb2ludHM9IjYsMTIsMTIsNiwxOCw2LDEyLDEyIiBmaWxsPSIjNDAwIiAvPjwvc3ZnPg==) repeat;
}
.msg.demargin, .msg.in-demargin {
	border-left-width: 0;
	border-right-width: 0;
	border-radius: 0;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	max-width: initial;
	width: auto;
}
.msgs-small-inline {
	margin: 0.25rem 0 0;
}
.msgs-small-inline > .msg {
	width: fit-content;
	margin: 0 1rem 0.25rem 0;
	padding: 0.25em 0.5em 0.25em 1em;
	border-width: 2px;
}

span.confirm {
	font-style: italic;
	color: #006600;
}
span.hastitle {
	border-bottom: 1px dotted #777777;
}

/* loader */
@keyframes spinner {
	to {transform: rotate(360deg);}
}
.spinner {
	display: inline-block;
	text-indent: 0;
	margin-left: 1em;
	padding-left: 0.5em;
	min-width: 1em;
	min-height: 1em;
	position: relative;
}
.spinner::before {
	position: absolute;
	top: 75%;
	right: 100%;
	width: 0.8em;
	height: 0.8em;
	margin-top: -0.7em;
	margin-left: -0.7em;
	border-radius: 50%;
	border-top: 2px solid #000000;
	border-right: 2px solid transparent;
	animation: spinner .6s linear infinite;
	content: "";
}


/* Tab links, as in search form */
.is-tla {
	display: none;
}
.is-tla.active {
	display: block;
}
.tlcontainer {
	display: flex;
	flex-direction: column;
	width: fit-content;
}
.tld {
	padding-bottom: 5px;
}
.tllx {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
}
.tllx::before {
	display: inline-block;
	border-top: 2px solid #f3d06e;
	width: 7px;
	content: "";
}
.tllx::after {
	display: inline-block;
	border-top: 2px solid #f3d06e;
	flex-grow: 1;
	content: "";
}
.tll {
	border-top: 2px solid #f3d06e;
	padding: 0 0.75em 2px 0.75em;
	font-size: smaller;
}
.tll.active {
	background: #fff4d5;
	padding-top: 2px;
	border-top: 0;
	border-left: 2px solid #f3d06e;
	border-bottom: 2px solid #f3d06e;
	border-right: 2px solid #f3d06e;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-weight: bold;
}
.tll.active a.tla {
	text-decoration: inherit;
	color: inherit;
}
.tll.active a.tla:hover {
	text-decoration: underline;
}

label.hashtarget, .label.hashtarget, .field-title.hashtarget {
	animation: 10s ease-in-out hashtarget-flash;
}
@keyframes hashtarget-flash {
	from, 2%, 6%, 10%, 14%, 50% { background-color: #ffff00; }
	4%, 8%, 12%, to { background-color: inherit; }
}

#t-search .tlcontainer,
#t-reviewprefs .tlcontainer,
#t-manualassign .tlcontainer {
	margin: 0 auto;
	min-width: 50%;
}
#t-users .tlcontainer {
	margin: 0 auto;
}
#t-search #view,
#t-search #formuladefinitions,
#t-users #view {
	font-size: smaller;
}
.form-basic-search {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.form-basic-search-in {
	white-space: nowrap;
	margin-left: 0.5rem;
}
.form-basic-search .papersearch {
	min-width: 20rem;
}
.form-basic-search-in > .select {
	margin-left: 0.25rem;
}
.form-basic-search-in > button {
	margin-left: 1rem;
}


/* Line links, as in bottom of search table */
.linelink.active .lll {
	font-weight: bold;
}
.linelink.active a.lla {
	text-decoration: inherit;
	color: inherit;
}
.linelink.active a.lla:hover {
	text-decoration: underline;
}
.linelink .lld {
	display: none;
}
.linelink.active .lld {
	display: inline;
}
.linelink.active td.lld {
	display: table-cell;
}
.linelink.active div.lld {
	display: block;
}


/* demargining (must follow .msg) */
.demargin {
	margin-left: -24px;
	margin-right: -24px;
}
.remargin-left {
	padding-left: 24px;
}
.remargin-right {
	padding-right: 24px;
}


/* topics */
.topic-2::before {
	content: "↓↓"; /* "\2b07"; */
	color: #bb5555;
	padding-right: 0.325em;
	letter-spacing: -0.2em;
}
.topic-1::before {
	content: "↓";
	color: #bb5555;
	padding-right: 0.125em;
}
.topic0::before {
	content: "⚬";
	color: #aaaaaa;
	padding-right: 0.25em;
}
.topic1::before {
	content: "↑";
	color: #00aa00;
	padding-right: 0.125em;
}
.topic2::before, .topic3::before, .topic4::before {
	content: "↑↑"; /* "\2b06"; */
	color: #00aa00;
	padding-right: 0.325em;
	letter-spacing: -0.2em;
}
.topic-2::before, .topic-1::before, .topic0::before, .topic1::before,
.topic2::before, .topic3::before, .topic4::before {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
		"Helvetica Neue", Arial, sans-serif;
	font-variant-emoji: text;
}
.topict {
	display: block;
	padding-left: 0;
	list-style: none;
	column-gap: 18px;
}
.topict {
	columns: 10rem 4;
	margin: 0 0 -0.2em;
}
.topict.topict-medium {
	columns: 15rem 4;
}
.topict.topict-long {
	columns: 20rem 4;
}
.topicti {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	margin-left: 1.5rem;
	text-indent: -1.5rem;
}
ul.semi, ul.comma, ul.midpoint {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
ul.semi, ul.midpoint {
	display: flex;
	flex-wrap: wrap;
}
ul.comma {
	display: inline;
}
ul.semi > li, ul.comma > li, ul.midpoint > li {
	display: inline-block;
}
ul.semi > li::after {
	content: "; ";
	padding-right: 0.35em;
}
ul.comma > li::after {
	content: ", ";
	padding-right: 0.35em;
}
ul.midpoint > li::after {
	content: "·";
	padding-left: 0.35em;
	padding-right: 0.35em;
}
ul.semi > li:last-child::after,
ul.comma > li:last-child::after,
ul.midpoint > li:last-child::after  {
	content: "";
	padding-right: 0;
}
.topicg {
	font-weight: 500;
	opacity: 0.7;
}


/* home */
h2.home, h4.home {
	color: #c72047;
	/* #c72047 #ba2347 #a3213f #9e2441 */
	margin-bottom: 0.5rem;
	font-size: 1.15rem;
}
.homegrp {
	margin-bottom: 2.25rem;
}
.avoid-home-sidebar {
	max-width: calc(100% - 22rem);
}
.home-sidebar {
	float: right;
	position: relative;
	width: 18rem;
	z-index: 1;
	margin-bottom: 0.5rem;
	margin-left: 2rem;
}
.compact-form > div {
	max-width: 25em;
	max-width: 25rem;
}
.home-sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.homesubgrp {
	margin-top: 0.75rem;
}
strong.overdue {
	color: red;
}
.impending {
	color: red;
	font-weight: bold;
	font-variant-numeric: tabular-nums;
}
.brand-fg {
	color: var(--brand-fg);
}

/* signin */
.signingrp {
	border: 1px solid var(--brand-fg);
	border-radius: 5px;
	padding: 1rem;
	background: var(--brand-bg);
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
	width: fit-content;
}
.signingrp.homegrp {
	margin-left: 0;
}

/* buttons */
span.expander {
	display: inline-block;
	text-indent: 0;
	padding-right: 0.25em;
	opacity: 0.65;
	text-decoration: none;
}

.tbtn {
	display: inline-block;
	text-indent: 0;
	padding: 2px 4px;
	border-radius: 5px;
	border-width: 0;
	text-decoration: inherit;
	color: white;
	background: #63639c;
}
.tbtn:hover {
	background: #5a5a8c;
	color: white;
}
.tbtn-on {
	background: #4444cc;
}
.tbtn-on:hover {
	background: #2c2ca0;
}
.tbtn-here {
	background: #cc4444;
}
.tbtn-here:hover {
	background: #a02c2c;
}
.btn-x::after {
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	vertical-align: -1px;
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L31 31M1 31L31 1' style='stroke:currentColor' stroke-width='2' /%3E%3C/svg%3E");
}
.btn-x:hover::after {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L31 31M1 31L31 1' style='stroke:%23c45500' stroke-width='2' /%3E%3C/svg%3E");
}
.closebtn {
	display: inline-block;
	text-indent: 0;
	padding: 2px 4px;
	margin-left: 0.75em;
	text-decoration: inherit;
	border: 1px solid black;
	color: black;
	line-height: .85;
	border-radius: 0;
}

/* form components */
@media screen and (min-width: 1024px) {
fieldset.form-g, .main-width, .settings-xf {
	width: min-content;
	min-width: 800px;
}
}
legend {
	font-weight: 500;
	padding-left: 4px;
	padding-right: 4px;
}
.select {
	display: inline-block;
	text-indent: 0;
	position: relative;
}
.select > select, .select option {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select > select {
	padding: 2px 1.5em 3px 7px;
	font-family: inherit;
	font-size: 100%;
}
.select > select::-ms-expand {
	display: none;
}
.select::after {
	content: "";
	width: 0.5em;
	height: 0.5em;
	position: absolute;
	line-height: 1;
	margin-top: auto;
	margin-bottom: auto;
	top: 0.15em;
	bottom: 0;
	right: 0.5em;
	pointer-events: none;
	border-left: 0.3em solid transparent;
	border-right: 0.3em solid transparent;
	border-top: 0.5em solid black;
	opacity: 0.6;
}
button, .btn {
	padding: 2px 7px 3px;
	margin: 0;
}
select, button, .btn, button.btn-t:hover {
	display: inline-block;
	text-indent: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #b5b5b5;
	border-radius: 4px;
	background: white;
	background-image: linear-gradient(#fcfcfc, #f0f0f0);
	white-space: nowrap;
}
button.btn-t {
	border-color: rgba(181, 181, 181, 0);
	background: none;
	color: inherit;
}
.btn-sm {
	font-size: smaller;
}
.btn-licon {
	padding: 1px 4px;
	font-size: 120%;
}
.btn-licon-s {
	padding-left: 5px;
	padding-right: 5px;
}
button:hover, .btn:hover, select:hover {
	border-color: #a5a5a5;
	background-image: linear-gradient(#f5f5f5, #e8e8e8);
}
button:active, .btn:active {
	border-color: #aaaaaa;
	background-image: linear-gradient(#c3c3c3, #d3d3d3);
}
button:hover, button:focus, button:active, button:focus-within,
.btn:hover, .btn:focus, .btn:active, .btn:focus-within {
	z-index: 1;
}
.btn-default,
.btn-primary {
	border-color: #6b73b5;
	background: #8089d1;
	background-image: linear-gradient(#9ca3d6, #8089d1);
	color: white;
}
.btn-default:hover, .btn-default:active,
.btn-primary:hover, .btn-primary:active {
	border-color: #505799;
	background-image: linear-gradient(#8089d1, #6b73b5);
}
.btn-success {
	border-color: #007f00;
	background: #00ba00;
	background-image: linear-gradient(#00ba00, #00a500);
	color: white;
}
.btn-success:hover, .btn-success:active {
	border-color: #005f00;
	background-image: linear-gradient(#00a200, #007f00);
}
.btn-danger {
	color: #cc0000;
}
.btn-danger:hover, .btn-danger:active {
	border: 1px solid #b00000;
	background: #ff0000;
	background-image: linear-gradient(#ee0000, #cc0000);
	color: white;
}
.differs .btn-default,
.differs .btn-primary,
.btn-highlight,
.btn-highlight.btn-danger {
	border-color: #cc0000;
	background: #ff0000;
	background-image: linear-gradient(#ff4040, #ff0000);
	color: white;
}
.differs .btn-default:hover, .differs .btn-default:active,
.differs .btn-primary:hover, .differs .btn-primary:active,
.btn-highlight:hover, .btn-highlight:active {
	border: 1px solid #b00000;
	background-image: linear-gradient(#ee0000, #cc0000);
}
a.btn-default, a.btn-primary, a.btn-success, a.btn-highlight,
a.btn-default:hover, a.btn-primary:hover, a.btn-success:hover,
a.btn-highlight:hover, a.btn-danger:hover, a.btn-danger:active {
	color: white;
}
.disabled {
	color: rgba(102, 102, 102, 0.5);
}
button:disabled, button:disabled:hover,
.btn:disabled, .btn:disabled:hover,
.btn-default:disabled, .btn-default:disabled:hover,
.btn-success:disabled, .btn-success:disabled:hover,
.btn-primary:disabled, .btn-primary:disabled:hover,
.differs .btn-default:disabled, .differs .btn-default:disabled:hover,
.differs .btn-primary:disabled, .differs .btn-primary:disabled:hover,
.btn-highlight:disabled, .differs .btn-highlight:disabled:hover,
button.disabled, button.disabled:hover {
	color: rgba(102, 102, 102, 0.5);
	border-color: #c5c5c5;
	background: rgba(222, 222, 222, 0.5);
	cursor: default;
}
button.link, button.q, button.qo {
	display: inline;
	text-align: inherit;
	font-weight: inherit;
	font-style: inherit;
	padding: 0;
	border-style: none;
	background: initial;
	cursor: pointer;
	max-width: 100%;
	white-space: normal;
}
button.link:hover, button.q:hover, button.qo:hover {
	background: initial;
	cursor: pointer;
}
button.link:disabled, button.q:disabled, button.qo:disabled,
button.link:disabled:hover, button.q:disabled:hover, button.qo:disabled:hover,
button.disabled, button.disabled:hover {
	cursor: default;
}
.btnx {
	display: inline-block;
}
.if-differs {
	display: none;
}
.differs .if-differs {
	display: block;
}
.aabig button, .aabig .btn, .btn.big {
	padding: 4px 9px 4px;
	min-height: 31px;
}
.aabig .btn-licon, .btn-licon.big {
	padding: 1px 7px 1px;
}
.aab {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-start;
	margin: 2em 0 0.7em;
}
.aabr {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	flex-grow: 1;
}
.aax {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-start;
	gap: 0.5em 1em;
	margin: 2em 0 0.7em;
}
.aax.fullw {
	display: grid;
	grid-template-columns: 1fr;
	justify-items: stretch;
	align-items: start;
}
.aab:first-child, .aax:first-child {
	margin-top: 0;
}
.aab:last-child, .aax:last-child {
	margin-bottom: 0;
}
.aabut {
	margin-right: 1em;
	text-align: center;
	line-height: 2;
}
.flex-row-reverse > .aabut {
	margin-right: 0em;
	margin-left: 1em;
}
.aabut > .hint {
	margin-top: -0.25em;
}
.aabr > .aabut {
	margin-right: 0;
	margin-left: 1em;
}
.aabut.aabutsp {
	margin-right: 2.5em;
}
.aabr > .aabut.aabutsp {
	margin-right: 0;
	margin-left: 2.5em;
}
.btnp > button, .btnp > .btn, .btnp > .btnbox, .btnp > .btnx {
	margin-right: 0.75em;
}
.btnp > button:last-child, .btnp > .btn:last-child, .btnp > .btnbox:last-child {
	margin-right: 0;
}
.btnbox {
	display: inline-flex;
}
.btnbox > button, .btnbox > .btn {
	border-radius: 0;
	border-left-width: 0;
	margin-left: 0;
	margin-right: 0;
	flex: 0 1 auto;
}
.btnbox > button:first-child, .btnbox > .btn:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-left-width: 1px;
}
.btnbox > button:last-child, .btnbox > .btn:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.grid-btn-explanation {
	display: grid;
	grid-template-columns: fit-content(300px) 1fr;
	grid-gap: 0.5em 1em;
	justify-items: stretch;
	align-items: start;
}
.licon {
	fill: currentColor;
	vertical-align: -0.0625em;
}
.licon-raised {
	fill: currentColor;
}
.move-handle-icon {
	fill: currentColor;
}
button > .licon, .btn > .licon {
	vertical-align: -0.15em;
}
.licon-s {
	vertical-align: -0.05em;
	stroke: currentColor;
	fill: none;
	stroke-width: 2px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

/* Wizard accordion */
.wizard-accordion {
	border: 1px solid #9999cc;
	border-radius: 4px;
	padding: 0 0.75rem;
}
fieldset.wizard-accordion-step {
	border: none;
	padding: 0;
}
fieldset.wizard-accordion-step:first-child > legend {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
fieldset.wizard-accordion-step.future:last-child > legend {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
fieldset.wizard-accordion-step > legend {
	display: block;
	margin: 0 -0.75rem;
	padding: 0.25rem 1.5rem 0.25rem 0.75rem;
	width: calc(100% + 1.5rem);
}
fieldset.wizard-accordion-step.past > legend {
	background: var(--submission-bg);
}
fieldset.wizard-accordion-step.current {
	padding-bottom: 0.75rem;
}
fieldset.wizard-accordion-step.current > legend {
	background: var(--brand-bg-dark);
	margin-bottom: 0.5rem;
}
fieldset.wizard-accordion-step.future {
	color: #aaa;
}
fieldset.wizard-accordion-step.future > legend {
	background: #eee;
}


/* Ajax checks */
.mf-text, .mf-absolute {
	display: inline-block;
	text-indent: 0;
	position: relative;
}
.is-mf::after {
	display: inline-block;
	text-indent: 0;
	font-size: smaller;
	pointer-events: none;
	padding-left: 0.25em;
}
.mf-text .is-mf {
	position: absolute;
	right: 0.35em;
	bottom: 0.5em;
}
.mf-absolute .is-mf {
	position: absolute;
	left: 100%;
	bottom: 0;
}
.select .is-mf {
	position: absolute;
	left: 100%;
	bottom: 0.5em;
}
.btn .is-mf {
	position: absolute;
	left: 100%;
}
.checkmark-before::before {
	content: "\2713";
	padding-right: 0.25em;
}
.is-mf.mf-success::after {
	content: "\2713";
	color: #00bb00;
	animation: 5s ease-in minifeedback-fadeout;
}
.is-mf.mf-error::after {
	content: "\2717";
	color: #ff0000;
}
@keyframes minifeedback-fadeout {
	65% { opacity: 1; }
	70%, to { opacity: 0; }
}


/* key-value tables */
table.key-value th:first-child {
	text-align: left;
	padding-right: 1.25em;
	padding-bottom: 0.125em;
	font-weight: 500;
}
table.key-value {
	padding-top: 0.125em;
	margin-bottom: 1em;
}


/* other types of captions and entries */
table.paper {
	width: 100%;
	position: relative;
}
table.sentry-demargin {
	margin-left: -0.75em;
}
td.top {
	vertical-align: top;
}
td.rxcaption {
	text-align: right;
	padding: 3px 0.5em 3px 0;
}
th.sentry {
	padding: 3px 0.75em;
	text-align: left;
}
td.sentry {
	padding: 3px 0.75em;
}
td.lentry {
	padding: 2px 0.5em 2px 0;
}
td.lentry:last-child {
	padding-right: 0;
}
td.rentry {
	padding: 2px 0;
	text-align: right;
}
div.hint {
	margin-bottom: 0.5ex;
}
.hint {
	font-weight: normal;
	font-style: normal;
	font-size: smaller;
}
td.pad, th.pad, div.pad {
	padding-right: 1em;
}
td.padb, th.padb, div.padb {
	padding-right: 2em;
}
.padl {
	padding-left: 1em;
}
td.padlb, th.padlb, div.padlb {
	padding-left: 2em;
}
td.padls, th.padls, div.padls {
	padding-left: 0.5em;
}


/* normal width content */
.msg {
	max-width: 720px;
	width: fit-content;
}
.w-text,
.feedback, .feedback-list, .field-d,
.revtext.format0, .cmttext.format0, .revtext .format0, .cmttext .format0,
.overlong-expander {
	max-width: 720px; /* see also @layer theme */
}
.w-entry-text {
	max-width: 560px;
}


/* dropdown menus */
.dropmenu-details {
	display: inline-block;
	position: relative;
}
.dropmenu-details > summary {
	display: inline-block;
	list-style-type: none;
}
.dropmenu-details > summary::-webkit-details-marker {
	display: none;
}
.dropmenu-container {
	font-size: 0.875rem;
	text-align: initial;
	text-indent: initial;
	position: absolute;
	background: white;
	color: #333333;
	border: 1px solid silver;
	border-radius: 8px;
	z-index: 12;
	cursor: default;
	box-shadow: 0px 1.5px 5px 1px rgba(0, 0, 0, 0.2);
	/* can be overridden by .dropmenu-sw */
	left: 0;
	right: auto;
	top: 120%;
}
.dropmenu-container::before, .dropmenu-container::after {
	position: absolute;
	display: inline-block;
	content: "";
}
.dropmenu-container::before {
	border: 8px solid transparent;
	border-bottom-color: silver;
	/* can be overridden by .dropmenu-sw */
	top: -16px;
	left: 9px;
	right: auto;
}
.dropmenu-container::after {
	border: 7px solid transparent;
	border-bottom-color: white;
	/* can be overridden by .dropmenu-sw */
	top: -14px;
	left: 10px;
	right: auto;
}
.dropmenu {
	margin: 0.5rem 0;
	padding-left: 0 !important;
	list-style-type: none;
	width: max-content;
}
.dropmenu-draghandle {
	left: -12px;
}
.dropmenu-sw {
	right: 0;
	left: auto;
	top: 120%;
}
.dropmenu-sw::before {
	top: -16px;
	right: 9px;
	left: auto;
}
.dropmenu-sw::after {
	top: -14px;
	right: 10px;
	left: auto;
}
.dropmenu a, .dropmenu .link {
	color: inherit !important;
	text-decoration: none;
}
.dropmenu > li {
	padding: 0.25em 2em 0.25em 1em;
}
.dropmenu > li.has-link,
.dropmenu > li.has-quiet-link {
	cursor: pointer;
}
.dropmenu > li.has-link:hover {
	background-color: #004daa;
	color: white;
}
.dropmenu > li.separator {
	margin: 0.35em 0;
	padding: 0;
	border-bottom: 1px solid silver;
}


/* forms */
.form-h {
	margin: 0 0 1em;
}
.form-section {
	margin-bottom: 3em;
}
.form-outline-section {
	border: 1px solid silver;
	border-radius: 5px;
	padding: 0.5rem 0.85rem 0.75rem;
}
@media screen and (min-width: 920px) {
.form-outline-section {
	width: fit-content;
	min-width: 720px;
}
}
.msg + .form-section {
	margin-top: 2.25em;
}
.form-outline-section > .f-i:last-child {
	margin-bottom: 4px;
}
.form-sep {
	margin-top: 2.25rem;
	margin-bottom: 0;
}
.form-sep-2 {
	margin-top: 0.5rem;
	margin-bottom: 0;
}
.form-sep.nearby {
	margin-top: 1.25rem;
}
hr.form-sep, hr.form-sep-2 {
	border: 0 none;
	height: 0;
}
.form-h + .form-sep, .form-h + .form-sep-2 {
	margin-top: 0;
}
.form-g, .form-g-5 {
	margin-bottom: 2.25em;
}
.form-g-3 {
	margin-bottom: 1em;
}
.form-g + .nearby {
	margin-top: -1em;
}
fieldset.form-g > legend {
	margin-bottom: 0.35rem;
}
fieldset.form-g > legend + ul.feedback-list {
	margin-top: -0.35rem;
}
div.aab + h3.settings, div.aab + .form-h, div.aab + .form-section {
	margin-top: 0.5em;
}


/* leftmenu pages (settings, help, profile) */
h3.form-h, h3.helppage, h4.helppage {
	color: #4b4f6d;
}
h3.helppage {
	margin: 2em 0 1em;
}
h4.helppage {
	margin: 0.8em 0 0;
}
.leftmenu-left {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 140px;
}
.leftmenu-menu {
	-webkit-position: sticky;
	position: sticky;
	top: 16px;
	margin-top: -16px;
	padding-top: 16px;
	font-size: smaller;
}
.leftmenu-list {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
}
.leftmenu-item {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	padding: 2px 5px 4px 5px;
	margin-left: -5px;
	cursor: pointer;
	clear: left;
}
.leftmenu-item-gap3 {
	margin-top: 1em !important;
	margin-top: 1rem !important;
}
.leftmenu-item-gap4 {
	margin-top: 1.5em !important;
	margin-top: 1.5rem !important;
}
.leftmenu-item.active {
	display: inline-block;
	text-indent: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: -6px;
	background: white;
	border-radius: 5px;
	border: 1px solid var(--brand-fg);
	color: var(--brand-fg);
	font-weight: bold;
}
.leftmenu-item-on > a {
	display: table-cell;
}
.leftmenu-content {
	margin-left: 164px;
	padding-bottom: 16px;
}
@media screen and (min-width: 1152px) {
.leftmenu-content {
	margin-left: calc((100vw - 496px) / 4);
	margin-right: calc((100vw - 1152px) / 4);
}
}
@media screen and (min-width: 1344px) {
.leftmenu-content {
	margin-left: 212px;
}
}


/* settings */
th.settings-simplehead {
	text-align: left;
	font-size: smaller;
	padding-right: 1em;
}
.settings-radio > .label {
	max-width: 800px;
	margin-bottom: 0.3em;
}
.settings-radioitem + .settings-radiohint {
	margin-top: 0.35rem;
}
.settings-xf {
	position: relative;
	border: 1px solid silver;
	border-radius: 5px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	transition: opacity 0.5s;
}
.settings-xf-viewbox, .mail-preview-send, .mail-editor {
	background-color: #f9fbfb;
}
.settings-xf-viewbox:hover, .mail-preview-send:hover {
	background-color: #ecf2f4;
}
.settings-xf:hover, .mail-preview-send:hover {
	border-color: #a5a5a5;
}
.settings-xf-viewbox {
	border-radius: 5px;
	padding: 0 16px;
}
.settings-xf-viewport {
	-webkit-mask-image: linear-gradient(to top, transparent 0, rgba(0, 0, 0, 0.25) 8px,
		black 20px calc(100% - 16px), transparent calc(100% - 8px));
	mask-image: linear-gradient(to top, transparent 0, rgba(0, 0, 0, 0.25) 8px,
		black 20px calc(100% - 16px), transparent calc(100% - 8px));
}
.settings-xf-view {
	padding-top: 16px;
	padding-bottom: 16px;
}
.settings-sf > .settings-xf-viewbox {
	overflow-y: hidden;
}
.settings-sf.settings-xf-disabled .settings-xf-viewport {
	max-height: 10rem;
}
.settings-sf-final > .settings-xf-viewbox {
	background-color: #effcf0;
}
.settings-sf-final > .settings-xf-viewbox:hover {
	background-color: #e8f5e9;
}
.settings-xf-disabled > .settings-xf-viewbox {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath d='M0 0l-34 34l17 0l34 -34z' fill='%23f9fbfb' /%3E%3Cpath d='M34 0l-34 34l17 0l34 -34z' fill='%23f9fbfb' /%3E%3Cpath d='M17 0l-34 34l17 0l34 -34z' fill='%23f5f2f2' /%3E%3Cpath d='M51 0l-34 34l17 0l34 -34z' fill='%23f5f2f2' /%3E%3C/svg%3E");
	background-color: #f5f2f2;
}
.settings-xf-disabled > .settings-xf-viewbox:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath d='M0 0l-34 34l17 0l34 -34z' fill='%23ecf2f4' /%3E%3Cpath d='M34 0l-34 34l17 0l34 -34z' fill='%23ecf2f4' /%3E%3Cpath d='M17 0l-34 34l17 0l34 -34z' fill='%23e4e7e7' /%3E%3Cpath d='M51 0l-34 34l17 0l34 -34z' fill='%23e4e7e7' /%3E%3C/svg%3E");
}
.settings-xf-edit {
	padding: 20px 16px 16px;
	border-radius: 5px;
	background-color: #fdffff;
}
.settings-draghandle {
	position: absolute;
	display: inline-block;
	left: 50%;
	left: calc(50% - 1.5em);
	right: auto;
	top: 0;
	user-select: none;
	-webkit-user-select: none;
	cursor: move;
	opacity: 0.25;
	padding: 0 1em;
	z-index: 1;
}
#settings-sform > hr.dropmark, #settings-rform > hr.dropmark {
	max-width: 800px;
}
.settings-xf:hover .settings-draghandle {
	opacity: 0.5;
}
.settings-draghandle:hover {
	opacity: 1 !important;
}
.settings-tag-style-table input.tags {
	width: 25rem;
}
hr.dropmark {
	/* Do not use borders and margin, because margin isn't included in parent's
	   getBorderClientRect */
	margin: 0;
	border: 0 none;
	height: 34px;
	background-image: linear-gradient(to bottom, transparent 0, transparent 16px, #e68e00 16px, #e68e00 18px, transparent 18px);
}
.drag-would-keep {
	opacity: 0.75;
	border-color: #c07700 !important;
}
.drag-would-move {
	opacity: 0.25 !important;
	border-color: silver !important;
}
.grid-select {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-auto-rows: minmax(100px, auto);
	max-height: 70vh;
	overflow-y: auto;
	row-gap: 0.25rem;
	column-gap: 0.25rem;
	margin: -16px -8px -8px;
	padding-bottom: 8px;
	-webkit-mask-image: linear-gradient(to top, transparent 0,
		black 16px calc(100% - 16px), transparent calc(100% - 8px));
	mask-image: linear-gradient(to top, transparent 0,
		black 16px calc(100% - 16px), transparent calc(100% - 8px));
}
.grid-option {
	overflow-y: visible;
	margin: 8px;
	background-color: #f9fbfb;
	position: relative;
}
.grid-option:hover {
	border-color: #a1a1f2;
	background-color: #ecf2f4;
}
.grid-option.active, .grid-option.active:hover {
	background: inherit;
}
fieldset.grid-option {
	border-width: 2px;
	border-color: #b8b8e5;
	padding: 0 12px;
}
fieldset.grid-option.active {
	border-color: blue;
	border-color: AccentColor;
}
fieldset.grid-option.active > legend {
	font-weight: bold;
}
.grid-option > .settings-xf-viewport {
	margin-top: -12px;
	opacity: 0.5;
	max-height: 50vh;
	overflow-x: hidden;
	overflow-y: auto;
}
.grid-option.active > .settings-xf-viewport {
	opacity: 1;
}
.settings-xf-view h3 {
	max-width: 768px;
}
.settings-xf-view > .pfe {
	margin-bottom: 0;
}
.settings-xf-view > .pfe.pf-separator {
	margin-top: 0.5rem;
}
.settings-xf-view > .rfehead {
	margin-top: 0;
}
.settings-radio {
	margin-bottom: 0.5rem;
}
.settings-revfn {
	font-weight: bold;
}
.settings-revrounds, .settings-reveditor {
	display: inline-block;
	text-indent: 0;
	padding-left: 1em;
}
.settings-revdata, .settings-revhint {
	clear: both;
}
.settings-tracks {
	margin-bottom: 2em;
}
.settings-jpath {
	display: inline-block;
	border-radius: 3px;
	border: 1px solid silver;
	background-color: #f8fcff;
	font-family: inherit;
	font-stretch: semi-condensed;
	font-weight: normal;
	font-size: 80%;
	padding: 0 2px;
	vertical-align: 1px;
	color: #333333;
}
a:hover .settings-jpath {
	color: #c45500;
}
.settings-json-panels {
	width: 100%;
	display: flex;
	display: grid;
	grid-template-columns: 60% 40%;
}
.settings-json-panel-edit {
	flex: 0 0 60%;
	position: relative;
	overflow-x: visible;
	overflow-y: scroll;
	height: 80vh;
	contain: content;
}
.settings-json-panel-edit:focus-within {
	outline: 3px auto Highlight;
	outline: 3px auto -webkit-focus-ring-color;
}
.settings-json-panel-edit > .js-settings-json {
	outline: none;
}
.settings-json-panel-info {
	flex: 0 0 40%;
	padding-left: 2rem;
}
.settings-json-info {
	position: sticky;
	top: 1rem;
	font-size: smaller;
	overflow-y: auto;
}


/* vertically arranged forms */
.f-i {
	margin-bottom: 1.25em;
}
.f-i + .nearby, .f-mcol + .nearby, .f-eqcol + .nearby {
	margin-top: -1.25em;
}
label.f-c, .f-i > label, .f-i > .label {
	display: table;
}
.f-c, .f-i > label, .f-i > .label {
	margin-bottom: 0.3em;
	font-weight: 500;
}
.f-c.n, .f-i > label.n, .f-i > .label.n {
	font-weight: normal;
}
.f-mcol, .f-eqcol {
	display: flex;
	flex-wrap: wrap;
	column-gap: 24px;
}
.f-mcol > * {
	flex-grow: 1;
}
.f-eqcol > * {
	flex-grow: 1;
	flex-basis: 0;
}


/* feedback, errors, warnings, success */
.feedback, .feedback-group, .f-d, .field-d {
	font-size: 92%;
}
.feedback-list {
	margin: 0;
	padding-left: 0 !important;
	list-style-type: none;
	font-size: 92%;
	overflow-wrap: break-word;
}
.feedback, .feedback-list, .field-d {
	margin-bottom: 0.3rem;
}
.f-d {
	margin-top: 0.25rem;
	margin-bottom: 0;
}
.msg .feedback-list {
	max-width: initial;
}
.feedback-list + input.has-error,
.feedback-list + input.has-warning {
	margin-top: -0.3rem;
}
.checki > .f-d {
	margin-top: 0;
}
.f-d .feedback-list, .small .feedback-list {
	font-size: 100%;
}
.feedback-list > li {
	margin-bottom: 0.3rem;
}
.feedback-list > li:last-child,
.feedback-list.f-d > li {
	margin-bottom: 0;
}

.is-diagnostic.is-error::before, .feedback.is-error::before,
.is-diagnostic.is-warning::before, .feedback.is-warning::before,
.is-diagnostic.is-success::before, .feedback.is-success::before,
.is-diagnostic.is-note::before, .feedback.is-note::before,
.is-diagnostic.is-warning-note::before, .feedback.is-warning-note::before,
.is-diagnostic.is-urgent-note::before, .feedback.is-urgent-note::before {
	display: inline-block;
	text-indent: 0;
	vertical-align: -0.1em;
	padding-right: 0.2em;
	width: 1.1em;
	height: 0.9em;
}
.error-mark, .warning-mark, .success-mark, .note-mark,
.urgent-note-mark, .warning-note-mark {
	display: inline-block;
	text-indent: 0;
	vertical-align: -0.075em;
	width: 0.9em;
	height: 0.9em;
}
.is-diagnostic.is-error::before, .feedback.is-error::before,
.error-mark {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle style='fill:none;stroke:%23e00;stroke-width:2.5px' cx='16' cy='16' r='14.5' /%3E%3Cpath d='M21.1 8.3L23.6 10.9L18.5 15.9L23.6 21L21.1 23.6L16 18.5L10.9 23.6L8.4 21L13.5 15.9L8.4 10.9L10.9 8.3L16 13.4Z' style='fill:%23e00' /%3E%3C/svg%3E");
}
.is-diagnostic.is-warning::before, .feedback.is-warning::before,
.warning-mark {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle style='fill:none;stroke-width:2.5px;stroke:%23c07700' cx='16' cy='16' r='14.5' /%3E%3Ccircle style='fill:%23c07700' cx='16' cy='23' r='2.5' /%3E%3Cpolygon style='fill:%23c07700' points='15 19 13.5 6.5 18.5 6.5 17 19' /%3E%3C/svg%3E");
}
.is-diagnostic.is-success::before, .feedback.is-success::before,
.success-mark {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle style='fill:none;stroke-width:2.5px;stroke:%2300bb00' cx='16' cy='16' r='14.5' /%3E%3Cpolygon style='fill:%2300bb00' points='6 18 8.5 15 13.5 20 22 8.5 25 11 14 25' /%3E%3C/svg%3E");
}
.is-diagnostic.is-note::before, .feedback.is-note::before,
.note-mark {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='14.5' fill='none' stroke-width='2.5' stroke='%23337'/%3E%3Cpath d='M7 17.8v-3.6l13.5.3L14 9l3-3 9 10-9 10-3-3 6.5-5.5z' fill='%23337'/%3E%3C/svg%3E");
}
.is-diagnostic.is-urgent-note::before, .feedback.is-urgent-note::before,
.urgent-note-mark {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='14.5' fill='none' stroke-width='2.5' stroke='%23e00'/%3E%3Cpath d='M7 17.8v-3.6l13.5.3L14 9l3-3 9 10-9 10-3-3 6.5-5.5z' fill='%23e00'/%3E%3C/svg%3E");
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle style='fill:none;stroke-width:2.5px;stroke:%23e00' cx='16' cy='16' r='14.5' /%3E%3Ccircle style='fill:%23e00' cx='16' cy='23' r='2.5' /%3E%3Cpolygon style='fill:%23e00' points='15 19 13.5 6.5 18.5 6.5 17 19' /%3E%3C/svg%3E");
}
.is-diagnostic.is-warning-note::before, .feedback.is-warning-note::before,
.warning-note-mark {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='14.5' fill='none' stroke-width='2.5' stroke='%23c07700'/%3E%3Cpath d='M7 17.8v-3.6l13.5.3L14 9l3-3 9 10-9 10-3-3 6.5-5.5z' fill='%23c07700'/%3E%3C/svg%3E");
}

.has-error > .f-c,
.has-error > label,
.has-error > .label,
label.has-error,
h2.has-error,
h3.has-error,
.is-error,
.is-urgent-note {
	color: #ee0000;
}
.has-error input[type=text],
.has-error input[type=email],
.has-error input[type=password],
.has-error input[type=date],
.has-error textarea,
.has-error select,
input[type=text].has-error,
input[type=email].has-error,
input[type=password].has-error,
input[type=date].has-error,
textarea.has-error,
select.has-error {
	border: 1px solid red;
	background-color: #fff9f9;
}
.has-warning > .f-c,
.has-warning > label,
.has-warning > .label,
label.has-warning,
h2.has-warning,
h3.has-warning,
.is-warning,
.is-warning-note {
	color: var(--warning-fg);
}
.has-warning input[type=text],
.has-warning input[type=email],
.has-warning input[type=password],
.has-warning input[type=date],
.has-warning textarea,
.has-warning select,
input[type=text].has-warning,
input[type=email].has-warning,
input[type=password].has-warning,
input[type=date].has-warning,
textarea.has-warning,
select.has-warning {
	border: 1px solid var(--warning-fg);
	background-color: #fdfcf9;
}
.is-success {
	color: #006600;
}
.is-note {
	color: #333377;
}
.msg .is-note,
.tooltip .is-error,
.tooltip .is-warning,
.tooltip .is-success,
.tooltip .is-note,
.tooltip .is-urgent-note,
.tooltip .is-warning-note {
	color: inherit;
}
.has-vchange {
	outline: 3px solid #ffff00;
}

.msg-context, .msg-inform {
	margin-left: 2rem;
}
.msg-context {
	font-size: smaller;
	white-space: pre-wrap;
}
li:last-child > .msg-context:last-child {
	padding-bottom: 0.3rem;
}
.context-mark {
	text-decoration-line: underline;
	text-decoration-style: wavy;
	text-underline-position: under;
}
.context-mark.short {
	text-decoration-style: dashed;
}
.context-caret-mark {
	position: relative;
}
.context-caret-mark::before {
	content: "^";
	position: absolute;
	left: -0.35em;
	bottom: -1.85ex;
	font-weight: bold;
}
.context-mark.context-caret-mark::before {
	bottom: -2.5ex;
}
.is-error-part {
	background-color: rgba(255, 186, 186, 0.2);
	text-decoration-line: underline;
	text-decoration-style: wavy;
	text-underline-position: under;
	text-decoration-color: red;
}
.is-warning-part {
	background-color: rgba(240, 224, 100, 0.3);
	text-decoration-line: underline;
	text-decoration-style: wavy;
	text-underline-position: under;
	text-decoration-color: var(--warning-fg);
}

.flash-error-outline {
	animation: 1s ease-in flash-error-outline;
}
@keyframes flash-error-outline {
	from { outline: 4px solid rgba(200, 0, 0, 0.6); }
	to { outline: 4px solid rgba(200, 0, 0, 0); }
}


/* help page */
.helplist-item {
	padding: 3px 0;
}
.helplist-dt {
	padding-right: 16px;
}
.helpside {
	float: right;
	width: 20%;
	position: relative;
}
.helpinside {
	background-color: #eeeeff;
	border: 1px solid #ccccee;
	padding: 0.5em 1em 0.75em 0.75em;
	max-height: 24em;
	overflow: auto;
	margin: 0.75em 0.1em 0.5em 1em;
	font-size: smaller;
}

img.dlimg {
	position: relative;
	bottom: -6px;
	margin-top: -6px;
}
img.sdlimg {
	position: relative;
	bottom: -3px;
	margin-top: -3px;
}
img.elimg {
	position: relative;
	bottom: -3px;
	margin-top: -20px;
}
img.check {
	padding-left: 0.4em;
}
.checksum {
	position: relative;
}
.checksum > .checksum-overflow {
	display: none;
}
.checksum:hover > .checksum-overflow {
	display: inline-block;
	position: absolute;
	background: var(--paper);
	color: #333333;
	border-radius: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: -8px;
	margin-bottom: -8px;
	padding-right: 1em;
}
.checksum:hover > .checksum-abbreviation {
	visibility: hidden;
}

.w-fit-content {
	width: fit-content;
}
.maxw-auto {
	max-width: initial !important;
}
.minw-480 {
	min-width: 480px;
}
.maxw-480 {
	max-width: 480px;
}
.minw-50 {
	min-width: 50%;
}
.w-100 {
	width: 100%;
}
.w-99 {
	width: 99%;
}
.w-small-selector {
	max-width: 10em;
}
textarea.w-text, textarea.w-entry-text {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
textarea[name=comment] {
	min-height: 10em;
}
.formatdescription {
	font-size: 69%;
	max-width: 720px;
	text-align: right;
	color: #666666;
	margin: 0.25rem 0;
}

.prevpaperlink, .float-left {
	float: left;
	margin: 0;
}
.nextpaperlink, .float-right {
	float: right;
	margin: 0;
}

.revrating {
	margin-top: 1rem;
	margin-bottom: 1.25rem;
	font-size: 0.9rem;
	color: var(--headline-fg);
}
.revrating-flag {
	color: #d72626;
	padding-right: 0.75em;
}
.revrating-choice > button, .revrating-group > button {
	display: inline-block;
	text-indent: 0;
	border-radius: 4px;
	border: 1px solid rgba(223, 76, 76, 0.5);
	background: transparent;
	padding: 1px 8px 2px;
	font-family: inherit;
	font-size: 100%;
	white-space: nowrap;
	color: inherit;
	margin-top: 0.25rem;
}
.revrating-unused > button {
	color: #e35f5f;
}
.revrating-admin > button {
	border-color: #666666;
	color: #666666;
}
.revrating-active > button {
	border: 1px solid #cc0000;
	background: #ff0000;
	background-image: linear-gradient(#ff4040, #ff0000);
	color: white;
}
.revrating-choice:hover > button, .revrating-group:hover > button {
	color: #9f0000;
	border-color: #c44343;
}
.revrating-choice.revrating-unused:hover > button {
	background: #fff2f3;
}
.revrating-admin:hover > button {
	background: #e2e2e2;
}
.revrating-active:hover > button {
	color: #ffe080;
}
.revrating-choice, .revrating-group, .revrating-flag {
	white-space: nowrap;
}
.revrating-choice > .ct, .revrating-group > .ct {
	display: inline-block;
	text-indent: 0;
	padding-left: 0.5em;
	font-weight: bold;
	font-size: 92%;
}
.revrating-choice > .ct {
	padding-left: 0.333em;
}
.revrating-choice > .ct {
	min-width: 1em;
}
.revrating-choice.revrating-used > .ct, .revrating-group > .ct {
	min-width: 2em;
}

span.author, span.conflict {
	font-weight: bold;
	color: #ff0000;
}
pre.sample {
	font-size: 83.33%;
	padding: 0.35em 0.75em 0.35em 0.6em;
	background: rgba(238, 240, 242, 0.4);
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
	white-space: pre-wrap;
	margin-bottom: 1.2em;
	color: #223355;
}
pre.sample.dark {
	background: rgba(66, 66, 88, 0.95);
	color: #ccddee;
}
pre.email {
	margin: 0;
	white-space: pre-wrap;
}

.pcrevsum {
	display: table;
}
.pcconfaff, .pcconfmatch, .pcrevsum {
	font-size: 69%;
}
.pcconfaff {
	display: block;
}
.pcconfmatch {
	color: #aa4400;
}
.pcconfmatch-highlight {
	font-weight: bold;
	color: #ff6600;
}

.asspref, .asspref0, .asspref1, .asspref-1 {
	font-size: 69%;
	font-weight: normal;
	white-space: nowrap;
}

.pcconf-editselector {
	float: right;
	padding: 0 2px 4px 8px;
	font-size: smaller;
	white-space: nowrap;
	display: block;
}

.pctbname, .pctbname-1, .pctbname-2, .pctbname-3,
.pctbname0, .pctbname1, .pctbname2, .pctbname3, .pctbname4 {
	padding-right: 1em;
}
.pctbname-1, .pctbname-2, .pctbname-3 {
	color: gray;
}
.pctbname3, .pctbname4 {
	color: #ee0000;
}
.pctbnrev {
	font-size: 69%;
	padding-right: 1em;
	clear: both;
}
.pctbass {
	float: right;
	white-space: nowrap;
}
.namelist-columns {
	columns: 18em 3;
	column-gap: 18px;
}
.ctable, .pc-ctable {
	display: block;
	columns: 300px 4;
	column-gap: 18px;
	margin: 0 -12px -6px;
	padding: 0;
	list-style-type: none;
}
ul.ctable {
	padding-left: 0;
}
.ctable-wide {
	columns: 450px 4;
	column-gap: 18px;
	margin: 0 -12px -12px;
}
.ctable.no-hmargin {
	margin-left: -6px;
	margin-right: -6px;
}
.ctable.compact {
	margin-bottom: 0;
}
.search-ctable {
	column-width: 150px;
	max-width: 800px;
	margin: 0 -6px -6px;
	overflow-wrap: break-word;
}
.ctelt {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	margin-left: 6px;
	margin-right: 6px;
	padding-bottom: 6px;
}
.ctable-wide > .ctelt {
	padding-bottom: 12px;
}
.compact > .ctelt {
	padding-bottom: 0;
}
dl.ctelt {
	padding-bottom: 16px;
	margin-bottom: 0;
}
.ctelti {
	padding: 0 6px;
	display: block;
}
.cteltx {
	padding-bottom: 3px;
}
.compact .cteltx {
	padding-bottom: 0;
}
.checki.ctelti {
	padding-left: 26px;
}
.has-assignment.foldo {
	margin-bottom: 0.5rem;
}
.assignment-ui-options {
	columns: 8rem 3;
	column-gap: 0.5rem;
}
.assignment-ui-choice {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.assignment-ui-round {
	padding-top: 3px;
}
input.assignment-ui-radio {
	margin-left: 0;
}

/* review type/assignment blocks */
.rto {
	display: inline-block;
	text-indent: 0;
	width: 0.78em;
	height: 0.78em;
	color: black;
	border: 1px solid black;
	position: relative;
	bottom: -0.0625em;
	font-weight: normal;
}
del .rto {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20d='M0,5l10,0'%20fill='none'%20stroke='black'%20/%3E%3C/svg%3E");
	background-size: 100% 100%;
}
.rt5, .rt4, .rt3, .rt2,
.rtmeta, .rtprimary, .rtsecondary, .rtpc {
	background-color: #ffffbb;
}
.rt5, .rt4, .rt3, .rt-1, .rt-2,
.rtmeta, .rtprimary, .rtsecondary, .rtconflict, .rtauthor, .rtlead, .rtshep {
	font-weight: bold;
}
.rtlead, .rtshep {
	background-color: #a83e5a;
	font-weight: bold;
	color: white;
}
.rtinc {
	color: red;
	border-color: red;
}
.rtghost {
	opacity: 0.4;
	border-style: dotted;
}
.rtsubrev {
	color: #555555;
	border-color: #555555;
}
.rt-1, .rt-2, .rt-3,
.rtconflict, .rtauthor, .rtdeclined {
	color: gray;
	border: 1px solid gray;
}
.rti {
	display: table-cell;
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: "Helvetica Neue", Helvetica, verdana, tahoma, sans-serif;
	font-size: 62.5%;
	line-height: 1;
	text-align: center;
}

.ti_interest {
	padding: 2px 1px 2px 0;
	white-space: nowrap;
	font-size: smaller;
	text-align: center;
	min-width: 2.2rem;
}
.ti_topic {
	padding: 2px 0.5em 2px 6px;
}
.ti_subtopic {
	padding-left: 1.75em;
}
table.reviewers, div.revnotes {
	margin-bottom: 8px;
}
table.reviewers, table.profile-topic-interests {
	margin-left: -6px;
}
td.rl:first-child {
	padding-left: 6px;
}
tr.rldraft {
	font-size: 88.5%;
}
tr.rldraft > td.rl:first-child {
	padding-left: 30px;
}
td.rl {
	padding-right: 1em;
}
tr.reviewers-highlight {
	background: #f0f0ff;
}
th.rlscore, th.rl {
	font-size: smaller;
	padding: 0 0.25em;
	color: #666666;
}
th.rl {
	padding-left: 0;
	text-align: left;
}
.revround {
	display: inline-block;
	padding-left: 0.35em;
	font-size: 69%;
	font-style: italic;
	font-weight: normal;
	font-variant-numeric: tabular-nums;
}
td.rlscore {
	padding-right: 0;
	text-align: center;
}
.rldraft > td.rlscore {
	opacity: 0.5;
}
.revlink {
	display: inline-block;
	text-indent: 0;
	margin-right: 1.5em;
}


span.pstat {
	font-weight: bold;
}

/* list footers */
.pltable-tfoot {
	font-size: smaller;
}
tr.pl_statrow {
	background: #eeeeee;
}
tr.pl_statheadrow {
	background: #eeeeee;
	font-weight: bold;
}
tr.pl_statheadrow > td.plstat, .pl-border-top {
	border-top: 1px solid #cccccc;
}
.pl_footselector, .pl-footer-desc {
	line-height: 2;
}
.pl_footselector {
	text-align: right;
	white-space: nowrap;
	padding-right: 6px;
	vertical-align: top;
}
.pl-footer-part {
	float: left;
}

/* other list tables */
.pl_name, .pl_email, .pl_affiliation, .pl_lastvisit, .pl_papers {
	text-align: left;
	padding-right: 1em;
}
.pl_name {
	min-width: 11em;
}
.pl_ip {
	min-width: 4em;
}
.has-events {
	position: relative;
	padding-top: 0.25rem;
}
div.eventtable {
	overflow-x: hidden;
}
.pl_eventicon {
	padding: 0.2ex 0 0.3ex 0.3em;
	vertical-align: top;
}
.pl_eventid {
	text-align: right;
	padding: 0.2ex 0.4em 0.3ex;
	vertical-align: top;
}
.pl_eventdesc {
	padding: 0.2ex 0 0.3ex 0.125em;
	vertical-align: top;
	font-size: 90%;
	white-space: nowrap;
}
img.b {
	vertical-align: text-bottom;
}
img.bm {
	vertical-align: middle;
	position: relative;
	bottom: 1px;
}
.papmodeimg {
	vertical-align: -5px;
	width: 18px;
	height: 18px;
}
.editimg {
	position: absolute;
	bottom: -2px;
	width: 16px;
	height: 16px;
}
.pl_lastvisit, .pl_logtime {
	padding-right: 1.25em;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
td.pl_lastvisit, td.pl_logtime {
	font-size: smaller;
}
.pl_uscores {
	line-height: 1;
	padding-left: 0.2em;
	padding-right: 0.2em;
	vertical-align: top;
}
.pcrole {
	display: inline-block;
	text-indent: 0;
	font-size: 69%;
	line-height: 1;
	padding: 2px 0.3em 3px;
	border-radius: 0.3em;
	position: relative;
	bottom: 1px;
	white-space: nowrap;
	background: #cccccc;
	font-weight: bold;
}
.aumovebox {
	visibility: hidden;
}
tr:hover > td > .aumovebox {
	visibility: visible;
}
span.hoveronly {
	display: none;
}
div:hover > span.hoveronly, tr:hover > td > span.hoveronly {
	display: inline-block;
	text-indent: 0;
}

/* paper list tables geometry */
.pltable {
	line-height: 1.25;
	border-collapse: separate;
	overflow-wrap: break-word;
}
.pltable-fullw-container {
	overflow-x: auto;
	overflow-y: clip;
	padding-bottom: 3px; /* to accommodate focus ring; XXX overflow-clip-margin */
}
.pltable-fullw {
	min-width: 100%;
	min-width: 100vw;
	position: relative;
}
.pltable-facets {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	width: fit-content;
}

td.plheading, td.plheading-spacer {
	font-weight: bold;
	padding-top: 0.5ex;
	padding-bottom: 0.2ex;
	background: #f0f0f0;
	border-top: 1px solid #cccccc;
}
span.pltagheading {
	padding-left: 0.25em;
	color: #555555;
}
span.plheading-count {
	font-weight: normal;
	font-size: smaller;
	color: #555555;
}
td.plheading-blank {
	height: 0.7ex;
	background: #f0f0f0;
	border-top: 1px solid #cccccc;
}
td.plheading-separator {
	height: 1.5em;
}
td.plheading:first-child {
	padding-left: 0.5em;
}
tr.plheading:first-child > td {
	border-top: 0px none;
}

tr.plx {
	font-size: 85%;
	line-height: 1.35;
}
.ple {
	display: flex;
	align-items: baseline;
	margin-left: 1.5rem;
	margin-right: 0.5rem;
}
.plet {
	font-size: inherit;
	font-weight: normal;
	font-style: italic;
	padding-right: 0.5em;
	flex: 0 0 auto;
	min-width: 9.5rem;
	text-align: right;
}
em.plx {
	font-size: inherit;
	font-weight: normal;
	font-style: italic;
	padding-right: 0.25em;
}
.pled {
	flex: 1 1 auto;
}

/* paper list tables */
th.pl {
	vertical-align: bottom;
	text-align: left;
	line-height: 1.25;
	padding: 2px 6px 2px 0;
	overflow-wrap: break-word;
}
td.pl {
	padding-top: 4px;
	padding-right: 6px;
}
td.plx, tr.plnx > td.pl {
	padding-bottom: 4px;
}
td.plstat {
	padding: 1px 6px 1px 0;
}
th.pl:first-child, td.pl:first-child, td.plx:first-child {
	padding-left: 6px;
}

td.pl.pl_title, td.pl.pl_text {
	min-width: 30rem;
	padding-right: 1em;
}

td.pl.pl_revtype {
	padding-left: 20px;
	padding-right: 20px;
	text-align: right;
}
div.pl_revtype {
	display: inline-block;
	white-space: nowrap;
}
div.pl_revtype.hasround {
	margin-right: -16px;
}
div.pl_revtype.hasrev.haslead {
	margin-left: -16px;
}
div.pl_revtype .revround {
	min-width: 16px;
}

th.pll {
	text-align: left;
}

th.plc, th.plrd, th.pl_id,
th.pl_revtype, th.pl_revstat, th.pl_topicscore, th.pl_desirability,
th.pl_score, th.pl_uscores, th.pl_tag, th.pl_tagval, th.pl_formula {
	text-align: center;
}

th.plr, th.pl_sel {
	text-align: right;
}

th.pl_id, th.pl_orcid {
	white-space: nowrap;
}

td.plr, td.plrd, td.pl_id, td.pl_sel,
td.pl_revpref, td.pl_topicscore, td.pl_desirability,
td.pl_tag, td.pl_tagval, td.pl_formula {
	text-align: right;
}

td.plc, td.pl_revtype, td.pl_revstat, td.pl_score,
td.pl_uscores, td.pl_edittag {
	text-align: center;
}

td.pl_id, td.pl_sel,
td.pl_revtype, td.pl_assrev, td.pl_editrevpref,
td.pl_score, td.pl_uscores, td.pl_formula,
td.pl_tag, td.pl_edittag, td.pl_tagval, td.pl_edittagval,
td.pl_orcid {
	white-space: nowrap;
}

td.pl_tag, td.pl_tagval, td.pl_formula, td.plrd {
	font-variant-numeric: tabular-nums;
}

.pl_longtext, .pl_shorttext {
	margin-top: 4px;
	margin-bottom: 4px;
}
.pl_longtext {
	columns: 22rem 3;
	column-gap: 18px;
}
.pl_longtext > p:last-child, .pl_shorttext > p:last-child {
	margin-bottom: 0;
}
th.pl-status-long {
	min-width: 12rem;
}

.potentialconflict-one, .potentialconflict-many {
	margin-bottom: -6px;
	margin-bottom: -0.375rem;
}
.potentialconflict-many {
	columns: 33rem 3;
	column-gap: 18px;
}
.potentialconflict-one > ul, .potentialconflict-many > ul {
	padding-bottom: 10px;
	padding-bottom: 0.625rem;
}
.potentialconflict {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 2em;
	list-style-type: "≈ ";
}
.potentialconflict, .potentialconflict > li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.potentialconflict > li:first-child {
	list-style: none;
	margin-left: -2em;
}

span.pl_rownum {
	font-size: smaller;
	color: #333333;
}
table.pltable-fullw > tbody > tr > td.pl_title {
	width: 100%;
}
div.pl_autoassignment > em.plx {
	font-weight: bold;
}
div.pl_autoassignment ins {
	-webkit-text-decoration-line: none;
	text-decoration-line: none;
}
td.plh, .pl_headrow > th {
	border-bottom: 1px solid #999999;
}
tr.pl_headrow.pl_annorow {
	background: #cccccc;
}
tr.pl_headrow {
	font-size: smaller;
}
td.plf {
	border-top: 1px solid #cccccc;
	padding-top: 3px;
}
table.pltable-reviewerhome > thead > tr > th.plh {
	border-bottom: none;
}
.draghandle {
	display: inline-block;
	width: 0.666em;
	height: 1em;
	vertical-align: -0.2em;
	cursor: move;
}
.draghandle, button.draghandle:disabled, button.draghandle:hover, button.draghandle:active {
	background: unset;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 12 18' preserveAspectRatio='none'%3E%3Ccircle cx='4' cy='4' r='1.5' /%3E%3Ccircle cx='9' cy='4' r='1.5' /%3E%3Ccircle cx='4' cy='9' r='1.5' /%3E%3Ccircle cx='9' cy='9' r='1.5' /%3E%3Ccircle cx='4' cy='14' r='1.5' /%3E%3Ccircle cx='9' cy='14' r='1.5' /%3E%3C/svg%3E");
}
button.draghandle, button.draghandle:hover {
	font-weight: inherit;
	font-style: inherit;
	padding: 0;
	border-style: none;
	border-radius: 0;
	opacity: 0.25;
}
.draggable:hover button.draghandle {
	opacity: 0.5;
}
button.draghandle:hover, button.draghandle:active {
	opacity: 1 !important;
}
.draggable:hover button.draghandle:disabled, .draggable:hover button.draghandle.disabled,
button.draghandle.disabled:hover, button.draghandle:disabled:hover {
	opacity: 0.25 !important;
}

.editformulas-formula {
	margin: 1em 0 2em;
}

span.match {
	color: #ff6600;
	font-weight: bold;
}

div.bigod, p.bigod, div.parseerr > p {
	margin: 0;
	padding: 0 0 0 3em;
	text-indent: -3em;
}
div.bigid {
	padding: 0 0 0 3em;
}
span.lineno {
	font-variant-numeric: tabular-nums;
}

hr {
	margin: 0.75em 0;
	border: 0 none;
	border-top: 1px solid #9999cc;
	height: 1px;
}
hr.double-line {
	border-bottom: 1px solid #9999cc;
	height: 3px;
}
hr.c {
	margin: 0;
	border-top: 0 none;
	height: 0;
}
hr.g, hr.mg, hr.ug {
	border-top: 0 none;
	height: 0;
}

.assignpc_pcsel {
	font-size: smaller;
	background: #fcf6e3;
	border: 2px solid #ccc1a3;
	padding: 1em 1em 0.75em;
	margin: 0 0 1.5em;
}


.autblentry {
	margin-right: 0.75em;
	white-space: nowrap;
}
.autblentry_long {
	margin-right: 0.75em;
}

.plist_form {
	margin-top: 1ex;
}


.rev_num {
	font-size: larger;
}
.svline {
	line-height: 1.68;
}
.svline > .rev_num {
	display: inline-block;
	text-indent: 0;
	min-width: 1em;
	line-height: 100%;
}

.sortable {
	color: #444488;
}
.pl_sort {
	text-decoration: inherit;
	color: inherit;
}
.pl_sort:hover {
	text-decoration: underline;
	color: black;
}
.sortable > a {
	cursor: ns-resize;
}
.sort-ascending::after {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2H7L4 7Z' style='fill:currentColor' /%3E%3C/svg%3E");
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2H7L4 7Z' style='fill:currentColor' /%3E%3C/svg%3E") / "sorted";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	padding-left: 0.125em;
}
.sort-descending::after {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H7L4 2Z' style='fill:currentColor' /%3E%3C/svg%3E");
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H7L4 2Z' style='fill:currentColor' /%3E%3C/svg%3E") / "sorted";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	padding-left: 0.125em;
}

.pltable-colored > .pl > td, .pltable-colored > .plheading > td {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.pltable-colored > .pl:first-child > td {
	border-top: 0 none;
}
.k1, .table-striped > tbody > tr:nth-child(even) {
	background-color: #f1f8fc;
}
.pltable-colored > .k1 {
	background-color: inherit;
}
tr.pl {
	background-position: bottom left;
}
tr.plx {
	background-position: top left;
}

/* profile pages */
.reauthentication-section {
	border-width: 3px;
	border-color: red;
}


/* tags and badges */
.tagbg, .badge {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}
/* for colors, see also TagStyle */
.tag-red {
	background-color: #ffd8d8;
}
.tag-orange {
	background-color: #fdebcc;
}
.tag-yellow {
	background-color: #fdffcb;
}
.tag-green {
	background-color: #d8ffd8;
}
.tag-blue {
	background-color: #d8d8ff;
}
.tag-purple {
	background-color: #f2d8f8;
}
.tag-gray {
	background-color: #e2e2e2;
}
.tag-white {
	background-color: #ffffff;
}
.tag-bold.taghh, .tag-bold .taghl {
	font-weight: bold;
}
.tag-italic.taghh, .tag-italic .taghl {
	font-style: italic;
}
.tag-underline.taghh, .tag-underline .taghl {
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
}
.tag-strikethrough.taghh, .tag-strikethrough .taghl {
	-webkit-text-decoration-line: line-through;
	text-decoration-line: line-through;
}
.tag-big.taghh, .tag-big .taghl {
	font-size: 140%;
}
.tag-small.taghh, .tag-small .taghl {
	font-size: 80%;
}
.tag-dim.taghh, .tag-dim .taghl {
	color: gray;
}
.highlightmark.taghh, .highlightmark .taghl,
.highlightmark-yellow.taghh, .highlightmark-yellow .taghl {
	background-color: #ffeb00;
	box-shadow: -0.2em 0 0 #ffeb00, 0.2em 0 0 0 #ffeb00;
}
.highlightmark-pink.taghh, .highlightmark-pink .taghl {
	background-color: #ff9ee5;
	box-shadow: -0.2em 0 0 #ff9ee5, 0.2em 0 0 0 #ff9ee5;
}
.highlightmark-green.taghh, .highlightmark-green .taghl {
	background-color: #70ff63;
	box-shadow: -0.2em 0 0 #70ff63, 0.2em 0 0 0 #70ff63;
}
.highlightmark-blue.taghh, .highlightmark-blue .taghl {
	background-color: #c4d2ff;
	box-shadow: -0.2em 0 0 #c4d2ff, 0.2em 0 0 0 #c4d2ff;
}

.tagemoji > sup {
	line-height: 1;
}
.tagemoji-fraction {
	display: inline-block;
	overflow-x: hidden;
	vertical-align: bottom;
	position: relative;
	bottom: 0;
}

.badge {
	display: inline-block;
	font-size: 69%;
	line-height: 1;
	padding: 2px 0.3em 3px;
	border-radius: 0.3em;
	position: relative;
	bottom: 1px;
	white-space: nowrap;
	background-color: #333333;
	font-weight: 500;
	text-decoration: none;
	text-indent: 0;
}
h1 .badge {
	font-size: 51%;
	bottom: 2px;
}
.badge-white {
	background-color: white;
}
.badge-red {
	background-color: #ee0000;
}
.badge-orange {
	background-color: #ee9900;
}
.badge-yellow {
	background-color: #e2e200;
}
.badge-green {
	background-color: #008800;
}
.badge-blue {
	background-color: #0000ff;
}
.badge-purple {
	background-color: #aa00ee;
}
.badge-gray {
	background-color: #8c8c94;
}
.badge-pink {
	background-color: #ffc3c8;
}
.badge {
	color: white;
}
a.badge:hover {
	color: #ffa25b;
}
a.badge:active {
	color: red;
}
.badge-orange, .badge-yellow, .badge-pink {
	color: #111111;
}
a.badge-orange:hover, a.badge-yellow:hover, a.badge-pink:hover {
	color: #c45500;
}
.badge-white {
	color: #333333;
	border: 1px solid #333333;
	padding: 1px 0.2em 2px;
}
a.badge-white:hover {
	color: #c45500;
	border-color: #c45500;
}

/* paper mode tabs */
.papmode {
	display: inline-block;
	text-align: center;
	font-size: smaller;
	padding: 4.5px 5px 4px 5px;
	margin: 0 5px;
}
.papmode.active {
	padding-top: 3.5px;
	background: white;
	border-radius: 5px;
	border: 1px solid var(--brand-fg);
}
.papmode.active > a {
	font-weight: bold;
	color: var(--brand-fg);
}
.papmode img {
	position: relative;
	margin: -10px 0;
	bottom: 10px;
}
.papmode:first-child {
	padding-left: 0;
	margin-left: 0;
}
.papmode.active:first-child {
	padding-left: 5px;
}

/* paper banner */
.submission-modes {
	float: left;
	padding: 12px 0 0 24px;
}
.submission-modes > ul, .papmodes > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* paper strip */
.pcard-left {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 248px;
	width: 15.5rem;
	font-size: 13px;
	font-size: 0.8125rem;
}
.pcard-left-nostrip {
	background: var(--submission-bg);
}
.pspcard {
	-webkit-position: sticky;
	position: sticky;
	z-index: 3;
	background: var(--submission-sidebar-bg);
	color: #2b2b2b;
	padding: 16px 20px 20px 24px;
}
.pspcard-fold {
	display: none;
}
.pspcard-open {
	margin-bottom: 8px;
}
.pslcard-nav {
	-webkit-position: sticky;
	position: sticky;
	top: 104px; /* see also display_tracker */
	margin: 20px 20px 0 24px;
}
.pslcard {
	padding: 0;
	margin: 0 0 20px;
	list-style-type: none;
}
.pslcard-home {
	position: absolute;
	z-index: -1;
	bottom: 100%;
	left: 0px;
	right: 0px;
	padding: 0;
	margin: 0 0 1.5rem;
	font-size: inherit;
	font-weight: inherit;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
	color: var(--headline-fg);
}
.pslcard-home-tag.tagbg {
	margin-top: -2px;
	margin-left: -4px;
	margin-right: -4px;
	padding: 2px 4px;
}
.pslitem {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pslitem-intersecting {
	font-weight: bold;
}
.pslitem-separator {
	margin-top: 0.5rem;
	font-style: italic;
}

.js-tag-editor {
	font-size: 13px;
	font-size: 0.8125rem;
}
.psc {
	margin-bottom: 16px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.psc:last-child {
	margin-bottom: 0;
}
.psc.pste + .psc.pste {
	padding-top: 0;
	border-top: 0 none;
	margin-top: -2px;
}
.psfocus.psc, .psfocus .psc {
	padding: 4px 6px 8px;
	margin-left: -6px;
	margin-right: -6px;
	margin-top: -4px;
	margin-bottom: 8px;
	box-shadow: 0 0 10px #9999cc;
	background: #fff4c0;
}
.pscopen {
	margin-left: -2px;
	margin-right: -2px;
	padding-left: 2px;
	padding-right: 2px;
}
.pavfn, .pavfn a.q {
	color: #555555;
}
.psfn, .psfn a.q {
	color: #444444;
}
.pst {
	margin-bottom: 2px;
}
.pst span.hint {
	padding-left: 1em;
}
.pstedit {
	display: inline-block;
	float: right;
	padding-left: 1em;
	font-size: smaller;
	color: #555555;
	white-space: nowrap;
	position: relative;
	bottom: -2px;
}
.foldo .pstedit.fn {
	display: none;
}
.psteditimg {
	display: inline-block;
	position: relative;
	width: 15px;
}
.pshint {
	font-size: smaller;
	color: #555555;
}
.od, .odname, ul.x > li.od, ul.x > li.odname {
	margin: 0 0 0 1.5em;
	text-indent: -1.5em;
	list-style-type: none;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.sd {
	margin: 0.5em 0;
}
.sd:first-child {
	margin-top: 0;
}
.sd:last-child {
	margin-bottom: 0;
}
.archiveexpansion {
	font-size: smaller;
	color: #777777;
}

/* suggestions */
.suggesttable {
	column-gap: 18px;
}
.suggesttable2 {
	columns: 100px 2;
}
.suggesttable3 {
	columns: 100px 3;
}
.suggesttable4 {
	columns: 100px 4;
}
.suggesttable5 {
	columns: 100px 5;
}
.suggesttable6 {
	columns: 100px 6;
}
.suggestion {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	padding: 1px 4px 1px 16px;
	text-indent: -12px;
	cursor: pointer;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
	font-weight: 500;
	min-width: 8rem;
}
.suggestion.s9y {
	background-color: #6088d0;
	color: white;
}
.s9d {
	padding-left: 0.5em;
	opacity: 0.5;
}
.s9ta {
	font-style: italic;
	font-weight: 300;
}

/* bubbles */
.bubble {
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 20;
	display: table-cell;
	padding: 2px 8px;
	border-radius: 4px;
	background-color: rgba(246, 244, 189, 0.88);
	border: 1px solid #b8af25;
}
.bubble > .bubcontent {
	margin: 4px 0;
}
.bubble.prowdrag {
	position: fixed;
	background-color: #222233;
	border-width: 0;
	color: white;
	font-size: smaller;
}
.bubble.prowdrag.unchanged {
	background-color: #444466;
}
.bubble.errorbubble {
	max-width: 20em;
	background-color: rgba(255, 238, 238, 0.88);
	border: 2px solid red;
	font-size: smaller;
}
.bubble.warningbubble {
	max-width: 20em;
	background-color: rgba(255, 255, 238, 0.88);
	border: 2px solid #855c04;
	font-size: smaller;
}
.bubble.tooltip {
	background-color: rgba(44, 44, 66, 0.95);
	color: #ffffff;
	border: 0 none;
}
.bubble.gray, .bubble.graphtip, .bubble.feedback {
	background-color: rgba(246, 246, 250, 0.95);
	color: #222222;
	border: 1px solid #b8b8b8;
}
.bubble.feedback {
	margin: 5px;
}
.bubble.tooltip, .bubble.graphtip {
	position: fixed;
	font-size: 75%;
	line-height: 1.35;
}
.bubble.graphtip.dark, .bubble.feedback.dark {
	background-color: rgba(44, 44, 66, 0.95);
	color: white;
	border: 0 none;
}
.bubble.tooltip {
	margin: 0 8px;
}
.bubble.tooltip span.tagbg, .bubble.graphtip.dark span.tagbg {
	color: #2c2c33;
}
.bubble.suggest {
	background-color: rgba(250, 250, 255, 0.95);
	color: #333333;
	border: 1px solid #dddddd;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 16px;
	line-height: 1rem;
	margin: 4px 8px;
	padding: 2px 2px;
	border-radius: 3px;
}
.bubble.suggest > .bubcontent {
	margin: 0;
}
.bubble.tooltip > .bubcontent {
	max-width: 560px;
	overflow-x: auto;
}
.bubtail {
	position: absolute;
	border-style: solid;
	border-width: 0;
	width: 12px;
	height: 6px;
}
.bubble.tooltip > .bubtail {
	width: 8px;
	height: 4px;
}
.bubble.suggest > .bubtail {
	width: 0;
	height: 0;
}
.bubcontent > p {
	max-width: 280px;
}
.bubcontent > :last-child {
	margin-bottom: 0;
}

.tooltipmenu > div {
	margin: 4px 0;
}
.tooltipmenu a.ttmenu {
	color: white;
}

/* paper */
.paperinfo {
	display: flex;
	align-items: stretch;
	display: grid;
	grid-template-columns: repeat(2, 50%);
	word-wrap: break-word;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}
.paperinfo-c:first-child:last-child {
	grid-column-start: 1;
	grid-column-end: 3;
}
.paperinfo-c {
	flex-basis: 0;
	flex-grow: 1;
	padding-right: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.paperinfo-i {
	flex-basis: 0;
	flex-grow: 0;
}
.paperinfo-i-expand {
	position: relative;
	flex-basis: 0;
	flex-grow: 1;
}
.paperinfo-c:last-child {
	padding-right: 0;
}
.fold6c .paperinfo-i-expand {
	height: 7em;
	flex-basis: 7em;
}
.fold6c .paperinfo-abstract {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.pg, .pgsm, .paperinfo, .fold6c .paperinfo-i-expand {
	margin-bottom: 1em;
}
.paperinfo-c {
	margin-bottom: -1em;
}
.pgsm + .pgsm {
	margin-top: -0.5em;
}

.pavt {
	margin: 0 -5px 0.15em;
	padding: 0 5px;
}
.pavfn, .psfn {
	font-weight: bold;
}
h3.pavfn, h3.psfn {
	font-size: inherit;
	display: inline;
	margin: 0;
}
.pavfnsp::after {
	content: " ";
}
.pfehead {
	font-size: inherit;
	color: #313168;
	margin-top: 0;
	margin-bottom: 0.25rem;
}
.pf-separator > .pfehead {
	font-size: larger;
	margin-top: 1rem;
}
.pfehead .n {
	font-variant: normal;
	font-weight: normal;
	text-transform: none;
}
.field-required::after {
	content: " *";
	color: #ee0000;
	font-variant: normal;
	font-weight: normal;
	text-transform: none;
}
.field-required-explanation {
	color: #ee0000;
}
.longtext-fader {
	z-index: 1;
	position: absolute;
	bottom: 0%;
	width: 100%;
	height: 56px;
	background: var(--paper);
	background: linear-gradient(to top, var(--paper), var(--paper-transparent) 12px),
		linear-gradient(340deg, var(--paper), var(--paper) 40px, var(--paper-transparent) 58px);
}
.longtext-expander {
	z-index: 2;
	position: absolute;
	bottom: -2px;
	width: 100%;
	text-align: right;
}
.longtext-expander > a {
	display: inline-block;
	background: var(--paper);
	padding-left: 8px;
}

.outdent {
	margin-left: 1.5em;
	text-indent: -1.5em;
}

/* papers */
.pcard {
	margin-left: 248px;
	margin-left: 15.5rem;
	padding-left: 24px;
	padding-right: 24px;
}
.reinfotable-container {
	overflow-x: auto;
}
.reinfotable {
	min-width: fit-content;
}

@media screen and (min-width: 1152px) {
.pcard {
	padding-left: calc((100vw - 1056px) / 4);
	padding-right: calc((100vw - 1056px) / 4);
}
.paperinfo-c {
	padding-right: calc((100vw - 1008px) / 6);
}
.pcard .demargin {
	margin-left: calc((100vw - 1056px) / -4);
	margin-right: calc((100vw - 1056px) / -4);
}
.pcard .remargin-left {
	padding-left: calc((100vw - 1056px) / 4);
}
.pcard .remargin-right {
	padding-right: calc((100vw - 1056px) / 4);
}
}

@media screen and (min-width: 1344px) {
.pcard {
	padding-left: 72px;
}
.paperinfo-c {
	padding-right: 56px;
}
.pcard .demargin {
	margin-left: -72px;
}
.pcard .remargin-left {
	padding-left: 72px;
}
}

.papcard, .notecard {
	position: relative;
	padding-top: 16px;
}
.papcard {
	margin-bottom: 40px;
}
.notecard {
	margin-bottom: 24px;
}
.notecard.override-conflict {
	background: #f5f9fa;
	font-size: 82.5%;
	padding-bottom: 12px;
	padding-top: 12px;
	margin-bottom: 0;
}
.notecard.override-conflict.on {
	background: #fffddd;
}
.pcard + .papcard, .pcard + .notecard {
	border-top: 5px solid var(--brand-decor-light);
}
.notecard.override-conflict + .pcard {
	border-top: 1px solid var(--brand-fg);
}
.papcard h2, .notecard h2 {
	font-size: 1.17em;
	font-size: 1.17rem;
	color: var(--headline-fg);
}
.papcard > .msg + #foldpaper {
	margin-top: 3rem;
}

/* reviews */
.revcard {
	border-top: 5px solid var(--brand-decor-light);
	margin-bottom: 48px;
	position: relative;
}
.revcard.fold20c {
	margin-bottom: 2.25rem;
}
.pedcard-head {
	margin-top: 16px;
	margin-top: 1rem;
}
.revcard-head {
	margin-top: 32px;
	margin-top: 2rem;
}
.pedcard-head, .revcard-head {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.revcard-feedback {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.revcard-feedback + .revcard-form {
	margin-top: 32px;
	margin-top: 2rem;
}
.pedcard-head h2, .revcard-head h2 {
	display: inline-block;
	margin-right: 1.5em;
	margin-bottom: 0;
}
.pedcard-head h2, .revcard-head h2, h2.revcard-head {
	font-size: 1.17em;
	font-size: 1.17rem;
	color: var(--headline-fg);
}
.pedcard-header-name, .revcard-header-name {
	display: inline-block;
	border-bottom: 5px solid var(--headline-decor);
}
.t-editor {
	display: inline-block;
	transform: scale(-1, 1);
	transition: color 0.25s ease;
}
.t-editor.transparent {
	color: rgba(0, 0, 0, 0);
	transition: color 0.25s ease;
}
a:hover .t-editor,
.js-foldup:hover .t-editor,
.js-click-child:hover .t-editor {
	color: red;
}
.revcard-bodyinsert {
	background: #ffebeb;
	margin-bottom: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.revthead {
	display: inline;
	color: #5f5f5f;
	font-size: 90%;
}
.revname, .revtime {
	display: inline-block;
}
.rve {
	margin-top: 16px;
}
.rfe, .rge {
	margin-bottom: 36px;
}
.revvt {
	margin-bottom: 2px;
}
.revv.revscore {
	margin-top: -2px;
}
.rfehead {
	font-size: inherit;
	color: #683131;
	margin-top: 0;
	margin-bottom: 0.25rem;
}
.field-visibility {
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	padding-left: 1em;
	color: #999999;
}
.revoff {
	margin: 0.2em 0 0.5em 0;
	font-size: smaller;
}
.revscore, .revnoscore {
	margin-bottom: 0;
}
.revscore {
	display: flex;
	align-items: baseline;
}
.revscorenum {
	display: block;
	white-space: pre;
}
.papev {
	margin-top: 0.5rem;
}
.revev {
	margin: 5px 0;
}
.field-d > p {
	margin-bottom: 0.3rem;
}
.revcard-render {
	display: grid;
	grid-template-columns: 1fr minmax(1.5rem, 3.33%) 1fr 0.5fr;
	grid-template-columns: 1fr minmax(1.5rem, 3.33%) 1fr calc(96.67% - 696px);
	margin-bottom: -1.25rem;
}
.rfd0, .rfd1, .rfd2 {
	margin-bottom: 1.25rem;
	margin-right: auto;
}
.rfd1, .rfd2 {
	max-width: 348px;
}
.rfd0 {
	grid-column: 1 / 5;
}
.rfd1 {
	grid-column: 1 / 2;
}
.rfd2 {
	grid-column: 3 / 4;
}
.pfe, .pge {
	margin-bottom: 2.5rem;
}
.pfe.pf-separator {
	margin-top: 3rem;
	border-top: 3px solid #9e9ece;
	max-width: 720px;
}

.row-counter {
	text-align: right;
	font-variant-numeric: tabular-nums;
	padding-left: 0.25em;
	padding-right: 0.25em;
	min-width: 1.5em;
}
*[data-row-counter-digits="2"] > * > .row-counter {
	min-width: 2.1em;
}
*[data-row-counter-digits="3"] > * > .row-counter {
	min-width: 2.7em;
}
*[data-row-counter-digits="4"] > * > .row-counter {
	min-width: 3.3em;
}
*[data-row-counter-digits="5"] > * > .row-counter {
	min-width: 3.9em;
}

.editable-author-name, .editable-author-affiliation, .editable-author-email {
	margin: 2px 0.5em 2px 0;
}
.editable-author-name, .editable-author-affiliation {
	min-width: 268px;
	width: 268px;
	max-width: 600px;
}
.editable-author-email {
	min-width: 248px;
	width: 248px;
	max-width: 600px;
}
.has-document + .has-document {
	margin-top: 0.35rem;
}
.document-replacer {
	margin-top: 0.5rem;
	margin-bottom: -0.25rem;
}
.document-file, .document-upload, .document-stamps,
.document-shortformat, .document-actions {
	display: inline-block;
}
.document-file, .document-upload {
	line-height: 1.75;
}
.document-stamps, .document-actions {
	margin-left: 1.5rem;
}
.document-actions.block {
	display: block;
	margin-left: -1rem;
}
.document-actions > *, .document-replacer > * {
	margin-right: 1rem;
}
.has-document::after {
	clear: both;
	content: "";
	display: block;
}
.has-document > .f-d {
	margin-top: 0.5rem;
}
@media screen and (min-width: 900px) {
.document-file, .document-upload {
	min-width: 21rem;
}
.document-file.nameless {
	min-width: 6rem;
}
.document-stamps {
	min-width: 18.5rem;
}
}
@media screen and (max-width: 900px) {
.document-file, .document-upload {
	display: block;
}
.document-stamps, .document-actions {
	margin-left: 3rem;
}
}

/* comments */
.cmtcard {
	border-top: 5px solid #e6e1cf;
	background: #f8f8f6;
	position: relative;
	padding-top: 1.25rem;
	padding-bottom: 2.25rem;
}
.cmtcard.comment:last-child {
	border-bottom: 5px solid #e6e1cf;
}
.cmtcard.response {
	border-top: 5px solid #ffddc1;
	background: #fcfcfb;
	padding-bottom: 3rem;
}
.cmtcard.response.fold20c {
	padding-bottom: 1.25rem;
}
.cmtcard.response:last-child {
	border-bottom: 5px solid #ffddc1;
}
.cmtcard.comment.edit {
	background: #fdfdfa;
}
.cmtcard.comment.view + .cmtcard.comment.view {
	border-top: 0 none;
	padding-top: 0;
	margin-top: -0.5rem;
}
.cmtcard.comment.view.hashtarget header::before {
	width: 1rem;
	margin-left: -1.25rem;
	position: absolute;
	content: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3L12 9L5 15' stroke='%23f33360' fill='none' stroke-width='2px' /%3E%3C/svg%3E");
	color: var(--brand-fg);
}
#k-comment-actions {
	background: var(--paper);
	padding-top: 16px;
}
.cmtcard h2 {
	display: inline-block;
	margin-top: 0.75rem;
	margin-right: 1.5rem;
	margin-bottom: 0.5rem;
	font-size: 1.17em;
	font-size: 1.17rem;
	color: #c77634;
}
.cmtcard-header-name {
	display: inline-block;
	border-bottom: 5px solid #c07333;
}
.cmtadminvis, .cmtcolor {
	margin: -2px -8px;
	padding: 4px 8px;
	width: fit-content;
}
.cmtadminvis > .cmttext, .cmtcolor > .cmttext {
	min-width: 720px;
}
.cmtauvis .cmtnum {
	background: #e6e1cf;
	border-radius: 5px;
	padding: 1px 3px;
	margin-top: -1px;
	margin-left: -1px;
}
.cmtadminvis {
	background: #ededed;
}
.cmtthead {
	display: inline;
	font-size: smaller;
}
.cmtt {
	font-size: smaller;
	margin-bottom: 0.5rem;
	color: #777777;
}
.pavb, .revtext, .cmttext, .cmtattachments {
	word-wrap: break-word;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}
.cmtattachments {
	margin-top: 0.5em;
}
.cmtattachments > a {
	display: block;
}
.pavb > p:last-child, .format0 > p:last-child {
	margin-bottom: 0;
}
.revtext, .cmttext {
	position: relative;
}
.format0 {
	white-space: pre-wrap;
}
.cmttext.emoji-only {
	font-size: 200%;
	line-height: 1.125;
}
.my-mention::before {
	content: "✪";
	padding-right: 0.1em;
	font-size: 95%;
	display: inline-block;
	position: relative;
	bottom: 0.1em;
	text-indent: 0;
	color: #a16300;
}
.preview {
	margin-bottom: 24px;
}
.preview-border {
	border-top: 1px dashed black;
	max-width: 720px;
}
.has-overlong {
	position: relative;
	margin-left: -12px;
}
.overlong-content {
	position: relative;
	padding-left: 12px;
	z-index: 1;
}
.overlong-divider, .overlong-collapsed > .overlong-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
}
.overlong-collapsed > .overlong-divider {
	position: static;
}
.overlong-collapsed > .overlong-content {
	overflow-y: hidden;
	z-index: 0;
}
.overlong-allowed {
	visibility: hidden;
	flex-grow: 0;
	padding-left: 12px;
}
.overlong-expanded > .overlong-divider > .overlong-mark {
	flex-grow: 1;
	border-left: 3px dashed red;
	padding-left: 9px;
}
.overlong-collapsed > .overlong-divider > .overlong-mark {
	flex-grow: 1;
	padding-left: 12px;
	z-index: 2;
	background: #fcfcfb;
	background: linear-gradient(to bottom, rgba(252,252,251,0), rgba(252,252,251,0.8) 20% 85%, rgba(252,252,251,1) 100%);
}
.comment .overlong-collapsed > .overlong-divider > .overlong-mark {
	background: #f8f8f6;
	background: linear-gradient(to bottom, rgba(248,248,246,0), rgba(248,248,246,0.8) 20% 85%, rgba(248,248,246,1) 100%);
}
.overlong-expander {
	padding-top: 12px;
	text-align: center;
}
.overlong-expanded > .overlong-divider > .overlong-mark > .overlong-expander {
	display: none;
}
.overlong-expander > button {
	width: 100%;
	font-size: smaller;
}
.overlong-truncation {
	color: red;
	display: inline-block;
	margin-left: 0.25rem;
}
.cmtnumid {
	display: inline-block;
	margin-right: 1.25em;
	color: #5a512f;
}
.cmtnum {
	display: inline-block;
	font-weight: bold;
}
a:hover .cmtnum,
.js-click-child:hover .cmtnum {
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
}
.cmtname, .cmttime, .cmttags, .cmtvis, .cmtwords {
	display: inline-block;
}
.cmtnum span.cmtnumat {
	opacity: 0.5;
}
.cmtlink {
	display: inline-block;
	padding-bottom: 2px;
}
.cmtcard-placeholder {
	position: absolute;
	height: 1rem;
}
@media screen and (min-width: 1024px) {
.cmtcard.edit.popout {
	position: fixed;
	right: 0;
	bottom: 0;
	max-width: 1000px;
	max-height: 95vh;
	padding-left: 3rem;
	padding-right: 4rem;
	border-left: 1px solid #e6e1cf;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
	z-index: 4;
	overflow: auto;
}
.cmtcard.edit.popout .cmttext {
	max-height: 50vh;
}
}

a.tagbg, span.tagbg {
	display: inline-block;
	padding-left: 2px;
	padding-right: 2px;
	text-indent: 0;
}
del .tagbg, .text-decoration-line-through {
	-webkit-text-decoration-line: line-through;
	text-decoration-line: line-through;
}
.rl > .taghl > .tagbg,
.od > .taghl > .tagbg {
	margin-left: -2px;
}
.odname > .tagbg {
	margin-left: -2px;
	padding-left: 1.6em;
	padding-left: calc(2px + 1.5em);
	text-indent: -1.5em;
}

.words {
	color: #555555;
}
.wordsclose {
	color: #cc0000;
}
.wordsover {
	font-weight: bold;
	color: #cc0000;
}

/* print */
@media print {
body {
	color: black;
}
.pcard-left {
	position: static;
	width: auto;
	margin-left: 0;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--brand-fg); /*#b2a584;*/
}
.pspcard {
	columns: 200px 2;
}
.pslcard-nav {
	display: none;
}
#p-body, .pcard, .pspcard {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
#k-comment-actions {
	display: none;
}
}

#p-banner {
	left: 0;
	top: 0;
	width: 100%;
	font-size: smaller;
	position: fixed;
	z-index: 8;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
#p-tracker {
	order: 100;
}
.tracker-match {
	background: rgba(221, 250, 238, 0.9);
	border-bottom: 1px solid #6a936a;
}
.tracker-match.tracker-active {
	background: rgba(100, 255, 100, 0.9);
}
.tracker-nomatch {
	background: rgba(252, 177, 185, 0.9);
	border-bottom: 1px solid var(--brand-fg);
}
.tracker-nomatch.tracker-active {
	background: rgba(255, 255, 100, 0.9);
}
.tracker-holder {
	padding: 0.5em 1em;
	color: #3d3d57;
	max-height: 20vh;
	overflow-y: scroll;
	position: relative;
}
.tracker-info {
	width: 100%;
	line-height: 1.25;
	max-height: 20vh;
	overflow-y: scroll;
}
.tracker-logo {
	float: left;
	position: absolute;
	left: 12px;
	color: #0b522b;
	user-select: none;
	font-size: 250%;
	line-height: 25px;
}
.tracker-logo.tracker-logo-fist {
	font-size: 280%;
	line-height: 22px;
}
.tracker-nomatch .tracker-logo {
	/*background: rgba(255, 220, 215, 0.9);*/
	color: #e33355;
	animation: 3s 0s infinite normal trackernomatchlogo;
}
.tracker-adminonly .tracker-logo::after {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 64 32 C 64 49.673 49.673 64 32 64 C 14.327 64 0 49.673 0 32 C 0 14.327 14.327 0 32 0 C 49.673 0 64 14.327 64 32 Z M 32 4 C 16.536 4 4 16.536 4 32 C 4 39.012 6.578 45.422 10.837 50.335 L 50.335 10.837 C 45.422 6.578 39.012 4 32 4 Z M 32 60 C 47.464 60 60 47.464 60 32 C 60 24.988 57.422 18.578 53.163 13.665 L 13.665 53.163 C 18.578 57.422 24.988 60 32 60 Z' style='fill:currentColor' /%3E%3C/svg%3E");
	position: absolute;
	right: 0;
	top: 0;
	width: 0.25em;
	height: 0.25em;
}
.tracker-nomatch .tracker-row:first-child {
	color: #b31028;
}
@keyframes trackernomatchlogo {
	from, to { left: 12px; }
	9% { left: 5px; animation-timing-function: ease-in; }
	16% { left: 16px; animation-timing-function: ease-out; }
	21% { left: 8px; animation-timing-function: ease-in; }
	26% { left: 14px; animation-timing-function: ease-out; }
	29% { left: 10px; animation-timing-function: ease-in; }
	31% { left: 12px; animation-timing-function: ease-out; }
}
.tracker-logo-space {
	display: inline-block;
	width: 45px;
}
.tracker-row:nth-child(n+3) {
	font-size: smaller;
}
.tracker-desc {
	font-weight: bold;
	padding-bottom: 2px;
}
.tracker-pid {
	text-align: right;
}
.tracker-desc, .tracker-pid, .tracker-body, .tracker-name-td {
	padding-right: 0.5em;
}
.tracker-desc, .tracker-pid, .tracker-logo-td, .tracker-name-td {
	white-space: nowrap;
	width: 1px;
}
.tracker-is-reviewer, .tracker-is-manager, .tracker-is-conflict, .tracker-is-lead {
	font-weight: bold;
}
.tracker-elapsed {
	text-align: right;
}
.tracker-timer {
	display: inline-block;
	min-width: 5em;
	font-weight: bold;
	font-variant-numeric: tabular-nums;
	color: #222222;
	opacity: 0.5;
}
.tracker-name {
	display: inline-block;
	font-size: smaller;
	line-height: 1;
	padding: 2px 0.3em 3px;
	border-radius: 0.3em;
	border: 1px solid #222222;
	white-space: nowrap;
	font-weight: 500;
	text-decoration: inherit;
}
.tracker-nomatch .tracker-name {
	border-color: #e33355;
}

#tracker-table {
	font-size: larger;
}
.tracker-table-instance {
	width: 100%;
	margin-bottom: 3rem;
}
.tracker-table0 {
	background: var(--paper);
}
.tracker-table0.t > td.tracker-table {
	border-top: 1px solid var(--brand-fg);
}
.tracker-table0.b > td.tracker-table {
	border-bottom: 1px solid var(--brand-fg);
}
.tracker-table0.change {
	animation: 20s ease-in-out tracker-table0-change;
}
@keyframes tracker-table0-change {
	from, 1%, 3%, 5%, 7%, 9%, 50% { background-color: #ffff00; }
	2%, 4%, 6%, 8%, to { background-color: var(--paper); }
}
.tracker-table { /* no shorthand */
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.tracker-table.tracker-title {
	padding-right: 2em;
}
.tracker-table.tracker-pcconf {
	padding-top: 0;
	font-size: smaller;
}

/* mail */
.mhdd {
	padding: 2px 4px;
}
.mail-preview {
	white-space: pre-wrap;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}
.modal .mail-preview {
	max-height: 75vh;
	overflow-y: auto;
}
.mail-editor {
	padding: 0.75em 1em;
}
.mail-field {
	display: flex;
	align-items: baseline;
	margin-bottom: 0.2rem;
}
.mail-field > label, .mail-field > .label {
	font-weight: 500;
	padding-right: 0.5em;
}
.mail-preview-body {
	font-size: 92%;
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
}
.mail-preview-send, .mail-preview-disabled {
	padding-top: 0.75rem;
	margin-bottom: 2rem;
}
.mail-preview-send.mail-preview-unchoose, .mail-preview-disabled {
	border-color: #c5c5c5;
	background-color: rgba(222, 222, 222, 0.5);
	color: #666666;
}
.mail-preview-send.mail-preview-unchoose .mail-preview-body {
	height: 0;
	margin-bottom: 0;
	overflow-y: clip;
}


/* folding */
.foldc .fx, .foldo .fn,
.foldc .fx0, .foldo .fn0,
.fold1c .fx1, .fold1o .fn1,
.fold2c .fx2, .fold2o .fn2,
.fold3c .fx3, .fold3o .fn3,
.fold4c .fx4, .fold4o .fn4,
.fold5c .fx5, .fold5o .fn5, .fold5oo .fn5,
.fold6c .fx6, .fold6o .fn6,
.fold7c .fx7, .fold7o .fn7,
.fold8c .fx8, .fold8o .fn8,
.fold9c .fx9, .fold9o .fn9,
.fold10c .fx10, .fold10o .fn10,
.fold11c .fx11, .fold11o .fn11,
.fold12c .fx12, .fold12o .fn12,
.fold13c .fx13, .fold13o .fn13,
.fold14c .fx14, .fold14o .fn14,
.fold15c .fx15, .fold15o .fn15,
.fold16c .fx16, .fold16o .fn16,
.fold17c .fx17, .fold17o .fn17,
.fold18c .fx18, .fold18o .fn18,
.fold19c .fx19, .fold19o .fn19,
.fold20c .fx20, .fold20o .fn20,
.fold21c .fx21, .fold21o .fn21,
.fold22c .fx22, .fold22o .fn22,
.fold23c .fx23, .fold23o .fn23,
.fold24c .fx24, .fold24o .fn24,
.fold25c .fx25, .fold25o .fn25,
.fold26c .fx26, .fold26o .fn26,
.fold27c .fx27, .fold27o .fn27,
.fold28c .fx28, .fold28o .fn28,
.fold29c .fx29, .fold29o .fn29,
.fold30c .fx30, .fold30o .fn30,
.fold31c .fx31, .fold31o .fn31,
.fold32c .fx32, .fold32o .fn32,
.fold33c .fx33, .fold33o .fn33,
.fold34c .fx34, .fold34o .fn34,
.fold35c .fx35, .fold35o .fn35,
.fold36c .fx36, .fold36o .fn36,
.fold37c .fx37, .fold37o .fn37,
.fold38c .fx38, .fold38o .fn38,
.fold39c .fx39, .fold39o .fn39,
.fold40c .fx40, .fold40o .fn40,
.fold41c .fx41, .fold41o .fn41,
.fold42c .fx42, .fold42o .fn42,
.fold43c .fx43, .fold43o .fn43,
.fold44c .fx44, .fold44o .fn44,
.fold45c .fx45, .fold45o .fn45,
.fold46c .fx46, .fold46o .fn46,
.fold47c .fx47, .fold47o .fn47,
.fold48c .fx48, .fold48o .fn48,
.fold49c .fx49, .fold49o .fn49,
.fold50c .fx50, .fold50o .fn50,
.fold51c .fx51, .fold51o .fn51,
.fold52c .fx52, .fold52o .fn52,
.fold53c .fx53, .fold53o .fn53,
.fold54c .fx54, .fold54o .fn54,
.fold55c .fx55, .fold55o .fn55,
.fold56c .fx56, .fold56o .fn56,
.fold57c .fx57, .fold57o .fn57,
.fold58c .fx58, .fold58o .fn58,
.fold59c .fx59, .fold59o .fn59,
.fold60c .fx60, .fold60o .fn60,
.fold61c .fx61, .fold61o .fn61,
.fold62c .fx62, .fold62o .fn62,
.fold63c .fx63, .fold63o .fn63,
.fold64c .fx64, .fold64o .fn64,
.fold98c .fx98, .fold98o .fn98,
.fold99c .fx99, .fold99o .fn99 {
	display: none;
}
.hidden, [hidden] {
	display: none !important;
}
.unhidden {
	display: block !important;
}
.pseudohidden {
	overflow: visible !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	padding: 0 !important;
	display: block !important;
}

/* score help */
a.help {
	font-size: smaller;
	font-weight: normal;
	position: relative;
	bottom: 0.5em;
}

/* popup dialogs */
.modal-open {
	overflow: hidden;
}
.modal {
	background-color: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 14;
}
.modal.transparent {
	background-color: transparent;
	z-index: 10;
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-dialog {
	position: relative;
	min-width: 15em;
	max-width: 32em;
	z-index: 16;
	pointer-events: none;
}
.modal-dialog-w40 {
	width: fit-content;
	min-width: 40rem;
	max-width: 80vw;
}
.modal-dialog-wide {
	max-width: 80vw;
}
.modal-dialog-centered {
	margin: 5vh auto;
	position: relative;
	display: flex;
}
.modal-content {
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
	padding: 0.75em 1em;
	background: #fbfbfa;
	pointer-events: auto;
}
.modal-dialog > .modal-content {
	width: 100%;
}
.modal-demo-fieldset {
	min-height: 10rem;
	max-height: 60vh;
	overflow-y: auto;
}

.popup-actions {
	margin-top: 1em;
}
.popup-actions > .btn, .popup-actions > button {
	float: right;
	margin-left: 1em;
}
.popup-actions > .btn.float-left, .popup-actions > button.float-left {
	float: left;
	margin-left: 0;
	margin-right: 1em;
}

/* scores */
div.scorechart {
	display: inline-block;
}
.scorechart-s1 {
	font: 6.5px Menlo, Monaco, source-code-pro, Consolas, Terminal, monospace;
	user-select: none;
}
div.sc {
	font-size: smaller;
	padding-bottom: 2px;
}
.sv {
	font-weight: 800;
}
.sv1 { color: #9c3131; }
.sv2 { color: #a04b00; }
.sv3 { color: #a26300; }
.sv4 { color: #a17900; }
.sv5 { color: #9d8f00; }
.sv6 { color: #929e00; }
.sv7 { color: #7fad00; }
.sv8 { color: #5fbd00; }
.sv9 { color: #00cc00; }
.dark .sv1 { color: #dd3131; }
.dark .sv2 { color: #d75517; }
.dark .sv3 { color: #cb7100; }
.dark .sv4 { color: #ba8800; }
.dark .sv5 { color: #a79d00; }
.dark .sv6 { color: #98a900; }
.dark .sv7 { color: #81b500; }
.dark .sv8 { color: #5fc100; }
.sv-bupu1 { color: #4b8bc1; }
.sv-bupu2 { color: #4181be; }
.sv-bupu3 { color: #3b76bb; }
.sv-bupu4 { color: #396bb7; }
.sv-bupu5 { color: #3b5fb2; }
.sv-bupu6 { color: #4053ab; }
.sv-bupu7 { color: #4646a3; }
.sv-bupu8 { color: #4d389a; }
.sv-bupu9 { color: #54278f; }
.dark .sv-bupu2 { color: #4b89c7; }
.dark .sv-bupu3 { color: #4e86cd; }
.dark .sv-bupu4 { color: #5582d1; }
.dark .sv-bupu5 { color: #5f7ed5; }
.dark .sv-bupu6 { color: #6b79d7; }
.dark .sv-bupu7 { color: #7873d8; }
.dark .sv-bupu8 { color: #866dd7; }
.dark .sv-bupu9 { color: #9565d5; }
.sv-viridis1 { color: #440154; }
.sv-viridis2 { color: #472c7a; }
.sv-viridis3 { color: #3b518b; }
.sv-viridis4 { color: #2c718e; }
.sv-viridis5 { color: #21908d; }
.sv-viridis6 { color: #27ad81; }
.sv-viridis7 { color: #5cc863; }
.sv-viridis8 { color: #aadc32; }
.sv-viridis9 { color: #dbcb39; /* #fde725 */ }
.dark .sv-viridis1 { color: #b01cd4; }
.dark .sv-viridis2 { color: #6d3ec7; }
.dark .sv-viridis3 { color: #506dba; }
.sv-catx1 { color: #1f77b4; }
.sv-catx2 { color: #ff7f0e; }
.sv-catx3 { color: #2ca02c; }
.sv-catx4 { color: #d62728; }
.sv-catx5 { color: #9467bd; }
.sv-catx6 { color: #8c564b; }
.sv-catx7 { color: #e377c2; }
.sv-catx8 { color: #7f7f7f; }
.sv-catx9 { color: #bcbd22; }
.sv-catx10 { color: #17becf; }
.sv-observablex1 { color: #4269d0; }
.sv-observablex2 { color: #efb118; }
.sv-observablex3 { color: #ff725c; }
.sv-observablex4 { color: #6cc5b0; }
.sv-observablex5 { color: #3ca951; }
.sv-observablex6 { color: #ff8ab7; }
.sv-observablex7 { color: #a463f2; }
.sv-observablex8 { color: #97bbf5; }
.sv-observablex9 { color: #9c6b4e; }
.sv-observablex10 { color: #9498a0; }
.sv-orbu1 { color: #fca636; }
.sv-orbu2 { color: #f68443; }
.sv-orbu3 { color: #e86659; }
.sv-orbu4 { color: #d14d6f; }
.sv-orbu5 { color: #b23a81; }
.sv-orbu6 { color: #8e2c8f; }
.sv-orbu7 { color: #672196; }
.sv-orbu8 { color: #3e1594; }
.sv-orbu9 { color: #0d0887; }
.dark .sv-orbu6 { color: #a719bd; }
.dark .sv-orbu7 { color: #8c34bf; }
.dark .sv-orbu8 { color: #6e37bf; }
.dark .sv-orbu9 { color: #5350b5; }
.sv-pkrd1 { color: #e14da0; }
.sv-pkrd2 { color: #d7448b; }
.sv-pkrd3 { color: #cc3b76; }
.sv-pkrd4 { color: #c13363; }
.sv-pkrd5 { color: #b52b50; }
.sv-pkrd6 { color: #a9243e; }
.sv-pkrd7 { color: #9c1e2c; }
.sv-pkrd8 { color: #8f1819; }
.sv-pkrd9 { color: #821201; }
.dark .sv-pkrd1 { color: #e14da0; }
.dark .sv-pkrd2 { color: #dd478e; }
.dark .sv-pkrd3 { color: #d8417d; }
.dark .sv-pkrd4 { color: #d23c6c; }
.dark .sv-pkrd5 { color: #cb375b; }
.dark .sv-pkrd6 { color: #c4344b; }
.dark .sv-pkrd7 { color: #bd303a; }
.dark .sv-pkrd8 { color: #b52e28; }
.dark .sv-pkrd9 { color: #ac2c11; }
.sv-turbo1 { color: #23171b; }
.sv-turbo2 { color: #4569ee; }
.sv-turbo3 { color: #26bce1; }
.sv-turbo4 { color: #3ff393; }
.sv-turbo5 { color: #6be619; }
.sv-turbo6 { color: #ecd12e; }
.sv-turbo7 { color: #ff821d; }
.sv-turbo8 { color: #cb2f0d; }
.sv-turbo9 { color: #900c00; }
.dark .sv-turbo1 { color: #944c62; }
.dark .sv-turbo5 { color: #95fb51; } /* actual turbo color */
.dark .sv-turbo9 { color: #cc1100; }
.sv-none1 { color: inherit; font-weight: inherit; }

.sc_sum {
	font-size: smaller;
}

/* action log */
.lognav {
	margin: 0.75em auto 0 auto;
}
.lognavd, .lognavdr {
	min-width: 6em;
}
.lognavdr, .lognavxr {
	text-align: right;
}
.pltable-log {
	table-layout: fixed;
}
th.pl_logname {
	width: 20%;
}
td.pl_logname {
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}
th.pl_logaction {
	width: 40%;
}
@media print {
.pltable-log {
	font-size: 10px;
}
}

/* graphs */
.gcdf {
	fill: none;
	stroke: rgba(0, 92, 168, 0.5);
	stroke-width: 1.5px;
}
.gcdf-many {
	stroke: rgba(70, 130, 180, 0.5);
}
.gcdf-cumulative {
	stroke: red;
	stroke-width: 2.5px;
}
.gcdf-highlight {
	stroke: black;
}
.gcdf-thin {
	stroke-width: 0.5px;
}

.gdot, .gbar, .gbox {
	stroke: rgba(0, 92, 168, 0.8);
	fill: rgba(0, 92, 168, 0.2);
	stroke-width: 1px;
	stroke-linecap: butt;
	stroke-linejoin: miter;
}
.gcdf.color1, .gdot.color1, .gbar.color1, .gbox.color1 {
	stroke: rgba(252, 141, 98, 0.8);
}
.gdot.color1, .gbar.color1, .gbox.color1, .glab.color1 {
	fill: rgba(252, 141, 98, 0.2);
}
.gcdf.color2, .gdot.color2, .gbar.color2, .gbox.color2 {
	stroke: rgba(166, 118, 29, 0.8);
}
.gdot.color2, .gbar.color2, .gbox.color2, .glab.color2 {
	fill: rgba(166, 118, 29, 0.2);
}
.gcdf.color3, .gdot.color3, .gbar.color3, .gbox.color3 {
	stroke: rgba(231, 41, 138, 0.8);
}
.gdot.color3, .gbar.color3, .gbox.color3, .glab.color3 {
	fill: rgba(231, 41, 138, 0.2);
}
/* graph tag colors now computed dynamically */

.gcdf-hover0 {
	stroke: rgba(70, 0, 0, 0.5);
	stroke-width: 3px;
	fill: none;
}
.gcdf-hover1 {
	stroke: yellow;
	stroke-width: 2px;
	fill: none;
}
.gdot-hover, .gbar-hover0, .gbox-hover {
	stroke: rgba(0, 0, 0, 0.4);
	stroke-width: 2px;
	fill: rgba(0, 0, 0, 0.1);
}
.gbar-hover1 {
	stroke-width: 0;
	fill: none;
}
.ghighlight {
	fill: none;
	pointer-events: none;
}
.hotgraph .x-axis, .hotgraph .y-axis {
	font-size: smaller;
}
.widelabel > .tick {
	font-size: smaller;
}
.x-axis path, .x-axis line, .y-axis path, .y-axis line {
	fill: none;
	stroke: black;
	shape-rendering: crispEdges;
}

@media print {
.no-print {
	display: none !important;
}
}