/* Main stylesheet */
.q-pn { background-color: var(--x-base-200); border: 1px solid var(--x-base-300); border-radius: var(--x-rounded-box) }
.q-pn { font-size: .9em; padding: 17px var(--x-step-9) 17px }
.q-pn strong,.q-pn summary { text-transform: uppercase; margin: 0 0 var(--x-step-5) 0; letter-spacing: .1em; font-size: .78em; font-family: ui-monospace, 'Cascadia Mono', 'Roboto Mono', monospace }
.q-pn strong,.q-pn summary { cursor: pointer; display: block; color: var(--x-neutral) }
.q-pn ol,.q-pn ul { padding: 0; margin: 0 }
.q-pn ol,.q-pn ul { list-style-type: none; counter-reset: t }
.q-ps>.q-pn { margin: 0 0 27px 0 }
.q-ps>.q-pn a { text-decoration-line: none; color: var(--x-base-content) }
.q-pn li { border-top: 1px solid var(--x-base-300); margin: 0 }
.q-pn li a { text-decoration: none; display: block; color: var(--x-base-content); padding: 7px 0 7px 0 }
.q-pn li a::before { color: var(--x-p); font-family: ui-monospace, 'Cascadia Mono', 'Roboto Mono', monospace; counter-increment: t; content: counter(t, decimal-leading-zero) }
.q-pn li a::before { margin-right: 9px; font-size: .85em }
.q-pn li a:hover { color: var(--x-p) }
.q-pn .q-chs { justify-content: flex-start }
.q-fg { margin-bottom: 29px }
.q-fg img { border: 1px solid var(--x-base-300); width: 100%; border-radius: var(--x-rounded-box) }
.q-ft { padding: 45px 0 0 0; color: var(--x-neutral) }
.q-ft { background: linear-gradient(var(--x-base), var(--x-base-200)); border-top: 1px solid var(--x-base-300); font-size: .9em }
.q-fr { padding-bottom: 29px; column-gap: 28px; display: grid; row-gap: 28px; grid-template-columns: 2fr 1fr 1fr }
.q-fr nav { row-gap: 6px; column-gap: 6px; align-content: start; display: grid }
.q-fr nav strong { font-family: ui-monospace, 'Cascadia Mono', 'Roboto Mono', monospace; margin: 0 0 var(--x-step-3) 0; letter-spacing: .1em; font-size: .76em; color: var(--x-base-content); text-transform: uppercase }
.q-fr nav a { text-decoration: none; color: var(--x-neutral) }
.q-fr nav a:hover { color: var(--x-p) }
.q-lgl { border-top: 1px solid var(--x-base-300) }
.q-lgl { font-family: ui-monospace, 'Cascadia Mono', 'Roboto Mono', monospace; justify-content: space-between; column-gap: 12px; font-size: .78em; flex-wrap: wrap; row-gap: 12px; display: flex; padding: 15px 19px 23px 19px }
.q-sp.q-nx { grid-template-columns: minmax(0,1fr); display: block }
.q-tcr { font-size: .92em; line-height: 1.9 }
.q-tcr strong { margin-right: var(--x-step-3) }
.q-scn { margin: 27px auto 0 auto; width: min(318px, 70vw) }
.q-scn > * { width: 100%; display: block; height: auto }
.q-scn { background-size: 21px 20px; background-image: linear-gradient(var(--x-s) 1px, transparent 1px), linear-gradient(90deg, var(--x-s) 1px, transparent 1px); opacity: 0.7; background-position: 1px 9px; display: block; border-radius: 50%; aspect-ratio: 1 }
.q-spn { margin: 0px; width: 100%; max-width: 100vw; background-color: var(--x-base-100); box-sizing: border-box; padding: var(--x-step-4) var(--x-step-8) var(--x-step-4); display: flex; min-width: 0; justify-content: flex-start }
.q-spno { min-width: 0 }
.q-spno { width: 100%; row-gap: 4px; box-sizing: border-box; flex-direction: column; column-gap: 4px }
.q-spno { display: flex; align-items: center; max-width: 100% }
.q-spno.q-spnz { min-width: 0; width: 100%; flex-direction: row; gap: var(--x-step-4); align-items: center }
.q-spnc { width: min(468px, 100%) }
.q-spnc { display: block; min-width: 0 }
.q-spnc { max-width: 100%; flex: 0 1 auto; flex-basis: auto }
.q-spnzb { max-width: 100%; min-width: 0 }
.q-spnzb { width: min(468px, 100%); height: auto; display: block }
.q-spnf { line-height: 1.2; font-size: .72rem }
.q-spnf { opacity: .75; color: inherit }
.q-spnz .q-spnf { white-space: nowrap }
.q-spnz .q-spnc { width: min(468px, 100%); flex: 0 1 auto }
.q-spnz .q-spnc { flex-basis: auto; min-width: 0 }
.q-frm { background-color: var(--x-base-100); row-gap: 10px; column-gap: 10px }
.q-frm { margin: 31px 0 31px; border-radius: var(--x-rounded-box) }
.q-frm { padding: var(--x-step-10); display: flex }
.q-frm input { flex: 1 1 200px }
.q-ttp { width: 42px }
.q-ttp { bottom: 16px; background-color: var(--x-p); place-items: center; position: fixed; display: grid; height: 42px; z-index: 50; text-decoration: none; color: #fff; right: 16px; border-radius: var(--x-rounded-box); box-shadow: 0 6px 20px rgb(243 242 241 / 0.2) }
.q-ttp:hover { color: #fff; background-color: var(--x-pf) }
::selection { text-shadow: none; color: #fff; background-color: var(--x-p) }
.q-bt.q-ghs { background-color: transparent; color: var(--x-p); border: 1px solid var(--x-p) }
.q-bt.q-sml { padding: 7px 15px 7px; font-size: .86em }
.q-bt:disabled,.q-bt[aria-disabled="true"] { cursor: not-allowed; opacity: .55 }
tbody tr:hover { background-color: var(--x-base-100) }
caption { padding-top: var(--x-step-4); font-size: .88em; caption-side: top; color: var(--x-neutral) }
caption { padding-bottom: var(--x-step-4); text-align: left }
.q-hdd,[hidden] { display: none }
.q-trn { -webkit-line-clamp: 4 }
.q-trn { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden }
.q-cd- { position: relative }
.q-bdg { border-radius: 4px; letter-spacing: 0 }
.q-bdg { color: var(--x-p); text-transform: none; padding: var(--x-step-1) 9px var(--x-step-1) 9px; font-weight: 600; font-size: .76em; background-color: var(--x-base-100); display: inline-block }
.q-bdg.q-bdgs { background-color: rgb(94 143 222 / 0.15); color: var(--x-s) }
.q-cls { display: grid; grid-template-columns: repeat(2,1fr) }
.q-cls { column-gap: 24px; row-gap: 24px }
.q-clsq { display: grid; grid-template-columns: repeat(3,1fr) }
.q-clsq { column-gap: 23px; row-gap: 23px }
.q-shr { display: flex; row-gap: 10px }
.q-shr { align-items: center; margin: var(--x-step-11) 0 var(--x-step-11) 0; column-gap: 10px }
.q-shr a { width: 36px; align-items: center; border-radius: 50% }
.q-shr a { justify-content: center; height: 36px; color: var(--x-neutral); border: 1px solid var(--x-base-300); display: inline-flex }
.q-shr a:hover { border-color: var(--x-p); color: var(--x-p) }
dialog { padding: var(--x-step-12); border: 0; box-shadow: 0 30px 80px rgb(243 242 241 / 0.3); background-color: var(--x-base-200); color: var(--x-base-content); max-width: min(560px,92vw); border-radius: var(--x-rounded-box) }
dialog::backdrop { background-color: rgb(0 0 0 / .55) }
.q-mdl { inset: 0; position: fixed }
.q-mdl { place-items: center; display: grid; z-index: 80 }
:focus-visible { outline: 2px solid var(--x-p); outline-offset: 2px }
:focus:not(:focus-visible) { outline: none }
summary { cursor: pointer; list-style: disclosure-closed }
details[open] summary { margin-bottom: var(--x-step-3) }
input,textarea,select { width: 100%; font: inherit; color: var(--x-base-content); padding: var(--x-step-5) var(--x-step-6) var(--x-step-5) var(--x-step-6); border: 1px solid var(--x-base-300); background-color: var(--x-base-200); border-radius: var(--x-rounded-box) }
input:focus,textarea:focus,select:focus { border-color: var(--x-p); outline: none; box-shadow: 0 0 0 3px rgb(227 161 53 / 0.2) }
label { display: block; font-size: .92em }
label { margin-bottom: var(--x-step-3); font-weight: 600 }
textarea { resize: vertical; min-height: 120px }
pre { padding: var(--x-step-9) 21px var(--x-step-9) 21px; border-radius: var(--x-rounded-box); overflow: auto; line-height: 1.5; margin: 1.15em 0 1.15em; color: var(--x-base-content) }
pre { font-size: .9em; background-color: var(--x-base-200) }
pre code { background-color: transparent }
pre code { padding: 0; font-size: inherit }
pre code { color: inherit; border-radius: 0 }
pre::-webkit-scrollbar { height: 8px }
pre::-webkit-scrollbar-thumb { background-color: rgb(164 159 152 / 0.5); border-radius: 4px }
kbd { font: inherit; padding: var(--x-step-1) var(--x-step-3) var(--x-step-1); background-color: var(--x-base-200); font-size: .85em }
kbd { border: 1px solid var(--x-base-300); border-radius: 4px; border-bottom-width: 2px }
mark { padding: 0 3px 0 3px; border-radius: 2px; background-color: rgb(94 143 222 / 0.25); color: inherit }
.q-dt { vertical-align: middle; display: inline-block; background-color: var(--x-s) }
.q-dt { width: 10px; height: 11px; border-radius: 50% }
.q-nf { padding: var(--x-step-13) 0 var(--x-step-13) 0; text-align: center }
@media (max-width:61.25rem){.q-fd { grid-template-columns: repeat(2,minmax(0,1fr)) }}
@media (max-width:55.88rem){.q-sp { grid-template-columns: minmax(0,1fr) } .q-sd { position: static }}
@media (max-width:47.75rem){.q-pk { grid-template-columns: minmax(0,1fr) } .q-fr { grid-template-columns: minmax(0,1fr) } .q-nv { width: 100%; display: flex } .q-nv { column-gap: 13px; flex-wrap: wrap; padding: var(--x-step-3) 0 13px 0; row-gap: 6px }}
@media (max-width:39.75rem){.q-fd { grid-template-columns: minmax(0,1fr) } .q-fd .q-ph { flex-wrap: wrap }}
@media (max-width:41rem){.q-jb h1,.q-ph h1 { font-size: 1.8rem }}
@media (max-width:34.25rem){.q-spno.q-spnz { flex-direction: column } .q-spnc { flex-basis: auto }}
@media (prefers-contrast:more){a { text-decoration: underline }}
@media (max-width:45.63rem){.q-cls,.q-clsq { grid-template-columns: minmax(0,1fr) }}
@media (prefers-reduced-motion:reduce){*,*::before,*::after { animation-duration: .01ms; animation-iteration-count: 1; transition-duration: .01ms }}
@media print{header,footer,nav,[role=complementary] { display: none } body { font-size: 11pt; color: #000; background-color: #fff } a { text-decoration-line: none; color: #000 } a[href^=http]::after { content: " (" attr(href) ")"; font-size: .85em } h2,h3 { break-after: avoid } img,table,pre { break-inside: avoid }}