html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-family:inherit;font-size:100%;font-style:inherit;vertical-align:baseline;text-align:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}a{text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}select,input,textarea,button{margin:0;padding:0}:focus{outline:0}::-moz-focus-inner{border:0;padding:0}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
body * {
scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.05);
/* IE */
scrollbar-base-color: #EEE;
scrollbar-track-color: #EEE;
scrollbar-3dlight-color: #CCC;
scrollbar-dark-shadow-color: #CCC;
scrollbar-highlight-color: #CCC;
scrollbar-shadow-color: #CCC;
scrollbar-face-color: #CCC;
scrollbar-arrow-color: #777;
}
.color-scheme-dark * {
scrollbar-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.05);
/* IE */
scrollbar-base-color: #444;
scrollbar-track-color: #444;
scrollbar-3dlight-color: #777;
scrollbar-dark-shadow-color: #777;
scrollbar-highlight-color: #777;
scrollbar-shadow-color: #777;
scrollbar-face-color: #777;
scrollbar-arrow-color: #AAA;
}
body *::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: rgba(0, 0, 0, 0.05)
}
.color-scheme-dark *::-webkit-scrollbar {background-color: rgba(255, 255, 255, 0.05)}
body *::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.color-scheme-dark *::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, 0.2)}
.hidden {display: none}
.fmt-text {line-height: 1.5}
.fmt-text > *:first-child,
.fmt-text > *:first-child > *:first-child {
margin-top: 0 !important;
}
.fmt-text > *:last-child,
.fmt-text > *:last-child > *:last-child {
margin-bottom: 0 !important;
}
.fmt-text:after {
content: '';
clear: both;
display: block;
font-size: 0;
}
.fmt-text h1, .fmt-text h2, .fmt-text h3,
.fmt-text h4, .fmt-text h5, .fmt-text h6 {
font-weight: 600;
line-height: 1.25;
}
.fmt-text h1 > a.heading-link, .fmt-text h2 > a.heading-link, .fmt-text h3 > a.heading-link,
.fmt-text h4 > a.heading-link, .fmt-text h5 > a.heading-link, .fmt-text h6 > a.heading-link {
display: inline-block;
width: 0.75em;
height: 0.75em;
margin: 0 0.25em;
vertical-align: -0.05em;
background-repeat: no-repeat;
background-position: center;
background-size: 0.75em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23888' d='m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z'/%3E%3C/svg%3E");
opacity: 0.75;
}
.fmt-text h1 > a.heading-link:hover, .fmt-text h2 > a.heading-link:hover,
.fmt-text h3 > a.heading-link:hover, .fmt-text h4 > a.heading-link:hover,
.fmt-text h5 > a.heading-link:hover, .fmt-text h6 > a.heading-link:hover {
opacity: 1;
}
.fmt-text h1, .fmt-text h2 {border-bottom: 1px solid rgba(0, 0, 0, 0.15)}
.color-scheme-dark .fmt-text h1, .color-scheme-dark .fmt-text h2 {border-color: rgba(255, 255, 255, 0.15)}
.fmt-text h1 {font-size: 2em; margin-top: 0.75em; margin-bottom: 0.5em; padding-bottom: 0.3em}
.fmt-text h2 {font-size: 1.625em; margin-top: 1em; margin-bottom: 0.6em; padding-bottom: 0.3em}
.fmt-text h3 {font-size: 1.375em; margin-top: 1.2em; margin-bottom: 0.7em; padding-bottom: 0.3em}
.fmt-text h4 {font-size: 1.125em; margin-top: 1.3em; margin-bottom: 0.9em}
.fmt-text h5 {font-size: 1em; margin-top: 1.5em; margin-bottom: 1em}
.fmt-text h6 {font-size: 1em; margin-top: 1.5em; margin-bottom: 1em; color: #555}
.color-scheme-dark .fmt-text h6 {color: #BBB}
.fmt-text p, .fmt-text blockquote, .fmt-text ul, .fmt-text ol,
.fmt-text dl, .fmt-text dl dd, .fmt-text table, .fmt-text pre, .fmt-text details {
margin-bottom: 1em;
}
.fmt-text p:last-child, .fmt-text blockquote:last-child, .fmt-text ul:last-child,
.fmt-text ol:last-child, .fmt-text dl:last-child, .fmt-text dl:last-child dd,
.fmt-text table:last-child, .fmt-text pre:last-child, .fmt-text details:last-child {
margin-bottom: 0;
}
.fmt-text b, .fmt-text strong {font-weight: 600}
.fmt-text i, .fmt-text cite, .fmt-text em, .fmt-text var, .fmt-text dfn {
font-style: italic;
}
.fmt-text s, .fmt-text strike, .fmt-text del {text-decoration: line-through}
.fmt-text a {color: #17E}
.color-scheme-dark .fmt-text a {color: #5BF}
.fmt-text a:visited {color: #048}
.color-scheme-dark .fmt-text a:visited {color: #38A}
.fmt-text a:hover {text-decoration: underline}
.fmt-text a:focus {outline: 1px dotted}
.fmt-text a:not([href]) {
color: inherit;
text-decoration: none;
}
.fmt-text sup > a:before {content: '['}
.fmt-text sup > a:after {content: ']'}
.fmt-text img {
border-style: none;
max-width: 100%;
height: auto;
vertical-align: bottom;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fmt-text img[align=right] {padding-left: 1em}
.fmt-text img[align=left] {padding-right: 1em}
.fmt-text abbr[title] {
border-bottom: 0;
text-decoration: underline dotted;
cursor: help;
}
.fmt-text blockquote {
padding: 0 1em;
color: #777;
border-left: 0.25em solid rgba(0, 0, 0, 0.15);
}
.color-scheme-dark .fmt-text blockquote {
color: #A0A0A0;
border-color: #888;
}
.fmt-text hr {
clear: both;
border: 0;
overflow: hidden;
height: 0.25em;
margin: 1.5em 0;
background-color: rgba(0, 0, 0, 0.15);
}
.color-scheme-dark .fmt-text hr {background-color: rgba(255, 255, 255, 0.25)}
.fmt-text dl dt {
font-style: italic;
font-weight: 600;
}
.fmt-text dl dd {padding: 0 1em}
.fmt-text mark {background: #FF8; color: inherit}
.color-scheme-dark .fmt-text mark {background: #770}
.fmt-text mark, .color-scheme-dark .fmt-text mark {
background: linear-gradient(transparent 60%, rgba(255, 255, 0, 0.5) 60%);
}
.fmt-text small {font-size: 0.9em}
.fmt-text sub, .fmt-text sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
.fmt-text sub {bottom: -0.25em}
.fmt-text sup {top: -0.5em}
details {
height: 2em;
height: calc(2em + 2px);
padding: 0.5em;
padding-top: 0;
border: 1px solid;
border-radius: 0.357em;
overflow: hidden;
}
details[open] {
height: auto;
overflow: auto;
}
details > summary {
display: block;
margin: 0 -0.5em 0.5em;
padding: 0.25em 0.5em;
border-bottom: 1px solid;
border-radius: 0.3em;
background-color: rgba(127, 127, 127, 0.15);
text-shadow: 0 1px 0 #FFF;
list-style: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
details > summary:focus {
box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.4);
}
details[open] > summary {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
overflow: visible;
white-space: normal;
}
.color-scheme-dark details > summary {text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75)}
details > summary::-webkit-details-marker {display: none}
details > summary::marker {display: none}
details > summary:before {
content: '';
display: inline-block;
margin-left: 0.125em;
margin-right: 0.5em;
padding: 0.125em;
border: 0.125em solid currentColor;
border-left: 0;
border-bottom: 0;
vertical-align: 12.5%;
transform: rotate(45deg);
transition: transform 0.2s ease;
}
[dir=rtl] details > summary:before,
details[dir=rtl] > summary:before {
margin-left: 0.5em;
margin-right: 0.125em;
transform: rotate(225deg);
}
details > summary:dir(rtl):before {
margin-left: 0.5em;
margin-right: 0.125em;
transform: rotate(225deg);
}
details[open] > summary:before {transform: rotate(135deg)}
details, details summary {border-color: rgba(0, 0, 0, 0.25)}
.color-scheme-dark details,
.color-scheme-dark details > summary {border-color: rgba(255, 255, 255, 0.25)}
.fmt-text {
border-collapse: separate;
border-spacing: 0.5em;
}
.fmt-text figure {
position: relative;
right: 0.5em;
bottom: 0.5em;
display: table-cell;
padding: 0.7em;
border-radius: 0.4em;
background-color: rgba(0, 0, 0, 0.04);
text-align: center;
vertical-align: bottom;
}
.color-scheme-dark .fmt-text figure {background-color: rgba(255, 255, 255, 0.05)}
.fmt-text figure figcaption {
margin: -0.7em;
margin-top: 0.3em;
padding: 0.2em 0.7em;
background-color: rgba(0, 0, 0, 0.04);
border-bottom-left-radius: 0.4em;
border-bottom-right-radius: 0.4em;
}
.color-scheme-dark .fmt-text figure figcaption {background-color: rgba(255, 255, 255, 0.04)}
.fmt-text ul, .fmt-text ol {padding-left: 2em}
.fmt-text ol ol, .fmt-text ol ul,
.fmt-text ul ol, .fmt-text ul ul {
margin-top: 0;
margin-bottom: 0;
}
.fmt-text ol {list-style-type: decimal}
.fmt-text ul {list-style-type: disc}
.fmt-text ol ul, .fmt-text ul ul {list-style-type: circle}
.fmt-text ol ol, .fmt-text ul ol {list-style-type: lower-roman}
.fmt-text ol ol ul, .fmt-text ol ul ul,
.fmt-text ul ol ul, .fmt-text ul ul ul {list-style-type: square}
.fmt-text ol ol ol, .fmt-text ol ul ol,
.fmt-text ul ol ol, .fmt-text ul ul ol {list-style-type: lower-alpha}
.fmt-text ol[type=1] {list-style-type: decimal}
.fmt-text ol[type=a] {list-style-type: lower-alpha}
.fmt-text ol[type=i] {list-style-type: lower-roman}
.fmt-text li {display: list-item}
.fmt-text li + li {margin-top: 0.25em}
.fmt-text li > p {margin-top: 1em}
.fmt-text .task-list-item {list-style-type: none}
.fmt-text .task-list-item input {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.fmt-text .task-list-item label {font-weight: 400}
.fmt-text .task-list-item.enabled label {cursor: pointer}
.fmt-text .task-list-item+.task-list-item {margin-top: 0.2em}
.fmt-text .task-list-item .handle {display: none}
.fmt-text .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.fmt-text table {
display: block;
border-collapse: collapse;
overflow: auto;
text-align: left;
text-align: start;
}
.fmt-text table tr:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.04);
}
.color-scheme-dark .fmt-text table tr:nth-child(2n) {
background-color: rgba(255, 255, 255, 0.04);
}
.fmt-text table th {font-weight: 600}
.fmt-text table th, .fmt-text table td {
padding: 0.25em 0.75em;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.fmt-text table th:not([valign]), .fmt-text table td:not([valign]) {
vertical-align: middle;
}
.color-scheme-dark .fmt-text table th,
.color-scheme-dark .fmt-text table td {border-color: rgba(255, 255, 255, 0.15)}
.fmt-text code, .fmt-text pre, .fmt-text kbd, .fmt-text samp {
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}
.fmt-text code, .fmt-text tt {
padding: 0.2em 0.4em;
font-size: 0.85em;
background-color: rgba(0, 0, 0, 0.07);
border-radius: 0.4em;
}
.color-scheme-dark .fmt-text code, .color-scheme-dark .fmt-text tt {
background-color: rgba(255, 255, 255, 0.07);
}
.fmt-text pre {
margin-bottom: 1.2em;
padding: 1em;
border-radius: 0.4em;
overflow: auto;
font-size: 0.85em;
line-height: 1.45;
background-color: rgba(0, 0, 0, 0.04);
word-wrap: normal;
white-space: pre-wrap;
tab-size: 4;
}
.color-scheme-dark .fmt-text pre {background-color: rgba(255, 255, 255, 0.04)}
.fmt-text pre code, .fmt-text pre tt,
.color-scheme-dark .fmt-text pre code, .color-scheme-dark .fmt-text pre tt {
padding: 0;
overflow: visible;
font-size: 1em;
background-color: transparent;
}
.fmt-text kbd {
display: inline-block;
padding: 0.4em 0.5em;
border: solid 0.1em rgba(0, 0, 0, 0.25);
border-bottom-color: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -0.1em 0 rgba(0, 0, 0, 0.25);
background-color: rgba(0, 0, 0, 0.05);
border-radius: 0.4em;
font-size: 0.75em;
line-height: 0.75;
color: inherit;
vertical-align: middle;
}
.color-scheme-dark .fmt-text kbd {
background-color: rgba(0, 0, 0, 0.3);
border-color: rgba(0, 0, 0, 0.5);
box-shadow: inset 0 -0.1em 0 rgba(0, 0, 0, 0.5);
}
input, textarea, select, button, a.button, label, fieldset,
.form-msg, .tabs, .grid, .breadcrumb {
display: block;
margin-bottom: 0.5em;
}
label > input, label > textarea, label > select, label > button, label > a.button,
.menubar li > input, .menubar li > label,
.touch-menu-wrapper li > input, .touch-menu-wrapper li > label,
input[type=radio], input[type=checkbox],
form > *:last-child, fieldset > *:last-child,
.tabs > .content > * > *:last-child,
.grid > .row > .col > *:last-child,
td > *:last-child {margin-bottom: 0}
form > .form-msg:empty:last-child, fieldset > .form-msg:empty:last-child,
.tabs > .content > * > .form-msg:empty:last-child {margin-bottom: -0.5em}
input, textarea {width: 100%}
input[size], textarea[cols], select, button, a.button,
input[type=button], input[type=submit], input[type=reset] {width: auto}
input[type=color] {width: 4em}
input, input[type=file], textarea, select, button, a.button {
border-collapse: separate;
font: inherit;
font-size: 0.875em;
color: inherit;
}
input, textarea, select[multiple], select[size] {border-radius: 0.357em}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: currentColor; opacity: 0.4}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: currentColor; opacity: 0.4}
input::-moz-placeholder, textarea::-moz-placeholder {color: currentColor; opacity: 0.4}
input::placeholder, textarea::placeholder {color: currentColor; opacity: 0.4}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: rgba(0, 0, 0, 0.32)}
input.placeholder, textarea.placeholder {color: rgba(0, 0, 0, 0.32)}
.color-scheme-dark input, .color-scheme-dark textarea,
.color-scheme-dark select[multiple], .color-scheme-dark select[multiple][disabled],
.color-scheme-dark select[multiple][disabled]:focus, .color-scheme-dark select[size],
.color-scheme-dark select[size][disabled], .color-scheme-dark select[size][disabled]:focus {
border: 1px solid rgba(255, 255, 255, 0.25);
}
.color-scheme-dark select, .color-scheme-dark select[disabled]:focus,
.color-scheme-dark select[disabled]:active, .color-scheme-dark button,
.color-scheme-dark button[disabled]:focus, .color-scheme-dark button[disabled]:active:hover,
.color-scheme-dark a.button, .color-scheme-dark a.button[disabled]:focus,
.color-scheme-dark a.button[disabled]:active:hover,
.color-scheme-dark input[type=button],
.color-scheme-dark input[type=button][disabled],
.color-scheme-dark input[type=button][disabled]:focus,
.color-scheme-dark input[type=button][disabled]:active,
.color-scheme-dark input[type=button][disabled]:active:hover,
.color-scheme-dark input[type=submit],
.color-scheme-dark input[type=submit][disabled],
.color-scheme-dark input[type=submit][disabled]:focus,
.color-scheme-dark input[type=submit][disabled]:active,
.color-scheme-dark input[type=submit][disabled]:active:hover,
.color-scheme-dark input[type=reset],
.color-scheme-dark input[type=reset][disabled],
.color-scheme-dark input[type=reset][disabled]:focus,
.color-scheme-dark input[type=reset][disabled]:active,
.color-scheme-dark input[type=reset][disabled]:active:hover {
background-color: rgba(255, 255, 255, 0.05);
}
input, select, input[type=file] {
height: 2.357em;
line-height: 1;
}
select[multiple], select[size], input[type=radio], input[type=checkbox],
input[type=button], input[type=submit], input[type=reset] {
height: auto;
}
textarea, select {overflow: auto}
form, textarea, label, fieldset, .form-msg,
.menubar, .touch-menu-wrapper, .grid {line-height: 1.5}
input {padding: 0.572em}
textarea {
max-height: 90vh;
padding: 0.286em 0.572em;
resize: none;
}
select[multiple], select[size], select[multiple]:active, select[size]:active,
select[multiple][disabled]:active, select[size][disabled]:active,
input[type=color] {padding: 0.357em}
select:active {
padding-top: calc(0.357em + 1px);
padding-bottom: calc(0.357em - 1px);
}
a.button, .fmt-text a.button {
display: inline-block;
color: currentColor;
}
a.button:hover {text-decoration: none}
input[type=button], input[type=button][disabled]:active:hover,
input[type=submit], input[type=submit][disabled]:active:hover,
input[type=reset], input[type=reset][disabled]:active:hover,
select, select[disabled]:active, button, button[disabled]:active:hover,
a.button, a.button[disabled]:active:hover,
.tabs > .nav > *, .tabs > .nav > *:active:hover {
padding: 0.357em 0.714em;
line-height: 1.5;
text-align: center;
vertical-align: middle;
}
select, select[disabled]:active {
text-align: left;
text-align: start;
}
button:before, a.button:before, .tabs > .nav > *:before {
display: inline-block;
width: 1.428em;
height: 1.428em;
margin-right: 0.5em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: -25%;
}
input[type=button]:active:hover, input[type=submit]:active:hover,
input[type=reset]:active:hover, button:active:hover, a.button:active:hover {
padding: calc(0.357em + 1px) 0.714em calc(0.357em - 1px) 0.714em;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
input[type=button]:active:hover, input[type=submit]:active:hover,
input[type=reset]:active:hover, button:active:hover {
padding: 0.357em calc(0.714em + 1px) 0.357em calc(0.714em - 1px);
}
}
input:focus, textarea:focus, select[multiple]:focus, select[size]:focus,
.color-scheme-dark input:focus, .color-scheme-dark textarea:focus,
.color-scheme-dark select[multiple]:focus, .color-scheme-dark select[size]:focus {
border-color: #48F;
}
input.invalid, textarea.invalid, select.invalid, select.invalid:focus,
.color-scheme-dark input.invalid, .color-scheme-dark textarea.invalid,
.color-scheme-dark select.invalid, .color-scheme-dark select.invalid:focus {
border-color: rgba(255, 0, 0, 0.75);
}
input, textarea, select, select[disabled].invalid, select[disabled]:focus,
select[disabled].invalid:focus, button, a.button,
input[type=button][disabled], input[type=button][disabled]:active,
input[type=submit][disabled], input[type=submit][disabled]:active,
input[type=reset][disabled], input[type=reset][disabled]:active,
input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus {
border: 1px solid rgba(0, 0, 0, 0.25);
}
input[disabled], input[disabled]:active,
textarea[disabled], textarea[disabled]:active,
select[disabled], button[disabled], a.button[disabled] {
color: rgba(0, 0, 0, 0.4);
}
.color-scheme-dark input[disabled], .color-scheme-dark input[disabled]:active,
.color-scheme-dark textarea[disabled], .color-scheme-dark textarea[disabled]:active,
.color-scheme-dark select[disabled], .color-scheme-dark button[disabled],
.color-scheme-dark a.button[disabled] {color: rgba(255, 255, 255, 0.3)}
input:-ms-input-placeholder[disabled],
textarea:-ms-input-placeholder[disabled] {color: rgba(0, 0, 0, 0.16)}
input[disabled].placeholder,
textarea[disabled].placeholder {color: rgba(0, 0, 0, 0.16)}
.color-scheme-dark input:-ms-input-placeholder,
.color-scheme-dark textarea:-ms-input-placeholder {color: rgba(255, 255, 255, 0.3)}
.color-scheme-dark input.placeholder,
.color-scheme-dark textarea.placeholder {color: rgba(255, 255, 255, 0.3)}
.color-scheme-dark input[disabled]:-ms-input-placeholder,
.color-scheme-dark textarea[disabled]:-ms-input-placeholder {color: rgba(255, 255, 255, 0.12)}
.color-scheme-dark input[disabled].placeholder,
.color-scheme-dark textarea[disabled].placeholder {color: rgba(255, 255, 255, 0.12)}
input, textarea, select[multiple], select[size] {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
background-color: rgba(255, 255, 255, 0.75);
}
input:focus, textarea:focus, select[multiple]:focus, select[size]:focus {
box-shadow: 0 0 0 3px rgba(63, 127, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}
.color-scheme-dark input, .color-scheme-dark textarea,
.color-scheme-dark select[multiple], .color-scheme-dark select[multiple]:focus,
.color-scheme-dark select[multiple]:active, .color-scheme-dark select[size],
.color-scheme-dark select[size]:focus, .color-scheme-dark select[size]:active {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) inset;
background-color: rgba(0, 0, 0, 0.1);
}
.color-scheme-dark input:focus, .color-scheme-dark textarea:focus,
.color-scheme-dark select[multiple]:focus, .color-scheme-dark select[size]:focus {
box-shadow: 0 0 0 3px rgba(63, 127, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.7) inset;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 0s step-end, color 0s step-end;
transition-delay: 3153600000s;
}
input[type=button], input[type=button][disabled], input[type=button][disabled]:focus,
input[type=button][disabled]:active, input[type=button][disabled]:active:hover,
input[type=submit], input[type=submit][disabled], input[type=submit][disabled]:focus,
input[type=submit][disabled]:active, input[type=submit][disabled]:active:hover,
input[type=reset], input[type=reset][disabled], input[type=reset][disabled]:focus,
input[type=reset][disabled]:active, input[type=reset][disabled]:active:hover,
button, button[disabled]:focus, button[disabled]:active:hover,
a.button, a.button[disabled]:focus, a.button[disabled]:active:hover,
select, select[disabled]:focus, select[disabled]:active {
min-width: 5.714em;
border-radius: 0.215em;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.15), 0 2px 0 -1px rgba(255, 255, 255, 0.5) inset, 0 -2px 0 -1px rgba(0, 0, 0, 0.2) inset;
background-color: rgba(0, 0, 0, 0.05);
background-image: linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.15) 100%);
text-shadow: 0 1px 0 #FFF;
}
input[disabled], input[disabled]:active,
textarea[disabled], textarea[disabled]:active,
select[multiple][disabled], select[size][disabled],
select[multiple][disabled].invalid, select[size][disabled].invalid {
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: rgba(240, 240, 240, 0.5);
}
.color-scheme-dark input[disabled], .color-scheme-dark input[disabled]:focus,
.color-scheme-dark input[disabled]:active, .color-scheme-dark textarea[disabled],
.color-scheme-dark textarea[disabled]:focus, .color-scheme-dark textarea[disabled]:active,
.color-scheme-dark select[multiple][disabled], .color-scheme-dark select[multiple][disabled]:focus,
.color-scheme-dark select[size][disabled], .color-scheme-dark select[size][disabled]:focus,
.color-scheme-dark select[multiple][disabled].invalid,
.color-scheme-dark select[size][disabled].invalid {
border: 1px solid rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.02);
}
input[type=button].primary, input[type=button].primary:focus,
input[type=button].primary:active, input[type=button].primary:active:hover,
input[type=submit].primary, input[type=submit].primary:focus,
input[type=submit].primary:active, input[type=submit].primary:active:hover,
input[type=reset].primary, input[type=reset].primary:focus,
input[type=reset].primary:active, input[type=reset].primary:active:hover,
button.primary, button.primary:focus, button.primary:active, button.primary:active:hover,
a.button.primary, a.button.primary:focus, a.button.primary:active, a.button.primary:active:hover {
background-color: #05D;
color: #EEF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
input[type=button][disabled].primary, input[type=button][disabled].primary:active:hover,
input[type=submit][disabled].primary, input[type=submit][disabled].primary:active:hover,
input[type=reset][disabled].primary, input[type=reset][disabled].primary:active:hover,
button[disabled].primary, button[disabled].primary:active:hover,
a.button[disabled].primary, a.button[disabled].primary:active:hover {
background-color: #48D;
color: #BBE;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
input[type=button].negative, input[type=button].negative:focus,
input[type=button].negative:active, input[type=button].negative:active:hover,
input[type=submit].negative, input[type=submit].negative:focus,
input[type=submit].negative:active, input[type=submit].negative:active:hover,
input[type=reset].negative, input[type=reset].negative:focus,
input[type=reset].negative:active, input[type=reset].negative:active:hover,
button.negative, button.negative:focus, button.negative:active, button.negative:active:hover,
a.button.negative, a.button.negative:focus, a.button.negative:active, a.button.negative:active:hover {
background-color: #D22;
color: #FEE;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
input[type=button][disabled].negative, input[type=button][disabled].negative:active:hover,
input[type=submit][disabled].negative, input[type=submit][disabled].negative:active:hover,
input[type=reset][disabled].negative, input[type=reset][disabled].negative:active:hover,
button[disabled].negative, button[disabled].negative:active:hover,
a.button[disabled].negative, a.button[disabled].negative:active:hover {
background-color: #D55;
color: #EAA;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus,
button:focus, a.button:focus, select:focus {
box-shadow: 0 0 0 3px rgba(63, 127, 255, 0.3), 0 2px 1px -1px rgba(0, 0, 0, 0.3), 0 2px 0 -1px rgba(255, 255, 255, 0.5) inset, 0 -2px 0 -1px rgba(0, 0, 0, 0.2) inset;
outline: 0;
}
input[type=button]:active:hover, input[type=submit]:active:hover,
input[type=reset]:active:hover, button:active:hover, a.button:active:hover, select:active {
box-shadow: 0 0 0 3px rgba(63, 127, 255, 0.3), 0 2px 1px -1px rgba(0, 0, 0, 0.3), 0 2px 0 -1px rgba(0, 0, 0, 0.1) inset, 0 3px 4px -1px rgba(0, 0, 0, 0.2) inset;
}
.color-scheme-dark input[type=button], .color-scheme-dark input[type=button][disabled],
.color-scheme-dark input[type=button][disabled]:active:hover,
.color-scheme-dark input[type=submit], .color-scheme-dark input[type=submit][disabled],
.color-scheme-dark input[type=submit][disabled]:active:hover,
.color-scheme-dark input[type=reset], .color-scheme-dark input[type=reset][disabled],
.color-scheme-dark input[type=reset][disabled]:active:hover,
.color-scheme-dark button, .color-scheme-dark button[disabled]:focus,
.color-scheme-dark button[disabled]:active:hover, .color-scheme-dark a.button,
.color-scheme-dark a.button[disabled]:focus, .color-scheme-dark a.button[disabled]:active:hover,
.color-scheme-dark select {
border-color: rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.5), 0 2px 0 -1px rgba(255, 255, 255, 0.25) inset, 0 -2px 0 -1px rgba(0, 0, 0, 0.3) inset;
background-image: linear-gradient(rgba(223, 223, 223, 0.1) 0%, rgba(0, 0, 0, 0.15) 100%);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.color-scheme-dark input[type=button][disabled],
.color-scheme-dark input[type=button][disabled]:active:hover,
.color-scheme-dark input[type=submit][disabled],
.color-scheme-dark input[type=submit][disabled]:active:hover,
.color-scheme-dark input[type=reset][disabled],
.color-scheme-dark input[type=reset][disabled]:active:hover,
.color-scheme-dark button[disabled], .color-scheme-dark button[disabled]:focus,
.color-scheme-dark button[disabled]:active:hover, .color-scheme-dark a.button[disabled],
.color-scheme-dark a.button[disabled]:focus, .color-scheme-dark a.button[disabled]:active:hover,
.color-scheme-dark select[disabled], .color-scheme-dark select[disabled].invalid {
border-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.color-scheme-dark input[type=button].primary,
.color-scheme-dark input[type=button].primary:focus,
.color-scheme-dark input[type=button].primary:active,
.color-scheme-dark input[type=button].primary:active:hover,
.color-scheme-dark input[type=submit].primary,
.color-scheme-dark input[type=submit].primary:focus,
.color-scheme-dark input[type=submit].primary:active,
.color-scheme-dark input[type=submit].primary:active:hover,
.color-scheme-dark input[type=reset].primary,
.color-scheme-dark input[type=reset].primary:focus,
.color-scheme-dark input[type=reset].primary:active,
.color-scheme-dark input[type=reset].primary:active:hover,
.color-scheme-dark button.primary, .color-scheme-dark button.primary:active,
.color-scheme-dark a.button.primary, .color-scheme-dark a.button.primary:active {
background-color: #248;
color: #CDF;
}
.color-scheme-dark input[type=button][disabled].primary,
.color-scheme-dark input[type=button][disabled].primary:active:hover,
.color-scheme-dark input[type=submit][disabled].primary,
.color-scheme-dark input[type=submit][disabled].primary:active:hover,
.color-scheme-dark input[type=reset][disabled].primary,
.color-scheme-dark input[type=reset][disabled].primary:active:hover,
.color-scheme-dark button[disabled].primary,
.color-scheme-dark a.button[disabled].primary {
background-color: #347;
color: #717DA3;
}
.color-scheme-dark input[type=button].negative,
.color-scheme-dark input[type=button].negative:focus,
.color-scheme-dark input[type=button].negative:active,
.color-scheme-dark input[type=button].negative:active:hover,
.color-scheme-dark input[type=submit].negative,
.color-scheme-dark input[type=submit].negative:focus,
.color-scheme-dark input[type=submit].negative:active,
.color-scheme-dark input[type=submit].negative:active:hover,
.color-scheme-dark input[type=reset].negative,
.color-scheme-dark input[type=reset].negative:focus,
.color-scheme-dark input[type=reset].negative:active,
.color-scheme-dark input[type=reset].negative:active:hover,
.color-scheme-dark button.negative,
.color-scheme-dark button.negative:active,
.color-scheme-dark a.button.negative,
.color-scheme-dark a.button.negative:active {
background-color: #822;
color: #FCC;
}
.color-scheme-dark input[type=button][disabled].negative,
.color-scheme-dark input[type=button][disabled].negative:active:hover,
.color-scheme-dark input[type=submit][disabled].negative,
.color-scheme-dark input[type=submit][disabled].negative:active:hover,
.color-scheme-dark input[type=reset][disabled].negative,
.color-scheme-dark input[type=reset][disabled].negative:active:hover,
.color-scheme-dark button[disabled].negative,
.color-scheme-dark a.button[disabled].negative {
background-color: #733;
color: #A37171;
}
.color-scheme-dark input[type=button]:focus,
.color-scheme-dark input[type=submit]:focus,
.color-scheme-dark input[type=reset]:focus,
.color-scheme-dark button:focus, .color-scheme-dark a.button:focus,
.color-scheme-dark select:focus {
box-shadow: 0 0 0 3px rgba(63, 127, 255, 0.3), 0 2px 1px -1px rgba(0, 0, 0, 0.5), 0 2px 0 -1px rgba(255, 255, 255, 0.25) inset, 0 -2px 0 -1px rgba(0, 0, 0, 0.3) inset;
}
.color-scheme-dark input[type=button]:active:hover,
.color-scheme-dark input[type=submit]:active:hover,
.color-scheme-dark input[type=reset]:active:hover,
.color-scheme-dark button:active:hover, .color-scheme-dark a.button:active:hover,
.color-scheme-dark select:active {
box-shadow: 0 0 0 3px rgba(63, 127, 255, 0.3), 0 2px 1px -1px rgba(0, 0, 0, 0.5), 0 2px 0 -1px rgba(0, 0, 0, 0.25) inset, 0 3px 4px -1px rgba(0, 0, 0, 0.25) inset;
}
input[type=radio]:focus, input[type=checkbox]:focus,
input[type=radio]:active, input[type=checkbox]:active,
.tabs > .nav > *:focus, .color-scheme-dark .tabs > .nav > *:focus {
box-shadow: 0 0 0 3px rgba(63, 127, 255, 0.3);
}
input[type=radio], input[type=checkbox], input[type=range],
input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=range][disabled],
.color-scheme-dark input[type=radio][disabled],
.color-scheme-dark input[type=checkbox][disabled],
.color-scheme-dark input[type=range][disabled] {
padding: 0;
border: 0;
background-color: transparent;
}
input[disabled], input[disabled]:focus, input[disabled]:active,
input[type=button][disabled], input[type=button][disabled]:focus,
input[type=button][disabled]:active, input[type=button][disabled]:active:hover,
input[type=submit][disabled], input[type=submit][disabled]:focus,
input[type=submit][disabled]:active, input[type=submit][disabled]:active:hover,
input[type=reset][disabled], input[type=reset][disabled]:focus,
input[type=reset][disabled]:active, input[type=reset][disabled]:active:hover,
input[type=radio], input[type=checkbox], input[type=range],
input[type=radio][disabled]:focus, input[type=radio][disabled]:active,
input[type=checkbox][disabled]:focus, input[type=checkbox][disabled]:active,
textarea[disabled], textarea[disabled]:focus, textarea[disabled]:active,
button[disabled], button[disabled]:focus, button[disabled]:active:hover,
a.button[disabled], a.button[disabled]:focus, a.button[disabled]:active:hover,
select[disabled], select[disabled]:focus, select[disabled]:active,
.color-scheme-dark input[type=button][disabled],
.color-scheme-dark input[type=button][disabled]:focus,
.color-scheme-dark input[type=button][disabled]:active,
.color-scheme-dark input[type=button][disabled]:active:hover,
.color-scheme-dark input[type=submit][disabled],
.color-scheme-dark input[type=submit][disabled]:focus,
.color-scheme-dark input[type=submit][disabled]:active,
.color-scheme-dark input[type=submit][disabled]:active:hover,
.color-scheme-dark input[type=reset][disabled],
.color-scheme-dark input[type=reset][disabled]:focus,
.color-scheme-dark input[type=reset][disabled]:active,
.color-scheme-dark input[type=reset][disabled]:active:hover,
.color-scheme-dark input[type=range],
.color-scheme-dark button[disabled], .color-scheme-dark button[disabled]:focus,
.color-scheme-dark button[disabled]:active:hover,
.color-scheme-dark a.button[disabled], .color-scheme-dark a.button[disabled]:focus,
.color-scheme-dark a.button[disabled]:active:hover,
.color-scheme-dark select[disabled], .color-scheme-dark select[disabled]:focus,
.color-scheme-dark select[disabled]:active {
box-shadow: none;
}
input[type=radio], input[type=checkbox], input[type=file], input[type=range],
input[type=button], input[type=submit], input[type=reset],
select, option, button, a.button, label {cursor: pointer}
select[multiple], select[size] {cursor: auto}
input[disabled], textarea[disabled],
select[disabled], select[disabled] option,
button[disabled], a.button[disabled], fieldset > legend {cursor: default}
select, select[disabled], select[disabled]:focus, select[disabled]:active {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-padding-end: 1.8em;
-moz-padding-end: 1.8em;
padding-inline-end: 1.8em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23333' d='M7 2 3 6h8L7 2zM3 8l4 4 4-4H3z'/%3E%3C/svg%3E"), linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.15) 100%);
background-repeat: no-repeat;
background-position: right 0.5em top 50%, center;
background-size: 1em auto, 100%;
}
select[disabled], select[disabled]:focus, select[disabled]:active {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23333' opacity='0.4' d='M7 2 3 6h8L7 2zM3 8l4 4 4-4H3z'/%3E%3C/svg%3E"), linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.15) 100%);
}
select:active {
background-position: right 0.5em top calc(50% + 1px), center;
}
.color-scheme-dark select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23CCC' d='M7 2 3 6h8L7 2zM3 8l4 4 4-4H3z'/%3E%3C/svg%3E"), linear-gradient(rgba(223, 223, 223, 0.1) 0%, rgba(0, 0, 0, 0.15) 100%);
}
.color-scheme-dark select[disabled] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23CCC' opacity='0.3' d='M7 2 3 6h8L7 2zM3 8l4 4 4-4H3z'/%3E%3C/svg%3E"), linear-gradient(rgba(223, 223, 223, 0.1) 0%, rgba(0, 0, 0, 0.15) 100%);
}
[dir=rtl] select,
select[dir=rtl] {background-position: left 0.5em top 50%, center}
select:dir(rtl) {background-position: left 0.5em top 50%, center}
[dir=rtl] select:active,
select[dir=rtl]:active {background-position: left 0.5em top calc(50% + 1px), center}
select:dir(rtl):active {background-position: left 0.5em top calc(50% + 1px), center}
select:focus::-ms-value {
background-color: transparent;
color: inherit;
}
select::-ms-expand {width: 1.15em; opacity: 0}
option, optgroup {
color: inherit;
text-shadow: none;
}
option[disabled], optgroup[disabled] {opacity: 0.5}
optgroup[disabled] option[disabled] {opacity: 1}
option[disabled], optgroup[disabled], optgroup[disabled] option {cursor: default}
option {
margin: 0;
padding: 0.143em 0.357em;
padding-inline: 0.357em;
padding-block: 0.143em;
}
optgroup {
font: inherit;
font-style: normal;
font-weight: bold;
}
optgroup > option {
padding-inline-start: 0;
text-indent: 1em;
}
optgroup > option:before {display: none}
.color-scheme-dark option, .color-scheme-dark optgroup {background-color: #333}
option:hover,
select[multiple] option:hover,
select[size] option:hover {
background-color: rgba(0, 0, 0, 0.1);
color: inherit;
}
.color-scheme-dark option:hover,
.color-scheme-dark select[multiple] option:hover,
.color-scheme-dark select[size] option:hover {
background-color: rgba(255, 255, 255, 0.1);
}
select[multiple][disabled] option:hover,
select[size][disabled] option:hover {
background-color: transparent;
}
option:checked, option:hover:checked,
select[multiple] option:checked, select[multiple] option:hover:checked,
select[size] option:checked, select[size] option:hover:checked {
background-color: #49E;
color: #FFF;
}
select[multiple] option, select[size] option,
select[multiple] optgroup, select[size] optgroup,
option[disabled]:hover, select[multiple] option[disabled]:hover,
select[size] option[disabled]:hover, optgroup[disabled] option:hover,
.color-scheme-dark optgroup[disabled] option:hover {
background-color: transparent;
}
select[multiple], select[size],
select[multiple][disabled], select[size][disabled] {
min-height: 2.143em;
-webkit-padding-end: 0.357em;
-moz-padding-end: 0.357em;
padding-inline-end: 0.357em;
background-image: none;
text-shadow: none;
overflow-x: hidden;
}
input[type=radio], input[type=checkbox] {
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
width: 1.42em;
height: 1.42em;
background: transparent no-repeat;
background-size: 4.27em;
background-position: left top;
filter: alpha(opacity=70);
vertical-align: -32%;
}
input[type=radio][disabled], input[type=checkbox][disabled] {
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: 0.5;
}
input[type=radio]:checked, input[type=checkbox]:checked {
background-position: center top;
}
input[type=radio][disabled]:checked, input[type=checkbox][disabled]:checked {
background-position: right top;
}
input[type=radio]::-ms-check, input[type=checkbox]::-ms-check {opacity: 0}
input[type=radio] {
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='20'%3E%3Cpath fill='%23888' d='M10 1a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 2a7 7 0 0 1 0 14 7 7 0 1 1 0-14z'/%3E%3Cpath fill='%2349E' d='M30 1a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 2a7 7 0 0 1 0 14 7 7 0 1 1 0-14zm0 1.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z'/%3E%3Cpath fill='%23888' d='M50 1a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 2a7 7 0 0 1 0 14 7 7 0 1 1 0-14zm0 1.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z'/%3E%3C/svg%3E");
}
input[type=checkbox] {
border-radius: 0.25em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='20'%3E%3Cpath fill='%23888' d='M3 1a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Zm0 2h14v14H3Z'/%3E%3Cpath fill='%2349E' d='M23 1a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Zm12 3.78c.2 0 .37.1.5.22l1 1c.13.13.22.3.22.5s-.1.37-.22.5l-8 8a.7.7 0 0 1-.5.22c-.2 0-.37-.1-.5-.22l-4-4a.7.7 0 0 1-.22-.5c0-.2.1-.37.22-.5l1-1a.7.7 0 0 1 .5-.22c.2 0 .37.1.5.22l2.5 2.5L34.5 5a.7.7 0 0 1 .5-.22Z'/%3E%3Cpath fill='%23888' d='M43 1a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Zm12 3.78c.2 0 .37.1.5.22l1 1c.13.13.22.3.22.5s-.1.37-.22.5l-8 8a.7.7 0 0 1-.5.22c-.2 0-.37-.1-.5-.22l-4-4a.7.7 0 0 1-.22-.5c0-.2.1-.37.22-.5l1-1a.7.7 0 0 1 .5-.22c.2 0 .37.1.5.22l2.5 2.5L54.5 5a.7.7 0 0 1 .5-.22Z'/%3E%3C/svg%3E");
}
input[type=file] {
position: relative;
padding: 0 0.572em;
-webkit-padding-end: 2.929em;
-moz-padding-end: 2.929em;
padding-inline-end: 2.929em;
line-height: 2.286;
overflow: hidden;
}
input[type=file]::file-selector-button {
position: absolute;
top: 0; right: 0; bottom: 0;
width: 2.357em;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: inherit;
color: transparent;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.1);
background-repeat: no-repeat;
background-size: 1.428em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17'%3E%3Cpath fill='%23555' d='M10 0 4.8 4.9h3.3V10h3.8V4.9h3.3L10 0zm9.3 11.5-3.2-2.1h-2l3.4 2.6H14l-.2.1-.8 2.3H7l-.8-2.2L6 12H2.4l3.4-2.6h-2L.6 11.5c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9L20 13c.1-.5-.2-1.2-.7-1.5z'/%3E%3C/svg%3E");
}
input[type=file]::-webkit-file-upload-button {
position: absolute;
top: 0; right: 0; bottom: 0;
width: 2.357em;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: inherit;
color: transparent;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.1);
background-repeat: no-repeat;
background-size: 1.428em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17'%3E%3Cpath fill='%23555' d='M10 0 4.8 4.9h3.3V10h3.8V4.9h3.3L10 0zm9.3 11.5-3.2-2.1h-2l3.4 2.6H14l-.2.1-.8 2.3H7l-.8-2.2L6 12H2.4l3.4-2.6h-2L.6 11.5c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9L20 13c.1-.5-.2-1.2-.7-1.5z'/%3E%3C/svg%3E");
}
input[type=file]::-ms-browse {
width: 2.357em;
margin: 0;
padding: 0;
margin-right: -0.572em;
border: 0;
outline: 0;
font-size: inherit;
color: transparent;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.1);
background-repeat: no-repeat;
background-size: 1.428em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17'%3E%3Cpath fill='%23555' d='M10 0 4.8 4.9h3.3V10h3.8V4.9h3.3L10 0zm9.3 11.5-3.2-2.1h-2l3.4 2.6H14l-.2.1-.8 2.3H7l-.8-2.2L6 12H2.4l3.4-2.6h-2L.6 11.5c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9L20 13c.1-.5-.2-1.2-.7-1.5z'/%3E%3C/svg%3E");
}
input[type=file]::file-selector-button,
input[type=file][disabled]::file-selector-button:active {
background-position: center;
}
input[type=file]::-webkit-file-upload-button,
input[type=file][disabled]::-webkit-file-upload-button:active {
background-position: center;
}
input[type=file]::-ms-browse,
input[type=file][disabled]::-ms-browse:active {
background-position: center;
}
input[type=file]::file-selector-button:active {
background-position: left 50% top calc(50% + 1px);
}
input[type=file]::-webkit-file-upload-button:active {
background-position: left 50% top calc(50% + 1px);
}
input[type=file]::-ms-browse:active {
background-position: left 50% top calc(50% + 1px);
}
input[type=file][disabled]::file-selector-button {
opacity: 0.5;
cursor: default;
}
input[type=file][disabled]::-webkit-file-upload-button {
opacity: 0.5;
cursor: default;
}
input[type=file][disabled]::-ms-browse {
opacity: 0.5;
cursor: default;
}
.color-scheme-dark input[type=file]::file-selector-button {
background-color: rgba(255, 255, 255, 0.1);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17'%3E%3Cpath fill='%23CCC' d='M10 0 4.8 4.9h3.3V10h3.8V4.9h3.3L10 0zm9.3 11.5-3.2-2.1h-2l3.4 2.6H14l-.2.1-.8 2.3H7l-.8-2.2L6 12H2.4l3.4-2.6h-2L.6 11.5c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9L20 13c.1-.5-.2-1.2-.7-1.5z'/%3E%3C/svg%3E");
}
.color-scheme-dark input[type=file]::-webkit-file-upload-button {
background-color: rgba(255, 255, 255, 0.1);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17'%3E%3Cpath fill='%23CCC' d='M10 0 4.8 4.9h3.3V10h3.8V4.9h3.3L10 0zm9.3 11.5-3.2-2.1h-2l3.4 2.6H14l-.2.1-.8 2.3H7l-.8-2.2L6 12H2.4l3.4-2.6h-2L.6 11.5c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9L20 13c.1-.5-.2-1.2-.7-1.5z'/%3E%3C/svg%3E");
}
.color-scheme-dark input[type=file]::-ms-browse {
background-color: rgba(255, 255, 255, 0.1);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17'%3E%3Cpath fill='%23CCC' d='M10 0 4.8 4.9h3.3V10h3.8V4.9h3.3L10 0zm9.3 11.5-3.2-2.1h-2l3.4 2.6H14l-.2.1-.8 2.3H7l-.8-2.2L6 12H2.4l3.4-2.6h-2L.6 11.5c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9L20 13c.1-.5-.2-1.2-.7-1.5z'/%3E%3C/svg%3E");
}
input[type=file]::-ms-value {
width: 100%;
height: 2.357em;
border: 0;
background-color: transparent;
color: inherit;
}
input[type=number],
input[type=number][disabled]:hover,
input[type=number][disabled]:focus,
input.polyfill[data-input-type=number] {
-moz-appearance: textfield;
-webkit-padding-end: 1.75em;
position: relative;
background-repeat: no-repeat;
background-position: right 0.7em top 50%;
background-size: 1em auto;
}
input.polyfill[data-input-type=number].padding-ltr {padding-right: 2em}
input.polyfill[data-input-type=number].padding-rtl {padding-left: 2em}
input.polyfill[data-input-type=number].spin-btn-hover {cursor: pointer}
input[type=number],
input.polyfill[data-input-type=number] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23333' opacity='0.8' d='M7 1 3 5h8L7 1zM3 9l4 4 4-4H3z'/%3E%3C/svg%3E");
}
input[type=number][disabled],
input.polyfill[data-input-type=number][disabled] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23333' opacity='0.25' d='M7 1 3 5h8L7 1zM3 9l4 4 4-4H3z'/%3E%3C/svg%3E");
}
.color-scheme-dark input[type=number],
.color-scheme-dark input.polyfill[data-input-type=number] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23CCC' opacity='0.8' d='M7 1 3 5h8L7 1zM3 9l4 4 4-4H3z'/%3E%3C/svg%3E");
}
.color-scheme-dark input[type=number][disabled],
.color-scheme-dark input.polyfill[data-input-type=number][disabled] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23CCC' opacity='0.25' d='M7 1 3 5h8L7 1zM3 9l4 4 4-4H3z'/%3E%3C/svg%3E");
}
[dir=rtl] input[type=number],
[dir=rtl] input.polyfill[data-input-type=number],
input[type=number][dir=rtl],
input.polyfill[data-input-type=number][dir=rtl] {background-position: left 0.7em top 50%}
input[type=number]:dir(rtl),
input.polyfill[data-input-type=number]:dir(rtl) {background-position: left 0.7em top 50%}
input[type=number]:hover, input[type=number]:focus {-moz-appearance: auto}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
position: absolute;
top: 0.3em;
right: 0.55em;
bottom: 0.3em;
width: 1.25em;
border-radius: 0.2em;
cursor: pointer;
}
input[type=number]::-webkit-inner-spin-button {
visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
}
.color-scheme-dark input[type=number]::-webkit-outer-spin-button,
.color-scheme-dark input[type=number]::-webkit-inner-spin-button {
background-color: rgba(255, 255, 255, 0.1);
}
input[type=number]:hover::-webkit-inner-spin-button,
input[type=number]:active::-webkit-inner-spin-button {visibility: visible}
input[type=number][disabled]:hover::-webkit-inner-spin-button,
input[type=number][disabled]:active::-webkit-inner-spin-button {visibility: hidden}
[dir=rtl] input[type=number]::-webkit-outer-spin-button,
[dir=rtl] input[type=number]::-webkit-inner-spin-button,
input[type=number][dir=rtl]::-webkit-outer-spin-button,
input[type=number][dir=rtl]::-webkit-inner-spin-button {
left: 0.55em;
right: auto;
}
input[type=number]:dir(rtl)::-webkit-outer-spin-button,
input[type=number]:dir(rtl)::-webkit-inner-spin-button {
left: 0.55em;
right: auto;
}
input[type=number]::-ms-clear,
input.polyfill[data-input-type=number]::-ms-clear {display: none}
input[type=range], input.polyfill[data-input-type=range] {
height: 2em;
font-size: 1em;
}
input[type=range][disabled], input.polyfill[data-input-type=range][disabled] {opacity: 0.5}
input[type=range] {
-webkit-appearance: none;
-moz-padding-start: 3px;
-moz-padding-end: 3px;
}
input[type=range]::-webkit-slider-runnable-track {
height: 0.5em;
margin: 3px;
border-radius: 0.25em;
background: rgba(136, 136, 136, 0.5);
background-image: linear-gradient(to right, #37B var(--range-progress), transparent var(--range-progress));
}
[dir=rtl] input[type=range]::-webkit-slider-runnable-track,
input[type=range][dir=rtl]::-webkit-slider-runnable-track {
background-image: linear-gradient(to left, #37B var(--range-progress), transparent var(--range-progress));
}
input[type=range]:dir(rtl)::-webkit-slider-runnable-track {
background-image: linear-gradient(to left, #37B var(--range-progress), transparent var(--range-progress));
}
input[type=range][disabled]::-webkit-slider-runnable-track {background-image: none}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 1em;
height: 1em;
margin-top: -0.25em;
border: 0;
border-radius: 50%;
background: #333;
}
input[type=range]:focus::-webkit-slider-thumb {box-shadow: 0 0 0 3px rgba(63, 127, 255, 0.5)}
.color-scheme-dark input[type=range]::-webkit-slider-thumb {background: #DDD}
input[type=range]::-moz-range-track,
input[type=range]::-moz-range-progress {
height: 0.5em;
border-radius: 0.25em;
}
input[type=range]::-moz-range-track {background: rgba(136, 136, 136, 0.5)}
input[type=range]::-moz-range-progress {background: #37B}
input[type=range]:dir(ltr)::-moz-range-progress {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
input[type=range]:dir(rtl)::-moz-range-progress {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
input[type=range][disabled]::-moz-range-progress {visibility: hidden}
input[type=range]::-moz-range-thumb {
width: 1em;
height: 1em;
border: 0;
border-radius: 50%;
background: #333;
}
input[type=range]:focus::-moz-range-thumb {box-shadow: 0 0 0 3px rgba(63, 127, 255, 0.5)}
.color-scheme-dark input[type=range]::-moz-range-thumb {background: #DDD}
input[type=range]::-ms-track,
input[type=range]::-ms-fill-lower,
[dir=rtl] input[type=range]::-ms-fill-lower,
input[type=range][dir=rtl]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
height: 0.5em;
border: 0;
border-radius: 0.25em;
}
input[type=range]::-ms-track {
margin: 3px;
background: rgba(136, 136, 136, 0.5);
color: transparent;
}
input[type=range]::-ms-fill-upper {background: transparent}
input[type=range]::-ms-fill-lower {background: #37B}
input[type=range][disabled]::-ms-fill-lower {visibility: hidden}
input[type=range]::-ms-fill-lower {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir=rtl] input[type=range]::-ms-fill-lower,
input[type=range][dir=rtl]::-ms-fill-lower {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
input[type=range]::-ms-thumb {
width: 1em;
height: 1em;
margin: 3px;
border: 0;
border-radius: 50%;
background: #333;
}
input[type=range]:focus::-ms-thumb {box-shadow: 0 0 0 3px rgba(63, 127, 255, 0.5)}
.color-scheme-dark input[type=range]::-ms-thumb {background: #DDD}
input[type=range]::-ms-ticks-before,
input[type=range]::-ms-ticks-after {display: none}
input[type=range]::-ms-tooltip {display: none}
input.polyfill[data-input-type=range],
input.polyfill[data-input-type=range]:focus,
input.polyfill[data-input-type=range]:active,
input.polyfill[data-input-type=range][disabled],
input.polyfill[data-input-type=range][disabled]:focus,
input.polyfill[data-input-type=range][disabled]:active {
border: 0;
box-shadow: none;
}
input.polyfill[data-input-type=range] {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
padding: 0;
background-color: transparent;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23333' ry='8'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23DDD' ry='8'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='16' height='16' fill='rgba(63, 127, 255, 0.5)' ry='8'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' x='3' fill='%2337B' ry='4'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' x='3' fill='rgba(136, 136, 136, 0.5)' ry='4'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' x='-3' fill='%2337B' ry='4'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' x='-3' fill='rgba(136, 136, 136, 0.5)' ry='4'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' x='0' fill='%2337B'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' x='0' fill='rgba(136, 136, 136, 0.5)'/%3E%3C/svg%3E");
background-position-x: 3px, 3px, left, left, left, right, right, calc(1em / 2), calc(1em / 2);
background-position-y: center, -10em, -10em, center, -10em, -10em, center, center, center;
background-repeat: no-repeat;
background-size: 1em, 1em, calc(1em + 6px), 0.5em, 0.5em, 0.5em, 0.5em, 0 0.5em, calc(100% - 1em) 0.5em;
color: transparent;
text-indent: -9999em;
overflow: hidden;
cursor: pointer;
}
input.polyfill[data-input-type=range]:focus {
background-position-y: center, -10em, center, center, -10em, -10em, center, center, center;
}
input.polyfill[data-input-type=range][disabled] {
background-position-y: center, -10em, -10em, -10em, center, -10em, center, -10em, center;
cursor: default;
}
.color-scheme-dark input.polyfill[data-input-type=range] {
background-position-y: -10em, center, -10em, center, -10em, -10em, center, center, center;
}
.color-scheme-dark input.polyfill[data-input-type=range]:focus {
background-position-y: -10em, center, center, center, -10em, -10em, center, center, center;
}
.color-scheme-dark input.polyfill[data-input-type=range][disabled] {
background-position-y: -10em, center, -10em, -10em, center, -10em, center, -10em, center;
}
[dir=rtl] input.polyfill[data-input-type=range],
input.polyfill[data-input-type=range][dir=rtl] {
background-position-x: calc(100% - 3px), calc(100% - 3px), right, left, left, right, right, calc(1em / 2), calc(1em / 2);
background-position-y: center, -10em, -10em, -10em, center, center, -10em, center, center;
}
[dir=rtl] input.polyfill[data-input-type=range]:focus,
input.polyfill[data-input-type=range][dir=rtl]:focus {
background-position-y: center, -10em, center, -10em, center, center, -10em, center, center;
}
[dir=rtl] input.polyfill[data-input-type=range][disabled],
input.polyfill[data-input-type=range][dir=rtl][disabled] {
background-position-y: center, -10em, -10em, -10em, center, -10em, center, -10em, center;
}
[dir=rtl] .color-scheme-dark input.polyfill[data-input-type=range],
.color-scheme-dark[dir=rtl] input.polyfill[data-input-type=range],
.color-scheme-dark [dir=rtl] input.polyfill[data-input-type=range],
.color-scheme-dark input.polyfill[data-input-type=range][dir=rtl] {
background-position-y: -10em, center, -10em, -10em, center, center, -10em, center, center;
}
[dir=rtl] .color-scheme-dark input.polyfill[data-input-type=range]:focus,
.color-scheme-dark[dir=rtl] input.polyfill[data-input-type=range]:focus,
.color-scheme-dark [dir=rtl] input.polyfill[data-input-type=range]:focus,
.color-scheme-dark input.polyfill[data-input-type=range][dir=rtl]:focus {
background-position-y: -10em, center, center, -10em, center, center, -10em, center, center;
}
[dir=rtl] .color-scheme-dark input.polyfill[data-input-type=range][disabled],
.color-scheme-dark[dir=rtl] input.polyfill[data-input-type=range][disabled],
.color-scheme-dark [dir=rtl] input.polyfill[data-input-type=range][disabled],
.color-scheme-dark input.polyfill[data-input-type=range][dir=rtl][disabled] {
background-position-y: -10em, center, -10em, -10em, center, -10em, center, -10em, center;
}
.form-msg {
padding: 0.25em 0.5em;
border-radius: 0.357em;
border: 1px solid rgba(191, 191, 191, 1);
background-color: rgba(127, 127, 127, 0.15);
color: currentColor;
transform: scaleY(1);
transform-origin: top;
transition: transform 0.2s ease;
-ms-transition: visibility 0s step-end, margin 0.2s ease, padding 0.2s ease, line-height 0.2s ease, color 0.2s ease;
}
.form-msg:empty, .form-msg.attached:empty {
visibility: hidden;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
border-width: 0;
line-height: 0;
color: rgba(0, 0, 0, 0);
transform: scaleY(0);
transition: transform 0.2s ease, visibility 0s step-end 0.2s, margin 0s step-end 0.2s, padding 0s step-end 0.2s, border-width 0s step-end 0.2s, line-height 0s step-end 0.2s;
-ms-transition: margin 0.2s ease, padding 0.2s ease, line-height 0.2s ease, color 0.2s ease, visibility 0s step-end 0.2s, border-width 0s step-end 0.2s, transform 0s step-end 0.2s;
}
.form-msg:empty:after {content: '\00a0'}
.color-scheme-dark .form-msg {border-color: rgba(95, 95, 95, 1)}
.form-msg.attached {
position: relative;
margin-top: -0.25em;
}
.form-msg.attached:before {
content: '';
position: absolute;
top: -0.5em;
display: block;
border: 0.5em solid;
border-color: rgba(191, 191, 191, 1) transparent;
border-top: none;
}
.color-scheme-dark .form-msg.attached:before {border-color: rgba(127, 127, 127, 1) transparent}
.form-msg.valid {
border-color: rgba(127, 191, 127, 1);
background-color: rgba(0, 255, 0, 0.25);
color: rgba(0, 127, 0, 1);
}
.form-msg.valid:before {border-color: rgba(127, 191, 127, 1) transparent}
.color-scheme-dark .form-msg.valid {
border-color: rgba(63, 127, 63, 1);
background-color: rgba(0, 255, 0, 0.25);
color: rgba(127, 255, 127, 1);
}
.color-scheme-dark .form-msg.valid:before {border-color: rgba(63, 127, 63, 1) transparent}
.form-msg.invalid {
border-color: rgba(255, 127, 127, 1);
background-color: rgba(255, 0, 0, 0.25);
color: rgba(223, 31, 31, 1);
}
.form-msg.invalid:before {border-color: rgba(255, 127, 127, 1) transparent}
.color-scheme-dark .form-msg.invalid {
border-color: rgba(191, 95, 95, 1);
background-color: rgba(255, 0, 0, 0.25);
color: rgba(255, 159, 159, 1);
}
.color-scheme-dark .form-msg.invalid:before {border-color: rgba(191, 95, 95, 1) transparent}
fieldset {
border: 1px solid rgba(0, 0, 0, 0.25);
padding: 0.5em;
}
.color-scheme-dark fieldset {border-color: rgba(255, 255, 255, 0.25)}
fieldset, fieldset > legend {border-radius: 0.357em}
fieldset > legend {
display: block;
float: left;
width: 100%;
margin-bottom: 0.5em;
padding: 0.25em 0.5em;
background-color: rgba(127, 127, 127, 0.25);
font-weight: bold;
text-shadow: 0 1px 0 #FFF;
}
.color-scheme-dark fieldset > legend {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
fieldset > legend + * {clear: both}
.tabs > .nav, .tabs > .nav > *, .tabs > .content {border: 1px solid rgba(0, 0, 0, 0.25)}
.color-scheme-dark .tabs > .nav,
.color-scheme-dark .tabs > .nav > *,
.color-scheme-dark .tabs > .nav > *:focus,
.color-scheme-dark .tabs > .nav > *:active:hover,
.color-scheme-dark .tabs > .content {border: 1px solid rgba(255, 255, 255, 0.25)}
.tabs > .nav, .color-scheme-dark .tabs > .nav {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-top-left-radius: 0.215em;
}
.tabs > .nav > *, .tabs > .nav > .active, .tabs > .nav > *:active,
.color-scheme-dark .tabs > .nav > *, .color-scheme-dark .tabs > .nav > .active,
.color-scheme-dark .tabs > .nav > *:focus,
.color-scheme-dark .tabs > .nav > *:active,
.color-scheme-dark .tabs > .nav > *:active:hover {
position: relative;
float: left;
margin: 0;
border-left-style: none;
border-bottom-style: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
overflow: visible;
cursor: pointer;
}
.tabs > .nav > *, .tabs > .nav > .active,
.color-scheme-dark .tabs > .nav > .active {box-shadow: none}
.tabs > .nav > [disabled], .color-scheme-dark .tabs > .nav > [disabled]:active,
.color-scheme-dark .tabs > .nav > [disabled]:focus {cursor: default}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.tabs > .nav > button:active:hover {
padding: calc(0.357em - 1px) calc(0.714em + 1px) calc(0.357em + 1px) calc(0.714em - 1px);
}
}
.tabs > .nav > .active, .tabs > .nav > .active:active:hover,
.color-scheme-dark .tabs > .nav > .active,
.color-scheme-dark .tabs > .nav > .active:active:hover {
background-color: rgba(255, 255, 255, 0.5);
background-image: none;
cursor: default;
}
.tabs > .nav > .active:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -1px;
display: block;
border-color: #FFF;
border-width: 1px;
border-bottom-style: solid;
}
.color-scheme-dark .tabs > .nav > .active,
.color-scheme-dark .tabs > .nav > .active:active:hover {background-color: rgba(0, 0, 0, 0.3)}
.color-scheme-dark .tabs > .nav > .active:after {border-color: rgba(0, 0, 0, 0.65)}
.tabs > .nav:after {
content: '';
clear: both;
display: block;
font-size: 0;
}
.tabs > .content {
border-radius: 0.357em;
border-top-left-radius: 0;
}
.tabs > .content > * {
display: none;
padding: 0.5em;
}
.tabs > .content > .active {display: block}
.tabs.vertical {
display: table;
border-collapse: separate;
border-spacing: 0;
}
.tabs.vertical > .nav, .tabs.vertical > .content {
display: table-cell;
vertical-align: top;
}
.tabs.vertical > .nav {
border-top-style: solid;
border-left-style: none;
}
.tabs.vertical > .nav > *, .tabs.vertical > .nav > .active,
.tabs.vertical > .nav > *:focus, .tabs.vertical > .nav > *:active,
.tabs.vertical > .nav > *:active:hover {
float: none;
width: 100%;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-top-right-radius: 0;
border-bottom-left-radius: 0.215em;
white-space: nowrap;
}
.tabs.vertical > .nav > .active:after {
left: auto;
top: 0;
bottom: 0;
right: -1px;
border-bottom-style: none;
border-right-style: solid;
}
.tabs.vertical > .content {
width: 100%;
border-bottom-left-radius: 0;
}
fieldset, .tabs > .content {
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
.color-scheme-dark fieldset, .color-scheme-dark .tabs > .content {
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
}
body.modal-maximized {margin: 0; height: 100%; overflow: hidden}
.modal-container {
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
z-index: 1000;
}
.modal-overlay {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0);
opacity: 1;
transition: opacity 0.3s ease;
}
.modal-overlay.closed {opacity: 0}
.modal-overlay:first-child {background-color: rgba(31, 31, 31, 0.75)}
.modal-overlay:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
.modal-window {
position: relative;
display: inline-block;
margin-right: 0.5em;
border: 1px solid transparent;
border-radius: 0.357em;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.75);
background-color: #FFF;
vertical-align: middle;
text-align: left;
text-align: start;
transform: scale(1);
filter: contrast(50%) brightness(50%);
transition: transform 0.3s ease-out, filter 0.5s ease;
}
.modal-overlay:last-child > .modal-window {
filter: contrast(100%) brightness(100%);
transition: transform 0.3s ease-out, filter 0.3s ease;
}
.modal-overlay.closed > .modal-window {transform: scale(0.8)}
.color-scheme-dark .modal-window {
border-color: rgba(255, 255, 255, 0.15);
background-color: #333;
}
.modal-window.maximized {
width: 100%;
height: 100%;
margin: 0;
border: 0;
border-radius: 0;
}
.modal-window.maximized,
.modal-overlay.closed > .modal-window.maximized {transform: none}
.modal-window > .close-button {
position: absolute;
top: -1em; right: -1em;
z-index: 1;
width: 2em;
height: 2em;
border-radius: 50%;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
background-color: #FFF;
cursor: pointer;
}
.color-scheme-dark .modal-window > .close-button {background-color: #444}
.modal-window.maximized > .close-button {
top: 1.5em; right: 1.5em;
width: 2em;
height: 2em;
border-radius: 0;
box-shadow: none;
background-color: transparent;
}
.modal-window.maximized > .close-button:before,
.modal-window.maximized > .close-button:after {
height: 1.5em;
margin-top: -0.75em;
}
.modal-window > .close-button:before,
.modal-window > .close-button:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0.125em;
height: 1em;
margin-top: -0.47em;
margin-left: -0.05em;
background-color: #555;
}
.color-scheme-dark .modal-window > .close-button:before,
.color-scheme-dark .modal-window > .close-button:after {
background-color: #DDD;
}
.modal-window > .close-button:before {transform: rotate(45deg)}
.modal-window > .close-button:after {transform: rotate(-45deg)}
.modal-content {
padding: 0.75em;
overflow: auto;
}
.modal-window.maximized > .modal-content {
width: 100%;
height: 100%;
}
.modal-window:not(.maximized) > .modal-content,
.modal-window:not(.maximized) > .modal-content img {
max-width: 80vw;
max-width: calc(100vw - 4em - 2px);
max-height: 85vh;
max-height: calc(100vh - 4em - 2px);
}
.modal-content > img, .modal-viewer .panel > img {
width: auto;
height: auto;
}
.modal-window.maximized > .modal-content img {
max-width: 100%;
max-height: 100%;
}
.modal-window:fullscreen > .modal-content img,
.modal-window > .modal-content:fullscreen img,
.modal-window > .modal-content :fullscreen img {
max-width: 100%;
max-height: 100%;
}
.modal-content .panel > * {vertical-align: middle}
.modal-content > .hidden {display: block}
.modal-content > *, .modal-content > * > *:last-child {margin-bottom: 0}
.modal-viewer.maximized {
padding: 0;
background-color: rgba(15, 15, 15, 0.75);
}
.modal-viewer.maximized > .close-button {visibility: hidden}
.modal-viewer .modal-content {
position: relative;
padding: 0;
text-align: center;
overflow: hidden;
}
.modal-viewer .modal-content::backdrop {background-color: #222}
.modal-viewer.dragging .modal-content,
.modal-viewer.dragging .modal-content * {cursor: grabbing}
.modal-viewer:not(.maximized) .modal-content {
min-width: 12em;
min-height: 9em;
}
.modal-viewer .toolbar {
position: absolute;
top: 0;
right: 0;
z-index: 2;
transition: top 0.4s ease;
}
.modal-viewer.controls-hidden .toolbar {
top: -3.125em;
visibility: hidden;
transition: visibility 0s step-end 0.4s, top 0.4s ease;
}
.modal-viewer .toolbar > button, .modal-viewer .toolbar > button[disabled],
.modal-viewer button[name=prev], .modal-viewer button[name=next] {
min-width: auto;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
}
.modal-viewer .toolbar > button:focus,
.modal-viewer button[name=prev]:focus, .modal-viewer button[name=next]:focus {
box-shadow: none;
}
.modal-viewer .toolbar > button:focus-visible,
.modal-viewer button[name=prev]:focus-visible, .modal-viewer button[name=next]:focus-visible {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75);
}
.modal-viewer .toolbar > button {
position: relative;
width: 3em;
height: 3em;
float: left;
font-size: inherit;
transition: background-color 0.2s ease;
cursor: pointer;
}
.modal-viewer .toolbar > button:first-child {border-bottom-left-radius: 0.5em}
.modal-viewer .toolbar > button:hover {background-color: rgba(40, 40, 40, 0.5)}
.modal-viewer .toolbar > button[disabled] {cursor: default}
.modal-viewer .toolbar > button, .modal-viewer .toolbar > button[disabled],
.modal-viewer .toolbar > button[disabled]:active:hover {background: rgba(0, 0, 0, 0.5)}
.modal-viewer .toolbar > button[name=close] {display: none}
.modal-viewer.maximized .toolbar > button[name=close] {display: block}
.modal-viewer :fullscreen .toolbar > button[name=close] {display: block}
.modal-viewer .toolbar > button > .progressbar {
position: absolute;
left: 0; bottom: 0;
width: 100%;
height: 10%;
background-color: rgba(127, 127, 255, 0.5);
transform: scaleX(1);
transform-origin: left;
transition: transform 0s linear;
}
.modal-viewer .toolbar > button > .progressbar.progress-start {
transform: scaleX(0);
transition: none;
}
.modal-viewer .toolbar > button:before {
content: '';
position: absolute;
top: 0; left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 1.5em;
opacity: 0.75;
transition: opacity 0.2s ease;
}
.modal-viewer .toolbar > button[disabled]:before {opacity: 0.35}
.modal-viewer .toolbar > button[name=zoom-out]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-width='2' d='m21 21-3.5-3.5M7 10h6m4 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z'/%3E%3C/svg%3E");
}
.modal-viewer .toolbar > button[name=zoom-in]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-width='2' d='m21 21-3.5-3.5M10 7v6m-3-3h6m4 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z'/%3E%3C/svg%3E");
}
.modal-viewer .toolbar > button[name=slideshow]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23FFF' stroke-linejoin='round' stroke-width='2' d='M6 20V4l12 8z'/%3E%3C/svg%3E");
}
.modal-viewer .toolbar > button[name=slideshow].active:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linejoin='round' stroke-width='2' d='M9 4v16V4zm6 0v16V4z'/%3E%3C/svg%3E");
}
.modal-viewer .toolbar > button[name=fullscreen]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-width='2' d='M9 3H5a2 2 0 0 0-2 2v4m18 0V5a2 2 0 0 0-2-2h-4M3 15v4c0 1.1.9 2 2 2h4m6 0h4a2 2 0 0 0 2-2v-4'/%3E%3C/svg%3E");
}
.modal-viewer :fullscreen .toolbar > button[name=fullscreen]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-width='2' d='M21 15h-4a2 2 0 0 0-2 2v4m-6 0v-4a2 2 0 0 0-2-2H3M15 3v4c0 1.1.9 2 2 2h4M3 9h4a2 2 0 0 0 2-2V3'/%3E%3C/svg%3E");
}
.modal-viewer .toolbar > button[name=close]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18 18 6m0 12L6 6'/%3E%3C/svg%3E");
}
.modal-viewer button[name=prev], .modal-viewer button[name=next] {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: 5em;
background-repeat: no-repeat;
background-position: center;
background-size: 2.25em;
opacity: 0.75;
filter: drop-shadow(0 1px 1px rgb(0, 0, 0, 0.75));
cursor: pointer;
transition: opacity 0.4s ease, left 0.4s ease, right 0.4s ease;
}
.modal-viewer.controls-hidden button[name=prev],
.modal-viewer.controls-hidden button[name=next] {
visibility: hidden;
transition: visibility 0s step-end 0.4s, left 0.4s ease, right 0.4s ease;
}
.modal-viewer button[name=prev]:hover, .modal-viewer button[name=next]:hover {opacity: 1}
.modal-viewer button[name=prev].disabled, .modal-viewer button[name=next].disabled {
visibility: hidden;
opacity: 0;
cursor: grab;
transition: visibility 0s step-end 0.4s, opacity 0.4s ease;
}
.modal-viewer button[name=prev] {
left: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M22 2 6 18l16 16'/%3E%3C/svg%3E");
}
.modal-viewer.controls-hidden button[name=prev] {left: -5.125em}
.modal-viewer button[name=next] {
right: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m14 2 16 16-16 16'/%3E%3C/svg%3E");
}
.modal-viewer.controls-hidden button[name=next] {right: -5.125em}
.modal-viewer .panels {
position: relative;
height: 100%;
cursor: grab;
transform: translateX(0);
transition: transform 0.5s cubic-bezier(.17,.84,.44,1);
}
.modal-viewer.dragging .panels {transition: none}
.modal-viewer .panel {
position: relative;
height: 100%;
overflow: hidden;
}
.modal-viewer .panel.prev, .modal-viewer .panel.next {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
}
.modal-viewer .panel.prev {
left: -100%;
right: 100%;
}
.modal-viewer .panel.next {
left: 100%;
right: -100%;
}
.modal-viewer .panel > img {opacity: 1}
.modal-viewer .panel > img.force-render {
position: fixed;
z-index: 1;
top: 0;
left: 0;
visibility: hidden;
}
.modal-viewer .panel > img,
.modal-viewer .panel .crossfade-panel > img {
user-select: none;
transition: opacity 0.4s ease;
}
.modal-viewer .panel.crossfade > img {
opacity: 0;
transition: none;
}
.modal-viewer .crossfade-panel {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
z-index: 1;
}
.modal-viewer .panel .crossfade-panel > img {opacity: 0}
.modal-viewer .panel.crossfade .crossfade-panel > img {opacity: 1}
.modal-viewer .panel .scalable {transition: opacity 0.4s ease, transform 0.2s ease}
.modal-viewer.dragging .panel .scalable.scaled,
.modal-viewer .panel .scalable.scaled.drifting {transition: none}
.modal-viewer .panel:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
.modal-viewer:not(.maximized) .panel:before {min-height: 8em}
.modal-viewer .panel.loading:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 4em;
height: 4em;
margin-left: -2em;
margin-top: -2em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cstyle%3E@keyframes spinner%7Bto%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cpath fill='%23FFF' d='M12 1a11 11 0 1 0 11 11A11 11 0 0 0 12 1Zm0 19a8 8 0 1 1 8-8 8 8 0 0 1-8 8Z' opacity='.25'/%3E%3Cpath fill='%23FFF' d='M10.14 1.16a11 11 0 0 0-9 8.92A1.59 1.59 0 0 0 2.46 12a1.52 1.52 0 0 0 1.65-1.3 8 8 0 0 1 6.66-6.61A1.42 1.42 0 0 0 12 2.69a1.57 1.57 0 0 0-1.86-1.53Z' style='animation:spinner .75s infinite linear' transform-origin='center'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 4em;
}
.modal-viewer .counter, .modal-viewer .title {
line-height: 1.5;
color: #FFF;
opacity: 0.8;
user-select: none;
}
.modal-viewer .counter {
position: absolute;
top: 0.5em; left: 1em;
z-index: 1;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
opacity: 1;
transition: opacity 0.4s ease;
}
.modal-viewer.controls-hidden .counter {
visibility: hidden;
opacity: 0;
transition: visibility 0s step-end 0.4s, opacity 0.4s ease;
}
.modal-viewer .bottom-panel {
position: absolute;
bottom: 0; left: 0; right: 0;
text-align: center;
opacity: 1;
transition: opacity 0.4s ease;
cursor: grab;
}
.modal-viewer.controls-hidden .bottom-panel {
visibility: hidden;
opacity: 0;
transition: visibility 0s step-end 0.4s, opacity 0.4s ease;
}
.modal-viewer .title {
display: inline-block;
max-height: 11em;
margin: 0 7em 0.5em;
padding: 0.25em 0.75em;
border-radius: 0.5em;
background-color: rgba(0, 0, 0, 0.4);
overflow: hidden;
display: -webkit-inline-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
.modal-viewer .title:empty {visibility: hidden}
@media screen and (max-width: 640px) { .modal-viewer .title {
margin-left: 0.5em;
margin-right: 0.5em;
}}
.menubar.closed {overflow: hidden}
.fmt-text .menubar {padding: 0}
.menubar li {position: relative}
.menubar li, .touch-menu-wrapper li {
display: block;
max-width: 100%;
padding: 0.25em 0.75em;
border-radius: 0.15em;
text-align: left;
text-align: start;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.menubar li:hover, .menubar > li:focus,
.touch-menu-wrapper li:hover {background-color: rgba(0, 127, 255, 0.15)}
.color-scheme-dark .menubar li:hover, .color-scheme-dark .menubar > li:focus,
.color-scheme-dark .touch-menu-wrapper li:hover {background-color: rgba(127, 191, 255, 0.15)}
.menubar li[disabled]:hover, .menubar li[disabled]:focus,
.touch-menu-wrapper li[disabled]:hover {background-color: transparent}
.menubar li[disabled], .touch-menu-wrapper li[disabled] {opacity: 0.5}
.menubar li[disabled] > input[type=radio][disabled],
.menubar li[disabled] > input[type=checkbox][disabled],
.menubar li[disabled] > label > input[type=radio][disabled],
.menubar li[disabled] > label > input[type=checkbox][disabled],
.touch-menu-wrapper li[disabled] > input[type=radio][disabled],
.touch-menu-wrapper li[disabled] > input[type=checkbox][disabled],
.touch-menu-wrapper li[disabled] > label > input[type=radio][disabled],
.touch-menu-wrapper li[disabled] > label > input[type=checkbox][disabled] {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.menubar li[disabled] > label, .touch-menu-wrapper li[disabled] > label,
.menubar li[disabled] > input, .touch-menu-wrapper li[disabled] > input {
cursor: default;
}
.menubar li[disabled], .menubar li[disabled] > a,
.touch-menu-wrapper li[disabled],
.touch-menu-wrapper li[disabled] > a {cursor: default}
.menubar > li {
float: left;
padding: 0.5em 0.75em;
border-radius: 0.215em;
}
.menubar > li.more, .touch-menu-wrapper > ul > li.more {
display: none;
float: right;
width: 0;
padding-left: 0.5em;
padding-right: 0.5em;
}
.menubar > li.more.has-submenu {display: block}
.menubar > li.more:after,
.menubar > li.more.has-submenu:after {
right: 0.75em;
transform: rotate(45deg);
}
.menubar li + li {margin: 0}
.menubar li > a, .menubar li > a:hover, .fmt-text .menubar li > a,
.fmt-text .menubar li > a:hover,
.fmt-text .menubar li > a:focus,
.fmt-text .menubar li > a:visited,
.touch-menu-wrapper li > a, .touch-menu-wrapper li > a:hover {
outline: 0;
text-decoration: none;
color: currentColor;
}
.menubar li > a, .touch-menu-wrapper li > a {
display: block;
margin: -0.25em -0.75em;
padding: 0.25em 0.75em;
cursor: pointer;
}
.menubar > li > a {
margin: -0.5em -0.75em;
padding: 0.5em 0.75em;
}
.menubar > li.has-submenu > a {
margin-right: 0;
padding-right: 0;
}
.menubar li > hr, .touch-menu-wrapper li > hr {
height: 1px;
margin: 0;
border: 0;
background-color: rgba(0, 0, 0, 0.3);
overflow: hidden;
}
.color-scheme-dark .menubar li > hr,
.color-scheme-dark .touch-menu-wrapper li > hr {
background-color: rgba(255, 255, 255, 0.3);
}
.menubar ul {
position: absolute;
top: -0.25em;
left: 100%;
z-index: 10;
display: block;
visibility: hidden;
width: 12vw;
min-width: 10em;
max-width: 30em;
padding: 0.25em;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.215em;
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
background-color: #FFF;
opacity: 0;
cursor: default;
}
.menubar ul.left {
left: auto;
right: 100%;
}
.menubar ul.stack {
top: 100%;
left: -0.25em;
left: calc(-0.25em - 1px);
}
.color-scheme-dark .menubar ul {
border-color: rgba(255, 255, 255, 0.15);
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
background-color: #2A2A2A;
}
.menubar > li > ul {
top: 2.5em;
left: 0;
transition: visibility 0s step-end 0.25s, opacity 0.25s ease;
}
.menubar > li > ul.left,
.menubar > li > ul.stack {
left: auto;
right: 0;
}
.menubar ul ul {
margin-top: -1px;
transition: visibility 0s step-end 0.5s, opacity 0.25s ease 0.25s;
}
.menubar > li:focus > ul, .menubar ul li:hover > ul {
visibility: visible;
opacity: 1;
}
.menubar > li:focus > ul {
transition: opacity 0.25s ease;
}
.menubar ul li:hover > ul {
transition: visibility 0s step-end 0.25s, opacity 0.25s ease 0.25s;
}
.menubar li.has-submenu,
.touch-menu-wrapper li.has-submenu {padding-right: 1.25em}
.menubar li.has-submenu:after,
.touch-menu-wrapper li.has-submenu:before {
content: '';
position: absolute;
top: 50%;
right: 0.5em;
display: block;
margin-top: -0.1875em;
padding: 0.125em;
border: 0.125em solid currentColor;
border-left: 0;
border-bottom: 0;
transform: rotate(45deg);
}
.menubar > li.has-submenu:after {transform: rotate(135deg)}
.menubar:after {
content: '';
clear: both;
display: block;
font-size: 0;
}
@media screen and (max-width: 768px) {
.menubar.collapsing {
width: 2.5em;
height: 2.5em;
border-radius: 0.215em;
cursor: pointer;
}
.menubar.collapsing:hover {background-color: rgba(0, 127, 255, 0.15)}
.menubar.collapsing, .fmt-text .menubar.collapsing {padding-top: 1.1875em}
.menubar.collapsing:before {
content: '';
display: block;
width: 1.25em;
height: 0.125em;
margin: 0 auto;
border-radius: 0.125em;
background-color: currentColor;
box-shadow: 0 -0.5em currentColor, 0 0.5em currentColor;
}
.menubar.collapsing > li {display: none}
}
.touch-menu-wrapper {
position: relative;
overflow: hidden;
}
.touch-menu-wrapper > .button,
.touch-menu-wrapper > .title,
.touch-menu-wrapper ul {
position: absolute;
background-color: #FFF;
}
.color-scheme-dark .touch-menu-wrapper > .button,
.color-scheme-dark .touch-menu-wrapper > .title,
.color-scheme-dark .touch-menu-wrapper ul {background-color: #333}
.touch-menu-wrapper > .button,
.color-scheme-dark .touch-menu-wrapper > .button {
top: 0; left: 0;
z-index: 1;
width: 3.5em;
height: 3.55em;
background-color: transparent;
cursor: pointer;
}
.touch-menu-wrapper > .button:before,
.touch-menu-wrapper > .button:after {
content: '';
position: absolute;
display: block;
}
.touch-menu-wrapper > .button.close:before,
.touch-menu-wrapper > .button.close:after {
top: 50%;
left: 50%;
width: 0.125em;
height: 1.25em;
margin-top: -0.625em;
background-color: currentColor;
}
.touch-menu-wrapper > .button.close:before {transform: rotate(45deg)}
.touch-menu-wrapper > .button.close:after {transform: rotate(-45deg)}
.touch-menu-wrapper > .button.back:before {
top: 1.375em;
left: 1.25em;
width: 0.75em;
height: 0.75em;
padding: 0.125em;
border: 0.125em solid currentColor;
border-right: none;
border-top: none;
transform: rotate(45deg);
}
.touch-menu-wrapper > .button.back:after {
top: 1.7em;
left: 1.25em;
width: 1em;
border-top: 0.125em solid currentColor;
}
.touch-menu-wrapper > .title {
top: 0; left: 0; right: 0;
padding: 0.7em 0.5em 0 2.33em;
height: 3em;
line-height: 1;
font-size: 1.5em;
text-overflow: ellipsis;
white-space: nowrap;
}
.touch-menu-wrapper ul {
top: 0; bottom: 0; left: 0; right: 0;
z-index: 1;
display: none;
visibility: hidden;
padding-bottom: 0.5em;
cursor: default;
opacity: 0;
overflow: hidden;
transform: scale(1);
transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s step-end 0.15s;
}
.touch-menu-wrapper ul.opened,
.touch-menu-wrapper ul.opened > li > ul {display: block}
.touch-menu-wrapper ul.opened {
visibility: visible;
opacity: 1;
transition: opacity 0.15s ease, transform 0.15s ease;
}
.touch-menu-wrapper ul.current, .touch-menu-wrapper ul.current ul {
overflow-y: auto;
overflow-x: hidden;
}
.touch-menu-wrapper ul.current ul {transform: scale(0.9)}
.touch-menu-wrapper > ul {top: 3.5em}
.touch-menu-wrapper li {padding: 0.5em 1em}
.touch-menu-wrapper li > a {
margin: -0.5em -1em;
padding: 0.5em 1em;
}
.touch-menu-wrapper li.has-submenu > a {
margin-right: 0;
padding-right: 0;
}
.touch-menu-wrapper li > hr {margin: 0 -1em}
.touch-menu-wrapper li.has-submenu {padding-right: 1.75em}
.touch-menu-wrapper li.has-submenu:before {
position: static;
float: right;
margin-top: 0.57em;
margin-right: -0.5em;
}
.sortable > thead th:not(.no-sort) {cursor: pointer}
.sortable > thead th:not(.no-sort):after,
.sortable > thead th:not(.no-sort).dir-d:after {
content: '';
display: inline-block;
margin-left: 0.2em;
border: 0.5em solid;
border-color: currentColor transparent;
border-bottom: none;
transform: scaleX(0.5);
vertical-align: middle;
}
.sortable > thead th:not(.no-sort).dir-u:after {
border: 0.5em solid;
border-color: currentColor transparent;
border-top: none;
}
.sortable > thead th:not(.no-sort):after {border-color: transparent}
.breadcrumb {
border-radius: 0.5em;
background-color: rgba(0, 0, 0, 0.05);
font-size: 0.75em;
cursor: pointer;
}
.breadcrumb, .breadcrumb:after {border-radius: 0.5em}
.breadcrumb.collapsed {
height: 3em;
cursor: auto;
}
.breadcrumb, .fmt-text .breadcrumb {padding: 0 0.5em}
.color-scheme-dark .breadcrumb {background-color: rgba(255, 255, 255, 0.05)}
.breadcrumb:after {
content: '';
clear: both;
display: block;
height: 1em;
margin: 0 -0.5em;
border-top-left-radius: 0;
border-top-right-radius: 0;
background: rgba(0, 0, 0, 0.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='5'%3E%3Cpath fill='none' stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 4 5-3 5 3'/%3E%3C/svg%3E") center no-repeat;
background-size: 1em;
font-size: inherit;
}
.color-scheme-dark .breadcrumb:after {
background: rgba(255, 255, 255, 0.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='5'%3E%3Cpath fill='none' stroke='%23CCC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 4 5-3 5 3'/%3E%3C/svg%3E") center no-repeat;
}
.breadcrumb.collapsed:after {
height: 0;
margin: 0;
border-radius: 0;
background: none;
font-size: 0;
}
.breadcrumb > li {
float: left;
max-width: 100%;
margin-right: -1px;
padding: 0 0.25em 0 1.75em;
border-radius: 1.5em;
cursor: auto;
}
.fmt-text .breadcrumb > li {margin-top: 0}
.breadcrumb > li, .breadcrumb > li > a {
position: relative;
display: block;
height: 3em;
line-height: 3em;
color: currentColor;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.breadcrumb > li:first-child {
z-index: 2;
margin-right: -0.75em;
}
.breadcrumb > li:first-child,
.breadcrumb > li:first-child > a {padding: 0 1em 0 0.5em}
.breadcrumb > li:first-child > a {margin: 0 -1em 0 -0.5em}
.breadcrumb > li.icon:first-child {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23555' d='M9.3 2.3a1 1 0 0 1 1.4 0l7 7A1 1 0 0 1 17 11h-1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6H3a1 1 0 0 1-.7-1.7l7-7Z'/%3E%3C/svg%3E") 0.25em center no-repeat;
background-size: 1.66667em;
}
.color-scheme-dark .breadcrumb > li.icon:first-child {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23CCC' d='M9.3 2.3a1 1 0 0 1 1.4 0l7 7A1 1 0 0 1 17 11h-1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6H3a1 1 0 0 1-.7-1.7l7-7Z'/%3E%3C/svg%3E");
}
.breadcrumb > li.icon:first-child, .breadcrumb > li.icon:first-child > a {
min-width: 2.75em;
text-indent: 1.75em;
}
.breadcrumb > li > a {
z-index: 1;
margin: 0 -0.25em 0 -1.75em;
padding: 0 0.25em 0 1.75em;
}
.fmt-text .breadcrumb > li > a,
.fmt-text .breadcrumb > li > a:visited {color: currentColor}
.breadcrumb > li > a:hover {text-decoration: underline}
.breadcrumb > li:before {
content: '';
position: absolute;
top: 50%;
left: 0.25em;
display: block;
margin-top: -0.15em;
padding: 0.125em;
border: 0.125em solid currentColor;
border-left: 0;
border-bottom: 0;
font-size: 1.5em;
opacity: 0.5;
transform: rotate(45deg);
}
.breadcrumb > li:first-child::before {display: none}
.breadcrumb > li.active {font-weight: bold}
.breadcrumb > li.hidden {display: none}
.breadcrumb > li.expand {cursor: pointer}
.breadcrumb > li.expand > * {display: none}
.breadcrumb > li.expand:after {
content: '\2026';
padding: 0.25em 0.5em;
border-radius: 0.5em;
background: rgba(0, 0, 0, 0.1);
text-shadow: 0 1px 0 #FFF;
font-weight: bold;
}
.color-scheme-dark .breadcrumb > li.expand:after {
background: rgba(255, 255, 255, 0.1);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.grid {
display: table;
width: 100%;
border-collapse: collapse;
}
.grid > .row {display: table-row}
.grid > .row > .col {
display: table-cell;
border: 0;
padding: 0;
padding-right: 0.5em;
padding-bottom: 0.5em;
vertical-align: top;
}
.grid > .row > .col.padded {
padding-top: 0.25em;
padding-bottom: 0.75em;
}
.grid > .row > .col:last-child {padding-right: 0}
.grid > .row:last-child > .col {padding-bottom: 0}
.grid > .row:last-child > .col.padded {padding-bottom: 0.25em}
.grid > .row > .col.shrinked {
width: 0;
white-space: nowrap;
}
.grid > .row > .col.align-left {text-align: left}
.grid > .row > .col.align-center {text-align: center}
.grid > .row > .col.align-right {text-align: right}
.grid > .row > .col.align-justify {text-align: justify}
.grid > .row > .col.valign-top {vertical-align: top}
.grid > .row > .col.valign-middle {vertical-align: middle}
.grid > .row > .col.valign-bottom {vertical-align: bottom}