From 5adba14aeb965d5c77b208fdfe16896798fa3e8a Mon Sep 17 00:00:00 2001 From: theo Date: Wed, 1 May 2024 22:23:27 +0200 Subject: [PATCH] chore: add css and missing.css library --- styles/global.css | 33 + styles/missing.css | 4225 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 4258 insertions(+) create mode 100644 styles/global.css create mode 100644 styles/missing.css diff --git a/styles/global.css b/styles/global.css new file mode 100644 index 0000000..6bea95f --- /dev/null +++ b/styles/global.css @@ -0,0 +1,33 @@ +@import "missing.css"; + +:root { + --main-font: "system-ui, sans-serif"; + --secondary-font: var(--main-font); + --mono-font: "ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace"; +} + +/* +@use "pico" with ( + $theme-color: "sand", + $enable-semantic-container: true, + $enable-viewport: false, + $enable-classes: false +); + +@use "bulma/sass/utilities" with ( + $family-sans-serif: "system-ui, sans-serif", + $family-monospace: + "ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace" +); + +@forward "bulma/sass/base"; +@forward "bulma/sass/components/navbar"; +@forward "bulma/sass/elements/title"; +@forward "bulma/sass/elements/content"; +@forward "bulma/sass/elements/table"; +@forward "bulma/sass/elements/tag"; +@forward "bulma/sass/layout/hero"; +@forward "bulma/sass/layout/container"; + +@forward "bulma/sass/themes"; +*/ diff --git a/styles/missing.css b/styles/missing.css new file mode 100644 index 0000000..606ccf6 --- /dev/null +++ b/styles/missing.css @@ -0,0 +1,4225 @@ +*, +:before, +:after { + box-sizing: border-box; + background-repeat: no-repeat +} + +:before, +:after { + -webkit-text-decoration: inherit; + text-decoration: inherit; + vertical-align: inherit +} + +:root { + cursor: default; + overflow-wrap: break-word; + -webkit-tap-highlight-color: transparent; + -webkit-text-size-adjust: none; + -moz-text-size-adjust: none; + -ms-text-size-adjust: none; + text-size-adjust: none +} + +abbr[title] { + text-decoration: underline dotted +} + +strong, +b { + font-weight: bolder +} + +small { + font-size: 80% +} + +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle +} + +svg:not([fill]) { + fill: currentColor +} + +table { + border-collapse: collapse; + text-indent: 0; + border-color: currentColor +} + +button, +input, +select { + margin: 0 +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button +} + +fieldset { + border: 1px solid #a0a0a0 +} + +progress { + vertical-align: baseline +} + +textarea { + margin: 0 +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px +} + +::-webkit-inner-spin-button { + height: auto +} + +::-webkit-outer-spin-button { + height: auto +} + +::-webkit-input-placeholder { + color: inherit; + opacity: .54 +} + +::-webkit-search-decoration { + -webkit-appearance: none +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit +} + +[hidden] { + display: none !important +} + +:focus-visible { + outline: .2em solid var(--accent); + z-index: 32 +} + +iframe:focus-visible, +html:focus-visible, +body:focus-visible { + outline: none +} + +:target { + outline: .2em solid var(--fg); + z-index: 2 +} + +details>summary:first-of-type { + display: list-item +} + +[aria-busy=true] { + cursor: progress +} + +[aria-disabled=true], +[disabled] { + cursor: not-allowed +} + +datalist { + display: none !important +} + +:root { + --gray-0: #f8fafb; + --gray-1: #f2f4f6; + --gray-2: #ebedef; + --gray-3: #e0e4e5; + --gray-4: #d1d6d8; + --gray-5: #b1b6b9; + --gray-6: #979b9d; + --gray-7: #7e8282; + --gray-8: #666968; + --gray-9: #50514f; + --gray-10: #3a3a37; + --gray-11: #252521; + --gray-12: #121210; + --red-0: #fff5f5; + --red-1: #ffe3e3; + --red-2: #ffc9c9; + --red-3: #ffa8a8; + --red-4: #ff8787; + --red-5: #ff6b6b; + --red-6: #fa5252; + --red-7: #f03e3e; + --red-8: #e03131; + --red-9: #c92a2a; + --red-10: #b02525; + --red-11: #962020; + --red-12: #7d1a1a; + --pink-0: #fff0f6; + --pink-1: #ffdeeb; + --pink-2: #fcc2d7; + --pink-3: #faa2c1; + --pink-4: #f783ac; + --pink-5: #f06595; + --pink-6: #e64980; + --pink-7: #d6336c; + --pink-8: #c2255c; + --pink-9: #a61e4d; + --pink-10: #8c1941; + --pink-11: #731536; + --pink-12: #59102a; + --purple-0: #f8f0fc; + --purple-1: #f3d9fa; + --purple-2: #eebefa; + --purple-3: #e599f7; + --purple-4: #da77f2; + --purple-5: #cc5de8; + --purple-6: #be4bdb; + --purple-7: #ae3ec9; + --purple-8: #9c36b5; + --purple-9: #862e9c; + --purple-10: #702682; + --purple-11: #5a1e69; + --purple-12: #44174f; + --violet-0: #f3f0ff; + --violet-1: #e5dbff; + --violet-2: #d0bfff; + --violet-3: #b197fc; + --violet-4: #9775fa; + --violet-5: #845ef7; + --violet-6: #7950f2; + --violet-7: #7048e8; + --violet-8: #6741d9; + --violet-9: #5f3dc4; + --violet-10: #5235ab; + --violet-11: #462d91; + --violet-12: #3a2578; + --indigo-0: #edf2ff; + --indigo-1: #dbe4ff; + --indigo-2: #bac8ff; + --indigo-3: #91a7ff; + --indigo-4: #748ffc; + --indigo-5: #5c7cfa; + --indigo-6: #4c6ef5; + --indigo-7: #4263eb; + --indigo-8: #3b5bdb; + --indigo-9: #364fc7; + --indigo-10: #2f44ad; + --indigo-11: #283a94; + --indigo-12: #21307a; + --blue-0: #e7f5ff; + --blue-1: #d0ebff; + --blue-2: #a5d8ff; + --blue-3: #74c0fc; + --blue-4: #4dabf7; + --blue-5: #339af0; + --blue-6: #228be6; + --blue-7: #1c7ed6; + --blue-8: #1971c2; + --blue-9: #1864ab; + --blue-10: #145591; + --blue-11: #114678; + --blue-12: #0d375e; + --cyan-0: #e3fafc; + --cyan-1: #c5f6fa; + --cyan-2: #99e9f2; + --cyan-3: #66d9e8; + --cyan-4: #3bc9db; + --cyan-5: #22b8cf; + --cyan-6: #15aabf; + --cyan-7: #1098ad; + --cyan-8: #0c8599; + --cyan-9: #0b7285; + --cyan-10: #095c6b; + --cyan-11: #074652; + --cyan-12: #053038; + --teal-0: #e6fcf5; + --teal-1: #c3fae8; + --teal-2: #96f2d7; + --teal-3: #63e6be; + --teal-4: #38d9a9; + --teal-5: #20c997; + --teal-6: #12b886; + --teal-7: #0ca678; + --teal-8: #099268; + --teal-9: #087f5b; + --teal-10: #066649; + --teal-11: #054d37; + --teal-12: #033325; + --green-0: #ebfbee; + --green-1: #d3f9d8; + --green-2: #b2f2bb; + --green-3: #8ce99a; + --green-4: #69db7c; + --green-5: #51cf66; + --green-6: #40c057; + --green-7: #37b24d; + --green-8: #2f9e44; + --green-9: #2b8a3e; + --green-10: #237032; + --green-11: #1b5727; + --green-12: #133d1b; + --lime-0: #f4fce3; + --lime-1: #e9fac8; + --lime-2: #d8f5a2; + --lime-3: #c0eb75; + --lime-4: #a9e34b; + --lime-5: #94d82d; + --lime-6: #82c91e; + --lime-7: #74b816; + --lime-8: #66a80f; + --lime-9: #5c940d; + --lime-10: #4c7a0b; + --lime-11: #3c6109; + --lime-12: #2c4706; + --yellow-0: #fff9db; + --yellow-1: #fff3bf; + --yellow-2: #ffec99; + --yellow-3: #ffe066; + --yellow-4: #ffd43b; + --yellow-5: #fcc419; + --yellow-6: #fab005; + --yellow-7: #f59f00; + --yellow-8: #f08c00; + --yellow-9: #e67700; + --yellow-10: #b35c00; + --yellow-11: #804200; + --yellow-12: #663500; + --orange-0: #fff4e6; + --orange-1: #ffe8cc; + --orange-2: #ffd8a8; + --orange-3: #ffc078; + --orange-4: #ffa94d; + --orange-5: #ff922b; + --orange-6: #fd7e14; + --orange-7: #f76707; + --orange-8: #e8590c; + --orange-9: #d9480f; + --orange-10: #bf400d; + --orange-11: #99330b; + --orange-12: #802b09; + --choco-0: #fff8dc; + --choco-1: #fce1bc; + --choco-2: #f7ca9e; + --choco-3: #f1b280; + --choco-4: #e99b62; + --choco-5: #df8545; + --choco-6: #d46e25; + --choco-7: #bd5f1b; + --choco-8: #a45117; + --choco-9: #8a4513; + --choco-10: #703a13; + --choco-11: #572f12; + --choco-12: #3d210d; + --brown-0: #faf4eb; + --brown-1: #ede0d1; + --brown-2: #e0cab7; + --brown-3: #d3b79e; + --brown-4: #c5a285; + --brown-5: #b78f6d; + --brown-6: #a87c56; + --brown-7: #956b47; + --brown-8: #825b3a; + --brown-9: #6f4b2d; + --brown-10: #5e3a21; + --brown-11: #4e2b15; + --brown-12: #422412; + --sand-0: #f8fafb; + --sand-1: #e6e4dc; + --sand-2: #d5cfbd; + --sand-3: #c2b9a0; + --sand-4: #aea58c; + --sand-5: #9a9178; + --sand-6: #867c65; + --sand-7: #736a53; + --sand-8: #5f5746; + --sand-9: #4b4639; + --sand-10: #38352d; + --sand-11: #252521; + --sand-12: #121210; + --camo-0: #f9fbe7; + --camo-1: #e8ed9c; + --camo-2: #d2df4e; + --camo-3: #c2ce34; + --camo-4: #b5bb2e; + --camo-5: #a7a827; + --camo-6: #999621; + --camo-7: #8c851c; + --camo-8: #7e7416; + --camo-9: #6d6414; + --camo-10: #5d5411; + --camo-11: #4d460e; + --camo-12: #36300a; + --jungle-0: #ecfeb0; + --jungle-1: #def39a; + --jungle-2: #d0e884; + --jungle-3: #c2dd6e; + --jungle-4: #b5d15b; + --jungle-5: #a8c648; + --jungle-6: #9bbb36; + --jungle-7: #8fb024; + --jungle-8: #84a513; + --jungle-9: #7a9908; + --jungle-10: #658006; + --jungle-11: #516605; + --jungle-12: #3d4d04 +} + +html { + font-family: var(--main-font); + line-height: var(--rhythm); + background: var(--bg); + color: var(--fg); + scroll-padding-block-start: calc(4*var(--gap)) +} + +body { + margin: 0 +} + +header, +footer, +section+section { + margin-block: calc(2*var(--gap)) +} + +nav a { + color: var(--accent); + text-decoration: none +} + +aside { + font-size: .8em; + line-height: calc(var(--rhythm)*2/3); + --gap: calc(var(--rhythm)*var(--density)*2/3); + border-block: 1px solid var(--graphical-fg); + padding-block: var(--gap); + margin-block: calc(var(--gap)*3/2) +} + +aside.bg { + padding-inline: var(--gap) +} + +aside h1, +aside h2, +aside h3, +aside h4, +aside h5, +aside h6 { + text-transform: none; + letter-spacing: none; + font-size: 1em +} + +aside.big { + color: var(--accent); + background: 0 0; + border: none; + border-radius: 0; + padding: 0; + font-style: italic +} + +aside.big:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + border-left: 1px solid var(--muted-fg); + padding-left: var(--rhythm) +} + +aside.big:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +aside.big:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-right: 1px solid var(--muted-fg); + padding-right: var(--rhythm) +} + +aside.big:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +aside.big:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-right: 1px solid var(--muted-fg); + padding-right: var(--rhythm) +} + +h1, +h2, +h3, +h4, +h5, +h6, +.\, +.\, +.\, +.\, +.\, +.\ { + font-family: var(--secondary-font); + margin-top: calc(2*var(--gap)); + margin-bottom: var(--gap); + font-size: 1em; + position: relative +} + +h1, +.\ { + text-transform: none; + font-size: 2em; + line-height: calc(2*var(--rhythm)); + letter-spacing: 0 +} + +h2, +.\ { + text-transform: none; + font-size: 1.6em; + line-height: calc(1.5*var(--rhythm)); + letter-spacing: 0 +} + +h3, +.\ { + font-size: 1.17em; + line-height: calc(1*var(--rhythm)) +} + +h4, +.\, +h5, +.\, +h6, +.\ { + text-transform: none; + font-size: 1em; + line-height: calc(1*var(--rhythm)); + letter-spacing: 0; + margin-top: var(--gap) +} + +h1+h2, +h2+h3, +h3+h4, +h4+h5, +h5+h6, +h1:first-child, +h2:first-child, +h3:first-child, +h4:first-child, +h5:first-child, +h6:first-child { + margin-top: var(--gap) +} + +h1:target, +h2:target, +h3:target, +h4:target, +h5:target, +h6:target { + outline: none +} + +:is(h1:target, h2:target, h3:target, h4:target, h5:target, h6:target):before { + content: ""; + background: var(--accent); + width: 4px; + height: 100%; + display: block; + position: absolute; + left: -.5em +} + +header { + font-family: var(--secondary-font); + border-bottom: 1px solid var(--graphical-fg) +} + +footer { + font-family: var(--secondary-font); + font-size: .8em; + line-height: calc(var(--rhythm)*2/3); + border-top: 1px solid var(--graphical-fg) +} + +body>header, +body>footer, +main+footer { + padding: var(--rhythm)calc((100% - var(--eff-line-length))/2) +} + +address { + --density: 0 +} + +p { + margin-block: var(--gap) +} + +hr { + color: inherit; + margin-left: 0; + margin-right: 0; + margin-block: var(--gap); + border-top: 1px solid var(--accent); + border-bottom: none; + flex: 0 1 0; + height: auto +} + +hr:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + border-left: 1px solid var(--accent); + border-right: none +} + +hr:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +hr:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-right: 1px solid var(--accent); + border-left: none +} + +hr:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +hr:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-right: 1px solid var(--accent); + border-left: none +} + +pre { + font-family: var(--mono-font); + font-size: .9em; + line-height: var(--rhythm); + tab-size: 2; + margin: var(--gap)0; + scrollbar-width: thin; + scrollbar-color: var(--accent)transparent; + overflow-x: auto +} + +blockquote { + margin-inline: 0 var(--gap); + padding-inline: var(--gap)0; + margin-block: var(--gap); + font-size: 1.1em; + line-height: var(--rhythm); + color: var(--muted-fg); + font-style: italic +} + +blockquote:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + border-left: 1px solid var(--graphical-fg) +} + +blockquote:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +blockquote:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-right: 1px solid var(--graphical-fg) +} + +blockquote:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +blockquote:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-right: 1px solid var(--graphical-fg) +} + +blockquote em, +blockquote cite, +blockquote dfn, +blockquote var, +blockquote i, +blockquote address { + font-style: normal +} + +blockquote footer, +blockquote footer:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + text-align: right +} + +blockquote footer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +blockquote footer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + text-align: left +} + +blockquote footer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +blockquote footer:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + text-align: left +} + +ul, +ol { + margin-block: var(--gap) +} + +ul:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)), +ol:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + padding-left: var(--rhythm) +} + +ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: var(--rhythm) +} + +ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +ul:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +ol:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: var(--rhythm) +} + +:is(ul, ol) :is(ul, ol):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + padding-left: var(--gap) +} + +:is(ul, ol) :is(ul, ol):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +:is(ul, ol) :is(ul, ol):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: var(--gap) +} + +:is(ul, ol)[role=list] { + list-style: none +} + +:is(ul, ol)[role=list]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + padding-left: 0 +} + +:-webkit-any(ul, ol)[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +:-webkit-any(ul, ol)[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: 0 +} + +:is(ul, ol)[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +:is(ul, ol)[role=list]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: 0 +} + +:is(ul, ol)[role=listbox] { + list-style: none +} + +:is(ul, ol)[role=listbox]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + padding-left: 0 +} + +:-webkit-any(ul, ol)[role=listbox]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +:-webkit-any(ul, ol)[role=listbox]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: 0 +} + +:is(ul, ol)[role=listbox]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +:is(ul, ol)[role=listbox]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: 0 +} + +ol { + list-style: decimal +} + +dl { + margin-block: var(--gap) +} + +dt { + font-weight: 700; + font-family: var(--secondary-font) +} + +dd:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + margin-left: var(--rhythm) +} + +dd:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +dd:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-right: var(--rhythm) +} + +dd:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +dd:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-right: var(--rhythm) +} + +li::marker { + font-family: var(--secondary-font) +} + +figure { + max-width: 100%; + margin-left: 0; + margin-right: 0 +} + +figcaption { + margin-block: var(--gap); + font-family: var(--secondary-font); + color: var(--muted-fg) +} + +main { + max-width: var(--eff-line-length); + width: 100%; + margin-left: auto; + margin-right: auto +} + +main:first-child { + padding-top: var(--gap) +} + +a, +.\ { + color: var(--link-fg, var(--accent)); + border-radius: var(--border-radius); + outline-offset: 1px; + background: 0 0; + border: none; + font-size: 1em; + text-decoration: underline 1px dotted +} + +.list-of-links :is(a, .\) { + text-decoration: none +} + +:is(a, .\):hover, +:is(a, .\):focus { + cursor: pointer; + outline: none; + text-decoration: underline 2px +} + +small[role=note] { + float: inline-end; + clear: inline-end; + --sidenote-width: 20ch; + max-width: var(--sidenote-width); + font-family: var(--secondary-font); + background: var(--bg); + margin-bottom: var(--rhythm); + border: 1px solid #0000; + transition: transform .1s ease-in-out; + display: block +} + +small[role=note]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + margin-right: calc(1em - var(--sidenote-width)); + padding-left: 1.5ch; + padding-right: 1ch +} + +small[role=note]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +small[role=note]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-left: calc(1em - var(--sidenote-width)); + padding-left: 1ch; + padding-right: 1.5ch +} + +small[role=note]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +small[role=note]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-left: calc(1em - var(--sidenote-width)); + padding-left: 1ch; + padding-right: 1.5ch +} + +small[role=note]:hover, +small[role=note]:focus-within { + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + transform: translateX(calc(0px - var(--sidenote-width) + min(var(--gutter-width), var(--sidenote-width)))) +} + +small, +.\ { + font-size: .8em; + line-height: calc(var(--rhythm)*2/3) +} + +s { + color: var(--bad-fg) +} + +q { + font-style: italic +} + +q em, +q cite, +q dfn, +q var, +q i, +q address { + font-style: normal +} + +time { + font-variant-numeric: tabular-nums +} + +code, +samp, +kbd { + font-family: var(--mono-font); + font-style: normal +} + +samp { + color: var(--ok-fg) +} + +kbd kbd { + background: var(--interactive-bg); + border: 1px outset var(--graphical-fg); + border-radius: var(--border-radius); + border-bottom-width: 3px; + padding: 0 .3em; + font-size: .8em; + line-height: 1.1em; + display: inline-block +} + +sub { + vertical-align: bottom; + line-height: 1 +} + +sup { + vertical-align: top; + line-height: 1 +} + +mark { + background: var(--warn-bg); + color: var(--warn-fg) +} + +ins { + background: var(--ok-bg); + color: var(--ok-fg) +} + +del { + background: var(--bad-bg); + color: var(--bad-fg) +} + +img, +video, +audio, +iframe, +object, +embed { + width: max-content; + max-width: 100%; + height: auto +} + +table { + font-variant-numeric: tabular-nums; + font: inherit +} + +caption { + font-family: var(--secondary-font); + font-style: italic +} + +caption:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + text-align: left +} + +caption:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +caption:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + text-align: right +} + +caption:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +caption:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + text-align: right +} + +tbody { + border-block: 1px solid var(--faded-fg) +} + +td, +th { + vertical-align: top +} + +:is(td, th):not(:last-child):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + padding-right: var(--rhythm) +} + +:-webkit-any(td, th):not(:last-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +:-webkit-any(td, th):not(:last-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-left: var(--rhythm) +} + +:is(td, th):not(:last-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +:is(td, th):not(:last-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-left: var(--rhythm) +} + +th { + font-family: var(--secondary-font) +} + +th:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + text-align: left +} + +th:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +th:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + text-align: right +} + +th:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +th:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + text-align: right +} + +input { + display: block +} + +label input:not([specificity-hack]) { + padding-top: 0; + padding-bottom: 0; + display: inline +} + +button, +.\, +input[type=submit] { + padding: 0 calc(var(--rhythm)/4); + vertical-align: middle; + box-sizing: border-box; + font-size: .8rem; + line-height: 1.125em; + font-family: var(--secondary-font); + min-height: var(--rhythm); + background: var(--interactive-bg); + color: var(--fg); + border: 1px solid var(--muted-fg); + box-shadow: 0 2px 4px -2px var(--fg); + border-radius: var(--border-radius); + justify-content: center; + align-items: center; + text-decoration: none; + display: inline-flex +} + +input[type=submit]:hover, +input[type=submit]:focus-visible { + filter: brightness(1.1); + box-shadow: 0 3px 6px -2px var(--fg); + text-decoration: none +} + +input[type=submit]:active { + box-shadow: none +} + +:is(strong>input[type=submit]) { + background: var(--accent); + color: var(--bg); + border: none; + font-weight: 700 +} + +:is(strong>input[type=submit])[disabled] { + color: var(--muted-accent) +} + +input[type=reset] { + padding: 0 calc(var(--rhythm)/4); + vertical-align: middle; + box-sizing: border-box; + font-size: .8rem; + line-height: 1.125em; + font-family: var(--secondary-font); + min-height: var(--rhythm); + background: var(--interactive-bg); + color: var(--fg); + border: 1px solid var(--muted-fg); + box-shadow: 0 2px 4px -2px var(--fg); + border-radius: var(--border-radius); + justify-content: center; + align-items: center; + text-decoration: none; + display: inline-flex +} + +input[type=reset]:hover, +input[type=reset]:focus-visible { + filter: brightness(1.1); + box-shadow: 0 3px 6px -2px var(--fg); + text-decoration: none +} + +input[type=reset]:active { + box-shadow: none +} + +:is(strong>input[type=reset]) { + background: var(--accent); + color: var(--bg); + border: none; + font-weight: 700 +} + +:is(strong>input[type=reset])[disabled] { + color: var(--muted-accent) +} + +input[type=button] { + padding: 0 calc(var(--rhythm)/4); + vertical-align: middle; + box-sizing: border-box; + font-size: .8rem; + line-height: 1.125em; + font-family: var(--secondary-font); + min-height: var(--rhythm); + background: var(--interactive-bg); + color: var(--fg); + border: 1px solid var(--muted-fg); + box-shadow: 0 2px 4px -2px var(--fg); + border-radius: var(--border-radius); + justify-content: center; + align-items: center; + text-decoration: none; + display: inline-flex +} + +input[type=button]:hover, +input[type=button]:focus-visible { + filter: brightness(1.1); + box-shadow: 0 3px 6px -2px var(--fg); + text-decoration: none +} + +input[type=button]:active { + box-shadow: none +} + +:is(strong>input[type=button]) { + background: var(--accent); + color: var(--bg); + border: none; + font-weight: 700 +} + +:is(strong>input[type=button])[disabled] { + color: var(--muted-accent) +} + +input::-webkit-file-upload-button { + padding: 0 calc(var(--rhythm)/4); + vertical-align: middle; + box-sizing: border-box; + font-size: .8rem; + line-height: 1.125em; + font-family: var(--secondary-font); + min-height: var(--rhythm); + background: var(--interactive-bg); + color: var(--fg); + border: 1px solid var(--muted-fg); + box-shadow: 0 2px 4px -2px var(--fg); + border-radius: var(--border-radius); + justify-content: center; + align-items: center; + text-decoration: none; + display: inline-flex +} + +input::-webkit-file-upload-button:hover { + filter: brightness(1.1); + box-shadow: 0 3px 6px -2px var(--fg); + text-decoration: none +} + +input::-webkit-file-upload-button:focus-visible { + filter: brightness(1.1); + box-shadow: 0 3px 6px -2px var(--fg); + text-decoration: none +} + +input::-webkit-file-upload-button:active { + box-shadow: none +} + +:-webkit-any(strong>:-webkit-any()) { + background: var(--accent); + color: var(--bg); + border: none; + font-weight: 700 +} + +:-webkit-any(strong>:-webkit-any())[disabled] { + color: var(--muted-accent) +} + +input::-ms-browse { + padding: 0 calc(var(--rhythm)/4); + vertical-align: middle; + box-sizing: border-box; + font-size: .8rem; + line-height: 1.125em; + font-family: var(--secondary-font); + min-height: var(--rhythm); + background: var(--interactive-bg); + color: var(--fg); + border: 1px solid var(--muted-fg); + box-shadow: 0 2px 4px -2px var(--fg); + border-radius: var(--border-radius); + justify-content: center; + align-items: center; + text-decoration: none; + display: inline-flex +} + +input::-ms-browse:hover { + filter: brightness(1.1); + box-shadow: 0 3px 6px -2px var(--fg); + text-decoration: none +} + +input::-ms-browse:focus-visible { + filter: brightness(1.1); + box-shadow: 0 3px 6px -2px var(--fg); + text-decoration: none +} + +input::-ms-browse:active { + box-shadow: none +} + +input::file-selector-button { + padding: 0 calc(var(--rhythm)/4); + vertical-align: middle; + box-sizing: border-box; + font-size: .8rem; + line-height: 1.125em; + font-family: var(--secondary-font); + min-height: var(--rhythm); + background: var(--interactive-bg); + color: var(--fg); + border: 1px solid var(--muted-fg); + box-shadow: 0 2px 4px -2px var(--fg); + border-radius: var(--border-radius); + justify-content: center; + align-items: center; + text-decoration: none; + display: inline-flex +} + +input::file-selector-button:hover { + filter: brightness(1.1); + box-shadow: 0 3px 6px -2px var(--fg); + text-decoration: none +} + +input::file-selector-button:focus-visible { + filter: brightness(1.1); + box-shadow: 0 3px 6px -2px var(--fg); + text-decoration: none +} + +input::file-selector-button:active { + box-shadow: none +} + +:is(strong>:is()) { + background: var(--accent); + color: var(--bg); + border: none; + font-weight: 700 +} + +:is(strong>:is())[disabled] { + color: var(--muted-accent) +} + +:is(button, .\):hover, +:is(button, .\):focus-visible { + filter: brightness(1.1); + box-shadow: 0 3px 6px -2px var(--fg); + text-decoration: none +} + +:is(button, .\):active { + box-shadow: none +} + +:is(strong>:is(button, .\)) { + background: var(--accent); + color: var(--bg); + border: none; + font-weight: 700 +} + +:is(strong>:is(button, .\))[disabled] { + color: var(--muted-accent) +} + +input[type=submit]:active:-webkit-any([aria-pressed], [aria-expanded]), +input[type=submit]:active:-webkit-any([aria-pressed], [aria-expanded]) { + color: var(--accent); + box-shadow: 0 1px 5px -1px var(--fg)inset +} + +input[type=submit]:active:-webkit-any([aria-pressed], [aria-expanded]), +input[type=submit]:active:is([aria-pressed], [aria-expanded]) { + color: var(--accent); + box-shadow: 0 1px 5px -1px var(--fg)inset +} + +input[type=submit]:where([aria-pressed=true], [aria-expanded=true]) { + box-shadow: 0 2px 4px -1px var(--fg)inset; + background: var(--pressed-interactive-bg); + color: var(--accent) +} + +input[type=submit]:where([aria-pressed=true], [aria-expanded=true]):hover, +input[type=submit]:where([aria-pressed=true], [aria-expanded=true]):focus-visible { + box-shadow: 0 1px 3px -1px var(--fg)inset +} + +input[type=submit].big { + min-height: calc(1.5*var(--rhythm)); + padding-inline: calc(.5*var(--rhythm)); + font-size: 1rem; + line-height: var(--rhythm) +} + +input[type=submit]:disabled { + color: var(--muted-fg); + box-shadow: none +} + +input[type=reset]:active:-webkit-any([aria-pressed], [aria-expanded]), +input[type=reset]:active:-webkit-any([aria-pressed], [aria-expanded]) { + color: var(--accent); + box-shadow: 0 1px 5px -1px var(--fg)inset +} + +input[type=reset]:active:-webkit-any([aria-pressed], [aria-expanded]), +input[type=reset]:active:is([aria-pressed], [aria-expanded]) { + color: var(--accent); + box-shadow: 0 1px 5px -1px var(--fg)inset +} + +input[type=reset]:where([aria-pressed=true], [aria-expanded=true]) { + box-shadow: 0 2px 4px -1px var(--fg)inset; + background: var(--pressed-interactive-bg); + color: var(--accent) +} + +input[type=reset]:where([aria-pressed=true], [aria-expanded=true]):hover, +input[type=reset]:where([aria-pressed=true], [aria-expanded=true]):focus-visible { + box-shadow: 0 1px 3px -1px var(--fg)inset +} + +input[type=reset].big { + min-height: calc(1.5*var(--rhythm)); + padding-inline: calc(.5*var(--rhythm)); + font-size: 1rem; + line-height: var(--rhythm) +} + +input[type=reset]:disabled { + color: var(--muted-fg); + box-shadow: none +} + +input[type=button]:active:-webkit-any([aria-pressed], [aria-expanded]), +input[type=button]:active:-webkit-any([aria-pressed], [aria-expanded]) { + color: var(--accent); + box-shadow: 0 1px 5px -1px var(--fg)inset +} + +input[type=button]:active:-webkit-any([aria-pressed], [aria-expanded]), +input[type=button]:active:is([aria-pressed], [aria-expanded]) { + color: var(--accent); + box-shadow: 0 1px 5px -1px var(--fg)inset +} + +input[type=button]:where([aria-pressed=true], [aria-expanded=true]) { + box-shadow: 0 2px 4px -1px var(--fg)inset; + background: var(--pressed-interactive-bg); + color: var(--accent) +} + +input[type=button]:where([aria-pressed=true], [aria-expanded=true]):hover, +input[type=button]:where([aria-pressed=true], [aria-expanded=true]):focus-visible { + box-shadow: 0 1px 3px -1px var(--fg)inset +} + +input[type=button].big { + min-height: calc(1.5*var(--rhythm)); + padding-inline: calc(.5*var(--rhythm)); + font-size: 1rem; + line-height: var(--rhythm) +} + +input[type=button]:disabled { + color: var(--muted-fg); + box-shadow: none +} + +:-webkit-any(button, .\):active:-webkit-any([aria-pressed], [aria-expanded]), +:-webkit-any(button, .\):active:-webkit-any([aria-pressed], [aria-expanded]) { + color: var(--accent); + box-shadow: 0 1px 5px -1px var(--fg)inset +} + +:is(button, .\):active:-webkit-any([aria-pressed], [aria-expanded]), +:is(button, .\):active:is([aria-pressed], [aria-expanded]) { + color: var(--accent); + box-shadow: 0 1px 5px -1px var(--fg)inset +} + +:is(button, .\):where([aria-pressed=true], [aria-expanded=true]) { + box-shadow: 0 2px 4px -1px var(--fg)inset; + background: var(--pressed-interactive-bg); + color: var(--accent) +} + +:is(button, .\):where([aria-pressed=true], [aria-expanded=true]):hover, +:is(button, .\):where([aria-pressed=true], [aria-expanded=true]):focus-visible { + box-shadow: 0 1px 3px -1px var(--fg)inset +} + +:is(button, .\).big { + min-height: calc(1.5*var(--rhythm)); + padding-inline: calc(.5*var(--rhythm)); + font-size: 1rem; + line-height: var(--rhythm) +} + +:is(button, .\):disabled { + color: var(--muted-fg); + box-shadow: none +} + +input:not([type]), +select, +textarea, +input[type=text] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=text]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=text]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=text]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=text]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=text]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=text]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=text]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=text]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=text]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=search] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=search]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=search]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=search]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=search]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=search]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=search]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=search]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=search]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=search]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=tel] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=tel]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=tel]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=tel]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=tel]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=tel]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=tel]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=tel]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=tel]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=tel]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=url] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=url]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=url]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=url]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=url]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=url]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=url]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=url]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=url]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=url]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=email] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=email]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=email]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=email]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=email]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=email]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=email]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=email]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=email]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=email]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=password] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=password]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=password]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=password]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=password]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=password]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=password]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=password]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=password]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=password]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=date] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=date]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=date]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=date]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=date]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=date]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=date]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=date]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=date]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=date]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=month] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=month]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=month]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=month]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=month]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=month]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=month]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=month]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=month]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=month]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=week] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=week]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=week]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=week]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=week]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=week]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=week]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=week]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=week]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=week]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=time] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=time]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=time]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=time]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=time]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=time]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=time]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=time]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=time]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=time]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=datetime] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=datetime]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=datetime]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=datetime]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=datetime]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=datetime]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=datetime]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=datetime]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=datetime]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=datetime]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=datetime-local] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=datetime-local]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=datetime-local]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=datetime-local]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=datetime-local]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=datetime-local]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=datetime-local]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=datetime-local]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=datetime-local]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=datetime-local]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=number] { + padding: calc(var(--rhythm)/4); + vertical-align: top; + font-size: 1rem; + line-height: inherit; + font-family: var(--main-font); + background: var(--bg); + color: var(--fg); + border: 1px solid var(--graphical-fg); + border-radius: var(--border-radius); + vertical-align: top +} + +input[type=number]:focus-visible { + border: 1px solid var(--accent) +} + +input[type=number]::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=number]::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +input[type=number]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +input[type=number]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +input[type=number]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=number]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=number]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +input[type=number]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +:is(input:not([type]), select, textarea):focus-visible { + border: 1px solid var(--accent) +} + +:is(input:not([type]), select, textarea)::-moz-placeholder { + color: var(--muted-fg); + opacity: 1 +} + +:is(input:not([type]), select, textarea)::placeholder { + color: var(--muted-fg); + opacity: 1 +} + +:is(input:not([type]), select, textarea):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder { + text-align: right +} + +:is(input:not([type]), select, textarea):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder { + text-align: right +} + +:-webkit-any(input:not([type]), select, textarea):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +:is(input:not([type]), select, textarea):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +:is(input:not([type]), select, textarea):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder { + text-align: left +} + +:is(input:not([type]), select, textarea):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder { + text-align: left +} + +input[type=range] { + padding: calc(var(--gap)/4); + width: 100% +} + +input[type=color] { + height: calc(1.5*var(--rhythm)); + background: 0 0; + border: none; + margin: 0; + padding: 0 +} + +input[type=file] { + padding: calc(var(--gap)/4)0; + font: inherit; + line-height: calc(var(--rhythm)/2) +} + +input[type=file]::-webkit-file-upload-button { + margin-top: .1em; + margin-bottom: 0 +} + +input[type=file]::file-selector-button { + margin-top: .1em; + margin-bottom: 0 +} + +input[type=file]::file-selector-button { + margin-top: .1em; + margin-bottom: 0 +} + +input[type=file]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-webkit-file-upload-button { + margin-right: 1ch +} + +input[type=file]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-ms-browse { + margin-right: 1ch +} + +input[type=file]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::file-selector-button { + margin-right: 1ch +} + +input[type=file]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button { + margin-left: 1ch +} + +input[type=file]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-ms-browse { + margin-left: 1ch +} + +input[type=file]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { + margin-left: 1ch +} + +select[multiple] { + vertical-align: top +} + +optgroup:before { + color: var(--muted-fg); + font-style: normal +} + +label[for] { + padding-block: calc(var(--gap)/4); + display: block +} + +fieldset { + padding: var(--gap); + margin: var(--gap)0; + border-radius: var(--border-radius); + border: 1px solid var(--graphical-fg); + width: 100%; + position: relative +} + +fieldset>legend+* { + margin-top: 0 +} + +details:not(specificity-hack) { + padding-top: 0 +} + +details:not(specificity-hack):not([open]) { + padding-bottom: 0 +} + +summary { + margin: calc(0px - var(--gap)); + margin-top: calc(0px - var(--gap)); + padding-inline: var(--gap); + font-family: var(--secondary-font); + cursor: pointer; + margin-bottom: 0; + font-weight: 700 +} + +summary:focus-visible, +summary:active { + filter: brightness(.8); + outline: none +} + +dialog { + inline-inset: 0; + background-color: var(--bg); + color: var(--fg); + border-color: var(--fg); + width: fit-content; + height: fit-content; + margin: auto !important +} + +dialog[open]::-webkit-backdrop { + opacity: .4; + background: #000; + animation: 2s bg; + display: block +} + +dialog[open]::backdrop { + opacity: .4; + background: #000; + animation: 2s bg; + display: block +} + +@keyframes bg { + 0% { + background: 0 0 + } +} + +dialog:not([open]) { + display: none +} + +.box, +[role=menu], +.sidebar-layout>header, +[role=tabpanel], +figure, +details, +:where(dialog) { + margin: var(--gap)0; + padding: var(--gap); + border-radius: var(--border-radius); + background: var(--box-bg); + border: 1px solid var(--graphical-fg); + overflow: clip +} + +.titlebar { + margin-inline: calc(0px - var(--gap)); + padding-inline: var(--gap); + font: inherit; + font-family: var(--secondary-font); + translate: 0 calc(-1px - var(--gap)); + background: var(--graphical-fg); + color: var(--bg); + text-shadow: 0 .1em .2em var(--fg); + border-bottom: 1px solid; + border-bottom-color: inherit; + margin-bottom: calc(0px - var(--gap)); + font-weight: 700 +} + +.sub-title, +sub-title { + color: var(--muted-fg); + font-weight: 400; + display: block +} + +.tool-bar, +[role=toolbar] { + gap: calc(var(--gap)/2); + flex-flow: wrap; + display: flex +} + +:is(.tool-bar, [role=toolbar])>* { + margin: 0 +} + +.sidebar-layout header li { + margin-block: calc(.5*var(--gap)) +} + +.sidebar-layout header a { + font-weight: 700 +} + +@media (width>=75ch) { + .sidebar-layout { + grid-template-columns: 25ch auto; + display: grid; + inset: 0 + } + + .sidebar-layout>header { + border-top: none; + border-bottom: none; + margin: 0 + } + + .sidebar-layout>header:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + border-left: none + } + + .sidebar-layout>header:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), + .sidebar-layout>header:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-right: none + } + + .sidebar-layout>header:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), + .sidebar-layout>header:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-right: none + } + + .sidebar-layout>:nth-child(2) { + --full-width: calc(100vw - 25ch); + margin-top: var(--gap); + overflow: auto + } +} + +.breadcrumbs[aria-label] { + font-family: var(--secondary-font) +} + +.breadcrumbs[aria-label] ul, +.breadcrumbs[aria-label] ol { + list-style: none +} + +.breadcrumbs[aria-label] ul:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)), +.breadcrumbs[aria-label] ol:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + padding-left: 0 +} + +.breadcrumbs[aria-label] ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.breadcrumbs[aria-label] ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.breadcrumbs[aria-label] ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.breadcrumbs[aria-label] ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: 0 +} + +.breadcrumbs[aria-label] ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.breadcrumbs[aria-label] ul:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.breadcrumbs[aria-label] ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.breadcrumbs[aria-label] ol:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: 0 +} + +.breadcrumbs[aria-label] li { + display: inline +} + +.breadcrumbs[aria-label] li+li:before { + content: " / " /""; + content: " / "; + display: inline +} + +.breadcrumbs[aria-label] [aria-current=page] { + font-weight: 700 +} + +.chip, +chip { + font-family: var(--secondary-font); + border: 1px solid var(--accent); + background: var(--box-bg); + border-radius: calc(var(--rhythm)/2); + padding-inline: calc(var(--rhythm)/2) +} + +.navbar { + padding: var(--rhythm); + font-family: var(--secondary-font); + background: var(--box-bg); + border-bottom: 1px solid var(--accent); + scrollbar-width: thin; + z-index: 5; + align-items: center; + gap: var(--gap); + flex-flow: row; + display: flex; + position: -webkit-sticky; + position: sticky; + top: 0; + left: 0; + right: 0; + overflow-x: auto +} + +.navbar.expanded { + flex-flow: column; + align-items: start; + max-height: 90vh; + overflow-y: auto +} + +.navbar.expanded ul[role=list] { + flex-flow: column +} + +.navbar * { + flex-shrink: 0; + margin-top: 0; + margin-bottom: 0 +} + +.navbar:not(.expanded)>:first-child:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)), +.navbar:not(.expanded) nav>:first-child:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + margin-left: auto +} + +.navbar:not(.expanded)>:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.navbar:not(.expanded)>:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.navbar:not(.expanded) nav>:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.navbar:not(.expanded) nav>:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.navbar:not(.expanded)>:last-child:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)), +.navbar:not(.expanded) nav>:last-child:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + margin-right: auto +} + +.navbar:not(.expanded)>:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.navbar:not(.expanded)>:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.navbar:not(.expanded) nav>:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.navbar:not(.expanded) nav>:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-left: auto +} + +.navbar hr { + align-self: stretch +} + +.navbar nav ul[role=list] { + gap: var(--rhythm); + flex-flow: row; + display: flex +} + +.navbar nav ul[role=list] * { + flex-shrink: 0 +} + +.navbar nav ul[role=list]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + padding-left: 0 +} + +.navbar nav ul[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.navbar nav ul[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: 0 +} + +.navbar nav ul[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.navbar nav ul[role=list]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: 0 +} + +.navbar a { + padding-left: .2em; + padding-right: .2em; + font-weight: 700; + text-decoration: none +} + +.navbar a:hover, +.navbar a:focus { + text-decoration: underline +} + +.navbar [aria-current=page] { + position: relative +} + +.navbar [aria-current=page]:after { + content: ""; + bottom: calc(-1*var(--gap)); + background: currentColor; + width: 100%; + height: 6px; + display: block; + position: absolute +} + +.navbar.expanded [aria-current=page]:after { + left: calc(-1*var(--gap)); + width: 6px; + height: 100%; + position: absolute; + top: 0 +} + +.permalink-anchor { + display: none +} + +:hover>.permalink-anchor { + display: initial +} + +button.iconbutton { + color: currentColor; + box-shadow: none; + line-height: var(--rhythm); + text-align: center; + background: 0 0; + border: none; + border-radius: 50%; + width: 24px; + height: 24px; + padding: 0; + font-size: 24px; + transition: font-weight .2s ease-in-out; + display: inline-block +} + +button.iconbutton:hover, +button.iconbutton:focus-visible { + box-shadow: none; + outline: 1px solid var(--accent); + outline-offset: 6px +} + +button.iconbutton:active { + box-shadow: none; + outline-offset: 3px; + background: 0 0 +} + +button.iconbutton[aria-pressed=true] { + box-shadow: none; + transform: none +} + +[role=tablist] { + scrollbar-width: thin; + gap: .5ch; + display: flex +} + +[role=tab][role=tab] { + all: initial; + font-family: var(--secondary-font); + padding: 0 calc(var(--rhythm)/4); + min-height: var(--rhythm); + color: var(--fg); + border: solid var(--graphical-fg); + background: var(--interactive-bg); + border-width: 1px; + margin: 0; + position: relative; + bottom: -1px +} + +[role=tab][role=tab]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)), +[role=tab][role=tab]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +[role=tab][role=tab]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-top-left-radius: .4em; + border-top-right-radius: .4em +} + +[role=tab][role=tab]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)), +[role=tab][role=tab]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +[role=tab][role=tab]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-top-left-radius: .4em; + border-top-right-radius: .4em +} + +[role=tab][role=tab]:active, +[role=tab][role=tab][aria-selected=true] { + background: var(--box-bg); + border-bottom: 1px solid #0000 +} + +[role=tab][role=tab]:hover { + background-color: var(--box-bg); + box-shadow: none +} + +[role=tab][role=tab]:focus-visible { + box-shadow: none; + color: var(--accent); + text-decoration: underline +} + +[role=tabpanel] { + z-index: 1; + margin-top: 0 +} + +[role=tabpanel]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)), +[role=tabpanel]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +[role=tabpanel]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-top-left-radius: 0; + border-top-right-radius: 0 +} + +[role=tabpanel]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)), +[role=tabpanel]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +[role=tabpanel]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + border-top-left-radius: 0; + border-top-right-radius: 0 +} + +[role=menu] { + z-index: 10; + padding: calc(var(--gap)/2)0; + flex-flow: column; + margin: 1px 0 0; + display: flex; + position: absolute +} + +[role=menuitem] { + padding: 0 calc(var(--gap)/2); + color: var(--fg); + border-radius: 0; + text-decoration: none; + display: block +} + +[role=menuitem]:focus, +[role=menuitem]:active { + background: var(--accent); + color: var(--bg) +} + +[role=listbox] { + list-style: none +} + +[role=listbox] [role=option] { + margin-inline: calc(-1*var(--gap)); + padding-inline: var(--gap); + border-radius: 0 +} + +[role=listbox] [role=option][aria-selected=true] { + background: var(--interactive-bg) +} + +[role=listbox] [role=option].active { + --temporary-bg: var(--accent); + --temporary-fg: var(--bg); + --temporary-accent: parent-var(--muted-accent); + --temporary-muted-accent: parent-var(--box-bg); + background: var(--temporary-bg); + color: var(--temporary-fg) +} + +[role=listbox] [role=option].active>* { + --bg: var(--temporary-bg); + --fg: var(--temporary-fg); + --accent: var(--temporary-accent); + --muted-accent: var(--temporary-muted-accent) +} + +[aria-orientation=vertical] { + text-align: center; + flex-direction: column; + width: fit-content +} + +.plain { + --box-bg: var(--plain-bg); + --accent: var(--plain-fg); + --graphical-fg: var(--plain-graphical-fg) +} + +.info { + --box-bg: var(--info-bg); + --accent: var(--info-fg); + --graphical-fg: var(--info-graphical-fg) +} + +.ok { + --box-bg: var(--ok-bg); + --accent: var(--ok-fg); + --graphical-fg: var(--ok-graphical-fg) +} + +.warn { + --box-bg: var(--warn-bg); + --accent: var(--warn-fg); + --graphical-fg: var(--warn-graphical-fg) +} + +.bad { + --box-bg: var(--bad-bg); + --accent: var(--bad-fg); + --graphical-fg: var(--bad-graphical-fg) +} + +.color { + color: var(--accent) +} + +.bg { + background: var(--box-bg) +} + +.border { + border-style: solid; + border-color: var(--graphical-fg) +} + +:root { + --fg: var(--gray-12); + --muted-fg: var(--gray-10); + --faded-fg: var(--gray-6); + --graphical-fg: var(--plain-graphical-fg); + --plain-fg: var(--blue-10); + --info-fg: var(--blue-11); + --ok-fg: var(--green-11); + --bad-fg: var(--red-11); + --warn-fg: var(--yellow-11); + --plain-graphical-fg: var(--gray-6); + --info-graphical-fg: var(--blue-6); + --ok-graphical-fg: var(--green-6); + --bad-graphical-fg: var(--red-6); + --warn-graphical-fg: var(--yellow-6); + --bg: var(--gray-0); + --box-bg: var(--plain-bg); + --interactive-bg: var(--gray-4); + --plain-bg: var(--gray-1); + --info-bg: var(--blue-1); + --ok-bg: var(--green-1); + --bad-bg: var(--red-1); + --warn-bg: var(--yellow-1); + --accent: var(--blue-10); + --muted-accent: var(--blue-7); + --rhythm: 1.4rem; + --line-length: 40rem; + --border-radius: .2rem; + --main-font: "Source Sans 3", "Source Sans Pro", -apple-system, system-ui, sans-serif; + --secondary-font: var(--main-font); + --mono-font: "M Plus Code Latin", monospace, monospace; + --density: 1; + --full-width: 100vw; + --eff-line-length: min(calc(var(--full-width) - (2*var(--rhythm))), var(--line-length)); + --gutter-width: calc((var(--full-width) - var(--eff-line-length))/2) +} + +@media (prefers-color-scheme:dark) { + :root:not(.-no-dark-theme) { + --fg: var(--gray-0); + --muted-fg: var(--gray-2); + --faded-fg: var(--gray-7); + --plain-bg: var(--gray-11); + --info-bg: var(--blue-12); + --ok-bg: var(--green-12); + --bad-bg: var(--red-12); + --warn-bg: var(--yellow-12); + --plain-faded-fg: var(--blue-6); + --info-faded-fg: var(--blue-6); + --ok-faded-fg: var(--green-6); + --bad-faded-fg: var(--red-6); + --warn-faded-fg: var(--yellow-6); + --bg: var(--gray-12); + --box-bg: var(--gray-10); + --interactive-bg: var(--gray-8); + --plain-fg: (--blue-2); + --info-fg: var(--blue-2); + --ok-fg: var(--green-2); + --bad-fg: var(--red-2); + --warn-fg: var(--yellow-2); + --accent: var(--blue-2); + --muted-accent: var(--blue-5) + } +} + +* { + --gap: calc(var(--rhythm)*var(--density)); + accent-color: var(--accent) +} + +.textcolumns { + --col-width: 30ch; + column-width: var(--col-width); + column-gap: var(--gap); + margin-block: var(--gap) +} + +.textcolumns :first-child { + margin-top: 0 !important +} + +.text-align\:center { + text-align: center +} + +.center { + place-items: center; + display: grid +} + +.container { + max-width: var(--eff-line-length); + margin-left: auto; + margin-right: auto +} + +.fullbleed { + width: var(--full-width); + transform: translateX(calc(-.5*var(--full-width))); + border-left: none; + border-right: none; + border-radius: 0; + position: relative; + left: 50% +} + +.fullscreen { + border-left: none; + border-right: none; + border-radius: 0; + width: 100vw; + height: 100vh; + position: relative; + left: 50%; + transform: translate(-50vw) +} + +.width\:100\% { + width: 100%; + max-width: 100% +} + +.height\:100\% { + height: 100%; + max-height: 100% +} + +:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:first-child:first-child:first-child:first-child, +:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:first-child>:first-child:first-child:first-child, +:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:first-child>:first-child>:first-child:first-child, +:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:first-child>:first-child>:first-child>:first-child { + margin-top: 0 +} + +:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:last-child:last-child:last-child:last-child, +:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:last-child>:last-child:last-child:last-child, +:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:last-child>:last-child>:last-child:last-child, +:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:last-child>:last-child>:last-child>:last-child { + margin-bottom: 0 +} + +.padding { + padding-inline: var(--gap) +} + +.padding-block { + padding-block: var(--gap) +} + +.padding-block-start { + padding-top: var(--gap) +} + +.padding-block-end { + padding-bottom: var(--gap) +} + +.padding-inline { + padding-inline: var(--gap) +} + +.padding-inline-start:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + padding-left: var(--gap) +} + +.padding-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.padding-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: var(--gap) +} + +.padding-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.padding-inline-start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: var(--gap) +} + +.padding-inline-end:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + padding-left: var(--gap) +} + +.padding-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.padding-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: var(--gap) +} + +.padding-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.padding-inline-end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: var(--gap) +} + +.margin { + margin: var(--gap) +} + +.margin-block { + margin-block: var(--gap) +} + +.margin-block-start { + margin-top: var(--gap) +} + +.margin-block-end { + margin-bottom: var(--gap) +} + +.margin-inline { + margin-inline: var(--gap) +} + +.margin-inline-start:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + margin-left: var(--gap) +} + +.margin-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.margin-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.margin-inline-end:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + margin-right: var(--gap) +} + +.margin-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.margin-inline-start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.margin-inline-end:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + margin-right: var(--gap) +} + +.margin-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.margin-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-left: var(--gap) +} + +.margin-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +.margin-inline-end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-left: var(--gap) +} + +.flow-gap>:not(:last-child) { + margin-bottom: var(--gap) +} + +.inline { + display: inline +} + +.block { + display: block +} + +.contents { + display: contents +} + +.table { + width: 100%; + margin: 0; + display: table +} + +.row, +.rows>* { + display: table-row +} + +:is(.row, .rows>*):not(:last-child):not([specificity-hack])>* { + margin-bottom: var(--gap) +} + +:is(.row, .rows>*)>:not([specificity-hack]) { + vertical-align: top; + display: table-cell +} + +:is(.row, .rows>*)>*+:not([specificity-hack]) { + display: inline-block +} + +:is(.row, .rows>*)>*+:not([specificity-hack]):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) { + margin-left: var(--gap) +} + +:is(.row, .rows>*)>*+:not([specificity-hack]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), +:is(.row, .rows>*)>*+:not([specificity-hack]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-right: var(--gap) +} + +.big { + font-size: 1.4em; + line-height: calc(1.5*var(--rhythm)) +} + +.nested-list ul, +.nested-list ol { + margin-top: 0; + margin-bottom: 0 +} + +.fixed { + position: fixed +} + +.sticky { + position: -webkit-sticky; + position: sticky +} + +.top { + top: 0 +} + +.right { + right: 0 +} + +.bottom { + bottom: 0 +} + +.left { + left: 0 +} + +.float\:left { + float: left +} + +.float\:right { + float: right +} + +.overflow\:auto { + overflow: auto +} + +.overflow\:scroll { + overflow: scroll +} + +.airy { + --density: 3 +} + +.spacious { + --density: 2 +} + +.dense { + --density: 1 +} + +.crowded { + --density: .5 +} + +.packed { + --density: 0 +} + +.autodensity { + --density: 1 +} + +@media (width>=768px) { + .autodensity { + --density: 2 + } +} + +@media (width>=1024px) { + .autodensity { + --density: 3 + } +} + +.vh, +v-h { + clip: rect(0 0 0 0); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + white-space: nowrap; + width: 1px; + height: 1px; + overflow: hidden +} + +.all\:initial { + all: initial +} + +.bold { + font-weight: 700 +} + +.italic { + font-style: italic +} + +.italic em, +.italic cite, +.italic dfn, +.italic var, +.italic i, +.italic address { + font-style: normal +} + +.allcaps { + text-transform: uppercase; + letter-spacing: .1rem +} + +.primary-font { + font-family: var(--primary-font) +} + +.secondary-font { + font-family: var(--secondary-font) +} + +.display-font { + font-family: var(--display-font) +} + +.mono-font, +.monospace { + font-family: var(--mono-font) +} + +.massivetext { + font-size: calc(.13*var(--eff-line-length)); + letter-spacing: 0; + line-height: 1em +} + +.aestheticbreak { + height: calc(.5*var(--gap)); + margin: 0; + padding: 0; + display: block +} + +.f-row { + gap: var(--gap); + flex-direction: row; + display: flex +} + +.f-row>* { + margin: 0 +} + +.f-col { + gap: var(--gap); + flex-direction: column; + display: flex +} + +.f-col>* { + margin: 0 +} + +.f-switch { + gap: var(--gap); + --f-switch-threshold: 55ch; + flex-wrap: wrap; + display: flex +} + +.f-switch>* { + flex-grow: 1; + flex-basis: calc((var(--f-switch-threshold) - 100%)*999); + margin: 0 +} + +.justify-content\:start { + justify-content: start +} + +.justify-content\:end { + justify-content: end +} + +.justify-content\:baseline { + justify-content: baseline +} + +.justify-content\:center { + justify-content: center +} + +.justify-content\:stretch { + justify-content: stretch +} + +.justify-content\:space-between { + justify-content: space-between +} + +.justify-content\:space-around { + justify-content: space-around +} + +.justify-content\:space-evenly { + justify-content: space-evenly +} + +.align-items\:start { + align-items: start +} + +.align-items\:end { + align-items: end +} + +.align-items\:baseline { + align-items: baseline +} + +.align-items\:center { + align-items: center +} + +.align-items\:stretch { + align-items: stretch +} + +.align-self\:start { + align-self: start +} + +.align-self\:end { + align-self: end +} + +.align-self\:baseline { + align-self: baseline +} + +.align-self\:center { + align-self: center +} + +.align-self\:stretch { + align-self: stretch +} + +.flex-grow\:0 { + flex-grow: 0 +} + +.flex-grow\:1 { + flex-grow: 1 +} + +.flex-grow\:2 { + flex-grow: 2 +} + +.flex-grow\:3 { + flex-grow: 3 +} + +.flex-grow\:4 { + flex-grow: 4 +} + +.flex-grow\:5 { + flex-grow: 5 +} + +.flex-grow\:6 { + flex-grow: 6 +} + +.flex-grow\:7 { + flex-grow: 7 +} + +.flex-grow\:8 { + flex-grow: 8 +} + +.flex-grow\:9 { + flex-grow: 9 +} + +.flex-grow\:10 { + flex-grow: 10 +} + +.flex-grow\:11 { + flex-grow: 11 +} + +.flex-grow\:12 { + flex-grow: 12 +} + +.flex-wrap\:wrap { + flex-wrap: wrap +} + +.flex-wrap\:nowrap { + flex-wrap: nowrap +} + +.grid { + grid-auto-columns: var(--grid-col-width, 1fr); + grid-auto-rows: var(--grid-row-width, auto); + gap: var(--gap); + display: grid +} + +.grid>* { + margin: 0 +} + +.grid-even-rows { + --grid-row-width: 1fr +} + +.grid-variable-cols { + --grid-column-width: auto +} + +[data-cols^="1 "] { + grid-column-start: 1 +} + +[data-cols$=\ 1] { + grid-column-end: 2 +} + +[data-cols="1"] { + grid-column: 1 +} + +[data-cols^="2 "] { + grid-column-start: 2 +} + +[data-cols$=\ 2] { + grid-column-end: 3 +} + +[data-cols="2"] { + grid-column: 2 +} + +[data-cols^="3 "] { + grid-column-start: 3 +} + +[data-cols$=\ 3] { + grid-column-end: 4 +} + +[data-cols="3"] { + grid-column: 3 +} + +[data-cols^="4 "] { + grid-column-start: 4 +} + +[data-cols$=\ 4] { + grid-column-end: 5 +} + +[data-cols="4"] { + grid-column: 4 +} + +[data-cols^="5 "] { + grid-column-start: 5 +} + +[data-cols$=\ 5] { + grid-column-end: 6 +} + +[data-cols="5"] { + grid-column: 5 +} + +[data-cols^="6 "] { + grid-column-start: 6 +} + +[data-cols$=\ 6] { + grid-column-end: 7 +} + +[data-cols="6"] { + grid-column: 6 +} + +[data-cols^="7 "] { + grid-column-start: 7 +} + +[data-cols$=\ 7] { + grid-column-end: 8 +} + +[data-cols="7"] { + grid-column: 7 +} + +[data-cols^="8 "] { + grid-column-start: 8 +} + +[data-cols$=\ 8] { + grid-column-end: 9 +} + +[data-cols="8"] { + grid-column: 8 +} + +[data-cols^="9 "] { + grid-column-start: 9 +} + +[data-cols$=\ 9] { + grid-column-end: 10 +} + +[data-cols="9"] { + grid-column: 9 +} + +[data-cols^="10 "] { + grid-column-start: 10 +} + +[data-cols$=\ 10] { + grid-column-end: 11 +} + +[data-cols="10"] { + grid-column: 10 +} + +[data-cols^="11 "] { + grid-column-start: 11 +} + +[data-cols$=\ 11] { + grid-column-end: 12 +} + +[data-cols="11"] { + grid-column: 11 +} + +[data-cols^="12 "] { + grid-column-start: 12 +} + +[data-cols$=\ 12] { + grid-column-end: 13 +} + +[data-cols="12"] { + grid-column: 12 +} + +[data-rows^="1 "] { + grid-row-start: 1 +} + +[data-rows$=\ 1] { + grid-row-end: 2 +} + +[data-rows="1"] { + grid-row: 1 +} + +[data-rows^="2 "] { + grid-row-start: 2 +} + +[data-rows$=\ 2] { + grid-row-end: 3 +} + +[data-rows="2"] { + grid-row: 2 +} + +[data-rows^="3 "] { + grid-row-start: 3 +} + +[data-rows$=\ 3] { + grid-row-end: 4 +} + +[data-rows="3"] { + grid-row: 3 +} + +[data-rows^="4 "] { + grid-row-start: 4 +} + +[data-rows$=\ 4] { + grid-row-end: 5 +} + +[data-rows="4"] { + grid-row: 4 +} + +[data-rows^="5 "] { + grid-row-start: 5 +} + +[data-rows$=\ 5] { + grid-row-end: 6 +} + +[data-rows="5"] { + grid-row: 5 +} + +[data-rows^="6 "] { + grid-row-start: 6 +} + +[data-rows$=\ 6] { + grid-row-end: 7 +} + +[data-rows="6"] { + grid-row: 6 +} + +[data-rows^="7 "] { + grid-row-start: 7 +} + +[data-rows$=\ 7] { + grid-row-end: 8 +} + +[data-rows="7"] { + grid-row: 7 +} + +[data-rows^="8 "] { + grid-row-start: 8 +} + +[data-rows$=\ 8] { + grid-row-end: 9 +} + +[data-rows="8"] { + grid-row: 8 +} + +[data-rows^="9 "] { + grid-row-start: 9 +} + +[data-rows$=\ 9] { + grid-row-end: 10 +} + +[data-rows="9"] { + grid-row: 9 +} + +[data-rows^="10 "] { + grid-row-start: 10 +} + +[data-rows$=\ 10] { + grid-row-end: 11 +} + +[data-rows="10"] { + grid-row: 10 +} + +[data-rows^="11 "] { + grid-row-start: 11 +} + +[data-rows$=\ 11] { + grid-row-end: 12 +} + +[data-rows="11"] { + grid-row: 11 +} + +[data-rows^="12 "] { + grid-row-start: 12 +} + +[data-rows$=\ 12] { + grid-row-end: 13 +} + +[data-rows="12"] { + grid-row: 12 +} + +@media (width<=768px) { + [data-cols\@s^="1 "] { + grid-column-start: 1 + } + + [data-cols\@s$=\ 1] { + grid-column-end: 2 + } + + [data-cols\@s="1"] { + grid-column: 1 + } + + [data-cols\@s^="2 "] { + grid-column-start: 2 + } + + [data-cols\@s$=\ 2] { + grid-column-end: 3 + } + + [data-cols\@s="2"] { + grid-column: 2 + } + + [data-cols\@s^="3 "] { + grid-column-start: 3 + } + + [data-cols\@s$=\ 3] { + grid-column-end: 4 + } + + [data-cols\@s="3"] { + grid-column: 3 + } + + [data-cols\@s^="4 "] { + grid-column-start: 4 + } + + [data-cols\@s$=\ 4] { + grid-column-end: 5 + } + + [data-cols\@s="4"] { + grid-column: 4 + } + + [data-cols\@s^="5 "] { + grid-column-start: 5 + } + + [data-cols\@s$=\ 5] { + grid-column-end: 6 + } + + [data-cols\@s="5"] { + grid-column: 5 + } + + [data-cols\@s^="6 "] { + grid-column-start: 6 + } + + [data-cols\@s$=\ 6] { + grid-column-end: 7 + } + + [data-cols\@s="6"] { + grid-column: 6 + } + + [data-cols\@s^="7 "] { + grid-column-start: 7 + } + + [data-cols\@s$=\ 7] { + grid-column-end: 8 + } + + [data-cols\@s="7"] { + grid-column: 7 + } + + [data-cols\@s^="8 "] { + grid-column-start: 8 + } + + [data-cols\@s$=\ 8] { + grid-column-end: 9 + } + + [data-cols\@s="8"] { + grid-column: 8 + } + + [data-cols\@s^="9 "] { + grid-column-start: 9 + } + + [data-cols\@s$=\ 9] { + grid-column-end: 10 + } + + [data-cols\@s="9"] { + grid-column: 9 + } + + [data-cols\@s^="10 "] { + grid-column-start: 10 + } + + [data-cols\@s$=\ 10] { + grid-column-end: 11 + } + + [data-cols\@s="10"] { + grid-column: 10 + } + + [data-cols\@s^="11 "] { + grid-column-start: 11 + } + + [data-cols\@s$=\ 11] { + grid-column-end: 12 + } + + [data-cols\@s="11"] { + grid-column: 11 + } + + [data-cols\@s^="12 "] { + grid-column-start: 12 + } + + [data-cols\@s$=\ 12] { + grid-column-end: 13 + } + + [data-cols\@s="12"] { + grid-column: 12 + } + + [data-rows\@s^="1 "] { + grid-row-start: 1 + } + + [data-rows\@s$=\ 1] { + grid-row-end: 2 + } + + [data-rows\@s="1"] { + grid-row: 1 + } + + [data-rows\@s^="2 "] { + grid-row-start: 2 + } + + [data-rows\@s$=\ 2] { + grid-row-end: 3 + } + + [data-rows\@s="2"] { + grid-row: 2 + } + + [data-rows\@s^="3 "] { + grid-row-start: 3 + } + + [data-rows\@s$=\ 3] { + grid-row-end: 4 + } + + [data-rows\@s="3"] { + grid-row: 3 + } + + [data-rows\@s^="4 "] { + grid-row-start: 4 + } + + [data-rows\@s$=\ 4] { + grid-row-end: 5 + } + + [data-rows\@s="4"] { + grid-row: 4 + } + + [data-rows\@s^="5 "] { + grid-row-start: 5 + } + + [data-rows\@s$=\ 5] { + grid-row-end: 6 + } + + [data-rows\@s="5"] { + grid-row: 5 + } + + [data-rows\@s^="6 "] { + grid-row-start: 6 + } + + [data-rows\@s$=\ 6] { + grid-row-end: 7 + } + + [data-rows\@s="6"] { + grid-row: 6 + } + + [data-rows\@s^="7 "] { + grid-row-start: 7 + } + + [data-rows\@s$=\ 7] { + grid-row-end: 8 + } + + [data-rows\@s="7"] { + grid-row: 7 + } + + [data-rows\@s^="8 "] { + grid-row-start: 8 + } + + [data-rows\@s$=\ 8] { + grid-row-end: 9 + } + + [data-rows\@s="8"] { + grid-row: 8 + } + + [data-rows\@s^="9 "] { + grid-row-start: 9 + } + + [data-rows\@s$=\ 9] { + grid-row-end: 10 + } + + [data-rows\@s="9"] { + grid-row: 9 + } + + [data-rows\@s^="10 "] { + grid-row-start: 10 + } + + [data-rows\@s$=\ 10] { + grid-row-end: 11 + } + + [data-rows\@s="10"] { + grid-row: 10 + } + + [data-rows\@s^="11 "] { + grid-row-start: 11 + } + + [data-rows\@s$=\ 11] { + grid-row-end: 12 + } + + [data-rows\@s="11"] { + grid-row: 11 + } + + [data-rows\@s^="12 "] { + grid-row-start: 12 + } + + [data-rows\@s$=\ 12] { + grid-row-end: 13 + } + + [data-rows\@s="12"] { + grid-row: 12 + } +} + +@media (width>=1024px) { + [data-cols\@l^="1 "] { + grid-column-start: 1 + } + + [data-cols\@l$=\ 1] { + grid-column-end: 2 + } + + [data-cols\@l="1"] { + grid-column: 1 + } + + [data-cols\@l^="2 "] { + grid-column-start: 2 + } + + [data-cols\@l$=\ 2] { + grid-column-end: 3 + } + + [data-cols\@l="2"] { + grid-column: 2 + } + + [data-cols\@l^="3 "] { + grid-column-start: 3 + } + + [data-cols\@l$=\ 3] { + grid-column-end: 4 + } + + [data-cols\@l="3"] { + grid-column: 3 + } + + [data-cols\@l^="4 "] { + grid-column-start: 4 + } + + [data-cols\@l$=\ 4] { + grid-column-end: 5 + } + + [data-cols\@l="4"] { + grid-column: 4 + } + + [data-cols\@l^="5 "] { + grid-column-start: 5 + } + + [data-cols\@l$=\ 5] { + grid-column-end: 6 + } + + [data-cols\@l="5"] { + grid-column: 5 + } + + [data-cols\@l^="6 "] { + grid-column-start: 6 + } + + [data-cols\@l$=\ 6] { + grid-column-end: 7 + } + + [data-cols\@l="6"] { + grid-column: 6 + } + + [data-cols\@l^="7 "] { + grid-column-start: 7 + } + + [data-cols\@l$=\ 7] { + grid-column-end: 8 + } + + [data-cols\@l="7"] { + grid-column: 7 + } + + [data-cols\@l^="8 "] { + grid-column-start: 8 + } + + [data-cols\@l$=\ 8] { + grid-column-end: 9 + } + + [data-cols\@l="8"] { + grid-column: 8 + } + + [data-cols\@l^="9 "] { + grid-column-start: 9 + } + + [data-cols\@l$=\ 9] { + grid-column-end: 10 + } + + [data-cols\@l="9"] { + grid-column: 9 + } + + [data-cols\@l^="10 "] { + grid-column-start: 10 + } + + [data-cols\@l$=\ 10] { + grid-column-end: 11 + } + + [data-cols\@l="10"] { + grid-column: 10 + } + + [data-cols\@l^="11 "] { + grid-column-start: 11 + } + + [data-cols\@l$=\ 11] { + grid-column-end: 12 + } + + [data-cols\@l="11"] { + grid-column: 11 + } + + [data-cols\@l^="12 "] { + grid-column-start: 12 + } + + [data-cols\@l$=\ 12] { + grid-column-end: 13 + } + + [data-cols\@l="12"] { + grid-column: 12 + } + + [data-rows\@l^="1 "] { + grid-row-start: 1 + } + + [data-rows\@l$=\ 1] { + grid-row-end: 2 + } + + [data-rows\@l="1"] { + grid-row: 1 + } + + [data-rows\@l^="2 "] { + grid-row-start: 2 + } + + [data-rows\@l$=\ 2] { + grid-row-end: 3 + } + + [data-rows\@l="2"] { + grid-row: 2 + } + + [data-rows\@l^="3 "] { + grid-row-start: 3 + } + + [data-rows\@l$=\ 3] { + grid-row-end: 4 + } + + [data-rows\@l="3"] { + grid-row: 3 + } + + [data-rows\@l^="4 "] { + grid-row-start: 4 + } + + [data-rows\@l$=\ 4] { + grid-row-end: 5 + } + + [data-rows\@l="4"] { + grid-row: 4 + } + + [data-rows\@l^="5 "] { + grid-row-start: 5 + } + + [data-rows\@l$=\ 5] { + grid-row-end: 6 + } + + [data-rows\@l="5"] { + grid-row: 5 + } + + [data-rows\@l^="6 "] { + grid-row-start: 6 + } + + [data-rows\@l$=\ 6] { + grid-row-end: 7 + } + + [data-rows\@l="6"] { + grid-row: 6 + } + + [data-rows\@l^="7 "] { + grid-row-start: 7 + } + + [data-rows\@l$=\ 7] { + grid-row-end: 8 + } + + [data-rows\@l="7"] { + grid-row: 7 + } + + [data-rows\@l^="8 "] { + grid-row-start: 8 + } + + [data-rows\@l$=\ 8] { + grid-row-end: 9 + } + + [data-rows\@l="8"] { + grid-row: 8 + } + + [data-rows\@l^="9 "] { + grid-row-start: 9 + } + + [data-rows\@l$=\ 9] { + grid-row-end: 10 + } + + [data-rows\@l="9"] { + grid-row: 9 + } + + [data-rows\@l^="10 "] { + grid-row-start: 10 + } + + [data-rows\@l$=\ 10] { + grid-row-end: 11 + } + + [data-rows\@l="10"] { + grid-row: 10 + } + + [data-rows\@l^="11 "] { + grid-row-start: 11 + } + + [data-rows\@l$=\ 11] { + grid-row-end: 12 + } + + [data-rows\@l="11"] { + grid-row: 11 + } + + [data-rows\@l^="12 "] { + grid-row-start: 12 + } + + [data-rows\@l$=\ 12] { + grid-row-end: 13 + } + + [data-rows\@l="12"] { + grid-row: 12 + } +}