{"version":3,"sources":["../css/css/core.css","../css/css/layouts.css","../css/css/forms.css","../css/css/transitions.css","../css/css/notes.css","../css/css/tables.css","../css/css/tabs.css"],"names":[],"mappings":"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","file":"vpweb.css","sourcesContent":["/* Inspired by: Semantic UI v2 and Normalize.css without opinions nor obsolete\n * browser support. */\n\n@layer vp {\n\t@layer core, layouts, components, util;\n}\n\n@layer vp.core {\n\t:root {\n\t\t/* System UI font stacks\n\t\t *\n\t\t * Non-system fonts which are clearly user installed are listed early in the\n\t\t * list (i.e. Fira Code) as they usually indicate an implicit user\n\t\t * preference.\n\t\t */\n\t\t--vp-emoji: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\t\t--vp-mono: 'Fira Code', 'Hack', 'Hasklig', 'Monoid', 'Source Code Pro', 'JetBrains Mono', 'Cascadia Code', 'SFMono-Regular', 'SF Mono', Menlo,\n\t\t\tMonaco, Inconsolata, 'Fira Mono', 'Roboto Mono', 'Droid Sans Mono', Consolas, 'Liberation Mono', 'Lucida Console', 'Courier New',\n\t\t\tmonospace, var(--vp-emoji);\n\t\t--vp-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n\t\t\tArial, Helvetica, sans-serif, var(--vp-emoji);\n\t\t--vp-serif: 'Iowan Old Style', 'Apple Garamond', 'Baskerville', 'Times New Roman', 'Droid Serif', Times, 'Source Serif Pro', serif,\n\t\t\tvar(--vp-emoji);\n\n\t\t/* Padding */\n\t\t--vp-pad: 0rem;\n\t\t--vp-tab-pad: 0.5rem 0.67rem;\n\t\t--vp-tabact-pad: 0.5rem 1rem;\n\t\t--vp-p-margin: 0.75em;\n\n\t\t/* Sizes */\n\t\t--vp-font-size: 12pt;\n\t\t--vp-thin: 1px;\n\t\t--vp-thick: 0.25em;\n\t\t--vp-pad-min: 2px;\n\t\t--vp-min-width: 320px;\n\t\t--vp-width-text-max: 66rem;\n\t\t--vp-corner: 0;\n\t\t--vp-line: 1.33em;\n\t\t--vp-touch-min: 12mm;\n\t\t--vp-touch: 16mm;\n\t\t--vp-touch-max: 19mm;\n\n\t\t/* Colors */\n\t\t--vp-red: 187, 17, 17;\n\t\t--vp-orange: 190, 85, 5;\n\t\t--vp-green: 51, 136, 17;\n\t\t--vp-blue: 5, 80, 170;\n\t\t--vp-violet: 100, 50, 150;\n\t\t--vp-cyan: 0, 130, 155;\n\t\t--vp-yellow: 160, 140, 0;\n\t\t--vp-dim: 127, 127, 127;\n\t\t--vp-dim0: rgba(var(--vp-dim), 0.04);\n\t\t--vp-dim1: rgba(var(--vp-dim), 0.15);\n\t\t--vp-dim2: rgba(var(--vp-dim), 0.33);\n\t\t--vp-dim3: rgba(var(--vp-dim), 0.7);\n\n\t\t/* Opaque color equivalents (alpha 0.05 over white) */\n\t\t--vp-red-05: #fcf3f3;\n\t\t--vp-orange-05: #fcf7f3;\n\t\t--vp-green-05: #f5f9f3;\n\t\t--vp-blue-05: #f3f6fb;\n\t\t--vp-violet-05: #f6f4fa;\n\t\t--vp-cyan-05: #f2f8fa;\n\t\t--vp-yellow-05: #faf9f2;\n\t\t--vp-dim-05: #f8f8f8;\n\t}\n\n\t/* Non-prefixed classes which only set/change prefixed variables: */\n\n\t.tight {\n\t\t--vp-pad: 0rem;\n\t}\n\t.spaced {\n\t\t--vp-pad: 0.75rem;\n\t}\n\t.relaxed {\n\t\t--vp-pad: 1.5rem;\n\t}\n\t.tight,\n\t.spaced,\n\t.relaxed {\n\t\t--vp-corner: calc(var(--vp-pad) / 4);\n\t\t--vp-tab-pad: calc(max(var(--vp-pad) / 1.5, 0.5rem)) calc(max(var(--vp-pad), 0.5rem));\n\t\t--vp-tabact-pad: calc(max(var(--vp-pad) / 1.5, 0.5rem)) calc(max(var(--vp-pad) * 2, 1rem));\n\t}\n\n\t/* Main wrapper */\n\n\t.vp:not(.xvp):not(.vp *) {\n\t\tbox-sizing: border-box;\n\t\tline-height: var(--vp-line);\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-webkit-text-size-adjust: 100%;\n\t\tfont-size: var(--vp-font-size);\n\t}\n\n\t@media (prefers-reduced-motion: no-preference) {\n\t\t.vp:not(.xvp):not(.vp *) {\n\t\t\t/* TODO: try tab animation again with this */\n\t\t\tinterpolate-size: allow-keywords;\n\t\t}\n\t}\n\n\t:is(html, body).vp:not(.xvp),\n\t.vp:not(.xvp) body:not(.xvp) {\n\t\theight: 100%;\n\t}\n\n\t.vp:not(.xvp) body:not(.xvp),\n\tbody.vp:not(.xvp, .xvp *) {\n\t\tmin-width: var(--vp-min-width);\n\t}\n\n\t/* Using where() to facilitate overrides */\n\t:where(.vp:not(.xvp), .vp:not(.xvp) *, .vp:not(.xvp)::before, .vp:not(.xvp) *::before, .vp:not(.xvp)::after, .vp:not(.xvp) *::after) {\n\t\tbox-sizing: inherit;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t/* General */\n\n\thr:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tbox-sizing: content-box;\n\t\theight: 0;\n\t\toverflow: visible;\n\t}\n\t:is(details, menu):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tdisplay: block;\n\t}\n\tsummary:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tdisplay: list-item;\n\t}\n\t:is(ul, ol):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tmargin-left: 2em;\n\t}\n\n\tp:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\ttext-wrap: pretty;\n\t\t/* hyphens: auto; ...only on narrow columns! */\n\t}\n\n\t:is(h1, h2, h3, h4, h5, h6):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\ttext-wrap: balance;\n\t}\n\n\t:is(p, h1, h2, h3, h4, h5, h6):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\toverflow-wrap: break-word;\n\t}\n\n\t:where(input, button, textarea, select):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tfont-size: 1rem;\n\t}\n\n\tselect:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tbackground-color: field;\n\t}\n\n\t/* Typography */\n\n\th1:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tfont-size: 2em;\n\t\tmargin: 0.67em 0;\n\t}\n\t:is(button, .button, input, textarea, select, .sans):is(.vp, .vp *):not(.xvp, .xvp *),\n\t.sans:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tfont-family: var(--vp-sans);\n\t}\n\t.serif:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tfont-family: var(--vp-serif);\n\t}\n\t:is(code, kbd, pre, samp):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tfont-family: var(--vp-mono);\n\t\tfont-size: 1em;\n\t}\n\t:is(.mono, .numeric):is(.vp, .vp *):not(.xvp, .xvp *),\n\t:is(.notice, .message):is(.vp, .vp *):not(.xvp, .xvp *)::before {\n\t\tfont-family: var(--vp-mono);\n\t}\n\t:is(b, strong):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tfont-weight: bolder;\n\t}\n\tsmall:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tfont-size: 80%;\n\t}\n\t:is(sub, sup):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\tsub:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tbottom: -0.25em;\n\t}\n\tsup:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\ttop: -0.5em;\n\t}\n\t:is(abbr, abbr[title]):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tborder-bottom: none;\n\t\ttext-decoration: underline;\n\t\t-webkit-text-decoration: underline dotted;\n\t\ttext-decoration: underline dotted;\n\t}\n\n\t:is(p, blockquote):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tmargin-bottom: var(--vp-p-margin);\n\t}\n}\n\n@layer vp.util {\n\t/* Helpers */\n\n\t.gone:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tdisplay: none;\n\t}\n\n\t.sticky:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tposition: sticky;\n\t}\n\n\t.center:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\ttext-align: center;\n\t}\n\n\t.right:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\ttext-align: right;\n\t}\n\n\t/* Colors */\n\n\t:is(.red, .orange, .green, .blue, .violet, .cyan, .yellow, .dim):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tcolor: rgb(var(--vp-col));\n\t\tborder-color: rgba(var(--vp-col), 0.4);\n\t}\n\t.boxed:is(.vp, .vp *):not(.xvp, .xvp *, vp-tabs) {\n\t\tborder-width: var(--vp-thin);\n\t\tborder-style: solid;\n\t\tborder-color: rgba(var(--vp-col, var(--vp-dim)), 0.4);\n\t}\n\t.bg:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tbackground-color: rgba(var(--vp-col, var(--vp-dim)), 0.05);\n\t}\n\t.red {\n\t\t--vp-col: var(--vp-red);\n\t}\n\t.orange {\n\t\t--vp-col: var(--vp-orange);\n\t}\n\t.green {\n\t\t--vp-col: var(--vp-green);\n\t}\n\t.blue {\n\t\t--vp-col: var(--vp-blue);\n\t}\n\t.violet {\n\t\t--vp-col: var(--vp-violet);\n\t}\n\t.cyan {\n\t\t--vp-col: var(--vp-cyan);\n\t}\n\t.yellow {\n\t\t--vp-col: var(--vp-yellow);\n\t}\n\t.dim {\n\t\t--vp-col: var(--vp-dim);\n\t}\n\n\t/* Media queries */\n\n\t/* .mouse-only: display requires fine pointer */\n\t@media not screen, only screen and (not (any-pointer: fine)) {\n\t\t.mouse-only:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/* .hover-only: display requires hovering pointer */\n\t@media not screen, only screen and (not (any-hover: hover)) {\n\t\t.hover-only:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/* Mobile */\n\t@media only screen and (not (min-width: 768px)) {\n\t\t:is(.tablet-up, .tablet-only, .desktop-only):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/* Tablet */\n\t@media only screen and (min-width: 768px) and (not (min-width: 992px)) {\n\t\t:is(.mobile-only, .desktop-only):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/* Desktop */\n\t@media only screen and (min-width: 992px) {\n\t\t:is(.mobile-only, .tablet-only, .tablet-down):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/* Desktop (large) */\n\t@media only screen and (min-width: 1200px) {\n\t\t:is(.mobile-only, .tablet-only, .tablet-down, .desktop-only):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t@media only screen {\n\t\t.print-only:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media not screen {\n\t\t.screen-only:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n","@layer vp.layouts {\n\t[vp-grid] {\n\t\tdisplay: flex;\n\t\tflex-flow: row wrap;\n\t\talign-items: flex-start;\n\t\tgap: var(--vp-pad);\n\t\tmargin-top: var(--vp-pad);\n\t\tmargin-bottom: var(--vp-pad);\n\t\t--vp-span: 1;\n\t\t--vp-grid: var(--vp-grid-base);\n\t}\n\n\t[vp-grid].justified {\n\t\tjustify-content: space-between;\n\t}\n\n\t[vp-grid].centered {\n\t\tjustify-content: space-evenly;\n\t}\n\n\t[vp-grid].growing > * {\n\t\tflex-grow: 1;\n\t}\n\n\t[vp-grid] > * {\n\t\tvertical-align: top;\n\t\tflex-basis: auto;\n\t}\n\n\t[vp-grid]:not(.xvp, .xvp *) > img,\n\t[vp-grid]:not(.xvp, .xvp *) > a > img {\n\t\twidth: 100%;\n\t}\n\n\t/* Graceful work around lack of calc(attr()) support as of 2024. */\n\n\t[vp-grid='5'] {\n\t\t--vp-grid-base: 5;\n\t}\n\t[vp-grid='8'] {\n\t\t--vp-grid-base: 8;\n\t}\n\t[vp-grid='10'] {\n\t\t--vp-grid-base: 10;\n\t}\n\t[vp-grid='12'] {\n\t\t--vp-grid-base: 12;\n\t}\n\n\t[vp-cols='2'] {\n\t\t--vp-span: 2;\n\t}\n\t[vp-cols='3'] {\n\t\t--vp-span: 3;\n\t}\n\t[vp-cols='4'] {\n\t\t--vp-span: 4;\n\t}\n\t[vp-cols='5'] {\n\t\t--vp-span: 5;\n\t}\n\t[vp-cols='6'] {\n\t\t--vp-span: 6;\n\t}\n\t[vp-cols='7'] {\n\t\t--vp-span: 7;\n\t}\n\t[vp-cols='8'] {\n\t\t--vp-span: 8;\n\t}\n\t[vp-cols='9'] {\n\t\t--vp-span: 9;\n\t}\n\t[vp-cols='10'] {\n\t\t--vp-span: 10;\n\t}\n\t[vp-cols='11'] {\n\t\t--vp-span: 11;\n\t}\n\t[vp-cols='12'] {\n\t\t--vp-span: 12;\n\t}\n\n\t[vp-grid] > *:not(legend) {\n\t\t/* Variable: we use it in media queries as well */\n\t\t--vp-width: calc((var(--vp-span) * 100% / var(--vp-grid)) - (2 * var(--vp-pad)));\n\t\twidth: var(--vp-width);\n\t}\n\n\t@media only screen and (not (min-width: 992px)) {\n\t\t/* Tablet-down */\n\t\t[vp-grid] > * {\n\t\t\tflex-grow: 1;\n\t\t}\n\t\t[vp-grid].stacking > * {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\t@media only screen and (min-width: 768px) and (not (min-width: 992px)) {\n\t\t/* Tablet */\n\t\t[vp-grid] {\n\t\t\t--vp-grid: calc(var(--vp-grid-base) / 1.5);\n\t\t}\n\t}\n\t@media only screen and (not (min-width: 768px)) {\n\t\t/* Mobile */\n\t\t[vp-grid] {\n\t\t\t--vp-grid: calc(var(--vp-grid-base) / 3);\n\t\t}\n\t}\n\n\t/* Horizontal and vertical 2-3 element layouts. */\n\n\t.vp-stack,\n\t.vp-shelf {\n\t\tdisplay: flex;\n\t\tgap: var(--vp-pad);\n\t}\n\t:is(.vp-stack, .vp-shelf) > :nth-child(2) {\n\t\tflex: 1;\n\t}\n\t.vp-stack,\n\t.vp-shelf {\n\t\tflex-flow: column;\n\t}\n\t.vp-shelf {\n\t\tflex-flow: row wrap;\n\t}\n\n\t@media only screen and (min-width: 768px) {\n\t\t/* Tablet-up */\n\t\t.vp-shelf > :first-child:nth-last-child(2) {\n\t\t\t/* First of a duo */\n\t\t\tmin-width: 38.2%;\n\t\t}\n\t}\n\n\t@media only screen and (min-width: 768px) and (not (min-width: 992px)) {\n\t\t/* Tablet */\n\t\t.vp-shelf > :first-child:nth-last-child(3) {\n\t\t\t/* First of a trio */\n\t\t\tmin-width: 38.2%;\n\t\t}\n\t}\n\n\t@media only screen and (min-width: 992px) {\n\t\t/* Desktop */\n\t\t.vp-shelf > :is(:first-child:nth-last-child(3), :nth-child(3)) {\n\t\t\t/* First and third of at least three */\n\t\t\tmin-width: 23.6%;\n\t\t}\n\t}\n\n\t@media only screen and (not (min-width: 992px)) {\n\t\t/* Tablet-down */\n\t\t.vp-shelf > :nth-child(3) {\n\t\t\tflex-basis: 100%;\n\t\t\theight: fit-content;\n\t\t}\n\t}\n\t@media only screen and (not (min-width: 768px)) {\n\t\t/* Mobile */\n\t\t.vp-shelf {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n\n@layer vp.util {\n\t.vp-wrap {\n\t\twidth: 100%;\n\t\tmax-width: var(--vp-width-text-max);\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t\tpadding-left: var(--vp-pad);\n\t\tpadding-right: var(--vp-pad);\n\t}\n}\n","@layer vp.util {\n\t/* Growing input field */\n\tinput.vp-growing {\n\t\tbox-sizing: content-box;\n\t\twidth: 3em;\n\t}\n\n\t/* Button/input groups */\n\n\t.vp-group {\n\t\twhite-space: nowrap;\n\t\tdisplay: flex;\n\t}\n\t.vp-group.growing > :is(input, select, textarea, .vp-field) {\n\t\tflex-grow: 1;\n\t}\n\t.vp-group > :is(input, select, textarea, .vp-field) {\n\t\tmargin: 0;\n\t\toutline: none;\n\t\tborder: var(--vp-thin) solid var(--vp-dim3);\n\t\tborder-left-width: 0;\n\t\tborder-right-width: 0;\n\t\tborder-radius: var(--vp-corner);\n\t}\n\t.vp-group > :is(input, select, textarea):is(.touched:invalid, .invalid),\n\t.vp-group > .vp-field:is(.invalid, .has-warning) {\n\t\tborder: var(--vp-thin) solid rgb(var(--vp-orange));\n\t}\n\t.vp-group > :is(input, select, textarea, .vp-field.bare) {\n\t\tpadding: 0.5em;\n\t}\n\t.vp-group > :is(input, select, textarea, .vp-field) + :is(input, select, textarea, .vp-field) {\n\t\tborder-left-width: var(--vp-thin);\n\t}\n\t.vp-group > :is(button, .vp-button, input, select, textarea, .vp-field) {\n\t\tmargin-right: 0;\n\t\tborder-radius: 0;\n\t}\n\t.vp-group > :is(input, select, textarea, .vp-field):first-child {\n\t\tborder-left-width: var(--vp-thin);\n\t}\n\t.vp-group > :is(input, select, textarea, .vp-field):last-child {\n\t\tborder-right-width: var(--vp-thin);\n\t}\n\t.vp-group > :is(button, .vp-button, input, select, textarea, .vp-field):first-child {\n\t\tborder-radius: var(--vp-corner) 0 0 var(--vp-corner);\n\t}\n\t.vp-group > :is(button, .vp-button, input, select, textarea, .vp-field):last-child {\n\t\tborder-radius: 0 var(--vp-corner) var(--vp-corner) 0;\n\t}\n\n\t@media (any-pointer: coarse) {\n\t\t:is(button, .vp-button, label, input, .vp-field):not([type='checkbox'], [type='radio']).secondary:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\tmin-width: var(--vp-touch-min);\n\t\t\tmin-height: var(--vp-touch-min);\n\t\t\tline-height: calc(var(--vp-touch-min) - 1em);\n\t\t}\n\n\t\t:is(button, .vp-button, label, input, .vp-field):not([type='checkbox'], [type='radio']).priority:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\tmin-width: var(--vp-touch-max);\n\t\t\tmin-height: var(--vp-touch-max);\n\t\t\tline-height: calc(var(--vp-touch-max) - 1em);\n\t\t}\n\t}\n}\n\n@layer vp.components {\n\t:root {\n\t\t--vp-btn-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.33), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));\n\t\t--vp-btn-bgh: linear-gradient(180deg, rgba(240, 240, 240, 0.33), rgba(0, 0, 0, 0.2));\n\t\t--vp-btn-sh: inset 0 0 0 1px rgba(96, 96, 96, 0.14), inset 0 -1px 1px 0 rgba(96, 96, 96, 0.06);\n\t\t--vp-btn-sha: var(--vp-btn-sh), inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15);\n\t}\n\n\tlabel:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tposition: relative;\n\t}\n\n\t:is([type='text'], [type='email'], [type='search'], [type='password']):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tappearance: none;\n\t}\n\t:is(button, input, optgroup, select, textarea):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tfont-size: var(--vp-font-size);\n\t}\n\t:is(button, select):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\ttext-transform: none;\n\t}\n\t:is(button, [type='button'], [type='reset'], [type='submit']):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tappearance: button;\n\t}\n\t:is(button, [type='button'], [type='reset'], [type='submit']):is(.vp, .vp *):not(.xvp, .xvp *)::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\t:is(button, [type='button'], [type='reset'], [type='submit']):is(.vp, .vp *):not(.xvp, .xvp *):-moz-focusring {\n\t\toutline: 1px dotted ButtonText;\n\t}\n\tprogress:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tvertical-align: baseline;\n\t}\n\t[type='number']:is(.vp, .vp *):not(.xvp, .xvp *)::-webkit-inner-spin-button,\n\t[type='number']:is(.vp, .vp *):not(.xvp, .xvp *)::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\t[type='search']:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tappearance: textfield;\n\t\toutline-offset: -2px;\n\t}\n\t[type='search']:is(.vp, .vp *):not(.xvp, .xvp *)::-webkit-search-cancel-button,\n\t[type='search']:is(.vp, .vp *):not(.xvp, .xvp *)::-webkit-search-decoration {\n\t\tappearance: none;\n\t}\n\t:is(.vp, .vp *):not(.xvp, .xvp *)::-webkit-file-upload-button {\n\t\tappearance: button;\n\t\tfont: inherit;\n\t}\n\n\tfieldset:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tborder: var(--vp-thin) solid var(--vp-dim2);\n\t\tpadding: var(--vp-pad);\n\t\tmargin: 0;\n\t}\n\tlegend:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tfont-weight: bold;\n\t\tpadding: 0 1em;\n\t\tmargin-left: 1em;\n\t\tmargin-bottom: 0;\n\t}\n\n\t/* Focus */\n\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *):focus,\n\tinput:not([type='checkbox'], [type='radio']):not(.vp-field *):is(.vp, .vp *):not(.xvp, .xvp *):focus,\n\t:is(textarea, select):not(.vp-field *):is(.vp, .vp *):not(.xvp, .xvp *):focus,\n\t.vp-group > input:focus,\n\t.vp-field:focus-within {\n\t\tbox-shadow: 0 0 0 var(--vp-thin) rgba(var(--vp-blue), 0.75);\n\t\tborder-color: rgba(var(--vp-blue), 0.75);\n\t}\n\tinput:is(.touched:invalid, .invalid > *, .has-warning > *):not([type='checkbox'], [type='radio']):not(.vp-field *):is(.vp, .vp *):not(.xvp, .xvp *):focus,\n\t:is(textarea, select):is(.touched:invalid, .invalid > *, .has-warning > *):not(.vp-field *):is(.vp, .vp *):not(.xvp, .xvp *):focus,\n\t.vp-group > input.touched:invalid:focus,\n\t.vp-group > :is(.invalid, .has-warning):focus-within,\n\t.vp-field:is(.invalid, .has-warning):focus-within {\n\t\tbox-shadow: 0 0 0 calc(var(--vp-thin) * 2) rgba(var(--vp-orange), 0.75);\n\t\tborder-color: rgba(var(--vp-orange), 0.75);\n\t}\n\tinput:is([type='checkbox'], [type='radio']):is(.vp, .vp *):not(.xvp, .xvp *):focus,\n\tvp-tabs > :first-child > :focus {\n\t\toutline-color: rgba(var(--vp-blue), 0.75);\n\t}\n\tinput.touched:is([type='checkbox'], [type='radio']):is(.vp, .vp *):not(.xvp, .xvp *):invalid:focus {\n\t\toutline-color: rgba(var(--vp-orange), 0.75);\n\t}\n\t.vp-field:focus-within {\n\t\tcolor: rgba(var(--vp-blue), 0.75);\n\t\tfont-weight: bold;\n\t}\n\n\t/* Default margin */\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tmargin-bottom: var(--vp-pad);\n\t}\n\n\t/* Buttons */\n\n\t/* Typically: button, input type=button|submit|reset, a */\n\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tdisplay: inline-block;\n\t\ttext-align: center;\n\t\ttext-decoration: none;\n\t\tvertical-align: middle;\n\t\ttext-shadow: 0 0 1px var(--vp-dim2);\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\tborder: none;\n\t\toutline: none;\n\t\tline-height: normal;\n\t\tcolor: #000;\n\t\tbackground-color: rgba(var(--vp-dim), 0.125);\n\t}\n\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tpadding: 0.5em 1em;\n\t\tmargin: 0 0.33em 0 0;\n\t\tborder-radius: var(--vp-corner);\n\t\tbackground-image: var(--vp-btn-bg);\n\t\tbox-shadow: var(--vp-btn-sh);\n\t}\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *):not(.vp-group *) {\n\t\tmargin-bottom: var(--vp-pad);\n\t}\n\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *).secondary {\n\t\tcolor: #444;\n\t\tbackground: rgba(0, 0, 0, 0.01);\n\t\tbox-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);\n\t}\n\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *):hover {\n\t\tbackground-image: var(--vp-btn-bgh);\n\t}\n\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *).secondary:hover {\n\t\tbackground: rgba(0, 0, 0, 0.04);\n\t}\n\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *):is(:active, .active) {\n\t\tbackground-image: var(--vp-btn-bg);\n\t\tbox-shadow: var(--vp-btn-sha);\n\t}\n\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *).secondary:is(:active, .active) {\n\t\tbackground: rgba(0, 0, 0, 0.02);\n\t}\n\n\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *):is(:disabled, .disabled) {\n\t\tcolor: rgb(var(--vp-dim));\n\t\tcursor: not-allowed;\n\t\tbackground-image: none;\n\t}\n\n\t/* Keyboard input field */\n\t/* Typically: textarea, select, input type=email|number|password|search|tel|text|url */\n\n\t.vp-field:not(.bare),\n\t.vp-field:not(.bare) ~ .vp-group > *,\n\t.vp-field:not(.bare) ~ :is(button, .vp-button, [type='submit'], [type='reset'], [type='button']) {\n\t\tmin-width: var(--vp-touch-min);\n\t\tmin-height: var(--vp-touch-min);\n\t}\n\t.vp-field {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\theight: fit-content;\n\t\tcolor: rgba(0, 0, 0, 0.67);\n\t\tpadding: 0 calc(var(--vp-pad) / 2) var(--vp-pad-min) calc(var(--vp-pad) / 2);\n\t\tborder: var(--vp-thin) solid var(--vp-dim3);\n\t\tborder-radius: var(--vp-corner);\n\t}\n\t.vp-field:not(.bare) {\n\t\tfont-size: 75%;\n\t}\n\t.vp-field *:not(optgroup, option, b) {\n\t\tcolor: rgba(0, 0, 0, 0.5);\n\t\tfont-weight: normal;\n\t}\n\t.vp-field :is(input, select, textarea) {\n\t\toutline: none;\n\t\tcolor: #000;\n\t\tbackground-color: transparent;\n\t\tfont-weight: normal;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tborder: none;\n\t}\n\t.vp-field input[type='file'] {\n\t\tcursor: pointer;\n\t}\n\t.vp-field input[type='file']::file-selector-button,\n\t.vp-field input[type='file']::-webkit-file-upload-button {\n\t\tcolor: transparent;\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\topacity: 0;\n\t\twidth: 0.1px;\n\t\theight: 0.1px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t}\n\t[vp-grid] > * > .vp-field {\n\t\twidth: 100%;\n\t}\n\t.vp-field > div {\n\t\twhite-space: nowrap;\n\t\tdisplay: flex;\n\t}\n\t.vp-field > div > * + * {\n\t\tmargin-left: calc(var(--vp-pad) / 2);\n\t}\n\t.vp-field:not(.bare) > div > :not(input, select, textarea) {\n\t\tfont-size: 125%;\n\t}\n\t.vp-field > div > :is(input, select, textarea) {\n\t\tflex-grow: 1;\n\t}\n\n\t.vp-field:is(.has-warning, .invalid) {\n\t\tborder: calc(var(--vp-thin) * 2) solid rgb(var(--vp-orange));\n\t\tcolor: rgba(var(--vp-orange), 0.75);\n\t}\n\t:is(input, select, textarea):is(.touched:invalid, .invalid):is(.vp, .vp *):not(.vp-field *, .xvp, .xvp *) {\n\t\tborder-color: rgb(var(--vp-orange));\n\t\tborder-style: solid;\n\t\toutline-color: rgb(var(--vp-orange));\n\t}\n\n\t.vp-field:has(:disabled),\n\t.vp-field :disabled,\n\t.vp-group > input:disabled {\n\t\tcolor: var(--vp-dim3);\n\t\tcursor: not-allowed;\n\t}\n\t.vp-field:has(:disabled) {\n\t\tbackground-color: var(--vp-dim1);\n\t}\n\t.vp-field textarea {\n\t\theight: calc(var(--vp-line) * 2);\n\t}\n\n\tlabel:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\tvertical-align: top;\n\t}\n\n\t:is(.vp-label, button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tmargin-right: var(--vp-pad);\n\t}\n\n\t/* Checkbox, Radio */\n\n\t.vp:not(.xvp, .xvp *) {\n\t\taccent-color: rgb(var(--vp-dim));\n\t}\n\n\tlabel:is(.vp, .vp *):not(.xvp, .xvp *) :is([type='checkbox'], [type='radio']) {\n\t\tuser-select: none;\n\t\twidth: var(--vp-line);\n\t\theight: var(--vp-line);\n\t\tvertical-align: top;\n\t}\n\n\tlabel:is(.vp, .vp *):not(.xvp, .xvp *) :is([type='checkbox'], [type='radio']):disabled {\n\t\tcursor: not-allowed;\n\t}\n\n\t/*\n * file\n *\n * image\n *\n * radio\n *\n * color\n *\n * range\n *\n * date\n * datetime-local\n * month\n * week\n * time\n */\n\n\t@media (any-pointer: coarse) {\n\t\t:is(.vp-field, button, .vp-button, input, select, textarea):not([type='checkbox'], [type='radio'], label *):is(.vp, .vp *):not(.xvp, .xvp *),\n\t\tlabel:is(.vp, .vp *):not(.xvp, .xvp *),\n\t\t.vp-field ~ .vp-group > *,\n\t\t.vp-field ~ :is(button, .vp-button, [type='submit'], [type='reset'], [type='button']) {\n\t\t\tmin-width: var(--vp-touch);\n\t\t\tmin-height: var(--vp-touch);\n\t\t}\n\t\t.vp-field {\n\t\t\tpadding: 0.625em;\n\t\t}\n\t\t:is(button, .vp-button):is(.vp, .vp *):not(.xvp, .xvp *),\n\t\t.vp-group > .vp-field.bare {\n\t\t\tline-height: calc(var(--vp-touch) - 1em);\n\t\t}\n\t}\n}\n","@layer vp.util {\n\t:root {\n\t\t--vp-trans: 125ms;\n\t\t/* --vp-trans-slow: 2500ms; */\n\t\t/* --vp-delay: 0.05s; */\n\t}\n\n\t/* FIXME: for opacity, could we make the disappearing one vanish during the\n\t * appearing one's pre-transition delay (second argument)?\n\t */\n\t.vp-loaded:is(.vp, .vp *):not(.xvp, .xvp *) * {\n\t\ttransition: background-color var(--vp-trans), padding var(--vp-trans);\n\t}\n\n\t.vp-loaded:is(.vp, .vp *):not(.xvp, .xvp *) [class*='go-'] {\n\t\tanimation-iteration-count: 1;\n\t\tanimation-duration: var(--vp-trans);\n\t\tanimation-timing-function: ease;\n\t\tanimation-fill-mode: both;\n\t\tbackface-visibility: hidden;\n\t}\n\n\t.vp-loaded:is(.vp, .vp *):not(.xvp, .xvp *) .go-hidden {\n\t\tanimation-name: vp-fade-out;\n\t}\n\n\t.vp-loaded:is(.vp, .vp *):not(.xvp, .xvp *) .go-visible {\n\t\tanimation-name: vp-fade-in;\n\t}\n\n\t@keyframes vp-fade-in {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t@keyframes vp-fade-out {\n\t\t0% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 0;\n\t\t}\n\t}\n}\n","@layer vp.components {\n\tvp-note {\n\t\t--vp-col: var(--vp-dim);\n\t\t--vp-bgcol: #fff;\n\t\t--vp-bgcolo: #fff;\n\t\tdisplay: block;\n\t\tmargin-bottom: var(--vp-p-margin);\n\t}\n\tvp-note.boxed {\n\t\tposition: relative;\n\t\tborder-radius: var(--vp-corner);\n\t\tpadding: var(--vp-pad) var(--vp-pad) var(--vp-pad) calc(var(--vp-pad) + var(--vp-pad) + 1.5em);\n\t}\n\tvp-note.bg {\n\t\tbackground-color: var(--vp-bgcol);\n\t}\n\n\tvp-note::before {\n\t\tcontent: '\\24d8';\n\t\tfont-style: normal;\n\t\tfont-weight: bold;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\ttext-decoration: none;\n\t\ttext-align: center;\n\t\tcolor: rgb(var(--vp-col));\n\t\twidth: 1.5em;\n\t}\n\n\tvp-note:is(.error, .warning)::before {\n\t\tcontent: '\\26a0';\n\t}\n\n\tvp-note.bg:not(.error, .warning, .ok) {\n\t\t--vp-bgcol: rgba(var(--vp-dim), 0.05);\n\t\t--vp-bgcolo: var(--vp-dim-05);\n\t}\n\tvp-note.error {\n\t\t--vp-col: var(--vp-red);\n\t\tcolor: rgb(var(--vp-col));\n\t}\n\tvp-note.error.bg {\n\t\t--vp-bgcolo: var(--vp-red-05);\n\t}\n\n\tvp-note.warning {\n\t\t--vp-col: var(--vp-orange);\n\t\tcolor: rgb(var(--vp-col));\n\t}\n\tvp-note.warning.bg {\n\t\t--vp-bgcolo: var(--vp-orange-05);\n\t}\n\n\tvp-note.ok {\n\t\t--vp-col: var(--vp-green);\n\t\tcolor: rgb(var(--vp-col));\n\t}\n\tvp-note.ok.bg {\n\t\t--vp-bgcolo: var(--vp-green-05);\n\t}\n\n\tvp-note:not(.boxed)::before {\n\t\tmargin-right: calc(var(--vp-pad) / 2);\n\t}\n\n\tvp-note.boxed::before {\n\t\tposition: absolute;\n\t\ttop: var(--vp-pad);\n\t\tleft: var(--vp-pad);\n\t}\n\n\t/* Optional triangle */\n\n\t[vp-point] {\n\t\tbackground-color: var(--vp-bgcolo);\n\t}\n\t[vp-point^='top-'] {\n\t\tmargin-top: 0.6em;\n\t}\n\t[vp-point^='bottom-'] {\n\t\tmargin-bottom: 0.6em;\n\t}\n\t[vp-point^='left-'] {\n\t\tmargin-left: 0.6em;\n\t}\n\t[vp-point^='right-'] {\n\t\tmargin-right: 0.6em;\n\t}\n\n\t[vp-point]::after {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tbackground-color: var(--vp-bgcolo);\n\t\twidth: 0.8em;\n\t\theight: 0.8em;\n\t\tborder: var(--vp-thin) solid rgba(var(--vp-col), 0.33);\n\t\ttransform: rotate(45deg);\n\t}\n\n\t[vp-point^='top-']::after {\n\t\ttop: 0;\n\t\tmargin-top: -0.4em;\n\t\tborder-width: var(--vp-thin) 0 0 var(--vp-thin);\n\t}\n\t[vp-point^='bottom-']::after {\n\t\tbottom: 0;\n\t\tmargin-bottom: -0.4em;\n\t\tborder-width: 0 var(--vp-thin) var(--vp-thin) 0;\n\t}\n\t[vp-point^='left-']::after {\n\t\tleft: 0;\n\t\tmargin-left: -0.4em;\n\t\tborder-width: 0 0 var(--vp-thin) var(--vp-thin);\n\t}\n\t[vp-point^='right-']::after {\n\t\tright: 0;\n\t\tmargin-right: -0.4em;\n\t\tborder-width: var(--vp-thin) var(--vp-thin) 0 0;\n\t}\n\n\t[vp-point$='-left']::after {\n\t\tleft: calc(var(--vp-pad) + 0.3rem);\n\t}\n\t[vp-point$='-center']::after {\n\t\tleft: 50%;\n\t\tmargin-left: -0.4em;\n\t}\n\t[vp-point$='-right']::after {\n\t\tright: calc(var(--vp-pad) + 0.3rem);\n\t}\n\n\t[vp-point$='-top']::after {\n\t\ttop: var(--vp-pad);\n\t}\n\t[vp-point$='-middle']::after {\n\t\ttop: 50%;\n\t\tmargin-top: -0.4em;\n\t}\n\t[vp-point$='-bottom']::after {\n\t\tbottom: var(--vp-pad);\n\t}\n}\n","@layer vp.components {\n\ttable:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tposition: relative;\n\t\tborder-collapse: collapse;\n\t}\n\n\tth:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\tbackground-color: rgba(var(--vp-dim), 0.2);\n\t}\n\n\ttable.stick-vertical:is(.vp, .vp *):not(.xvp, .xvp *) :is(thead, tfoot) tr > th {\n\t\tbackground-color: #ddd; /* sticky -> no alpha */\n\t\tposition: sticky;\n\t\ttop: -1px; /* Compensate vanishing border */\n\t\tz-index: 10;\n\t\ttransition: none;\n\t}\n\n\ttable.stick-vertical:is(.vp, .vp *):not(.xvp, .xvp *) tfoot tr > th {\n\t\tbottom: -1px; /* Compensate vanishing border */\n\t}\n\n\ttable.stick-horizontal:is(.vp, .vp *):not(.xvp, .xvp *) tr > th:first-child {\n\t\tbackground-color: #ddd; /* sticky -> no alpha */\n\t\tposition: sticky;\n\t\tleft: 0;\n\t\tz-index: 11;\n\t\ttransition: none;\n\t}\n\n\ttable.stick-horizontal:is(.vp, .vp *):not(.xvp, .xvp *) :is(thead, tfoot) tr > th:first-child {\n\t\tz-index: 12;\n\t}\n\n\ttable.striped:is(.vp, .vp *):not(.xvp, .xvp *) tbody tr:nth-child(even) > td {\n\t\tbackground-color: rgba(var(--vp-dim), 0.05);\n\t}\n\n\t/* Lower specificity: default values */\n\ttable:where(.vp, .vp *):not(.xvp, .xvp *) tr > * {\n\t\ttext-align: left;\n\t\tvertical-align: top;\n\t}\n\n\ttable.horizontal:is(.vp, .vp *):not(.xvp, .xvp *) tbody tr > * {\n\t\tborder-bottom: 0.5px solid rgba(var(--vp-dim), 0.33);\n\t}\n\n\ttable.gridded:is(.vp, .vp *):not(.xvp, .xvp *) tr > * {\n\t\tborder: 0.5px solid rgba(var(--vp-dim), 0.33);\n\t}\n\n\t/* Work around lack of calc(attr()) support in 2024. */\n\n\t[vp-center~='1'] > * > :nth-child(1),\n\t[vp-center~='2'] > * > :nth-child(2),\n\t[vp-center~='3'] > * > :nth-child(3),\n\t[vp-center~='4'] > * > :nth-child(4),\n\t[vp-center~='5'] > * > :nth-child(5),\n\t[vp-center~='6'] > * > :nth-child(6),\n\t[vp-center~='7'] > * > :nth-child(7),\n\t[vp-center~='8'] > * > :nth-child(8),\n\t[vp-center~='9'] > * > :nth-child(9) {\n\t\ttext-align: center;\n\t}\n\n\t[vp-right~='1'] > * > :nth-child(1),\n\t[vp-right~='2'] > * > :nth-child(2),\n\t[vp-right~='3'] > * > :nth-child(3),\n\t[vp-right~='4'] > * > :nth-child(4),\n\t[vp-right~='5'] > * > :nth-child(5),\n\t[vp-right~='6'] > * > :nth-child(6),\n\t[vp-right~='7'] > * > :nth-child(7),\n\t[vp-right~='8'] > * > :nth-child(8),\n\t[vp-right~='9'] > * > :nth-child(9) {\n\t\ttext-align: right;\n\t}\n\n\t[vp-mono~='1'] > * > :nth-child(1),\n\t[vp-mono~='2'] > * > :nth-child(2),\n\t[vp-mono~='3'] > * > :nth-child(3),\n\t[vp-mono~='4'] > * > :nth-child(4),\n\t[vp-mono~='5'] > * > :nth-child(5),\n\t[vp-mono~='6'] > * > :nth-child(6),\n\t[vp-mono~='7'] > * > :nth-child(7),\n\t[vp-mono~='8'] > * > :nth-child(8),\n\t[vp-mono~='9'] > * > :nth-child(9) {\n\t\tfont-family: var(--vp-mono);\n\t}\n\n\ttable:is(.vp, .vp *):not(.xvp, .xvp *) tr > * {\n\t\tpadding: calc(var(--vp-pad) / 2) var(--vp-pad);\n\t\tfont-size: 90%;\n\t}\n\n\ttable:is(.vp, .vp *):not(.xvp, .xvp *).vp-2d thead tr > *:first-child {\n\t\tborder: none;\n\t\tbackground: transparent;\n\t}\n\n\t/* FIXME: is it just me or does .stacking conflict with grid's which forces the\n * doubling in some of our rules? */\n\t@media only screen and (not (min-width: 768px)) {\n\t\t/* Mobile */\n\t\ttable.stacking:is(.vp, .vp *):not(.xvp, .xvp *) {\n\t\t\twidth: 100%;\n\t\t}\n\t\ttable.stacking:is(.vp, .vp *):not(.xvp, .xvp *) tbody tr {\n\t\t\tborder-bottom: 2px solid rgba(var(--vp-dim), 0.33);\n\t\t}\n\t\ttable.stacking:is(.vp, .vp *):not(.xvp, .xvp *) :is(th, td) {\n\t\t\twidth: auto;\n\t\t\tdisplay: block;\n\t\t\tborder: none;\n\t\t}\n\t}\n}\n","@layer vp.components {\n\t/* TODO: accordions using HTML5 details/summary */\n\n\t/* Tabs */\n\n\tvp-tabs {\n\t\tdisplay: block;\n\t}\n\n\tvp-tabs > :first-child {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n\tvp-tabs > :first-child > * {\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\tpadding: var(--vp-tab-pad);\n\t\tborder-bottom: var(--vp-thick) solid var(--vp-dim1);\n\t}\n\tvp-tabs > :first-child > [aria-selected='true'] {\n\t\tfont-weight: bold;\n\t\tpadding: var(--vp-tabact-pad);\n\t\tbackground-color: var(--vp-dim1);\n\t\tborder-bottom-color: var(--vp-dim3);\n\t}\n\n\tvp-tabs.boxed > :first-child {\n\t\tbackground-color: var(--vp-dim0);\n\t\tborder: var(--vp-thin) solid var(--vp-dim2);\n\t\tborder-bottom: 0;\n\t\tborder-radius: var(--vp-corner) var(--vp-corner) 0 0;\n\t\tbox-shadow: inset 0px calc(0px - var(--vp-thick)) 0px 0px var(--vp-dim2);\n\t}\n\tvp-tabs.boxed > :last-child {\n\t\tborder: var(--vp-thin) solid var(--vp-dim2);\n\t\tborder-radius: 0 0 var(--vp-corner) var(--vp-corner);\n\t}\n\tvp-tabs.boxed > :last-child > * {\n\t\tmargin: var(--vp-pad);\n\t}\n\tvp-tabs:not(.boxed) > :last-child {\n\t\tmargin-top: var(--vp-pad);\n\t}\n\tvp-tabs > :last-child > * {\n\t\tdisplay: none;\n\t}\n\tvp-tabs > :last-child > [aria-selected='true'] {\n\t\tdisplay: block;\n\t}\n\n\t@media (any-pointer: coarse) {\n\t\tvp-tabs > :first-child > * {\n\t\t\tmin-width: var(--vp-touch);\n\t\t\tmin-height: var(--vp-touch);\n\t\t\tline-height: calc(max(var(--vp-line), var(--vp-touch) - (var(--vp-pad) * 2)));\n\t\t}\n\t}\n}\n"]}