[x-article]{text-align:left;font-size:16px;line-height:1.5rem}
[x-article] p{margin-top:16px}
[x-article] ul,[x-article] ol,[x-article] li:first-of-type{margin-top:16px}
[x-article] ul,[x-article] ol{margin-left:24px}
[x-article] ul,[x-article] ol{padding-left:16px}
@media (max-width: 480px){[x-article] :is(ul,ol) :is(ul,ol){padding-left:0}}
[x-article] dl{margin-top:16px;margin-left:0}
[x-article] li,[x-article] dt,[x-article] dd{margin-top:4px}
[x-article] dd{margin-left:16px}
[x-article] dd+dt{margin-top:16px}
[x-article] li+li,[x-article] li+ul,[x-article] li+ol{margin-top:8px}
[x-article] h1,[x-article] h2,[x-article] h3,[x-article] h4,[x-article] h5{color:var(--heading);line-height:1.25;margin-bottom:16px}
[x-article] h1{margin-top:24px;font-size:48px}
[x-article] h2{margin-top:24px;font-weight:400;font-size:32px}
[x-article] h3{margin-top:24px;font-weight:400;font-size:24px}
[x-article] h4{margin-top:20px}
[x-article] h5,[x-article] h6{margin-top:16px}
[x-article] ul{list-style-type:disc}
[x-article] ol{list-style-type:decimal}
[x-article] dt{font-weight:700}
[x-article] pre{display:block}
[x-article] code{font-family:var(--font-mono);font-weight:500;color:var(--green);background-color:var(--fg-3);padding:.125em .25em;border:1px solid var(--fg-7);border-radius:.25em;overflow-wrap:break-word;white-space:pre-line}
[x-article] .code-block{padding:.5em 1em;white-space:pre;display:block;width:fit-content;max-width:100%;overflow-x:auto;margin:.25em 0}
[x-article] kbd{background:var(--fg-15);border:1px solid var(--fg-30);border-radius:.25em;padding-left:.5em;padding-right:.5em}
[x-article] figure{text-align:center;width:fit-content;margin-top:16px}
[x-article] figcaption{font-style:italic}
[x-article] blockquote{margin-top:16px;margin-left:16px;font-style:italic}
[x-article] a:not([x-button]){font-weight:500;color:var(--link);text-decoration:underline;cursor:pointer;overflow-wrap:break-word}
[x-article] a:not([x-button]):hover{color:var(--link-more)}
[x-article] a:not([x-button]):active{text-decoration:none}
[x-callout]{position:relative;--_position: var(--x-position, 50%)}
[x-callout]:before{background-color:inherit;position:absolute;content:"";display:block;width:20px;height:20px}
[x-callout][x-callout~=fromleft]:before,[x-callout][x-callout~=fromright]:before{top:calc(var(--_position) - 12px);transform:rotate(-45deg) skew(20deg,20deg)}
[x-callout][x-callout~=fromtop]:before,[x-callout][x-callout~=frombottom]:before{left:calc(var(--_position) - 12px);transform:rotate(45deg) skew(20deg,20deg)}
[x-callout][x-callout~=fromleft]:before{left:-10.968px}
[x-callout][x-callout~=fromright]:before{right:-10.968px}
[x-callout][x-callout~=fromtop]:before{top:-10.968px}
[x-callout][x-callout~=frombottom]:before{bottom:-10.968px}
[x-button]{--x-fg: var(--bg);--x-bg: var(--fg);--x-mix:7%}
[x-button~=primary]{--color: var(--primary)}
[x-button~=secondary]{--color: var(--secondary)}
[x-button~=red]{--color: var(--red);--x-mix: 15%}
[x-button~=orange]{--color: var(--orange)}
[x-button~=blue]{--color: var(--blue)}
[x-button~=green]{--color: var(--green)}
[x-button~=green-more]{--color: var(--green-more)}
[x-button~=gray]{--color: var(--gray)}
[x-button~=save]{--color: var(--save-button)}
[x-button~=bw]{--color: var(--fg)}
[x-button~=pop]{--color: var(--pop)}
[x-button~=soft]{--color: var(--soft)}
[x-button~=subtle]{--color: var(--fg-30)}
[x-button~=bw-rev]{--color: var(--bg);--x-fg: var(--fg);--x-bg:var(--bg)}
[x-button~=black]{--color: black;--x-fg: white;--x-bg: white;--x-mix: 15%}
[x-button~=white]{--color: white;--x-fg: black;--x-bg: black}
[x-button]{--used-color: var(--color)}
[x-button]:is([disabled],:disabled){--used-color: color-mix(in srgb, var(--gray), var(--bg) 70%);--x-fg: var(--gray-less-15)}
[x-button]:is([disabled],:disabled):is([x-button~=outline],[x-button~=tonal],[x-button~=bare]){--used-color: var(--gray-less-15)}
[x-button] *{pointer-events:none}
[x-button]{-webkit-user-drag:none;user-drag:none;align-items:center;border-style:solid;border-width:2px;box-sizing:border-box;column-gap:14px;display:flex;font-size:16px;font-weight:500;justify-content:center;line-height:1;outline-color:var(--gray-fade);position:relative;text-align:center;text-decoration:none;user-select:none;width:fit-content}
[x-button][x-button~=context]{cursor:context-menu}
[x-button]{border-radius:8px;min-height:40px;padding-block:6px}
[x-button]>:is(svg,img){width:24px;height:24px;margin-inline:-6px;display:block}
[x-button]>[x-button-text]{margin-bottom:0}
[x-button~=icon],[x-button~=icon][x-button~=big]{width:40px;height:40px}
[x-button~=icon][x-button~=big]>:is(svg,img){width:32px;height:32px}
[x-button]:not([x-button~=icon]){padding-inline:16px}
[x-button~=dense][x-button~=dense]{padding-block:2px;padding-inline:14px;font-size:16px;min-height:32px}
[x-button~=dense][x-button~=dense]>svg{margin-top:-2px;display:block}
[x-button~=solid]{color:var(--x-fg);background-color:var(--used-color);border-color:var(--used-color)}
[x-button~=solid] svg{fill:var(--x-fg)}
[x-button~=outline]{color:var(--used-color);background-color:transparent;border-color:var(--used-color);border-width:1px}
[x-button~=outline] svg{fill:var(--used-color)}
[x-button~=tonal]{color:var(--used-color);background-color:color-mix(in srgb,var(--used-color) 15%,transparent);border-color:transparent}
[x-button~=tonal] svg{fill:var(--used-color)}
[x-button~=bare]{color:var(--used-color);background-color:transparent;border-color:transparent}
[x-button~=bare] svg{fill:var(--used-color)}
[x-button]:not([disabled]):hover{cursor:pointer}
[x-button]:not([x-button~=nohover])[x-button~=solid]:not([disabled]):not(:disabled):hover{background-color:color-mix(in srgb,var(--used-color),var(--x-bg) var(--x-mix));border-color:color-mix(in srgb,var(--used-color),var(--x-fg) 15%)}
[x-button]:not([x-button~=nohover])[x-button~=outline]:not([disabled]):not(:disabled):hover{background-color:color-mix(in srgb,var(--used-color) 15%,transparent);border-color:color-mix(in srgb,var(--used-color),var(--x-bg) 15%)}
[x-button]:not([x-button~=nohover])[x-button~=tonal]:not([disabled]):not(:disabled):hover{background-color:color-mix(in srgb,var(--used-color) 20%,transparent)}
[x-button]:not([x-button~=nohover])[x-button~=bare]:not([disabled]):not(:disabled):hover{background-color:#8881;background-color:color-mix(in srgb,var(--used-color) 15%,transparent)}
[x-button~=icon]{padding:0;width:40px;height:40px;min-height:40px;flex-shrink:0;border-radius:99px}
[x-button~=icon] svg{width:24px;height:24px}
[x-button~=icon][x-button~=dense]{width:24px;height:24px;min-height:24px}
[x-button~=icon][x-button~=dense] svg{width:20px;height:20px}
[x-button~=icon][x-button~=big]{width:48px;height:48px;min-height:48px}
[x-button~=icon][x-button~=big] svg{width:40px;height:40px}
[x-button]:not(:disabled):not([disabled]):active:focus{outline-color:color-mix(in srgb,var(--used-color) 7%,transparent);outline-width:20px;outline-style:solid;transition-property:outline,box-shadow;transition-duration:.2s;box-shadow:none}
[x-button]:not(:disabled):not([disabled]):active:focus[x-button~=solid]{border-color:color-mix(in srgb,var(--used-color),var(--bg) 54%)}
[x-button]:not(:disabled):not([disabled]):active:focus[x-button~=outline]{background-color:color-mix(in srgb,var(--used-color) 44%,transparent);opacity:.9}
@supports not (color: color-mix(in srgb,red,blue 10%)){[x-button]:is([disabled],:disabled){--used-color: var(--gray)}
[x-button~=solid]:not([disabled]):not(:disabled):hover{background:linear-gradient(to bottom,var(--used-color) -1000%,var(--x-bg) 5000%)}
:is([x-button~=outline],[x-button~=bare]):not([disabled]):not(:disabled):hover{background:linear-gradient(to bottom,var(--used-color) -5000%,transparent 1000%)}
[x-button~=tonal]{background:linear-gradient(to bottom,var(--used-color) -5000%,transparent 1000%)}
[x-button~=tonal]:not([disabled]):not(:disabled):hover{background:linear-gradient(to bottom,var(--used-color) -3000%,transparent 1000%)}}
[x-field]{--padding-x: 16px;--height: 40px;--padding-x-dense: 10px;--click-box-size: 20px}
[x-field~=dense]{--height: 28px}
[x-field]{--_field-pop: var(--field-pop)}
[x-field~=bw]{--_field-pop: var(--text)}
[x-field~=widget]{opacity:1}
[x-field~=widget]:not([type=checkbox],[type=radio]){accent-color:var(--_field-pop);background-color:var(--bg);border:1px solid var(--fg-50);color:var(--text);font-size:16px;justify-content:start;padding-inline:var(--padding-x);text-overflow:ellipsis;border-radius:6px;min-width:0;line-height:1}
[disabled][x-field~=widget]:not([type=checkbox],[type=radio]){text-overflow:unset;overflow-x:auto;appearance:none;background-color:transparent}
[x-field~=widget]:not(textarea,[type=checkbox],[type=radio]){padding-block:0}
textarea[x-field~=widget]{padding-top:10px;padding-bottom:10px;resize:none;field-sizing:content;min-height:52px;font-family:var(--font-normal)}
textarea[x-field~=widget][x-field~=dense]{padding-top:6px;padding-bottom:6px}
[x-field~=widget][x-field~=dense]:not([type=checkbox],[type=radio]){padding:0 var(--padding-x-dense)}
[x-field~=widget]:not([type=checkbox],[type=radio]){min-height:var(--height)}
select[x-field~=widget]{line-height:var(--height)}
select[x-field~=widget] optgroup{color:var(--soft);font-weight:300}
input[x-field~=widget]:is([type=date],[type=time],[type=tel],[type=number]){font-family:var(--font-mono);padding-bottom:1px}
[x-field~=widget]:is([type=checkbox],[type=radio]){accent-color:var(--_field-pop);width:var(--click-box-size);height:var(--click-box-size);margin:0;flex-shrink:0;cursor:pointer}
input[x-field~=widget][type=search]{padding-right:0}
[x-field~=widget][type=password]{font-weight:700;letter-spacing:3px}
[x-field~=widget][type=color]{width:var(--height);height:var(--height);padding:0;background:transparent;border:none;flex-shrink:0}
select[x-field~=widget]:invalid,select[x-field~=widget]:invalid option:is([value=""],:not([value])){color:var(--gray)!important;font-style:italic}
select[x-field~=widget] option{color:var(--text);font-style:normal}
select[x-field~=widget][x-field~=tonal] option{background-color:var(--bg-93)}
select:is([multiple],[size])[x-field~=widget]{padding-block:8px}
select:is([multiple],[size])[x-field~=widget] option{padding:2px 4px}
select:is([multiple],[size])[x-field~=widget] option:checked{color:var(--bg);background-color:var(--primary)}
select[x-field~=widget]>option:is([value=""],:not([value])){color:var(--gray);font-style:italic}
[x-field~=radio-set]{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid var(--fg-50);border-radius:8px}
[x-field~=dense][x-field~=radio-set]{gap:8px;padding:8px}
[x-field~=radio-item]{display:flex;align-items:center}
[x-field~=radio-item] [x-field~=label]{padding-left:16px;color:var(--field-label)}
[x-field~=widget][list]::-webkit-calendar-picker-indicator{opacity:.25}
[x-field~=widget]:focus::-webkit-calendar-picker-indicator{opacity:1}
[x-field~=widget][type=number]::-webkit-inner-spin-button,[x-field~=widget][type=number]::-webkit-outer-spin-button{height:100%;position:absolute;right:0;top:0}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{padding-inline:8px;margin-inline:0;min-height:40px}
[x-field~=label]{color:var(--field-label);font-size:16px;font-weight:400;cursor:pointer}
[x-field~=label][x-field~=bw]{color:var(--text)}
[x-field~=label]{font-weight:var(--text-weight)}
[x-field~=help]{font-size:16px;color:var(--gray);line-height:1}
[x-field~=error]{font-size:16px;font-weight:400;color:var(--error);background-color:var(--error-fade);outline:1px solid var(--error-fade);padding-inline:8px;padding-block:4px;border-radius:4px;overflow-wrap:anywhere}
[x-field~=error]{font-weight:var(--text-weight)}
:is(.validating:invalid,[invalid]):not(input[type=radio]),[x-field=radio-set]:has(:is(.validating:invalid,[invalid])){outline:2px solid var(--error)!important}
[x-field~=widget]::placeholder{font-style:italic;color:var(--gray-text)}
[x-field~=widget]{outline:none}
[x-field~=widget]:focus-visible{border-color:var(--field-focus);outline:solid 1px var(--field-focus)}
[x-field~=widget]:is([type=checkbox],[type=radio],[type=color],[type=range]):focus-visible{outline-offset:0px;outline:2px solid var(--field-focus)}
[x-field~=stadium]:not([type=checkbox],[type=radio]){border-radius:calc(var(--height) / 2)}
[x-field~=widget][x-field~=tonal]{border-color:transparent;background-color:var(--tonal)}
[x-field~=tonal]:focus-visible{border-color:var(--field-focus)}
[x-field~=text],[x-field~=text]:is([x-field~=text]){border-color:transparent;background-color:transparent}
[x-field~=text]:hover{background-color:var(--fg-30)}
[x-field~=widget]:is(:disabled,[disabled]){cursor:default}
[x-field~=widget]:not([x-field~=showcase]):is(:disabled,[disabled]){color:var(--gray);accent-color:var(--gray-text);fill:var(--gray);border-color:var(--gray)}
[x-field~=widget][x-field~=tonal]:is(:disabled,[disabled]){border-color:transparent;color:var(--fg)}
[disabled][x-field~=label]{color:var(--gray)}
[disabled][x-field~=radio-set]{border-color:var(--gray)}
[x-field~=widget][x-field~=showcase]:is(:disabled,[disabled]):not([type=checkbox],[type=radio]){border:none;border-radius:0;background-color:transparent;appearance:none;min-height:0}
[disabled][x-field~=widget][type=color]{opacity:.3}
:host([layout="col"]){display:flex;gap:4px;align-items:stretch;flex-direction:column}
:host([layout="col"]) ::slotted([x-field~="widget"]:not([type="checkbox"],[type="radio"])){width:100%;max-width:100%}
:host([layout="col"]) ::slotted([slot="label"]){text-align:left}
:host([layout="col"]) ::slotted([slot="help"]){margin-inline:12px}
:host([layout="col"]) #INFOS{display:contents}
:host([layout="row"]) ::slotted([slot="label"]){grid-column:1 / span 1}
:host([layout="row"]) #WIDGET_WRAPPER{grid-column:2 / span 1}
:host([layout="reverse"]) #WIDGET_WRAPPER{grid-column:1 / span 1;justify-self:right}
:host([layout="reverse"]) ::slotted([slot="label"]){grid-column:2 / span 1}
:host(:is([layout="row"],[layout="reverse"])) #INFOS{grid-column:3 / span 1}
:host(:is([layout="row"],[layout="reverse"])) ::slotted([slot="error"]){order:1}
:host(:is([layout="row"],[layout="reverse"])) ::slotted([slot="help"]){order:2}
:host(:is([layout="row"],[layout="reverse"])){align-items:center;column-gap:8px;display:grid;grid-auto-flow:dense;grid-template-columns:repeat(3,auto);width:fit-content}
:host(:is([layout="row"],[layout="reverse"])) #INFOS{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
[x-guidebar~=main]{color:var(--guide-bar-fg);background-color:var(--guide-bar-bg)}
[x-guidebar~=instruction],[x-guidebar~=link],[x-guidebar~=error]{font-size:16px;font-weight:500;margin-top:4px;margin-bottom:4px;padding-bottom:2px;padding-top:2px}
[x-guidebar~=link],[x-guidebar~=error]{line-height:20px;margin-left:8px;margin-right:8px;padding-left:8px;padding-right:8px;text-decoration:none;text-transform:uppercase;white-space:nowrap;-webkit-user-drag:none;user-drag:none}
[x-guidebar~=link]{color:var(--guide-bar-fg);background-color:color-mix(in srgb,black 15%,transparent);cursor:pointer}
[x-guidebar~=link]:hover{text-decoration:underline}
[x-guidebar~=link][x-guidebar~=alt]{color:#000!important}
[x-guidebar~=error]{color:#fff;background-color:var(--red)}
[x-heading]{color:var(--heading);margin:0;line-height:1.125;overflow-y:hidden;overflow-x:auto}
[x-heading=h1]{font-size:48px;font-weight:300;letter-spacing:.05em}
[x-heading~=h2]{font-weight:400;font-size:32px}
[x-heading~=h3]{font-size:24px;font-weight:400}
[x-heading~=h4]{font-size:20px;font-weight:400}
[x-heading~=h5]{font-size:16px;font-weight:700}
[x-heading~=h6]{font-size:14px;font-weight:700}
[x-heading~=page],[x-heading~=section],[x-heading~=fieldset],[x-heading~=field]{display:block;padding:0;color:var(--fg-85);font-weight:300;line-height:1.2;overflow-x:auto}
[x-heading~=page]{font-size:36px;text-align:center;text-transform:uppercase;letter-spacing:4px}
[x-heading~=office][x-heading~=page]{margin-top:32px}
@media screen and (max-width: 699px){[x-heading~=fancy][x-heading~=page]{margin-top:24px}}
@media screen and (min-width: 700px){[x-heading~=fancy][x-heading~=page]{margin:48px 32px 0}}
[x-heading~=section]{font-size:24px;text-align:center;text-transform:uppercase;letter-spacing:1px}
[x-heading~=section]:before{content:"\2014  "}
[x-heading~=section]:after{content:" \2014"}
[x-heading~=office][x-heading~=section]{margin-top:32px}
@media screen and (max-width: 699px){[x-heading~=fancy][x-heading~=section]{margin-top:16px}}
@media screen and (min-width: 700px){[x-heading~=fancy][x-heading~=section]{margin:48px 32px 0}}
[x-heading~=fieldset]{font-size:32px;text-align:left;grid-column:1/-1}
[x-link]{font-weight:500;overflow-wrap:break-word;-webkit-user-drag:none;user-drag:none}
:where(:any-link,[x-link~=force])[x-link]{cursor:pointer}
:where(:any-link,[x-link~=force])[x-link]:not([x-link~=nounderline]){text-decoration:underline}
:where(:any-link,[x-link~=force])[x-link][x-link~=nounderline]{text-decoration:none}
:where(:any-link,[x-link~=force])[x-link][x-link~=nounderline]:hover{text-decoration:underline}
:where(:any-link,[x-link~=force])[x-link]{color:var(--link)}
:where(:any-link,[x-link~=force])[x-link~=primary]{color:var(--primary)}
:where(:any-link,[x-link~=force])[x-link~=pop]{color:var(--pop)}
:where(:any-link,[x-link~=force])[x-link~=secondary]{color:var(--secondary)}
:where(:any-link,[x-link~=force])[x-link~=soft]{color:var(--soft)}
:where(:any-link,[x-link~=force])[x-link~=bw]{color:var(--fg)}
:where(:any-link,[x-link~=force])[x-link]:hover{color:var(--link-more)}
:where(:any-link,[x-link~=force])[x-link~=primary]:hover{color:var(--primary-more)}
:where(:any-link,[x-link~=force])[x-link~=secondary]:hover{color:var(--secondary-more)}
:where(:any-link,[x-link~=force])[x-link~=pop]:hover{color:var(--pop)}
:where(:any-link,[x-link~=force])[x-link~=soft]:hover{color:var(--soft)}
:where(:any-link,[x-link~=force])[x-link~=bw]:hover{color:var(--fg-85)}
:where(:any-link,[x-link~=force])[x-link]:active{text-decoration:none}
:where(:any-link,[x-link~=force])[x-link]:active{background-color:var(--link-fade)}
:where(:any-link,[x-link~=force])[x-link~=primary]:active{background-color:var(--primary-fade)}
:where(:any-link,[x-link~=force])[x-link~=secondary]:active{background-color:var(--secondary-fade)}
:where(:any-link,[x-link~=force])[x-link~=pop]:active{background-color:var(--pop-fade)}
:where(:any-link,[x-link~=force])[x-link~=soft]:active{background-color:var(--soft-fade)}
:where(:any-link,[x-link~=force])[x-link~=bw]:active{color:var(--bg)}
[x-main]{padding-left:var(--shim);padding-right:var(--shim);padding-top:16px;width:fit-content;max-width:100%}
[x-main~=center]{margin-left:auto;margin-right:auto}
[x-main~=narrow]{max-width:min(960px,100%)}
[x-main~=wide]{max-width:min(1980px,100%)}
[x-modal=blur]{z-index:10;position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#00000080;overscroll-behavior:contain}
[x-modal=dialogue]{box-sizing:border-box;box-shadow:var(--box-shadow-xl);max-height:calc(100% - 32px);max-width:calc(100% - 32px);overflow-y:auto;overscroll-behavior:contain;position:relative}
[x-surface~=page]{background-color:var(--bg);box-shadow:var(--box-shadow-m)}
[x-surface~=page][x-surface~=gray]{background-color:var(--surface)}
@media screen and (max-width: 699px){[x-surface~=page]{padding:16px}}
@media screen and (min-width: 700px){[x-surface~=page]{padding:48px}}
[x-surface~=card]{background-color:var(--bg)}
[x-surface~=card][x-surface~=gray]{background-color:var(--surface-2-2)}
@media (max-width: 699px){[x-surface~=card]:not([x-surface~=collapse]){box-shadow:var(--box-shadow-m)}
[x-surface~=card][x-surface~=spaced]{padding:16px;margin-top:24px;margin-bottom:24px}
[x-surface~=card][x-surface~=condensed]{padding:8px;margin-top:16px;margin-bottom:16px}
[x-surface~=card][x-surface~=collapse]{background:transparent}}
@media (min-width: 700px){[x-surface~=card]{border-radius:4px;box-shadow:var(--box-shadow-m)}
[x-surface~=card][x-surface~=spaced]{padding:32px;margin-top:32px;margin-bottom:32px}
[x-surface~=card][x-surface~=condensed]{padding:16px;margin-top:16px;margin-bottom:16px}}
[x-theme]{--primary-3: color-mix(in srgb, var(--primary) 3%, transparent);--primary-7: color-mix(in srgb, var(--primary) 7%, transparent);--primary-15: color-mix(in srgb, var(--primary) 15%, transparent);--primary-30: color-mix(in srgb, var(--primary) 30%, transparent);--primary-50: color-mix(in srgb, var(--primary) 50%, transparent);--primary-70: color-mix(in srgb, var(--primary) 70%, transparent);--primary-85: color-mix(in srgb, var(--primary) 85%, transparent);--primary-93: color-mix(in srgb, var(--primary) 93%, transparent);--primary-97: color-mix(in srgb, var(--primary) 97%, transparent);--secondary-3: color-mix(in srgb, var(--secondary) 3%, transparent);--secondary-7: color-mix(in srgb, var(--secondary) 7%, transparent);--secondary-15: color-mix(in srgb, var(--secondary) 15%, transparent);--secondary-30: color-mix(in srgb, var(--secondary) 30%, transparent);--secondary-50: color-mix(in srgb, var(--secondary) 50%, transparent);--secondary-70: color-mix(in srgb, var(--secondary) 70%, transparent);--secondary-85: color-mix(in srgb, var(--secondary) 85%, transparent);--secondary-93: color-mix(in srgb, var(--secondary) 93%, transparent);--secondary-97: color-mix(in srgb, var(--secondary) 97%, transparent);--primary-more: color-mix(in srgb, var(--primary), var(--fg) 15%);--secondary-more: color-mix(in srgb, var(--secondary), var(--fg) 15%);--link-more: color-mix(in srgb, var(--link), var(--fg) 15%);--warn-fade: color-mix(in srgb, var(--warn) 7%, transparent);--warn-text: color-mix(in srgb, var(--warn) 50%, var(--fg));--warn-border: color-mix(in srgb, var(--warn) 30%, transparent);--error: var(--red);--error-fade: color-mix(in srgb, var(--error) 7%, transparent);--error-text: color-mix(in srgb, var(--error) 50%, var(--fg));--error-border: color-mix(in srgb, var(--error) 30%, transparent);--delete: var(--orange);--red-close: color-mix(in srgb, var(--red), var(--bg) 15%);--red-less: color-mix(in srgb, var(--red), var(--bg) 15%);--red-more: color-mix(in srgb, var(--red), var(--fg) 15%);--divider: var(--fg-7);--no-divider-border: 2px solid transparent;--divider-border: 2px solid var(--divider);--boundary: var(--fg-30);--draft-boundary: 2px dashed var(--boundary);--no-draft-boundary: 2px dashed transparent;--empty: var(--gray);--tonal: var(--fg-15);--modal-border: 1px solid var(--fg-50);--primary-fade: color-mix(in srgb, var(--primary) 15%, transparent);--secondary-fade: color-mix(in srgb, var(--secondary) 15%, transparent);--pop-fade: color-mix(in srgb, var(--pop) 15%, transparent);--soft-fade: color-mix(in srgb, var(--soft) 15%, transparent);--gray-fade: color-mix(in srgb, var(--gray) 15%, transparent);--error-fade: color-mix(in srgb, var(--error) 15%, transparent);--delete-fade: color-mix(in srgb, var(--delete) 15%, transparent);--link-fade: color-mix(in srgb, var(--link) 15%, transparent);--hl-fade: color-mix(in srgb, var(--hl) 7%, transparent);--green-fade: color-mix(in srgb, var(--green) 7%, transparent);--red-fade: color-mix(in srgb, var(--red) 7%, transparent);--blue-fade: color-mix(in srgb, var(--blue) 7%, transparent);--alt-row-fade: color-mix(in srgb, var(--fg) 3%, transparent)}
[x-theme]{--gray-text-4white: #00000098;--gray-text-4black: #ffffff88;--black-3: color-mix(in srgb, transparent, black 3.53%);--black-7: color-mix(in srgb, transparent, black 7%);--black-15: color-mix(in srgb, transparent, black 15%);--black-30: color-mix(in srgb, transparent, black 30%);--black-50: color-mix(in srgb, transparent, black 50%);--black-70: color-mix(in srgb, transparent, black 70%);--black-85: color-mix(in srgb, transparent, black 85%);--black-93: color-mix(in srgb, transparent, black 95.29%);--black-97: color-mix(in srgb, transparent, black 97%);--white-3: color-mix(in srgb, transparent, white 9%);--white-7: color-mix(in srgb, transparent, white 13%);--white-15: color-mix(in srgb, transparent, white 18.82%);--white-30: color-mix(in srgb, transparent, white 30%);--white-50: color-mix(in srgb, transparent, white 50%);--white-70: color-mix(in srgb, transparent, white 70%);--white-85: color-mix(in srgb, transparent, white 85%);--white-93: color-mix(in srgb, transparent, white 95.29%);--white-97: color-mix(in srgb, transparent, white 97%);--red-4white: #e00000;--red-4black: #f33;--blue-4white: #1976d2;--blue-4black: #64b5f6;--green-less-4white: #009c00;--green-less-4black: #008700;--green-4white: #008700;--green-4black: #00ad00;--yellow-4white: #990;--yellow-4black: #ffeb3b;--orange-4white: #b35f00;--orange-4black: #ff9800;--pink-4white: #e31c65;--pink-4black: #f06292;--purple-4white: #9c27b0;--purple-4black: #ba68c8;--brown-4white: #8d6e63;--brown-4black: #a1887f;--blue-more-4black: #29b6f6;--blue-more-4white: #0d47a1;--green-more-4black: #6ed46e;--green-more-4white: #007500;--orange-more-4black: #ffb74d;--orange-more-4white: #9e5400;--red-more-4black: #e53935;--red-more-4white: #f44336;--yellow-more-4black: #fff176;--yellow-more-4white: #7a7a00;--folder-4white: #8f7200;--folder-4black: #ecbd00;--warn-4white: #d39f00;--warn-4black: #ecbd00;--blur: rgba(128, 128, 128, .5);--font-normal: Roboto, Helvetica, Arial, Noboto, sans-serif;--font-mono: "Roboto Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-condensed: "Roboto Condensed";--half-shim: calc(var(--shim) / 2);--shim-collapse: var(--shim);--sesqui-shim: calc(var(--shim) * 1.5);--double-shim: calc(var(--shim) * 2);--double-shim-collapse: calc(var(--shim) * 2);--box-shadow-s: 0px 1px 4px 0px color-mix(in srgb, var(--shadow) 10%, transparent);--box-shadow-m: 0px 2px 6px 0px color-mix(in srgb, black 15%, transparent);--box-shadow-l: 0px 4px 16px 0px color-mix(in srgb, var(--shadow) 25%, transparent);--box-shadow-xl: 0px 4px 16px 0px color-mix(in srgb, var(--shadow) 40%, transparent)}
@media (width <= 480px){[x-theme]{--shim: 8px;--half-shim: 6px;--shim-collapse: 0px;--double-shim-collapse: 0px}}
@media (width > 480px){[x-theme]{--shim: 16px}}
@media (width > 720px){[x-theme]{--shim: 24px}}
@media (width > 1280px){[x-theme]{--shim: 32px}}
[x-theme=light],html[x-theme=light] [x-theme=same],html[x-theme=dark] [x-theme=reversed]{color-scheme:light;--theme-id: 0;--display-for-light: revert;--display-for-dark: none;--when-light-100p: 100%;--when-dark-100p: 0%;--invert-icon: none;--calcHslValue: 30%;--shadow: black;--text-weight: 400;--fg-fade: var(--fg-7);--gray-text: var(--gray-text-4white);--gray-text-: var(--gray-text-4black);--gray-less-93: color-mix(in srgb, var(--gray), white 93%);--gray-less-85: color-mix(in srgb, var(--gray), white 85%);--gray-less-70: color-mix(in srgb, var(--gray), white 70%);--gray-less-50: color-mix(in srgb, var(--gray), white 60%);--gray-less-30: color-mix(in srgb, var(--gray), white 35%);--gray-less-15: color-mix(in srgb, var(--gray), white 15%);--gray: #555555;--gray-: #939393;--gray-more-15: color-mix(in srgb, var(--gray), black 18%);--gray-more-30: color-mix(in srgb, var(--gray), black 37%);--fg-3: var(--black-3);--fg-7: var(--black-7);--fg-15: var(--black-15);--fg-30: var(--black-30);--fg-50: var(--black-50);--fg-70: var(--black-70);--fg-85: var(--black-85);--fg-93: var(--black-93);--fg-97: var(--black-97);--fg: black;--bg-3: var(--white-3);--bg-7: var(--white-7);--bg-15: var(--white-15);--bg-30: var(--white-30);--bg-50: var(--white-50);--bg-70: var(--white-70);--bg-85: var(--white-85);--bg-93: var(--white-93);--bg-97: var(--white-97);--bg: white;--primary: var(--primary-4white);--primary-: var(--primary-4black);--secondary: var(--secondary-4white);--secondary-: var(--secondary-4black);--pop: var(--pop-4white);--pop-: var(--pop-4black);--soft: var(--soft-4white);--soft-: var(--soft-4black);--field-pop: var(--field-pop-4white);--field-pop-: var(--field-pop-4black);--field-label: var(--field-label-4white);--field-label-: var(--field-label-4black);--field-focus: var(--field-focus-4white);--field-focus-: var(--field-focus-4black);--heading: var(--heading-4white);--link: var(--link-4white);--link-: var(--link-4black);--menu-bar: var(--menu-bar-4white);--menu-bar-: var(--menu-bar-4black);--guide-bar: var(--guide-bar-4white);--guide-bar-: var(--guide-bar-4black);--hl: var(--hl-4white);--hl-: var(--hl-4black);--alt-surface-2-1: var(--alt-surface-2-1-4white);--alt-surface-2-1-: var(--alt-surface-2-1-4black);--save-button: var(--save-button-4white);--save-button-: var(--save-button-4black);--folder: var(--folder-4white);--folder-: var(--folder-4black);--warn: var(--warn-4white);--warn-: var(--warn-4black);--red: var(--red-4white);--red-: var(--red-4black);--blue: var(--blue-4white);--blue-: var(--blue-4black);--green-less: var(--green-less-4white);--green-less-: var(--green-less-4black);--green: var(--green-4white);--green-: var(--green-4black);--yellow: var(--yellow-4white);--yellow-: var(--yellow-4black);--orange: var(--orange-4white);--orange-: var(--orange-4black);--pink: var(--pink-4white);--pink-: var(--pink-4black);--purple: var(--purple-4white);--purple-: var(--purple-4black);--brown: var(--brown-4white);--brown-: var(--brown-4black);--blue-more: var(--blue-more-4white);--blue-more-: var(--blue-more-4black);--green-more: var(--green-more-4white);--green-more-: var(--green-more-4black);--orange-more: var(--orange-more-4white);--orange-more-: var(--orange-more-4black);--red-more: var(--red-more-4white);--red-more-: var(--red-more-4black);--yellow-more: var(--yellow-more-4white);--yellow-more-: var(--yellow-more-4black);--text: #000000ee;--surface-2-1: var(--gray-less-93);--surface-2-2: var(--white-50);--surface-2-1-: black;--surface-2-2-: var(--white-7)}
[x-theme=dark],html[x-theme=dark] [x-theme=same],html[x-theme=light] [x-theme=reversed]{color-scheme:dark;--theme-id: 1;--display-for-light: none;--display-for-dark: revert;--when-light-100p: 0%;--when-dark-100p: 100%;--invert-icon: brightness(.5) invert(1) hue-rotate(180deg) saturate(40);--calcHslValue: 70%;--shadow: #fff4;--text-weight: 500;--fg-fade: var(--fg-30);--gray-text: var(--gray-text-4black);--gray-text-: var(--gray-text-4white);--gray-text-less: #ffffff60;--gray-less-93: color-mix(in srgb, var(--gray), black 80%);--gray-less-85: color-mix(in srgb, var(--gray), black 75%);--gray-less-70: color-mix(in srgb, var(--gray), black 70%);--gray-less-50: color-mix(in srgb, var(--gray), black 60%);--gray-less-30: color-mix(in srgb, var(--gray), black 38%);--gray-less-15: color-mix(in srgb, var(--gray), black 18%);--gray: #939393;--gray-: #555555;--gray-more-15: color-mix(in srgb, var(--gray), white 22%);--gray-more-30: color-mix(in srgb, var(--gray), white 40%);--fg-3: var(--white-3);--fg-7: var(--white-7);--fg-15: var(--white-15);--fg-30: var(--white-30);--fg-50: var(--white-50);--fg-70: var(--white-70);--fg-85: var(--white-85);--fg-93: var(--white-93);--fg-97: var(--white-97);--fg: white;--bg-3: var(--black-3);--bg-7: var(--black-7);--bg-15: var(--black-15);--bg-30: var(--black-30);--bg-50: var(--black-50);--bg-70: var(--black-70);--bg-85: var(--black-85);--bg-93: var(--black-93);--bg-97: var(--black-97);--bg: black;--primary: var(--primary-4black);--primary-: var(--primary-4white);--secondary: var(--secondary-4black);--secondary-: var(--secondary-4white);--pop: var(--pop-4black);--pop-: var(--pop-4white);--soft: var(--soft-4black);--soft-: var(--soft-4white);--field-pop: var(--field-pop-4black);--field-pop-: var(--field-pop-4white);--field-label: var(--field-label-4black);--field-label-: var(--field-label-4white);--field-focus: var(--field-focus-4black);--field-focus-: var(--field-focus-4white);--heading: var(--heading-4black);--heading-: var(--heading-4white);--link: var(--link-4black);--menu-bar: var(--menu-bar-4black);--menu-bar-: var(--menu-bar-4white);--guide-bar: var(--guide-bar-4black);--guide-bar-: var(--guide-bar-4white);--hl: var(--hl-4black);--hl-: var(--hl-4white);--alt-surface-2-1: var(--alt-surface-2-1-4black);--alt-surface-2-1-: var(--alt-surface-2-1-4white);--save-button: var(--save-button-4black);--save-button-: var(--save-button-4white);--folder: var(--folder-4black);--folder-: var(--folder-4black);--warn: var(--warn-4black);--warn-: var(--warn-4white);--red: var(--red-4black);--red-: var(--red-4white);--blue: var(--blue-4black);--blue-: var(--blue-4white);--green-less: var(--green-less-4black);--green-less-: var(--green-less-4white);--green: var(--green-4black);--green-: var(--green-4white);--yellow: var(--yellow-4black);--yellow-: var(--yellow-4white);--orange: var(--orange-4black);--orange-: var(--orange-4white);--pink: var(--pink-4black);--pink-: var(--pink-4white);--purple: var(--purple-4black);--purple-: var(--purple-4white);--brown: var(--brown-4black);--brown-: var(--brown-4white);--blue-more: var(--blue-more-4black);--blue-more-: var(--blue-more-4white);--green-more: var(--green-more-4black);--green-more-: var(--green-more-4white);--orange-more: var(--orange-more-4black);--orange-more-: var(--orange-more-4white);--red-more: var(--red-more-4black);--red-more-: var(--red-more-4white);--yellow-more: var(--yellow-more-4black);--yellow-more-: var(--yellow-more-4white);--text: #ffffffee;--surface-2-1: black;--surface-2-2: var(--white-7);--surface-2-1-: var(--gray-less-85);--surface-2-2-: var(--white-50)}
[x-theme]{color:var(--text)}
[x-theme]{--gap: 8px}
@media (width >= 480px){[x-theme]{--gap: 12px}}
@media (width >= 640px){[x-theme]{--gap: 16px}}
@media (width >= 720px){[x-theme]{--gap: 20px}}
@media (width >= 1024px){[x-theme]{--gap: 24px}}
@media (width >= 1600px){[x-theme]{--gap: 32px}}
summary[x-triangle]::marker,summary[x-triangle]::-webkit-details-marker{display:none}
summary[x-triangle]{list-style:none}
[x-triangle]{position:relative;padding-left:32px;align-items:center}
[x-triangle]:hover:before{transition:transform .3s}
[x-triangle]:before{position:absolute;left:2px;top:calc(50% - 2px);display:block;display:inline-block;transform:translateY(-50%);width:0;height:0;content:"";border-left:.67em solid currentcolor;border-top:.38em solid transparent;border-bottom:.38em solid transparent;transform:translateY(-50%) rotate(0)}
[x-triangle][open]:before,details[open]>[x-triangle]:before{transform:translateY(-50%) rotate(+90deg)}