@charset "UTF-8";.error-message{white-space:pre-wrap}.app-header{align-items:center;background:var(--of-primary-tint);color:var(--of-on-primary-tint);display:flex;flex:none;height:3rem;position:relative}.app-header .app-header-gradient{pointer-events:none;position:absolute;inset:0;opacity:20%;--gradient-from: rgba(255, 255, 255, 0%);--gradient-to: rgba(255, 255, 255, 100%);background:linear-gradient(to bottom,var(--gradient-from),var(--gradient-to))}.-of-theme-dark .app-header .app-header-gradient{--gradient-from: rgba(0, 0, 0, 00%);--gradient-to: rgba(0, 0, 0, 100%)}.app-header-main{align-items:center;display:flex;flex:auto}.app-menu-source,.app-config-source{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:1.75rem;width:3rem;opacity:90%}.app-menu-source:hover,.app-config-source:hover{opacity:100%;text-shadow:0 1.5px 2px rgba(36,40,60,.4)}.app-body{display:flex;flex:auto;flex-flow:row nowrap;overflow:hidden}.app-main{flex:auto;overflow:auto}.app-title{font-size:1.4rem;padding-left:1em}.app-tag{border:1px solid var(--of-color-on-primary);border-radius:2px;font-size:.9rem;margin-left:1.5ch;padding:0 .5ch;text-transform:uppercase}.of-sidebar{padding-bottom:.25em;padding-top:.25em}.of-sidebar .of--expandable .of-list-item-content{font-size:80%;text-transform:uppercase}.of-sidebar .of-list-group .of-list-item{border-left:2px solid var(--of-color-outline)}.of--overlay>.of-sidebar{margin-top:48px}.of-bezier{font-size:90%}.of-demo-field{background:var(--of-color-background);--elevation-level: 1;border-radius:4px;display:flex;flex-wrap:wrap;margin:1em 0}.of-demo-field>div{min-width:15em}.of-demo-field .content{box-sizing:border-box;display:flex;flex:auto;flex-flow:column wrap;justify-content:center;padding:.25em .5em}.of-demo-field .content .field{box-sizing:border-box;flex:0 1 auto;justify-content:center;padding:.75em}.of-demo-field .options{flex:0 0 16em;padding:1ex;margin:1em;overflow:hidden;--elevation-level: 1;border-radius:8px}.of-demo-field .options-fields{display:flex;flex-flow:column nowrap;grid-gap:.5em}.of-demo-field hr{padding:0;margin:.75em}html:not(.-of-theme-dark) pre code.hljs{display:block;overflow-x:auto;padding:1em}html:not(.-of-theme-dark) code.hljs{padding:3px 5px}html:not(.-of-theme-dark) .hljs{color:#24292e;background:none}html:not(.-of-theme-dark) .hljs-doctag,html:not(.-of-theme-dark) .hljs-keyword,html:not(.-of-theme-dark) .hljs-meta .hljs-keyword,html:not(.-of-theme-dark) .hljs-template-tag,html:not(.-of-theme-dark) .hljs-template-variable,html:not(.-of-theme-dark) .hljs-type,html:not(.-of-theme-dark) .hljs-variable.language_{color:#d73a49}html:not(.-of-theme-dark) .hljs-title,html:not(.-of-theme-dark) .hljs-title.class_,html:not(.-of-theme-dark) .hljs-title.class_.inherited__,html:not(.-of-theme-dark) .hljs-title.function_{color:#6f42c1}html:not(.-of-theme-dark) .hljs-attr,html:not(.-of-theme-dark) .hljs-attribute,html:not(.-of-theme-dark) .hljs-literal,html:not(.-of-theme-dark) .hljs-meta,html:not(.-of-theme-dark) .hljs-number,html:not(.-of-theme-dark) .hljs-operator,html:not(.-of-theme-dark) .hljs-selector-attr,html:not(.-of-theme-dark) .hljs-selector-class,html:not(.-of-theme-dark) .hljs-selector-id,html:not(.-of-theme-dark) .hljs-variable{color:#005cc5}html:not(.-of-theme-dark) .hljs-meta .hljs-string,html:not(.-of-theme-dark) .hljs-regexp,html:not(.-of-theme-dark) .hljs-string{color:#032f62}html:not(.-of-theme-dark) .hljs-built_in,html:not(.-of-theme-dark) .hljs-symbol{color:#e36209}html:not(.-of-theme-dark) .hljs-code,html:not(.-of-theme-dark) .hljs-comment,html:not(.-of-theme-dark) .hljs-formula{color:#6a737d}html:not(.-of-theme-dark) .hljs-name,html:not(.-of-theme-dark) .hljs-quote,html:not(.-of-theme-dark) .hljs-selector-pseudo,html:not(.-of-theme-dark) .hljs-selector-tag{color:#22863a}html:not(.-of-theme-dark) .hljs-subst{color:#24292e}html:not(.-of-theme-dark) .hljs-section{color:#005cc5;font-weight:700}html:not(.-of-theme-dark) .hljs-bullet{color:#735c0f}html:not(.-of-theme-dark) .hljs-emphasis{color:#24292e;font-style:italic}html:not(.-of-theme-dark) .hljs-strong{color:#24292e;font-weight:700}html:not(.-of-theme-dark) .hljs-addition{color:#22863a;background-color:#f0fff4}html:not(.-of-theme-dark) .hljs-deletion{color:#b31d28;background-color:#ffeef0}html.-of-theme-dark pre code.hljs{display:block;overflow-x:auto;padding:1em}html.-of-theme-dark code.hljs{padding:3px 5px}html.-of-theme-dark .hljs{color:#c9d1d9;background:none}html.-of-theme-dark .hljs-doctag,html.-of-theme-dark .hljs-keyword,html.-of-theme-dark .hljs-meta .hljs-keyword,html.-of-theme-dark .hljs-template-tag,html.-of-theme-dark .hljs-template-variable,html.-of-theme-dark .hljs-type,html.-of-theme-dark .hljs-variable.language_{color:#ff7b72}html.-of-theme-dark .hljs-title,html.-of-theme-dark .hljs-title.class_,html.-of-theme-dark .hljs-title.class_.inherited__,html.-of-theme-dark .hljs-title.function_{color:#d2a8ff}html.-of-theme-dark .hljs-attr,html.-of-theme-dark .hljs-attribute,html.-of-theme-dark .hljs-literal,html.-of-theme-dark .hljs-meta,html.-of-theme-dark .hljs-number,html.-of-theme-dark .hljs-operator,html.-of-theme-dark .hljs-selector-attr,html.-of-theme-dark .hljs-selector-class,html.-of-theme-dark .hljs-selector-id,html.-of-theme-dark .hljs-variable{color:#79c0ff}html.-of-theme-dark .hljs-meta .hljs-string,html.-of-theme-dark .hljs-regexp,html.-of-theme-dark .hljs-string{color:#a5d6ff}html.-of-theme-dark .hljs-built_in,html.-of-theme-dark .hljs-symbol{color:#ffa657}html.-of-theme-dark .hljs-code,html.-of-theme-dark .hljs-comment,html.-of-theme-dark .hljs-formula{color:#8b949e}html.-of-theme-dark .hljs-name,html.-of-theme-dark .hljs-quote,html.-of-theme-dark .hljs-selector-pseudo,html.-of-theme-dark .hljs-selector-tag{color:#7ee787}html.-of-theme-dark .hljs-subst{color:#c9d1d9}html.-of-theme-dark .hljs-section{color:#1f6feb;font-weight:700}html.-of-theme-dark .hljs-bullet{color:#f2cc60}html.-of-theme-dark .hljs-emphasis{color:#c9d1d9;font-style:italic}html.-of-theme-dark .hljs-strong{color:#c9d1d9;font-weight:700}html.-of-theme-dark .hljs-addition{color:#aff5b4;background-color:#033a16}html.-of-theme-dark .hljs-deletion{color:#ffdcd7;background-color:#67060c}.of-data-table .of-field-body{min-width:5em}canvas{border:2px solid #ddd;margin-left:10px;width:96px;height:96px}.outer{align-items:center;background:repeating-linear-gradient(45deg,#ffffff80,#ffffff80 10px,#dcdcdc80 10px 20px);border:1px solid #ddd;box-sizing:border-box;display:flex;flex-flow:row wrap;padding:15px;position:relative}.outer.dragging{border-style:dashed;box-shadow:inset 0 0 5px 5px #0000001a}.outer>.of-icon{border:2px solid #ddd;margin-left:10px}.load-error{position:absolute;left:5px;top:5px}.of-icon.style-no-alt{--icon-size: 48pt}.of-icon.style-no-alt .alt{fill:transparent}.of-icon.style-blue{color:#00008b;--icon-size: 60pt}.of-icon.style-contrast{color:#278baa;--icon-size: 60pt}.of-icon.style-contrast .alt{fill:red}.round{background:#00008b;border-radius:50%;display:inline-flex;margin-left:10px;padding:20px}.round .of-icon{color:#def;--icon-size: 60pt}.roundr{background:#8893aa;border-radius:20px;display:inline-flex;padding:20px;margin-left:10px;box-shadow:inset 0 -3px 0 3px #0000001a}.roundr .of-icon{--icon-size: 60pt}.roundr .pri{fill:url(#of-icon-grad-1)}.roundr .alt{fill:url(#of-icon-grad-2);opacity:1}.demo-inline{display:flex;flex-flow:row wrap}.demo-icon{display:flex;border-radius:2px;border:1px solid var(--of-color-outline);background:var(--of-color-surface);color:var(--of-color-on-surface);box-shadow:0 1px 0 var(--of-color-shadow);cursor:default;margin:2px;text-align:center}.demo-icon:hover{color:var(--of-primary-tint)}.row h2[data-v-0d35c55b]{display:flex}.row li[data-v-0d35c55b]:only-child{list-style:none}@media (min-width: 800px){.row ul[data-v-0d35c55b]{display:flex;padding:0}.row li[data-v-0d35c55b]{list-style:none;padding:0}.col2 li[data-v-0d35c55b]{width:48%}.col2 li[data-v-0d35c55b]:not(:first-child){margin-left:4%}}.container[data-v-172f9d89]{min-width:32em}.container{min-width:25em}.attrs{border-radius:4px;padding:1em;display:grid;grid-template-columns:20% 40% auto;grid-gap:1em}.attrs>.row{display:contents}.attrs>.row .column{align-self:center}.attrs>.row .column:first-child{grid-column-start:1}.attrs .desc{font-size:80%}.content[data-v-660178d1]{margin-top:1.5rem}.content>div[data-v-660178d1]{min-width:20em}.record-info[data-v-660178d1]{padding-left:1em}.content[data-v-6953f6b4]{margin-top:1.5rem}.content>div[data-v-6953f6b4]{min-width:20em}.record-info[data-v-6953f6b4]{padding-left:1em}.demo-fields .demo-row{grid-gap:10px;margin:10px 0;flex-wrap:wrap}.demo-fields .demo-row>.of-field{width:6em}.of-block[data-v-7714aa2e]{border-radius:5px;padding:10px;max-width:26em;overflow:hidden}.of-block+.of-block[data-v-7714aa2e]{margin-top:.5em}.demo-tabs-content[data-v-9afebf71]{padding:10px;background:var(--of-color-surface);min-height:4em;border-radius:3px;--border-width: 0}.demo-tabs-content.demo-tabs-content-attached.with-border[data-v-9afebf71]{border-top:solid var(--border-width) var(--of-primary-tint)}.all-day-label,.of-calendar-event{font-size:70%}.container[data-v-866cb074]{height:80vh}.container .of-kanban-board[data-v-866cb074]{padding:16px 0}.container h1[data-v-866cb074]{margin:0}.spaced>*{margin-right:1em;margin-bottom:.5em}.elevation-demo{background-color:var(--of-color-surface);border-radius:.25rem;margin-top:2rem;padding:1rem;height:100px;display:flex;align-items:center;justify-content:center}.row.content>div[data-v-7c1ef06c]{padding:0 1rem}.row.content>div[data-v-7c1ef06c]:first-child{max-width:15em;min-width:15em}.row.content>div[data-v-7c1ef06c]:last-child{min-width:20em}.palette-grid[data-v-7c1ef06c]{display:grid;font-size:65%;max-width:60em;grid-template-columns:repeat(4,minmax(50px,1fr));border-radius:4px;overflow:hidden}.palette-grid div[data-v-7c1ef06c]{padding:.4rem;font-weight:700}.palette-grid .primary[data-v-7c1ef06c]{background:var(--of-color-primary);color:var(--of-color-on-primary)}.palette-grid .on-primary[data-v-7c1ef06c]{color:var(--of-color-primary);background:var(--of-color-on-primary)}.palette-grid .primary-container[data-v-7c1ef06c]{background:var(--of-color-primary-container);color:var(--of-color-on-primary-container)}.palette-grid .on-primary-container[data-v-7c1ef06c]{color:var(--of-color-primary-container);background:var(--of-color-on-primary-container)}.palette-grid .secondary[data-v-7c1ef06c]{background:var(--of-color-secondary);color:var(--of-color-on-secondary)}.palette-grid .on-secondary[data-v-7c1ef06c]{color:var(--of-color-secondary);background:var(--of-color-on-secondary)}.palette-grid .secondary-container[data-v-7c1ef06c]{background:var(--of-color-secondary-container);color:var(--of-color-on-secondary-container)}.palette-grid .on-secondary-container[data-v-7c1ef06c]{color:var(--of-color-secondary-container);background:var(--of-color-on-secondary-container)}.palette-grid .tertiary[data-v-7c1ef06c]{background:var(--of-color-tertiary);color:var(--of-color-on-tertiary)}.palette-grid .on-tertiary[data-v-7c1ef06c]{color:var(--of-color-tertiary);background:var(--of-color-on-tertiary)}.palette-grid .tertiary-container[data-v-7c1ef06c]{background:var(--of-color-tertiary-container);color:var(--of-color-on-tertiary-container)}.palette-grid .on-tertiary-container[data-v-7c1ef06c]{color:var(--of-color-tertiary-container);background:var(--of-color-on-tertiary-container)}.palette-grid .error[data-v-7c1ef06c]{background:var(--of-color-error);color:var(--of-color-on-error)}.palette-grid .on-error[data-v-7c1ef06c]{color:var(--of-color-error);background:var(--of-color-on-error)}.palette-grid .error-container[data-v-7c1ef06c]{background:var(--of-color-error-container);color:var(--of-color-on-error-container)}.palette-grid .on-error-container[data-v-7c1ef06c]{color:var(--of-color-error-container);background:var(--of-color-on-error-container)}.palette-grid .background[data-v-7c1ef06c]{background:var(--of-color-background);color:var(--of-color-on-background)}.palette-grid .on-background[data-v-7c1ef06c]{color:var(--of-color-background);background:var(--of-color-on-background)}.palette-grid .surface[data-v-7c1ef06c]{background:var(--of-color-surface);color:var(--of-color-on-surface)}.palette-grid .on-surface[data-v-7c1ef06c]{color:var(--of-color-surface);background:var(--of-color-on-surface)}.palette-grid .outline[data-v-7c1ef06c]{grid-column-start:1;grid-column-end:3;background:var(--of-color-outline);color:var(--of-color-on-background)}.palette-grid .surface-variant[data-v-7c1ef06c]{background:var(--of-color-surface-variant);color:var(--of-color-on-surface-variant)}.palette-grid .on-surface-variant[data-v-7c1ef06c]{color:var(--of-color-surface-variant);background:var(--of-color-on-surface-variant)}.palette-grid .shadow[data-v-7c1ef06c]{grid-column-start:3;grid-column-end:5;color:var(--of-color-outline);background:var(--of-color-shadow)}.palette-grid .inverse-surface[data-v-7c1ef06c]{background:var(--of-color-inverse-surface);color:var(--of-color-inverse-on-surface)}.palette-grid .inverse-on-surface[data-v-7c1ef06c]{color:var(--of-color-inverse-surface);background:var(--of-color-inverse-on-surface)}.palette-grid .inverse-primary[data-v-7c1ef06c]{grid-column-start:1;grid-column-end:3;color:var(--of-color-primary);background:var(--of-color-inverse-primary)}.palette-grid .inverse-secondary[data-v-7c1ef06c]{color:var(--of-color-secondary);background:var(--of-color-inverse-secondary)}.palette-grid .inverse-tertiary[data-v-7c1ef06c]{color:var(--of-color-tertiary);background:var(--of-color-inverse-tertiary)}.sections[data-v-7c1ef06c]{border:solid 1px var(--of-color-section-border);border-radius:8px;overflow:hidden}.sections div[data-v-7c1ef06c]{padding:8px}.sections .header[data-v-7c1ef06c]{background-color:var(--of-color-section-header)}.sections .header2[data-v-7c1ef06c]{background-color:var(--of-color-section-header2)}.sections .header3[data-v-7c1ef06c]{background-color:var(--of-color-section-header3)}.sections .bg[data-v-7c1ef06c]{background-color:var(--of-color-section-bg)}.sections .bg-alt[data-v-7c1ef06c]{background-color:var(--of-color-section-alt-bg)}.separated[data-v-7c1ef06c]{position:relative}.separated[data-v-7c1ef06c]:after{position:absolute;height:1px;background:var(--of-color-outline);opacity:.2;content:"";left:0;right:0;bottom:0}html,body{overflow:hidden;height:100%;width:100%}body{color:#222;display:flex;font-family:system-ui,-apple-system,sans-serif;line-height:1.6;margin:0;padding:0}.app-outer{display:flex;flex-flow:column nowrap;overflow:hidden;width:100%}hr{margin:1.5em 2em}@media screen and (max-width: 767px){.xs-hidden{display:none}}@media screen and (min-width: 768px) and (max-width: 991px){.sm-hidden{display:none}}@media screen and (min-width: 992px) and (max-width: 1199px){.md-hidden{display:none}}@media screen and (min-width: 1200px){.lg-hidden{display:none}}.container{box-sizing:border-box;margin:0 0 3rem;padding:0 1.5rem}.row{box-sizing:border-box;display:flex;width:100%;flex-flow:row wrap;flex:auto;align-items:stretch}.page-row{margin-bottom:1.5rem}.page-row.collapse{margin-bottom:0}.column{box-sizing:border-box;flex:1 1 0px;flex-flow:column nowrap;max-width:100%}.column.row{flex:0 1 auto}.column.shrink{flex:0 1 auto;max-width:none}.column.expand{flex:1 0 auto}.page-column{padding-left:1.5rem;padding-right:1.5rem}.page-column>.row{margin-left:-1.5rem;margin-right:-1.5rem}.page-column>.row:not(.column){padding-left:0;padding-right:0}.page-column.collapse{padding-left:0;padding-right:0}.col-space-sm>.column:not(.complex){padding-left:4px;padding-right:4px}.col-space-sm.collapse>.column{padding-left:0;padding-right:0}.row:not(.hidden)~.row-space-sm{padding-top:4px}.row-space-sm:not(:last-child){padding-bottom:4px}.row:not(.hidden)~.row-space-xs{padding-top:2px}.row-space-xs:not(:last-child){padding-bottom:2px}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-offset-0{margin-left:0%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-offset-1{margin-left:8.3333333333%}.col-3{flex:0 0 25%;max-width:25%}.col-offset-2{margin-left:16.6666666667%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-offset-3{margin-left:25%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-offset-4{margin-left:33.3333333333%}.col-6{flex:0 0 50%;max-width:50%}.col-offset-5{margin-left:41.6666666667%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-offset-6{margin-left:50%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-offset-7{margin-left:58.3333333333%}.col-9{flex:0 0 75%;max-width:75%}.col-offset-8{margin-left:66.6666666667%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-offset-9{margin-left:75%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-offset-10{margin-left:83.3333333333%}.col-12{flex:0 0 100%;max-width:100%}.col-offset-11{margin-left:91.6666666667%}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}@media screen and (max-width: 767px){.col-unstack>.column{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px){.sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.sm-offset-0{margin-left:0%}.sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.sm-offset-1{margin-left:8.3333333333%}.sm-3{flex:0 0 25%;max-width:25%}.sm-offset-2{margin-left:16.6666666667%}.sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.sm-offset-3{margin-left:25%}.sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.sm-offset-4{margin-left:33.3333333333%}.sm-6{flex:0 0 50%;max-width:50%}.sm-offset-5{margin-left:41.6666666667%}.sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.sm-offset-6{margin-left:50%}.sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.sm-offset-7{margin-left:58.3333333333%}.sm-9{flex:0 0 75%;max-width:75%}.sm-offset-8{margin-left:66.6666666667%}.sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.sm-offset-9{margin-left:75%}.sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.sm-offset-10{margin-left:83.3333333333%}.sm-12{flex:0 0 100%;max-width:100%}.sm-offset-11{margin-left:91.6666666667%}.sm-order-0{order:0}.sm-order-1{order:1}.sm-order-2{order:2}.sm-order-3{order:3}.sm-order-4{order:4}.sm-order-5{order:5}}@media screen and (max-width: 991px){.sm-unstack>.column{flex:0 0 100%}}@media screen and (min-width: 992px){.md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.md-offset-0{margin-left:0%}.md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.md-offset-1{margin-left:8.3333333333%}.md-3{flex:0 0 25%;max-width:25%}.md-offset-2{margin-left:16.6666666667%}.md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.md-offset-3{margin-left:25%}.md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.md-offset-4{margin-left:33.3333333333%}.md-6{flex:0 0 50%;max-width:50%}.md-offset-5{margin-left:41.6666666667%}.md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.md-offset-6{margin-left:50%}.md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.md-offset-7{margin-left:58.3333333333%}.md-9{flex:0 0 75%;max-width:75%}.md-offset-8{margin-left:66.6666666667%}.md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.md-offset-9{margin-left:75%}.md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.md-offset-10{margin-left:83.3333333333%}.md-12{flex:0 0 100%;max-width:100%}.md-offset-11{margin-left:91.6666666667%}.md-order-0{order:0}.md-order-1{order:1}.md-order-2{order:2}.md-order-3{order:3}.md-order-4{order:4}.md-order-5{order:5}}@media screen and (max-width: 991px){.md-unstack>.column{flex:0 0 100%}}@media screen and (min-width: 1200px){.lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.lg-offset-0{margin-left:0%}.lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.lg-offset-1{margin-left:8.3333333333%}.lg-3{flex:0 0 25%;max-width:25%}.lg-offset-2{margin-left:16.6666666667%}.lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.lg-offset-3{margin-left:25%}.lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.lg-offset-4{margin-left:33.3333333333%}.lg-6{flex:0 0 50%;max-width:50%}.lg-offset-5{margin-left:41.6666666667%}.lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.lg-offset-6{margin-left:50%}.lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.lg-offset-7{margin-left:58.3333333333%}.lg-9{flex:0 0 75%;max-width:75%}.lg-offset-8{margin-left:66.6666666667%}.lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.lg-offset-9{margin-left:75%}.lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.lg-offset-10{margin-left:83.3333333333%}.lg-12{flex:0 0 100%;max-width:100%}.lg-offset-11{margin-left:91.6666666667%}.lg-order-0{order:0}.lg-order-1{order:1}.lg-order-2{order:2}.lg-order-3{order:3}.lg-order-4{order:4}.lg-order-5{order:5}}.lg-unstack>.column{flex:0 0 100%}::selection{background-color:var(--of-primary-tint);color:var(--of-on-primary-tint)}.of-data-table .editable-prepend{padding-right:5px}.of-data-table .of-field.editable{cursor:pointer}.of-data-table.editable .in-data-table-datetime,.of-data-table.editable .in-data-table-date,.of-data-table.editable .in-data-table-time{position:relative}.of-data-table.editable .in-data-table-datetime.of--focused .of-field-main,.of-data-table.editable .in-data-table-date.of--focused .of-field-main,.of-data-table.editable .in-data-table-time.of--focused .of-field-main{position:relative;transform:translateY(0);width:100%}.of-data-table.editable .of--align-end .in-data-table-toggle,.of-data-table.editable .of--align-end .in-data-table-toggle .of-field-inner{display:contents}.of-data-table.editable .in-data-table-datetime .of-field-main{max-width:235px}.of-data-table.editable .in-data-table-date .of-field-main{max-width:160px}.of-data-table.editable .in-data-table-time .of-field-main{max-width:145px}.of-data-table .of--align-end .field-value{justify-content:flex-end}.of-data-table .field-value{display:flex;width:100%}.of-data-table .field-value:not(.editable-field-value){padding-left:var(--field-h-pad, .5em)}.of-data-table .editable-field-value:not(.input-mode-editable):focus-visible,.of-data-table .editable-field-value-handler:not(.input-mode-editable):focus-visible{color:var(--of-primary-tint);cursor:pointer}.of-data-table .editable-field-value:not(.input-mode-editable):focus-visible:not(.active),.of-data-table .editable-field-value-handler:not(.input-mode-editable):focus-visible:not(.active){border-radius:4px;outline:1px solid var(--of-primary-tint)}.of-data-table .editable-field-value{position:relative;min-height:25px}.of-data-table .editable-field-value .reset-value-button{position:absolute;bottom:calc(100% - 4px);left:calc(100% - 8px);--of-icon-size: 15px;cursor:pointer}.of-data-table .editable-field-value .of-field *{min-height:auto}.of-data-table .editable-field-value .of-field-inner .of-field-input{padding:0;line-height:1.6}.of-data-table .editable-field-value.active:not(.inline){background:var(--of-primary-tint);border-radius:4px 4px 0 0}.of-data-table .editable-field-value.active:not(.inline) .of-field-content-text{color:var(--of-color-on-primary)}.of-data-table .rename-divider{border-bottom:1px dashed grey}.of-data-table .hint-value{opacity:70%;font-size:.85em;padding-left:var(--field-h-pad, 4px)}.of-data-table .editable-field-value-handler{width:100%}.of-data-table .of-field>.of-field-main>.of-field-body>.of-field-inner>textarea,.of-data-table .of-field>.of-field-main>.of-field-body>.of-field-inner>input{resize:none;overflow:hidden;line-height:1.25;margin:0}.edit-overlay-desk{outline:none;min-width:250px;background:var(--of-color-menu-bg, var(--of-color-surface-variant));padding:7px;box-shadow:0 1px 3px #00000040,0 1px 2px #00000080;border-radius:5px}.edit-overlay-desk .reset-edit-button{margin-top:5px}.editable-field-value .field-editor{top:calc(100% + 2px);position:absolute;z-index:1}.editable-fields{display:flex;width:100%;flex-direction:column;gap:2px}.of-data-table{position:relative}.of-data-table .of-data-table-row.dragging>div{background-color:var(--of-inverse-tint)!important}.of-data-table .grab-button.draggable{cursor:grab}.of-data-table .drag-position-handler{position:absolute;left:0;right:0;height:0;border-top:3px solid rgba(76,76,76,.5607843137)}.of-data-table .drag-position-handler .drag-pointers-handler{position:relative}.of-data-table .drag-position-handler .drag-pointers-handler .drag-position-pointer{pointer-events:none;left:30px;position:absolute;line-height:1;transform:translateY(-50%)}.of-data-table .drag-position-handler .drag-pointers-handler .drag-position-pointer.nested{left:60px}.of-data-table.drag *{cursor:grabbing!important}.of-data-table.drag{-webkit-user-select:none;user-select:none}:root,.styled{--of-color-primary-light: #246874;--of-color-primary-container-light: #baedf7;--of-color-on-primary-light: #ffffff;--of-color-on-primary-container-light: #041a1e;--of-color-secondary-light: #a43007;--of-color-secondary-container-light: #ffd9ce;--of-color-on-secondary-light: #ffffff;--of-color-on-secondary-container-light: #2e0701;--of-color-tertiary-light: #0234fb;--of-color-tertiary-container-light: #d5e3ff;--of-color-on-tertiary-light: #ffffff;--of-color-on-tertiary-container-light: #000251;--of-color-error-light: #ba1b1b;--of-color-on-error-light: #ffffff;--of-color-error-container-light: #ffdad4;--of-color-on-error-container-light: #410001;--of-color-background-light: #f9f9f8;--of-color-on-background-light: #151713;--of-color-outline-light: #74796b;--of-color-shadow-light: #000000;--of-color-surface-light: #f0f1ee;--of-color-on-surface-light: #151713;--of-color-surface-variant-light: #f0f1ee;--of-color-on-surface-variant-light: #44473d;--of-color-inverse-surface-light: #2d2f28;--of-color-inverse-on-surface-light: #f0f1ee;--of-color-inverse-primary-light: #ddf6fb;--of-color-inverse-secondary-light: #ffece7;--of-color-inverse-tertiary-light: #eaf1ff;--of-color-section-border-light: #79b4fd;--of-color-section-bg-light: #f6faff;--of-color-section-alt-bg-light: #f1f7ff;--of-color-section-header-light: #e8f2ff;--of-color-section-header2-light: #dfedff;--of-color-section-header3-light: #d5e7fe;--of-color-primary-dark: #77d7ea;--of-color-primary-container-dark: #184e57;--of-color-on-primary-dark: #0d343b;--of-color-on-primary-container-dark: #baedf7;--of-color-secondary-dark: #feb19b;--of-color-on-secondary-dark: #7c2204;--of-color-secondary-container-dark: #551502;--of-color-on-secondary-container-dark: #ffd9ce;--of-color-tertiary-dark: #abc7ff;--of-color-on-tertiary-dark: #0110cf;--of-color-tertiary-container-dark: #000790;--of-color-on-tertiary-container-dark: #d5e3ff;--of-color-error-dark: #ffb4a9;--of-color-on-error-dark: #680003;--of-color-error-container-dark: #930006;--of-color-on-error-container-dark: #ffdad4;--of-color-background-dark: #383b33;--of-color-on-background-dark: #e1e4dd;--of-color-outline-dark: #8e9384;--of-color-shadow-dark: #000000;--of-color-surface-dark: #44473d;--of-color-on-surface-dark: #e1e4dd;--of-color-surface-variant-dark: #44473d;--of-color-on-surface-variant-dark: #c4c9bd;--of-color-inverse-surface-dark: #e1e4dd;--of-color-inverse-on-surface-dark: #2d2f28;--of-color-inverse-primary-dark: #041a1e;--of-color-inverse-secondary-dark: #2e0701;--of-color-inverse-tertiary-dark: #000251;--of-color-section-border-dark: #7393bc;--of-color-section-bg-dark: #2a3e56;--of-color-section-alt-bg-dark: #2c4059;--of-color-section-header-dark: #314762;--of-color-section-header2-dark: #354c69;--of-color-section-header3-dark: #39516f}:root,.styled{--of-color-primary: var(--of-color-primary-light);--of-color-primary-container: var(--of-color-primary-container-light);--of-color-on-primary: var(--of-color-on-primary-light);--of-color-on-primary-container: var(--of-color-on-primary-container-light);--of-color-secondary: var(--of-color-secondary-light);--of-color-secondary-container: var(--of-color-secondary-container-light);--of-color-on-secondary: var(--of-color-on-secondary-light);--of-color-on-secondary-container: var( --of-color-on-secondary-container-light );--of-color-tertiary: var(--of-color-tertiary-light);--of-color-tertiary-container: var(--of-color-tertiary-container-light);--of-color-on-tertiary: var(--of-color-on-tertiary-light);--of-color-on-tertiary-container: var(--of-color-on-tertiary-container-light);--of-color-error: var(--of-color-error-light);--of-color-on-error: var(--of-color-on-error-light);--of-color-error-container: var(--of-color-error-container-light);--of-color-on-error-container: var(--of-color-on-error-container-light);--of-color-background: var(--of-color-background-light);--of-color-on-background: var(--of-color-on-background-light);--of-color-outline: var(--of-color-outline-light);--of-color-shadow: var(--of-color-shadow-light);--of-color-surface: var(--of-color-surface-light);--of-color-on-surface: var(--of-color-on-surface-light);--of-color-surface-variant: var(--of-color-surface-variant-light);--of-color-on-surface-variant: var(--of-color-on-surface-variant-light);--of-color-inverse-surface: var(--of-color-inverse-surface-light);--of-color-inverse-on-surface: var(--of-color-inverse-on-surface-light);--of-color-inverse-primary: var(--of-color-inverse-primary-light);--of-color-inverse-secondary: var(--of-color-inverse-secondary-light);--of-color-inverse-tertiary: var(--of-color-inverse-tertiary-light);--of-color-section-bg: var(--of-color-section-bg-light);--of-color-section-alt-bg: var(--of-color-section-alt-bg-light);--of-color-section-border: var(--of-color-section-border-light);--of-color-section-header: var(--of-color-section-header-light);--of-color-section-header2: var(--of-color-section-header2-light);--of-color-section-header3: var(--of-color-section-header3-light)}.-of-theme-dark,.-of-theme-dark .styled{--of-color-primary: var(--of-color-primary-dark);--of-color-primary-container: var(--of-color-primary-container-dark);--of-color-on-primary: var(--of-color-on-primary-dark);--of-color-on-primary-container: var(--of-color-on-primary-container-dark);--of-color-secondary: var(--of-color-secondary-dark);--of-color-secondary-container: var(--of-color-secondary-container-dark);--of-color-on-secondary: var(--of-color-on-secondary-dark);--of-color-on-secondary-container: var( --of-color-on-secondary-container-dark );--of-color-tertiary: var(--of-color-tertiary-dark);--of-color-tertiary-container: var(--of-color-tertiary-container-dark);--of-color-on-tertiary: var(--of-color-on-tertiary-dark);--of-color-on-tertiary-container: var(--of-color-on-tertiary-container-dark);--of-color-error: var(--of-color-error-dark);--of-color-on-error: var(--of-color-on-error-dark);--of-color-error-container: var(--of-color-error-container-dark);--of-color-on-error-container: var(--of-color-on-error-container-dark);--of-color-background: var(--of-color-background-dark);--of-color-on-background: var(--of-color-on-background-dark);--of-color-outline: var(--of-color-outline-dark);--of-color-shadow: var(--of-color-shadow-dark);--of-color-surface: var(--of-color-surface-dark);--of-color-on-surface: var(--of-color-on-surface-dark);--of-color-surface-variant: var(--of-color-surface-variant-dark);--of-color-on-surface-variant: var(--of-color-on-surface-variant-dark);--of-color-inverse-surface: var(--of-color-inverse-surface-dark);--of-color-inverse-on-surface: var(--of-color-inverse-on-surface-dark);--of-color-inverse-primary: var(--of-color-inverse-primary-dark);--of-color-inverse-secondary: var(--of-color-inverse-secondary-dark);--of-color-inverse-tertiary: var(--of-color-inverse-tertiary-dark);--of-color-section-bg: var(--of-color-section-bg-dark);--of-color-section-alt-bg: var(--of-color-section-alt-bg-dark);--of-color-section-border: var(--of-color-section-border-dark);--of-color-section-header: var(--of-color-section-header-dark);--of-color-section-header2: var(--of-color-section-header2-dark);--of-color-section-header3: var(--of-color-section-header3-dark)}.of--tinted{--of-has-tint: 1}.of--tinted.of--tint-primary{--of-tint-name: primary;--of-primary-tint: var(--of-color-primary);--of-on-primary-tint: var(--of-color-on-primary);--of-container-tint: var(--of-color-primary-container);--of-on-container-tint: var(--of-color-on-primary-container);--of-inverse-tint: var(--of-color-inverse-primary)}.of--tinted.of--tint-secondary{--of-tint-name: secondary;--of-primary-tint: var(--of-color-secondary);--of-on-primary-tint: var(--of-color-on-secondary);--of-container-tint: var(--of-color-secondary-container);--of-on-container-tint: var(--of-color-on-secondary-container);--of-inverse-tint: var(--of-color-inverse-secondary)}.of--tinted.of--tint-tertiary{--of-tint-name: tertiary;--of-primary-tint: var(--of-color-tertiary);--of-on-primary-tint: var(--of-color-on-tertiary);--of-container-tint: var(--of-color-tertiary-container);--of-on-container-tint: var(--of-color-on-tertiary-container);--of-inverse-tint: var(--of-color-inverse-tertiary)}body,.styled{--of-primary-tint: var(--of-color-primary)}body{background:var(--of-color-background);color:var(--of-color-on-background)}:root{--of-bg-sheet: var(--of-color-surface);--of-color-sheet: var(--of-color-on-surface);--of-field-size: 26ch;--of-icon-size: 24px}.of-list-group{overflow:hidden;padding-left:1em}.of-list-group.v-enter-active,.of-list-group.v-leave-active{transition:all .2s ease}.of-list-group.v-enter-from,.of-list-group.v-leave-to{max-height:0}.of-menu .of-list-group{max-height:100%}.of-list-item{--of-item-bg-color: transparent;--of-item-bg-opacity: 0%;--of-item-bg-color-active: var(--of-container-tint);--of-item-bg-opacity-active: 100%;--of-item-bg-color-hover: var(--of-color-on-surface);--of-item-bg-opacity-hover: 16%;--of-item-bg-color-exp: var(--of-color-on-surface-variant);--of-item-bg-opacity-exp: 12%;--of-item-text-color: var(--of-on-container-tint);--of-item-text-opacity: 100%;--of-item-text-color-hover: var(--of-color-on-surface);--of-item-text-opacity-hover: 100%;--of-item-text-color-disabled: var(--of-color-on-surface);--of-item-text-opacity-disabled: 38%;--of-item-text-color-exp: var(--of-color-on-surface-variant);--of-item-text-opacity-exp: 100%;--of-item-border-color: transparent;--of-item-border-opacity: 0%;--of-item-border-color-focus: var(--of-primary-tint);--of-item-border-opacity-focus: 50%;--border-color: transparent;--border-opacity: 100%;--bg-color: var(--of-item-bg-color);--bg-opacity: var(--of-item-bg-opacity);--text-color: var(--of-item-text-color);--text-opacity: var(--of-item-text-opacity);cursor:pointer;display:block;outline:none;padding:2px 4px;text-decoration:none;transition:color .2s}.of-list-item.of--disabled{cursor:default}.of-list-item .of-list-item-inner{position:relative;align-items:center;display:flex;padding:.3em .8em;transition:background-color .2s;color:var(--text-color);opacity:var(--text-opacity)}.of-list-item .of-list-item-inner .of--layer{border:1px solid transparent;background:transparent;border-radius:5px}.of-list-item .of-list-item-inner .of--layer.of--layer-bg{background-color:var(--bg-color);opacity:var(--bg-opacity)}.of-list-item .of-list-item-inner .of--layer.of--layer-brd{border-color:var(--border-color);opacity:var(--border-opacity)}.of-list-item .of-list-item-inner .of-list-item-content{display:flex;flex:auto;z-index:1;align-items:center}.of-list-item.of--disabled{--bg-color: var(--of-item-bg-color-disabled, var(--of-item-bg-color));--bg-opacity: var(--of-item-bg-opacity-disabled, var(--of-item-bg-opacity));--text-color: var(--of-item-text-color-disabled, var(--of-item-text-color));--text-opacity: var(--of-item-text-opacity-disabled, var(--of-item-text-opacity))}.of-list-item.of--active:not(.of--disabled):not(.of--expandable){font-weight:500;--bg-color: var(--of-item-bg-color-active, var(--of-item-bg-color));--bg-opacity: var(--of-item-bg-opacity-active, var(--of-item-bg-opacity));--text-color: var(--of-item-text-color-active, var(--of-item-text-color));--text-opacity: var(--of-item-text-opacity-active, var(--of-item-text-opacity))}.of-list-item:not(.of--disabled):not(.of--active):not(.of--expandable):hover{--bg-color: var(--of-item-bg-color-hover, var(--of-item-bg-color));--bg-opacity: var(--of-item-bg-opacity-hover, var(--of-item-bg-opacity));--text-color: var(--of-item-text-color-hover, var(--of-item-text-color));--text-opacity: var(--of-item-text-opacity-hover, var(--of-item-text-opacity))}.of-list-item:not(.of--disabled).of--focused{--border-color: var(--of-item-border-color-focus, var(--of-item-border-color));--border-opacity: var(--of-item-border-opacity-focus, var(--of-item-border-opacity))}.of-list-item.of--expandable{font-weight:800;--bg-color: var(--of-item-bg-color-exp, var(--of-item-bg-color));--bg-opacity: var(--of-item-bg-opacity-exp, var(--of-item-bg-opacity));--text-color: var(--of-item-text-color-exp, var(--of-item-text-color));--text-opacity: var(--of-item-text-opacity-exp, var(--of-item-text-opacity))}.of-list-outer{padding-bottom:.25em;padding-top:.25em;-webkit-user-select:none;user-select:none}.of-list-header{--of-item-bg-color: transparent;--of-item-bg-opacity: 0%;--of-item-bg-color-header: var(--of-color-surface-variant);--of-item-bg-opacity-header: 100%;--of-item-text-color: var(--of-on-container-tint);--of-item-text-opacity: 100%;--of-item-text-color-header: var(--of-color-on-surface-variant);--of-item-text-opacity-header: 100%;z-index:2;cursor:default;font-size:80%;overflow:hidden;padding:0 1.25ch;pointer-events:none;position:sticky;text-overflow:ellipsis;text-transform:uppercase;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap;background:var(--of-item-bg-color-header, var(--of-item-bg-color));color:var(--of-item-text-color-header, var(--of-item-text-color));opacity:100%}.of-list-divider:before{content:"";display:block;background:#00000040;height:1px;margin:.15em .5em}.of-overlay-capture{position:fixed;inset:0;z-index:200}.of-overlay.of--overlay{position:fixed;display:flex;flex-flow:column;inset:0;padding:var(--overlay-pad, 0px);margin:0 var(--overlay-dyn-margin-right, 0px) 0 var(--overlay-dyn-margin-left, 0px);pointer-events:none;z-index:200}.of-overlay.of--overlay:before{content:"";flex:0 1 calc(var(--overlay-dyn-pad-top, 0px) - var(--overlay-pad, 0px))}.of-overlay.of--overlay:after{content:"";flex:0 1 calc(var(--overlay-dyn-pad-bottom, 0px) - var(--overlay-pad, 0px))}.of-overlay.of--overlay:focus{outline:none}.of-overlay>*{pointer-events:auto}.of-overlay.of--capture{pointer-events:initial}.of-overlay.of--center{justify-content:center}.of-overlay.of--left{align-items:flex-start;flex-flow:column nowrap;justify-content:center}.of-overlay.of--right{align-items:flex-end;justify-content:center;flex-flow:column nowrap}.of-overlay.of--shade{background-color:#0006}.-of-theme-dark .of-overlay.of--shade{background-color:#ffffff29}.of-overlay.of--pad{--overlay-pad: 24px}.of-overlay.of--fit-content{width:fit-content;padding-left:0}.of--overlay.v-enter-active{transition:opacity .4s ease}.of--overlay.v-leave-active{transition:opacity .25s cubic-bezier(1,.5,.8,1)}.of--overlay.v-enter-from,.of--overlay.v-leave-to{opacity:0}.of-dialog-outer{display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.of-dialog-outer .of-dialog-header,.of-dialog-outer .of-dialog-footer{max-height:5em;line-height:2em;width:100%;text-align:center}.of-dialog-outer .of-dialog-header .of-dialog-fixed-content,.of-dialog-outer .of-dialog-footer .of-dialog-fixed-content{background:#0101010d;color:var(--of-color-on-primary-container)}.of-dialog-outer .of-dialog-header:empty,.of-dialog-outer .of-dialog-footer:empty{height:0}.of-dialog-outer .of-dialog-header .dialog-close,.of-dialog-outer .of-dialog-footer .dialog-close{position:absolute;right:0;z-index:300;float:right;padding:.2em;display:flex;cursor:pointer}.of-dialog-outer .of-dialog-header .dialog-close:focus-visible,.of-dialog-outer .of-dialog-footer .dialog-close:focus-visible{outline-offset:-3px;outline:1px solid var(--of-primary-tint)}.of-dialog-outer .of-dialog-header .dialog-resizer,.of-dialog-outer .of-dialog-footer .dialog-resizer{display:block;float:right;cursor:se-resize}.of-dialog-outer .of-dialog-header .dialog-resizer .of-icon,.of-dialog-outer .of-dialog-footer .dialog-resizer .of-icon{vertical-align:bottom}.of-dialog-outer .of-dialog-header .dialog-resizer .of-icon svg,.of-dialog-outer .of-dialog-footer .dialog-resizer .of-icon svg{height:20px;width:20px}.of-dialog-outer .of-dialog-header.drag-and-drop{cursor:move;z-index:10}.of-dialog{background:var(--of-color-surface);min-height:var(--of-dialog-min-height, 200px);max-height:var(--of-dialog-max-height, 500px);min-width:var(--of-dialog-min-width, 100%);max-width:var(--of-dialog-max-width, 100%);overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;box-shadow:0 2px 4px 1px #0003;border-radius:var(--of-dialog-border-radius, 5px);z-index:9;position:absolute}.of-dialog .of-dialog-content{overflow-y:scroll;margin:0;min-height:var(--of-dialog-content-min-height, 200px);min-width:var(--of-dialog-content-min-width, 100%)}@media (min-width: 768px){.of-dialog{--of-dialog-max-width: 80%;--of-dialog-min-width: 45%}}@media (max-width: 768px){.of-dialog-outer .of-dialog{--of-dialog-min-width: 98%}.of-dialog-outer .of-dialog-header{top:.3em}.of-dialog-outer .of-dialog-header.drag-and-drop{cursor:default}.of-dialog-outer .of-dialog-footer{bottom:.3em}.of-dialog-outer .of-dialog-footer .dialog-resizer{cursor:default}.of-dialog-outer .of-dialog-footer .dialog-resizer .of-icon{visibility:hidden}}.slide-right-enter-active{transition:all .4s ease}.slide-right-leave-active{transition:all .25s cubic-bezier(1,.5,.8,1)}.slide-right-enter-from,.slide-right-leave-to{transform:translate(-50%)}.slide-down-enter-active{transition:all .4s ease}.slide-down-leave-active{transition:all .25s cubic-bezier(1,.5,.8,1)}.slide-down-enter-from{transform:translateY(-10px)}.slide-down-leave-to{transform:translateY(20px)}.of-sidebar{background:var(--of-color-background);box-shadow:2px 2px 4px 1px #0003;box-sizing:border-box;height:100%;overflow:auto;width:300px}.of--overlay>.of-sidebar{border-radius:0 5px 5px 0}.of-menu{border-radius:4px;box-sizing:border-box;background:var(--of-color-menu-bg, var(--of-color-surface-variant));max-height:100%;height:auto;max-width:400px;min-width:200px;overflow:hidden auto}.of-menu.top-tabs-menu{min-width:auto}.of-menu.options{max-height:40%;overflow:hidden;display:flex;flex-direction:column}.of-menu.options.embedded{max-height:100%}.of-menu.options:focus,.of-menu.options:focus-visible{outline:none}.of-menu.options .search-row{background-color:var(--of-color-section-header2);padding:1ex;overflow:hidden;min-height:3em;max-height:3em}.of-menu.options .search-row .of-field{padding:0 .5em 0 0}.of-menu.options .of-list-outer{overflow:hidden auto;height:100%;padding-top:0;padding-bottom:0;flex:0 1 auto}.state-success{--color-badge: #595;--color-field: #595;--bg-badge: linear-gradient(to bottom, hsla(0, 0%, 102%, .8) 15%, rgba(249.9, 249.9, 249.9, .8) 85%);--of-bg-field: linear-gradient(to bottom, hsla(0, 0%, 102%, .8) 15%, rgba(249.9, 249.9, 249.9, .8) 85%);--border-color-badge: #6b6;--border-color-field: #6b6}.state-success.input-label,.state-success.input-progress-bar{color:#595;background:linear-gradient(to bottom,#fffc 15%,#fafafacc 85%);border-color:#6b6}.state-final{--color-badge: #f6fff6;--color-field: #f6fff6;--bg-badge: linear-gradient(to bottom, rgb(127.16, 223.04, 143.14) 15%, rgb(110.84, 218.96, 128.86) 85%);--of-bg-field: linear-gradient(to bottom, rgb(127.16, 223.04, 143.14) 15%, rgb(110.84, 218.96, 128.86) 85%);--border-color-badge: #6b6;--border-color-field: #6b6}.state-final.input-label,.state-final.input-progress-bar{color:#f6fff6;background:linear-gradient(to bottom,#7fdf8f 15%,#6fdb81 85%);border-color:#6b6}.state-info{--color-badge: #469;--color-field: #469;--bg-badge: linear-gradient(to bottom, rgb(217.2, 238.4625, 255) 15%, rgb(196.8, 229.5375, 255) 85%);--of-bg-field: linear-gradient(to bottom, rgb(217.2, 238.4625, 255) 15%, rgb(196.8, 229.5375, 255) 85%);--border-color-badge: rgb(125.4, 198.3, 255);--border-color-field: rgb(125.4, 198.3, 255)}.state-info.input-label,.state-info.input-progress-bar{color:#469;background:linear-gradient(to bottom,#d9eeff 15%,#c5e6ff 85%);border-color:#7dc6ff}.state-draft{--color-badge: #b84;--color-field: #b84;--bg-badge: linear-gradient(to bottom, hsla(0, 0%, 102%, .8) 15%, rgba(249.9, 249.9, 249.9, .8) 85%);--of-bg-field: linear-gradient(to bottom, hsla(0, 0%, 102%, .8) 15%, rgba(249.9, 249.9, 249.9, .8) 85%);--border-color-badge: #c96;--border-color-field: #c96}.state-draft.input-label,.state-draft.input-progress-bar{color:#b84;background:linear-gradient(to bottom,#fffc 15%,#fafafacc 85%);border-color:#c96}.state-pending{--color-badge: #57a;--color-field: #57a;--bg-badge: linear-gradient(to bottom, hsla(0, 0%, 102%, .8) 15%, rgba(249.9, 249.9, 249.9, .8) 85%);--of-bg-field: linear-gradient(to bottom, hsla(0, 0%, 102%, .8) 15%, rgba(249.9, 249.9, 249.9, .8) 85%);--border-color-badge: #8ad;--border-color-field: #8ad}.state-pending.input-label,.state-pending.input-progress-bar{color:#57a;background:linear-gradient(to bottom,#fffc 15%,#fafafacc 85%);border-color:#8ad}.state-deferred{--color-badge: #969;--color-field: #969;--bg-badge: linear-gradient(to bottom, hsla(0, 0%, 102%, .8) 15%, rgba(249.9, 249.9, 249.9, .8) 85%);--of-bg-field: linear-gradient(to bottom, hsla(0, 0%, 102%, .8) 15%, rgba(249.9, 249.9, 249.9, .8) 85%);--border-color-badge: #c8b;--border-color-field: #c8b}.state-deferred.input-label,.state-deferred.input-progress-bar{color:#969;background:linear-gradient(to bottom,#fffc 15%,#fafafacc 85%);border-color:#c8b}.state-special{--color-badge: #fff6ff;--color-field: #fff6ff;--bg-badge: linear-gradient(to bottom, rgb(173.9230769231, 125.2769230769, 173.9230769231) 15%, rgb(166.0769230769, 112.7230769231, 166.0769230769) 85%);--of-bg-field: linear-gradient(to bottom, rgb(173.9230769231, 125.2769230769, 173.9230769231) 15%, rgb(166.0769230769, 112.7230769231, 166.0769230769) 85%);--border-color-badge: rgb(140.1846153846, 87.6153846154, 140.1846153846);--border-color-field: rgb(140.1846153846, 87.6153846154, 140.1846153846);--color-bg-event: #fff0d1;--color-event: #806633;--color-border-event: #c92}.state-special.input-label,.state-special.input-progress-bar{color:#fff6ff;background:linear-gradient(to bottom,#ae7dae 15%,#a671a6 85%);border-color:#8c588c}.state-error{--color-badge: #a55;--color-field: #a55;--bg-badge: linear-gradient(to bottom, hsl(0, 0%, 102%) 15%, rgb(249.9, 249.9, 249.9) 85%);--of-bg-field: linear-gradient(to bottom, hsl(0, 0%, 102%) 15%, rgb(249.9, 249.9, 249.9) 85%);--border-color-badge: #a55;--border-color-field: #a55}.state-error.input-label,.state-error.input-progress-bar{color:#a55;background:linear-gradient(to bottom,#fff 15%,#fafafa 85%);border-color:#a55}.state-alert{--color-badge: #666;--color-field: #666;--bg-badge: linear-gradient(to bottom, rgb(255, 207.4, 112.2) 15%, rgb(255, 200.6, 91.8) 85%);--of-bg-field: linear-gradient(to bottom, rgb(255, 207.4, 112.2) 15%, rgb(255, 200.6, 91.8) 85%);--border-color-badge: #c92;--border-color-field: #c92}.state-alert.input-label,.state-alert.input-progress-bar{color:#666;background:linear-gradient(to bottom,#ffcf70 15%,#ffc95c 85%);border-color:#c92}.state-warning{--color-badge: #b65;--color-field: #b65;--bg-badge: linear-gradient(to bottom, rgba(255, 241.6105263158, 170.2, .6) 15%, rgba(255, 238.3894736842, 149.8, .6) 85%);--of-bg-field: linear-gradient(to bottom, rgba(255, 241.6105263158, 170.2, .6) 15%, rgba(255, 238.3894736842, 149.8, .6) 85%);--border-color-badge: #b75;--border-color-field: #b75}.state-warning.input-label,.state-warning.input-progress-bar{color:#b65;background:linear-gradient(to bottom,#fff2aa99 15%,#ffee9699 85%);border-color:#b75}.state-danger{--color-badge: #f6f6ff;--color-field: #f6f6ff;--bg-badge: linear-gradient(to bottom, rgba(230.3925, 33.36, 19.8075, .5) 15%, rgba(211.6075, 30.64, 18.1925, .5) 85%);--of-bg-field: linear-gradient(to bottom, rgba(230.3925, 33.36, 19.8075, .5) 15%, rgba(211.6075, 30.64, 18.1925, .5) 85%);--border-color-badge: #a55;--border-color-field: #a55;--color-bg-event: #f9dfdf;--color-event: rgba(55, 20, 20, .7490196078);--color-border-event: #c48888}.state-danger.input-label,.state-danger.input-progress-bar{color:#f6f6ff;background:linear-gradient(to bottom,#e6211480 15%,#d41f1280 85%);border-color:#a55}.state-closed{--color-badge: #fff;--color-field: #fff;--bg-badge: linear-gradient(to bottom, rgba(145.1, 145.1, 145.1, .5) 15%, rgba(134.9, 134.9, 134.9, .5) 85%);--of-bg-field: linear-gradient(to bottom, rgba(145.1, 145.1, 145.1, .5) 15%, rgba(134.9, 134.9, 134.9, .5) 85%);--border-color-badge: #999;--border-color-field: #999}.state-closed.input-label,.state-closed.input-progress-bar{color:#fff;background:linear-gradient(to bottom,#91919180 15%,#87878780 85%);border-color:#999}.state-dead{--color-badge: #666;--color-field: #666;--bg-badge: linear-gradient(to bottom, rgba(195.1, 195.1, 195.1, .5) 15%, rgba(184.9, 184.9, 184.9, .5) 85%);--of-bg-field: linear-gradient(to bottom, rgba(195.1, 195.1, 195.1, .5) 15%, rgba(184.9, 184.9, 184.9, .5) 85%);--border-color-badge: #aaa;--border-color-field: #aaa}.state-dead.input-label,.state-dead.input-progress-bar{color:#666;background:linear-gradient(to bottom,#c3c3c380 15%,#b9b9b980 85%);border-color:#aaa}.state-invert{--color-badge: #fff;--color-field: #fff;--bg-badge: linear-gradient(to bottom, rgb(141.1, 141.1, 141.1) 15%, rgb(130.9, 130.9, 130.9) 85%);--of-bg-field: linear-gradient(to bottom, rgb(141.1, 141.1, 141.1) 15%, rgb(130.9, 130.9, 130.9) 85%);--border-color-badge: #777;--border-color-field: #777}.state-invert.input-label,.state-invert.input-progress-bar{color:#fff;background:linear-gradient(to bottom,#8d8d8d 15%,#838383 85%);border-color:#777}.state-primary{--color-badge: var(--of-primary-tint);--color-field: var(--of-primary-tint);--bg-badge: ;--of-bg-field: ;--border-color-badge: var(--of-primary-tint);--border-color-field: var(--of-primary-tint);--color-bg-event: #e3f3ff;--color-event: #636f79;--color-border-event: #7dc6ff}.state-primary.input-label,.state-primary.input-progress-bar{color:var(--of-primary-tint);border-color:var(--of-primary-tint)}.state-ignore{--color-badge: #8a8987;--color-field: #8a8987;--bg-badge: linear-gradient(to bottom, rgb(250.59, 250.1, 249.61) 15%, rgb(241.41, 239.9, 238.39) 85%);--of-bg-field: linear-gradient(to bottom, rgb(250.59, 250.1, 249.61) 15%, rgb(241.41, 239.9, 238.39) 85%);--border-color-badge: #c7c6c6;--border-color-field: #c7c6c6;--color-bg-event: #f6f5f4;--color-event: #6f6f6d;--color-border-event: #c7c6c6}.state-ignore.input-label,.state-ignore.input-progress-bar{color:#8a8987;background:linear-gradient(to bottom,#fbfafa 15%,#f1f0ee 85%);border-color:#c7c6c6}.state-active{--color-badge: #8a8987;--color-field: #8a8987;--bg-badge: linear-gradient(to bottom, rgb(250.59, 250.1, 249.61) 15%, rgb(241.41, 239.9, 238.39) 85%);--of-bg-field: linear-gradient(to bottom, rgb(250.59, 250.1, 249.61) 15%, rgb(241.41, 239.9, 238.39) 85%);--border-color-badge: #c7c6c6;--border-color-field: #c7c6c6;--color-bg-event: #68d;--color-event: #f6f6f6;--color-border-event: #506cb2}.state-active.input-label,.state-active.input-progress-bar{color:#8a8987;background:linear-gradient(to bottom,#fbfafa 15%,#f1f0ee 85%);border-color:#c7c6c6}.of--elevated,.of--elevated-1,.of--elevated-2,.of--elevated-3,.of--elevated-4,.of--elevated-5{--of-elevation-box-shadow: none;box-shadow:var(--of-elevation-box-shadow);--of-elevation-box-shadow-1: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .5);--of-elevation-box-shadow-2: 0 3px 6px rgba(0, 0, 0, .32), 0 3px 6px rgba(0, 0, 0, .5);--of-elevation-box-shadow-3: 0 10px 20px rgba(0, 0, 0, .38), 0 6px 6px rgba(0, 0, 0, .46);--of-elevation-box-shadow-4: 0 14px 28px rgba(0, 0, 0, .5), 0 10px 10px rgba(0, 0, 0, .44);--of-elevation-box-shadow-5: 0 19px 38px rgba(0, 0, 0, .6), 0 15px 12px rgba(0, 0, 0, .44)}.of--elevated-1{--of-elevation-box-shadow: var(--of-elevation-box-shadow-1)}.of--elevated-2{--of-elevation-box-shadow: var(--of-elevation-box-shadow-2)}.of--elevated-3{--of-elevation-box-shadow: var(--of-elevation-box-shadow-3)}.of--elevated-4{--of-elevation-box-shadow: var(--of-elevation-box-shadow-4)}.of--elevated-5{--of-elevation-box-shadow: var(--of-elevation-box-shadow-5)}.of--layer{box-sizing:border-box;position:absolute;inset:0}.of-icon{--icon-size: var(--of-icon-size);display:inline-flex;font-size:var(--icon-size);line-height:1}.of-icon.left{margin-right:.25em}.of-icon svg{aspect-ratio:1;fill:currentColor;width:var(--icon-size, var(--of-icon-size));height:auto}.of-icon--svg{vertical-align:text-bottom}.of--icon-size-inherit{--icon-size: 1em}.of-icon.of--icon-size-xs{--icon-size: 16px}.of-icon.of--icon-size-sm{--icon-size: 20px}.of-icon.of--icon-size-md{--icon-size: 24px}.of-icon.of--icon-size-lg{--icon-size: 28px}.of-icon.of--icon-size-xl{--icon-size: 32px}.of--led-grey{color:#aaa}.of--led-green{color:#2c4}.of--led-red{color:#c43}.of--led-yellow{color:#dc4}.of--led-violet{color:#c5c}.of--led-blue{color:#36d}.of--led-orange{color:#d80}.of-tooltip{--tt-bg-color: #151713;--tt-icon-bg-color: var(--of-primary-tint);font-size:.8em}.of-tooltip .of-tooltip-main{position:relative;display:inline-block;cursor:pointer}.of-tooltip .of-tooltip-main .of-icon svg{fill:var(--tt-icon-bg-color)}.of-tooltip .of-tooltip-main .of-tooltip-text{display:none;position:absolute;width:fit-content;background-color:var(--tt-bg-color);padding:4px 8px;border-radius:3px;width:max-content;color:#fff;line-height:1.3em;z-index:99999;opacity:0;transition:opacity .2s,display .2s allow-discrete}.of-tooltip .of-tooltip-main .of-tooltip-text .triangle{position:absolute;top:calc(50% - 3px);line-height:0}.of-tooltip .of-tooltip-main .of-tooltip-text .triangle svg{fill:var(--tt-bg-color)}.of-tooltip .of-tooltip-main .of-tooltip-text.left{right:var(--tt-text-offset)}.of-tooltip .of-tooltip-main .of-tooltip-text.left .triangle{left:calc(100% - 1px)}.of-tooltip .of-tooltip-main .of-tooltip-text.left .triangle svg{transform:rotate(180deg)}.of-tooltip .of-tooltip-main .of-tooltip-text.right{left:var(--tt-text-offset)}.of-tooltip .of-tooltip-main .of-tooltip-text.right .triangle{left:-2px}.of-tooltip .of-tooltip-main .of-tooltip-text.open{display:block;opacity:1}.of--small{--field-font-size: var(--font-size-input-sm, .8125rem)}.of--large{--field-font-size: var(--font-size-input-lg, 1.125rem)}.of--text-numeric{font-variant-numeric:lining-nums tabular-nums}.of--text-placeholder{color:var(--of-field-color-color-placeholder, var(--of-field-color-color));opacity:var(--of-field-color-opacity-placeholder, var(--of-field-color-opacity))}.of--align-left{text-align:left}.of--align-right{text-align:right}.of--align-center{text-align:center}.of--align-start{text-align:start;justify-content:flex-start}.of--align-end{text-align:end;justify-content:flex-end}.of--cursor-default{cursor:default}.of--cursor-pointer{cursor:pointer}.of--cursor-text{cursor:text}.of--block{--of-field-width: 100%}.of-group{--group-pad: calc(.5em - 1px) ;--elevation-level: 0;border-radius:5px;border:1px solid var(--of-color-outline);padding:var(--group-pad) 0}.of-group-label{color:var(--of-field-label-color);opacity:var(--of-field-label-opacity);font-size:90%;padding-left:.7em;margin-bottom:var(--group-pad)}.of-group:hover>.of-group-label{color:var(--of-field-label-color-hover, var(--of-field-label-color));opacity:var(--of-field-label-opacity-hover, var(--of-field-label-opacity))}.of-group:focus-within,.of-group.of--focused{--elevation-level: .3}.of-group:focus-within>.of-group-label,.of-group.of--focused>.of-group-label{color:var(--of-field-label-color-focus, var(--of-field-label-color));opacity:var(--of-field-label-opacity-focus, var(--of-field-label-opacity))}.of-group-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.of-group-row.of--pad{padding:0 var(--group-pad) var(--group-pad);grid-gap:var(--group-pad)}.of-field{position:relative}.of-field.of--density-3.of--label-frame.of-toggle-field.of--variant-outlined .of-toggle-wrapper{padding:calc(var(--field-v-pad) * 1.3) var(--field-h-pad) calc(var(--field-v-pad) * .7)}.of-toggle-input .of-field-input,.of-slider-field .of-field-input,.of-file-field .of-field-input{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-appearance:none;appearance:none;cursor:inherit;font-size:inherit;margin:0;opacity:0;outline:none}.of-toggle-input .of-field-input::-webkit-file-upload-button,.of-slider-field .of-field-input::-webkit-file-upload-button,.of-file-field .of-field-input::-webkit-file-upload-button{cursor:inherit}.of-toggle-input .of-icon-clear-file:focus-visible,.of-slider-field .of-icon-clear-file:focus-visible,.of-file-field .of-icon-clear-file:focus-visible{outline:1px solid var(--of-primary-tint)}.of-file-input{display:flex;position:relative}.of-toggle-wrapper{display:flex;flex:auto}.of-field-inner>.of-toggle-wrapper{padding-left:0;padding-right:0}.of-toggle-wrapper .of-toggle-input{align-self:center;flex:none;padding:0 var(--field-h-pad, .4em) 0 0;justify-content:center;position:relative}.of--checked .of-toggle-wrapper .of-toggle-input{color:var(--of-primary-tint, inherit)}.of-field{--of-field-border-color: var(--of-primary-tint);--of-field-border-opacity: 50%;--of-field-border-color-hover: var(--of-primary-tint);--of-field-border-opacity-hover: 60%;--of-field-border-color-disabled: var(--of-primary-tint);--of-field-border-opacity-disabled: 60%;--of-field-border-color-focus: var(--of-primary-tint);--of-field-border-opacity-focus: 100%;--of-field-border-color-invalid: var(--of-color-error);--of-field-border-opacity-invalid: 100%;--of-field-filled-label-color: var(--of-primary-tint);--of-field-filled-label-opacity: 80%;--of-field-filled-label-color-hover: var(--of-primary-tint);--of-field-filled-label-opacity-hover: 90%;--of-field-filled-label-color-disabled: var(--of-primary-tint);--of-field-filled-label-opacity-disabled: 55%;--of-field-filled-label-color-focus: var(--of-primary-tint);--of-field-filled-label-opacity-focus: 100%;--of-field-filled-label-color-invalid: var(--of-color-error);--of-field-filled-label-opacity-invalid: 100%;--of-field-filled-bg-color: var(--of-color-on-surface);--of-field-filled-bg-opacity: 4%;--of-field-filled-bg-color-hover: var(--of-color-on-surface);--of-field-filled-bg-opacity-hover: 6%;--of-field-filled-bg-color-focus: var(--of-color-on-surface);--of-field-filled-bg-opacity-focus: 8%;--of-field-color-color: var(--of-color-on-surface);--of-field-color-opacity: 100%;--of-field-color-color-disabled: var(--of-color-on-surface);--of-field-color-opacity-disabled: 38%;--of-field-color-color-placeholder: var(--of-color-on-surface);--of-field-color-opacity-placeholder: 55%;--of-field-filled-color-color: var(--of-color-on-surface);--of-field-filled-color-opacity: 100%;--of-field-filled-color-color-disabled: var(--of-color-on-surface);--of-field-filled-color-opacity-disabled: 38%;--of-field-filled-color-color-placeholder: var(--of-color-on-surface);--of-field-filled-color-opacity-placeholder: 55%}.of-field,.of-group{--of-field-label-color: var(--of-color-on-surface);--of-field-label-opacity: 80%;--of-field-label-color-hover: var(--of-primary-tint);--of-field-label-opacity-hover: 90%;--of-field-label-color-disabled: var(--of-primary-tint);--of-field-label-opacity-disabled: 55%;--of-field-label-color-focus: var(--of-primary-tint);--of-field-label-opacity-focus: 100%;--of-field-label-color-invalid: var(--of-color-error);--of-field-label-opacity-invalid: 100%}.of-field{--field-width: var(--of-field-width);--field-background: transparent;--field-background-opacity: 0;--field-border-color: transparent;--field-border-opacity: 1;--field-border-radius: var(--border-radius-input, 5px);--field-border-style: solid;--field-border-width: 1px;--field-color: var(--of-field-color-color);--field-opacity: var(--of-field-color-opacity);--field-font-size: var(--font-size-input, 1rem);--field-label-color: var(--of-field-label-color);--field-label-opacity: var(--of-field-label-opacity);--field-label-width: var(--of-field-label-width, 50%);--field-input-height: calc(var(--field-line-height) * 1em);--field-line-height: var(--line-height-input, 1.25);--field-h-pad-base: .666em;--icon-h-pad: .5em;--field-v-pad-base: 1.125em;--field-v-pad: var(--field-v-pad-base);--field-h-pad: var(--field-h-pad-base);--field-size: var(--of-field-size);--field-size-append: 0px;--field-size-prepend: 0px;box-sizing:border-box;color:var(--field-color);display:flex;flex:1 0 auto;flex-flow:column nowrap;font-size:var(--field-font-size);line-height:normal;max-width:100%;outline:none;text-align:start;vertical-align:top;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}.of-field.of--small{--field-font-size: var(--font-size-input-sm, .8125rem)}.of-field.of--large{--field-font-size: var(--font-size-input-lg, 1.125rem)}.of-field .of--layer-bg{background-color:var(--field-background);opacity:var(--field-background-opacity)}.of-field.of--interactive{--field-border-color: var(--of-field-border-color);--field-border-opacity: var(--of-field-border-opacity)}.of-field.of--mode-disabled{--field-border-color: var(--of-field-border-color-disabled, var(--of-field-border-color));--field-border-opacity: var(--of-field-border-opacity-disabled, var(--of-field-border-opacity));--field-color: var(--of-field-color-color-disabled, var(--of-field-color-color));--field-opacity: var(--of-field-color-opacity-disabled, var(--of-field-color-opacity));--field-label-color: var(--of-field-label-color-disabled, var(--of-field-label-color));--field-label-opacity: var(--of-field-label-opacity-disabled, var(--of-field-label-opacity))}.of-field.of--mode-editable:hover{--field-label-color: var(--of-field-label-color-hover, var(--of-field-label-color));--field-label-opacity: var(--of-field-label-opacity-hover, var(--of-field-label-opacity))}.of-field.of--mode-editable:hover:not(.of--invalid):not(.of--undecorated){--field-border-color: var(--of-field-border-color-hover, var(--of-field-border-color));--field-border-opacity: var(--of-field-border-opacity-hover, var(--of-field-border-opacity))}.of-field.of--interactive.of--focused{--field-label-color: var(--of-field-label-color-focus, var(--of-field-label-color));--field-label-opacity: var(--of-field-label-opacity-focus, var(--of-field-label-opacity))}.of-field.of--interactive.of--focused:not(.of--invalid):not(.of--undecorated){--field-border-color: var(--of-field-border-color-focus, var(--of-field-border-color));--field-border-opacity: var(--of-field-border-opacity-focus, var(--of-field-border-opacity))}.of-field.of--invalid{--field-label-color: var(--of-field-label-color-invalid, var(--of-field-label-color));--field-label-opacity: var(--of-field-label-opacity-invalid, var(--of-field-label-opacity));--field-border-color: var(--of-field-border-color-invalid, var(--of-field-border-color));--field-border-opacity: var(--of-field-border-opacity-invalid, var(--of-field-border-opacity))}.of-field.of--mode-fixed:focus[tabindex="0"]{outline:1px solid var(--of-primary-tint)}.of-field.of--mode-fixed .of-toggle-input{--field-color: var(--of-field-color-color-disabled, var(--of-field-color-color));--field-opacity: var(--of-field-color-opacity-disabled, var(--of-field-color-opacity))}.of-field.of--inline{display:inline-flex;width:var(--field-size)}.of-field .of-field-main-label,.of-field.of-toggle-field.of--label-frame .of-field-frame-label{display:flex}.of-field.of-toggle-field.of--label-frame.of--variant-outlined .of-field-frame-label .of-tooltip{font-size:.59em;z-index:2;padding-left:1em;position:relative;bottom:3px}.of-field.of-toggle-field.of--label-frame.of--variant-outlined .of-field-frame-label .of-tooltip .of-tooltip-text{font-size:1.2em}.of-field:not(.of-toggle-field) .of-field-label,.of-field.of-radio-field .of-field-label{flex:1}.of-field.of-toggle-field .of-field-main-label .of-field-label{padding-right:1em}.of-field.of--label-left,.of-field.of--label-right{display:grid;grid-template-columns:var(--field-label-width) auto}.of-field.of--label-left>.of-field-main-label,.of-field.of--label-right>.of-field-main-label{align-items:center;display:flex;padding:0 var(--field-h-pad)}.of-field.of--label-left.of--inline,.of-field.of--label-right.of--inline{display:inline-grid}.of-field.of--label-left .of-field-label,.of-field.of--label-right .of-field-label{flex:0}.of-field.of--label-left .of-tooltip,.of-field.of--label-right .of-tooltip{padding:0 1em}.of-field.of--label-left{grid-template-areas:"label main" "label caption"}.of-field.of--label-right{grid-template-areas:"main label" "caption label"}.of-field.of--label-top:not(.of--label-empty)>.of-field-main-label{margin-bottom:.25em;padding-left:var(--field-h-pad)}.of-field.of--label-frame:not(.of-toggle-field) .of-tooltip,.of-field.of--label-top.of--label-empty .of-tooltip,.of-field.of--label-none .of-tooltip{position:relative;bottom:calc(.25em + 1px)}.of-field.of--rounded{--field-border-radius: calc(var(--field-v-pad) + .5em + 2px)}.of-field.of--undecorated{--field-border-opacity: 0}.of-field.of--undecorated .of--layer-bg{opacity:0}.of-field>.of-field-main>.of-field-body>.of-field-inner>textarea{box-sizing:border-box;margin:0 var(--field-border-width) 2px 0;padding:var(--field-v-pad) var(--field-h-pad);resize:vertical}.of-field.of--density-0{--field-v-pad-base: .7em}.of-field.of--density-0 .of-field-input,.of-field.of--density-0 .of-file-input{padding:var(--field-v-pad) var(--field-h-pad)!important}.of-field.of--density-1{--field-v-pad-base: .5em}.of-field.of--density-2{--field-v-pad-base: .375em}.of-field.of--density-3{--field-v-pad-base: .3em}.of-field-main-label{grid-area:label}.of-field-main{box-sizing:border-box;display:flex;flex-flow:column nowrap;grid-area:main;min-height:calc(2 * var(--field-v-pad) + var(--field-input-height));outline:none;position:relative}.of-field-caption{grid-area:caption}.of-field-body{opacity:var(--field-opacity);align-items:flex-start;box-sizing:border-box;display:flex;margin:calc(0px - var(--field-border-width));min-height:calc(var(--field-v-pad) + var(--field-input-height));position:relative;max-width:100%;font-family:var(--font-family-input, inherit);font-weight:var(--font-weight-input, normal);letter-spacing:var(--letter-spacing-input, 0);line-height:var(--line-height-input, 1.25)}.of-field-inner{display:flex;width:0}.of-field-inner>*:not(.of--unpadded):not([class*=of--density-]){padding:var(--field-v-pad) var(--field-h-pad)}.of-field-inner>*:not(.of--unpadded):not([class*=of--density-]).of-field-inner-prepend{padding-right:0}.of-field-inner,.of-field-content-text{cursor:inherit;flex:auto;text-overflow:ellipsis;font-size:var(--field-font-size)}.of-field-inner:empty:after,.of-field-content-text:empty:after{content:"​"}.of-field-content-text{overflow:hidden}.of-field-input{color:inherit;display:block;flex:auto;font-family:inherit;line-height:inherit;font-size:var(--field-font-size);appearance:none;background:none;border:none;border-radius:0;box-sizing:border-box;width:100%}.of-field-input::placeholder{color:var(--of-field-color-color-placeholder, var(--of-field-color-color));opacity:var(--of-field-color-opacity-placeholder, var(--of-field-color-opacity))}.of-field-input,.of-field-content-text{font-weight:400;margin:0;outline:none}.of-field-content-text{box-sizing:content-box;min-height:1.25em}.of-field-fixed-content{-webkit-user-select:text;user-select:text}.of-field-prepend,.of-field-append{align-self:center;box-sizing:border-box;display:flex;flex:none}.of-field-prepend{padding-left:var(--icon-h-pad)}.of-field-append{padding-right:var(--icon-h-pad)}.of-field.of--variant-outlined .of--layer{border-radius:var(--field-border-radius)}.of-field.of--variant-outlined .of--layer-brd{border:var(--field-border-width) var(--field-border-style) transparent}.of-field.of--variant-outlined:not(.of--label-frame) .of--layer-brd{border-color:var(--field-border-color);opacity:var(--field-border-opacity)}.of-field.of--variant-outlined>.of-field-inner{margin-top:-1px}.of-field.of--variant-outlined.of--label-frame{--field-h-pad: .666em;padding-top:.675em}.of-field.of--variant-outlined.of--label-frame>.of-field-main{border:none}.of-field.of--variant-outlined.of--label-frame>.of-field-main>.of-field-body{margin:0}.of-field.of--variant-outlined.of--label-frame>.of-field-main>.of-field-body .of-field-inner{opacity:0;transition:opacity .18s}.of-field.of--variant-outlined.of--label-frame>.of-field-main>.of-field-header{display:flex;position:absolute;top:0;left:0;height:100%;width:100%}.of-field.of--variant-outlined.of--label-frame>.of-field-main>.of-field-header:before{border:var(--field-border-width) var(--field-border-style) var(--field-border-color);opacity:var(--field-border-opacity);border-radius:var(--field-border-radius) 0 0 var(--field-border-radius);border-right:none;box-sizing:border-box;content:"";flex:0 0 calc(max(var(--field-h-pad),var(--field-border-radius)) - .25em);transition:border-color .12s}.of-field.of--variant-outlined.of--label-frame>.of-field-main>.of-field-header:after{border:var(--field-border-width) var(--field-border-style) var(--field-border-color);opacity:var(--field-border-opacity);border-radius:0 var(--field-border-radius) var(--field-border-radius) 0;border-left:none;content:"";flex:auto;transition:border-color .12s}.of-field.of--variant-outlined.of--label-frame>.of-field-main>.of-field-header .of-field-header-label{max-width:calc(100% - 2 * var(--field-h-pad));padding:0 .25em;position:relative}.of-field.of--variant-outlined.of--label-frame>.of-field-main>.of-field-header .of-field-header-label:after{border-bottom:var(--field-border-width) var(--field-border-style) var(--field-border-color);border-top:var(--field-border-width) var(--field-border-style) var(--field-border-color);opacity:var(--field-border-opacity);content:"";box-sizing:border-box;transition:border-color .12s;position:absolute;inset:0}.of-field.of--variant-outlined.of--label-frame>.of-field-main>.of-field-header .of-field-header-label .of-field-label{position:relative;top:.25em;display:block;font-size:.666em;transform:translate(var(--field-size-prepend)) scale(1.3333) translateY(var(--field-v-pad));transform-origin:left top;transition:transform .15s;backface-visibility:hidden}.of-field.of--variant-outlined.of--label-frame.of--interactive.of--focused{--field-border-width: 2px}.of-field.of--variant-outlined.of--label-frame.of--interactive.of--focused>.of-field-main,.of-field.of--variant-outlined.of--label-frame.of--active>.of-field-main{box-shadow:none}.of-field.of--variant-outlined.of--label-frame.of--interactive.of--focused>.of-field-main>.of-field-header .of-field-header-label:after,.of-field.of--variant-outlined.of--label-frame.of--active>.of-field-main>.of-field-header .of-field-header-label:after{border-top-color:transparent}.of-field.of--variant-outlined.of--label-frame.of--interactive.of--focused>.of-field-main>.of-field-header .of-field-header-label .of-field-label,.of-field.of--variant-outlined.of--label-frame.of--active>.of-field-main>.of-field-header .of-field-header-label .of-field-label{transform:translateY(-.675em)}.of-field.of--variant-outlined.of--label-frame.of--interactive.of--focused>.of-field-main>.of-field-body>.of-field-inner,.of-field.of--variant-outlined.of--label-frame.of--active>.of-field-main>.of-field-body>.of-field-inner{opacity:1}.of-field.of--variant-filled .of--layer-brd{border:var(--field-border-width) var(--field-border-style) var(--field-border-color);border-color:transparent transparent var(--field-border-color) transparent;opacity:var(--field-border-opacity)}.of-field.of--variant-filled.of--mode-editable,.of-field.of--variant-filled.of--mode-locked{--field-background: var(--of-field-filled-bg-color);--field-background-opacity: var(--of-field-filled-bg-opacity)}.of-field.of--variant-filled.of--interactive{--field-color: var(--of-field-filled-color-color);--field-opacity: var(--of-field-filled-color-opacity)}.of-field.of--variant-filled.of--interactive .of--layer{border-radius:var(--field-border-radius) var(--field-border-radius) 0 0}.of-field.of--variant-filled.of--mode-editable:hover{--field-background: var(--of-field-filled-bg-color-hover, var(--of-field-filled-bg-color));--field-background-opacity: var(--of-field-filled-bg-opacity-hover, var(--of-field-filled-bg-opacity))}.of-field.of--variant-filled.of--mode-disabled{--field-color: var(--of-field-filled-color-color-disabled, var(--of-field-filled-color-color));--field-opacity: var(--of-field-filled-color-opacity-disabled, var(--of-field-filled-color-opacity));--field-border-style: dashed;--field-label-color: var(--of-field-filled-label-color-disabled, var(--of-field-filled-label-color));--field-label-opacity: var(--of-field-filled-label-opacity-disabled, var(--of-field-filled-label-opacity))}.of-field.of--variant-filled.of--interactive.of--focused{--field-background: var(--of-field-filled-bg-color-focus, var(--of-field-filled-bg-color));--field-background-opacity: var(--of-field-filled-bg-opacity-focus, var(--of-field-filled-bg-opacity));--field-label-color: var(--of-field-filled-label-color-focus, var(--of-field-filled-label-color));--field-label-opacity: var(--of-field-filled-label-opacity-focus, var(--of-field-filled-label-opacity))}.of-field.of--variant-filled.of--interactive .of--layer-brd:after{background:var(--of-field-border-color-focus, var(--of-field-border-color));content:"";height:2px;position:absolute;bottom:calc(0px - var(--field-border-width));left:0;width:100%;opacity:0;transform:scaleX(0);transform-origin:center;transition:opacity 90ms,transform .15s;z-index:1}.of-field.of--variant-filled.of--interactive.of--invalid .of--layer-brd:after{background:var(--of-field-border-color-invalid, var(--of-field-border-color))}.of-field.of--variant-filled.of--interactive.of--focused .of--layer-brd:after{opacity:var(--of-field-border-opacity-focus, var(--of-field-border-opacity));transform:scaleX(1)}.of-field.of--variant-filled.of--mode-editable:hover{--field-label-color: var(--of-field-filled-label-color-hover, var(--of-field-filled-label-color));--field-label-opacity: var(--of-field-filled-label-opacity-hover, var(--of-field-filled-label-opacity))}.of-field.of--variant-filled.of--mode-disabled{--field-label-color: var(--of-field-filled-label-color-disabled, var(--of-field-filled-label-color));--field-label-opacity: var(--of-field-filled-label-opacity-disabled, var(--of-field-filled-label-opacity))}.of-field.of--variant-filled.of--interactive.of--focused{--field-label-color: var(--of-field-filled-label-color-focus, var(--of-field-filled-label-color));--field-label-opacity: var(--of-field-filled-label-opacity-focus, var(--of-field-filled-label-opacity))}.of-field.of--variant-filled.of--label-frame{--field-h-pad: .666em;--field-v-pad: calc(var(--field-v-pad-base) - .166em)}.of-field.of--variant-filled.of--label-frame>.of-field-main{min-height:calc(.666em + var(--field-v-pad) + var(--field-input-height));padding:0}.of-field.of--variant-filled.of--label-frame>.of-field-main .of-field-header{position:absolute;left:0;right:0;top:-1px;margin:calc(0px - var(--field-border-width))}.of-field.of--variant-filled.of--label-frame>.of-field-main .of-field-header .of-field-header-label{display:flex;box-sizing:border-box;line-height:1;padding:calc(var(--field-v-pad)) calc(var(--field-size-append) + var(--field-h-pad)) 0 calc(var(--field-size-prepend) + var(--field-h-pad))}.of-field.of--variant-filled.of--label-frame>.of-field-main .of-field-header .of-field-header-label .of-tooltip{font-size:.59em;z-index:2}.of-field.of--variant-filled.of--label-frame>.of-field-main .of-field-header .of-field-header-label .of-tooltip .of-tooltip-text{font-size:1.2em}.of-field.of--variant-filled.of--label-frame>.of-field-main .of-field-header .of-field-header-label .of-field-label{padding-right:1em;font-size:.666em}.of-field.of--variant-filled.of--label-frame>.of-field-main>.of-field-body>.of-field-inner{margin-top:1em}.of-field.of--variant-filled.of--label-frame>.of-field-main>.of-field-body>.of-field-inner>.of-field-input{padding:calc(var(--field-v-pad) / 2) var(--field-h-pad) var(--field-v-pad)}.of-field.of--variant-filled.of--label-frame>.of-field-main>.of-field-body>.of-field-inner>.of-file-input{padding:calc(var(--field-v-pad) / 2) var(--field-h-pad) var(--field-v-pad)}.of-field.of--variant-filled.of--label-frame>.of-field-main>.of-field-body>.of-field-prepend{margin-top:1em}.of-field.of--required .of--icon-required{position:relative;top:-4px;padding-left:2px;font-size:1.8em}.of-field.of--required .of--icon-required svg{fill:#c10015;font-size:.6em;height:1em;width:.8em}.of-field-label{align-self:center;color:var(--field-label-color);opacity:var(--field-label-opacity);font-size:.8em;text-overflow:ellipsis;transition:color .1s;white-space:nowrap;word-wrap:break-word}.of-toggle{display:inline-flex;outline:none}.of-field.of--focused .of-toggle-input.of--focused:not(.of-toggle-input-switch) .of-toggle-icon{box-shadow:0 0 2px 4px #64646426;background-color:#64646426;border-radius:50%}.of-switch{align-items:center;box-sizing:border-box;display:inline-flex;font-size:calc(var(--field-font-size, 1em) * 1.2);height:calc(var(--field-font-size, 1em) * 1.2);line-height:normal;padding:calc(var(--field-font-size, 1em) * .25);position:relative;vertical-align:top;width:calc(var(--field-font-size, 1em) * 2.5)}.of-switch-thumb{background-color:var(--field-color);border-radius:50%;box-sizing:border-box;box-shadow:0 2px 1px #64646426,0 -2px 1px #64646426;content:"";height:1em;left:0;position:absolute;top:0;transition:left .15s ease-in-out,background-color .15s ease-in-out;width:1em}.of-switch-thumb.outside{left:.35em;top:auto;width:.8em;height:.8em;background-color:#fff}.of-switch-track{border:1px solid var(--field-color);border-radius:1em;box-sizing:border-box;flex:auto;height:100%;transition:background-color .15s ease-in-out,border .15s ease-in-out}.of-switch-track.outside{height:1em;background-color:#f0f1ee;border:none}.of--checked .of-switch .of-switch-thumb{left:calc(1em - 1px)}.of--checked .of-switch .of-switch-thumb:not(.outside){background-color:var(--of-primary-tint)}.of--checked .of-switch .of-switch-track{background-color:var(--of-primary-tint)}.of--checked .of-switch .of-switch-track:not(.outside){opacity:72%}.of-switch:hover .of-switch-thumb{box-shadow:0 0 5px 9px #64646426}.of--focused .of-switch .of-switch-thumb{box-shadow:0 0 0 9px #64646433}.of-slider{--field-h-pad: 1.2em;align-items:center;display:flex;height:1em;margin:.25em 0;width:100%}.of-slider-track{width:100%;height:.5em;position:relative;cursor:pointer}.of-slider-track:after{background-color:var(--of-field-border-color);border-radius:.25em;content:"";display:block;position:absolute;opacity:.5;inset:0}.of-slider-track-process{background-color:var(--of-field-border-color);border-radius:.25em 0 0 .25em;display:block;position:absolute;height:100%}.of-slider-thumb{background-color:var(--of-primary-tint);border-radius:50%;box-shadow:0 2px 1px #64646426;box-sizing:border-box;height:1.3em;width:1.3em;position:absolute;transform:translate(-50%);z-index:2;cursor:pointer}.of-slider-thumb.of--moved{box-shadow:0 0 5px 9px #64646433}.of-slider-thumb.of--moved .of-slider-label-container{display:block}.of-slider:hover .of-slider-thumb{box-shadow:0 0 5px 9px #64646426}.of-slider.of--focused .of-slider-thumb{box-shadow:0 0 0 9px #64646433}.of-slider-label-container{background-color:var(--of-primary-tint);border-color:var(--of-primary-tint);border-radius:5px;box-sizing:content-box;color:#fff;font-size:14px;min-width:20px;padding:4px 5px;position:absolute;right:-.5em;text-align:center;top:-2.2em;white-space:nowrap;width:1.8em;display:none}.of-slider-label-container:after{top:100%;left:50%;transform:translate(-50%);height:0;width:0;border-color:transparent;border-style:solid;border-width:5px;border-top-color:inherit;content:"";position:absolute}.of-slider:not(.of--readonly) .of-slider-thumb{cursor:pointer}.of-color-swatch{position:relative;border-radius:2px;box-sizing:border-box;width:2.5em;height:1.2em}.of-color-swatch>.of-color-swatch-border{position:absolute;inset:0;border:1px solid var(--of-field-border-color);opacity:var(--of-field-border-opacity);border-radius:2px}.of-field.of-select-field .remove-item:focus-visible{outline:1px solid var(--of-primary-tint)}.of-field.of-toggle-field.of--mode-fixed .of-switch .of-switch-track{opacity:.2}.of-field.of-toggle-field.of--mode-fixed .of-switch .of-switch-thumb{background-color:#989c92}.of-field.of-toggle-field.of--mode-fixed .of-icon svg{fill:#989c92}.of-field.of-toggle-field.of--label-frame .of-toggle-wrapper{--field-v-pad: calc(var(--field-v-pad-base) + .166em)}.radio-group{width:100%;display:flex}.of--column{flex-direction:column}.of--row{flex-direction:row}.of-data-table{--table-cell-vpad: .25rem;border-radius:4px;border-spacing:0;width:100%;display:grid;grid-template-columns:var(--of-table-columns);overflow:auto}.of-data-table.of--density-0{--table-cell-vpad: .5rem}.of-data-table.of--density-1{--table-cell-vpad: .4rem}.of-data-table.of--density-2{--table-cell-vpad: .25rem}.of-data-table.of--density-3{--table-cell-vpad: .1rem}.of-data-table .of-data-table-rows-selector{padding:0;margin:0;text-align:left}.of-data-table .of-data-table-rows-selector .header-rows-selector .of-button-main{padding-right:0}.of-data-table .of-data-table-rows-selector .header-rows-selector .of-button-split{padding-left:0;margin-left:0}.of-data-table .of-data-table-rows-selector .header-rows-selector .of-toggle-wrapper{padding-left:calc(var(--field-h-pad) - .2em)}.of-data-table .row-selector.of-toggle-field{--field-v-pad-base: 0}.of-data-table .row-selector.of-toggle-field .of-field-inner{width:fit-content}.of-data-table .of-data-table-header,.of-data-table .of-data-table-row,.of-data-table .of-data-table-footer{display:contents}.of-data-table .of-data-table-header>div,.of-data-table .of-data-table-row>div,.of-data-table .of-data-table-footer>div{display:flex;align-items:center}.of-data-table>.of-data-table-header>div{border-bottom:2px solid #ddd;padding:var(--table-cell-vpad) .75rem;font-weight:700}.of-data-table>.of-data-table-header>div.of-data-table-rows-selector{padding:0;margin:0}.of-data-table>.of-data-table-header>.sortable.asc span>i,.of-data-table>.of-data-table-header>.sortable.desc span>i{opacity:1!important}.of-data-table>.of-data-table-header>.sortable>span{display:inline-flex;align-items:center;white-space:nowrap}.of-data-table>.of-data-table-header>.sortable>span i{opacity:0;vertical-align:middle;padding-left:.25rem}.of-data-table>.of-data-table-header>.sortable>span:hover{cursor:pointer}.of-data-table>.of-data-table-header>.sortable>span:hover i{opacity:.3}.of-data-table>.of-data-table-row>div{padding:var(--table-cell-vpad) .75rem}.of-data-table>.of-data-table-row>div.of-data-table-rows-selector{padding:0;margin:0}.of-data-table>.of-data-table-row+.of-data-table-row>div{border-top:1px solid #ddd}.of-data-table>.of-data-table-row:last-child>div{border-bottom:1px solid #ddd}.of-data-table>.of-data-table-row.selected>div{background-color:var(--of-inverse-tint)}.of-data-table>.of-data-table-row.total-amount>div{font-weight:500;border-top:3px double #ddd}.of-data-table>.of-data-table-footer>div{font-weight:bolder;padding:var(--table-cell-vpad) .75rem}.of-data-table>.of-data-table-row+.of-data-table-footer>div,.of-data-table>.of-data-table-header+.of-data-table-footer>div{border-top:3px double #ddd}.of-extra-sort-popup .of-icon{margin-right:.25em}.of-tabs{--of-mat-bg-color: transparent;--of-mat-bg-opacity: 0%;--of-mat-bg-color-hover: var(--of-primary-tint);--of-mat-bg-opacity-hover: 6%;--of-mat-color-color: var(--of-color-on-background);--of-mat-color-opacity: 100%;--of-mat-color-color-active: var(--of-primary-tint);--of-mat-color-opacity-active: 100%;--of-mat-color-color-disabled: var(--of-color-on-background);--of-mat-color-opacity-disabled: 38%;--of-mat-st-color: transparent;--of-mat-st-opacity: 0;--of-att-bg-color: transparent;--of-att-bg-opacity: 0%;--of-att-bg-color-hover: var(--of-primary-tint);--of-att-bg-opacity-hover: 6%;--of-att-bg-color-active: var(--of-color-surface);--of-att-bg-opacity-active: 100%;--of-att-brd-color: --of-primary-tint;--of-att-brd-opacity: 100%;--of-att-brd-color-active: var(--of-primary-tint);--of-att-brd-opacity-active: 100%;--of-att-color-color: var(--of-color-on-background);--of-att-color-opacity: 100%;--of-att-color-color-active: var(--of-primary-tint);--of-att-color-opacity-active: 100%;--of-att-color-color-disabled: var(--of-color-on-background);--of-att-color-opacity-disabled: 38%;--of-att-st-color: transparent;--of-att-st-opacity: 0;--of-osx-bg-color: transparent;--of-osx-bg-opacity: 0%;--of-osx-bg-color-hover: var(--of-color-inverse-surface);--of-osx-bg-opacity-hover: 60%;--of-osx-bg-color-active: var(--of-color-inverse-surface);--of-osx-bg-opacity-active: 60%;--of-osx-color-color: var(--of-color-on-surface);--of-osx-color-opacity: 100%;--of-osx-color-color-hover: var(--of-color-inverse-on-surface);--of-osx-color-opacity-hover: 100%;--of-osx-color-color-active: var(--of-color-inverse-on-surface);--of-osx-color-opacity-active: 100%;--of-osx-color-color-disabled: var(--of-color-on-surface);--of-osx-color-opacity-disabled: 38%;--of-osx-st-color: transparent;--of-osx-st-opacity: 0;--of-tab-border-radius: 6px;--of-tab-osx-border-color: var(--of-color-outline);--of-tab-count-background-color: #a21515;--of-tab-count-color: #fff}.of-tabs{--tabs-v-pad-base: .3em;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tab-border-width: 1px;--tab-active-border: 1px}.of-tabs.of--density-0{--tabs-v-pad-base: .6em}.of-tabs.of--density-1{--tabs-v-pad-base: .4em}.of-tabs.of--density-2{--tabs-v-pad-base: .3em}.of-tabs.of--density-3{--tabs-v-pad-base: .2em}.of-tabs .of-tab-header-item{position:relative}.of-tabs.of--with-border{margin-bottom:calc(-1 * var(--tab-active-border))}.of-tabs div .of-tabs-line{visibility:hidden}.of-tabs div .of-tabs-navigation-header{--tabs-bg-color: transparent;--tab-bg-color: transparent;--tab-bg-opacity: 0;--tab-color: inherit;--tab-opacity: 100%;--state-bg-color: transparent;--state-bg-opacity: 0;--tab-state-color: 0;--tab-state-opacity: 0;--tab-border-radius: 0;--tab-border-color: transparent;--tab-border-opacity: 0;position:relative;background:var(--tabs-bg-color);padding:0 3px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden}.of-tabs div .of-tabs-navigation-header .of-tabs-navigation{opacity:0;visibility:hidden}.of-tabs div .of-tabs-navigation-header.of-tabs-navigation-header-has-navigation .of-tabs-header{overflow:hidden}.of-tabs div .of-tabs-navigation-header.of-tabs-navigation-header-show-next-navigation .of-tabs-navigation-next{opacity:1;visibility:visible}.of-tabs div .of-tabs-navigation-header.of-tabs-navigation-header-show-next-navigation .of-tabs-header{margin-right:45px}.of-tabs div .of-tabs-navigation-header.of-tabs-navigation-header-show-previous-navigation .of-tabs-navigation-prev{opacity:1;visibility:visible}.of-tabs div .of-tabs-navigation-header.of-tabs-navigation-header-show-previous-navigation .of-tabs-header{margin-left:43px}.of-tabs div .of-tabs-navigation{padding:8px 9px;position:absolute;height:30px;left:0;cursor:pointer;z-index:3}.of-tabs div .of-tabs-navigation.of-tabs-navigation-next{z-index:111;right:3px;left:auto;top:0;height:30px}.of-tabs div .of-tabs-header{display:flex;padding-top:1px;position:relative;flex:1 0 auto;transition:.3s cubic-bezier(.25,.8,.5,1);white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.of-tabs div .of-tabs-header::-webkit-scrollbar{display:none}.of-tabs div .of-tabs-header .overflow-separator{min-width:10px}.of-tabs div .of-tabs-header .of-tab-header-item{padding:calc(1.1 * var(--tabs-v-pad-base)) 10px calc(.9 * var(--tabs-v-pad-base)) 10px;transition-property:all,margin;transition-duration:.2s,0s;display:flex;align-items:center}.of-tabs div .of-tabs-header .of-tab-header-item:not(.is-disabled){cursor:pointer}.of-tabs div .of-tabs-header .of-tab-header-item.of--rounded{--tab-border-radius: var(--of-tab-border-radius)}.of-tabs div .of-tabs-header .of-tab-header-item .of-tab-count{background-color:var(--of-tab-count-background-color);color:var(--of-tab-count-color);font-weight:400;border-radius:50%;width:17px;height:17px;position:absolute;top:-1px;z-index:2;right:0;font-size:9px;display:flex;align-items:center;justify-content:center}.of-tabs div .of-tabs-header .of-tab-header-item .of-tab-text{z-index:2;display:flex;color:var(--tab-color);opacity:var(--tab-opacity)}.of-tabs div .of-tabs-header .of-tab-header-item .of-tab-text:not(.only-icon)>.of-icon{margin-right:.4em}.of-tabs div .of-tabs-header .of-tab-header-item *{pointer-events:none}.of-tabs div .of-tabs-header .of-tab-header-item .of--layer{border-top-left-radius:var(--tab-border-radius);border-top-right-radius:var(--tab-border-radius)}.of-tabs div .of-tabs-header .of-tab-header-item .of--layer.of--layer-bg{background-color:var(--tab-bg-color);opacity:var(--tab-bg-opacity)}.of-tabs div .of-tabs-header .of-tab-header-item .of--layer.of--layer-brd{border-color:var(--tab-border-color);opacity:var(--tab-border-opacity)}.of-tabs div .of-tabs-header .of-tab-header-item .of--layer.of--layer-state{background-color:var(--tab-state-color);opacity:var(--tab-state-opacity)}.of-tabs div .of-tabs-header .of-tab-header-item:last-{margin-right:4px}.of-tabs div .of-tabs-header .of-tab-header-item.overflow-button{margin-left:auto;line-height:100%}.of-tabs .of--variant-material .of-tabs-line{position:absolute;height:2px;background:var(--of-primary-tint);bottom:0;transition:all .2s;visibility:visible}.of-tabs .of--variant-material .of-tab-header-item{--tab-bg-color: var(--of-mat-bg-color);--tab-bg-opacity: var(--of-mat-bg-opacity);--tab-color: var(--of-mat-color-color);--tab-opacity: var(--of-mat-color-opacity)}.of-tabs .of--variant-material .of-tab-header-item:not(.is-disabled).is-active{--tab-bg-color: var(--of-mat-bg-color-active, var(--of-mat-bg-color));--tab-bg-opacity: var(--of-mat-bg-opacity-active, var(--of-mat-bg-opacity));--tab-color: var(--of-mat-color-color-active, var(--of-mat-color-color));--tab-opacity: var(--of-mat-color-opacity-active, var(--of-mat-color-opacity));--tab-state-color: var(--of-mat-st-color-active, var(--of-mat-st-color));--tab-state-opacity: var(--of-mat-st-opacity-active, var(--of-mat-st-opacity))}.of-tabs .of--variant-material .of-tab-header-item:not(.is-disabled):hover,.of-tabs .of--variant-material .of-tab-header-item:not(.is-disabled).of--focused{--tab-bg-color: var(--of-mat-bg-color-hover, var(--of-mat-bg-color));--tab-bg-opacity: var(--of-mat-bg-opacity-hover, var(--of-mat-bg-opacity));--tab-color: var(--of-mat-color-color-hover, var(--of-mat-color-color));--tab-opacity: var(--of-mat-color-opacity-hover, var(--of-mat-color-opacity));--tab-state-color: var(--of-mat-st-color-hover, var(--of-mat-st-color));--tab-state-opacity: var(--of-mat-st-opacity-hover, var(--of-mat-st-opacity))}.of-tabs .of--variant-material .of-tab-header-item:not(.is-disabled):focus,.of-tabs .of--variant-material .of-tab-header-item:not(.is-disabled):focus-visible{outline:none}.of-tabs .of--variant-material .of-tab-header-item.is-disabled{--tab-bg-color: var(--of-mat-bg-color-disabled, var(--of-mat-bg-color));--tab-bg-opacity: var(--of-mat-bg-opacity-disabled, var(--of-mat-bg-opacity));--tab-color: var(--of-mat-color-color-disabled, var(--of-mat-color-color));--tab-opacity: var(--of-mat-color-opacity-disabled, var(--of-mat-color-opacity));--tab-state-color: var(--of-mat-st-color-disabled, var(--of-mat-st-color));--tab-state-opacity: var(--of-mat-st-opacity-disabled, var(--of-mat-st-opacity))}.of-tabs .of--variant-attached .of-tab-header-item{margin-left:1ex;--tab-bg-color: var(--of-att-bg-color);--tab-bg-opacity: var(--of-att-bg-opacity);--tab-color: var(--of-att-color-color);--tab-opacity: var(--of-att-color-opacity);--tab-border-color: var(--of-att-brd-color);--tab-border-opacity: var(--of-att-brd-opacity)}.of-tabs .of--variant-attached .of-tab-header-item:not(.is-disabled):hover,.of-tabs .of--variant-attached .of-tab-header-item:not(.is-disabled).of--focused{--tab-bg-color: var(--of-att-bg-color-hover, var(--of-att-bg-color));--tab-bg-opacity: var(--of-att-bg-opacity-hover, var(--of-att-bg-opacity));--tab-color: var(--of-att-color-color-hover, var(--of-att-color-color));--tab-opacity: var(--of-att-color-opacity-hover, var(--of-att-color-opacity));--tab-state-color: var(--of-att-st-color-hover, var(--of-att-st-color));--tab-state-opacity: var(--of-att-st-opacity-hover, var(--of-att-st-opacity))}.of-tabs .of--variant-attached .of-tab-header-item:not(.is-disabled):focus,.of-tabs .of--variant-attached .of-tab-header-item:not(.is-disabled):focus-visible{outline:none}.of-tabs .of--variant-attached .of-tab-header-item:not(.is-disabled).is-active{--tab-bg-color: var(--of-att-bg-color-active, var(--of-att-bg-color));--tab-bg-opacity: var(--of-att-bg-opacity-active, var(--of-att-bg-opacity));--tab-color: var(--of-att-color-color-active, var(--of-att-color-color));--tab-opacity: var(--of-att-color-opacity-active, var(--of-att-color-opacity));--tab-state-color: var(--of-att-st-color-active, var(--of-att-st-color));--tab-state-opacity: var(--of-att-st-opacity-active, var(--of-att-st-opacity));--tab-border-color: var(--of-att-brd-color-active, var(--of-att-brd-color));--tab-border-opacity: var(--of-att-brd-opacity-active, var(--of-att-brd-opacity))}.of-tabs .of--variant-attached .of-tab-header-item:not(.is-disabled).of--with-border{margin-bottom:var(--tab-active-border)}.of-tabs .of--variant-attached .of-tab-header-item:not(.is-disabled).of--with-border.is-active{bottom:calc(-1 * var(--tab-active-border));margin-top:calc(-1 * var(--tab-active-border))}.of-tabs .of--variant-attached .of-tab-header-item:not(.is-disabled).of--with-border .of--layer-brd{border-style:solid;border-width:var(--tab-border-width);border-bottom:none}.of-tabs .of--variant-attached .of-tab-header-item:not(.is-disabled).of--with-border.is-active .of--layer-brd{border-width:var(--tab-active-border)}.of-tabs .of--variant-attached .of-tab-header-item.is-disabled{--tab-bg-color: var(--of-att-bg-color-disabled, var(--of-att-bg-color));--tab-bg-opacity: var(--of-att-bg-opacity-disabled, var(--of-att-bg-opacity));--tab-color: var(--of-att-color-color-disabled, var(--of-att-color-color));--tab-opacity: var(--of-att-color-opacity-disabled, var(--of-att-color-opacity));--tab-state-color: var(--of-att-st-color-disabled, var(--of-att-st-color));--tab-state-opacity: var(--of-att-st-opacity-disabled, var(--of-att-st-opacity))}.of-tabs .of--variant-attached .of-tab-header-item.is-disabled.of--with-border .of--layer-brd{border-style:solid;border-width:var(--tab-border-width);border-bottom:none}.of-tabs .of--variant-osx .of-tabs-header{--tab-bg-color: var(--of-osx-bg-color);--tab-bg-opacity: var(--of-osx-bg-opacity);--tab-color: var(--of-osx-color-color);--tab-opacity: var(--of-osx-color-opacity);--tab-state-color: var(--of-osx-st-color);--tab-state-opacity: var(--of-osx-st-opacity)}.of-tabs .of--variant-osx .of-tabs-header::-webkit-scrollbar{display:none}.of-tabs .of--variant-osx .of-tabs-header .of-tab-header-item{font-weight:500;float:left;border-top:1px solid var(--of-tab-osx-border-color);border-bottom:1px solid var(--of-tab-osx-border-color);list-style:none;height:19px!important;text-decoration:none;font-size:13px;padding:2px 20px;border-right:1px solid var(--of-tab-osx-border-color)}.of-tabs .of--variant-osx .of-tabs-header .of-tab-header-item .of-tab-text>.of-icon{margin-right:.2em}.of-tabs .of--variant-osx .of-tabs-header .of-tab-header-item:first-of-type{border-left:1px solid var(--of-tab-osx-border-color);border-left-color:var(--of-tab-osx-border-color);border-top-left-radius:4px;border-bottom-left-radius:4px}.of-tabs .of--variant-osx .of-tabs-header .of-tab-header-item:nth-last-of-type(2){border-right:1px solid var(--of-tab-osx-border-color);border-right-color:var(--of-tab-osx-border-color);border-top-right-radius:4px;border-bottom-right-radius:4px}.of-tabs .of--variant-osx .of-tabs-header .of-tab-header-item:not(.is-disabled):hover,.of-tabs .of--variant-osx .of-tabs-header .of-tab-header-item:not(.is-disabled).of--focused{--tab-bg-color: var(--of-osx-bg-color-hover, var(--of-osx-bg-color));--tab-bg-opacity: var(--of-osx-bg-opacity-hover, var(--of-osx-bg-opacity));--tab-color: var(--of-osx-color-color-hover, var(--of-osx-color-color));--tab-opacity: var(--of-osx-color-opacity-hover, var(--of-osx-color-opacity));--tab-state-color: var(--of-osx-st-color-hover, var(--of-osx-st-color));--tab-state-opacity: var(--of-osx-st-opacity-hover, var(--of-osx-st-opacity))}.of-tabs .of--variant-osx .of-tabs-header .of-tab-header-item:not(.is-disabled):focus,.of-tabs .of--variant-osx .of-tabs-header .of-tab-header-item:not(.is-disabled).of--focused{outline:none}.of-tabs .of--variant-osx .of-tabs-header .of-tab-header-item:not(.is-disabled).is-active{--tab-bg-color: var(--of-osx-bg-color-active, var(--of-osx-bg-color));--tab-bg-opacity: var(--of-osx-bg-opacity-active, var(--of-osx-bg-opacity));--tab-color: var(--of-osx-color-color-active, var(--of-osx-color-color));--tab-opacity: var(--of-osx-color-opacity-active, var(--of-osx-color-opacity));--tab-state-color: var(--of-osx-st-color-active, var(--of-osx-st-color));--tab-state-opacity: var(--of-osx-st-opacity-active, var(--of-osx-st-opacity))}.of-tabs .of--variant-osx .of-tabs-header .of-tab-header-item.is-disabled{--tab-bg-color: var(--of-osx-bg-color-disabled, var(--of-osx-bg-color));--tab-bg-opacity: var(--of-osx-bg-opacity-disabled, var(--of-osx-bg-opacity));--tab-color: var(--of-osx-color-color-disabled, var(--of-osx-color-color));--tab-opacity: var(--of-osx-color-opacity-disabled, var(--of-osx-color-opacity));--tab-state-color: var(--of-osx-st-color-disabled, var(--of-osx-st-color));--tab-state-opacity: var(--of-osx-st-opacity-disabled, var(--of-osx-st-opacity))}.of-pagination .of-pagination-header{-webkit-user-select:none}.of-pagination .of-pagination-header::-webkit-scrollbar{display:none}.of-button{--of-btn-elv-bg-color: var(--of-color-surface);--of-btn-elv-bg-opacity: 50%;--of-btn-elv-bg-color-disabled: var(--of-color-on-surface);--of-btn-elv-bg-opacity-disabled: 12%;--of-btn-elv-color-color: var(--of-primary-tint);--of-btn-elv-color-opacity: 100%;--of-btn-elv-color-color-disabled: var(--of-color-on-surface);--of-btn-elv-color-opacity-disabled: 38%;--of-btn-elv-st-color: var(--of-primary-tint);--of-btn-elv-st-opacity: 0%;--of-btn-elv-st-color-hover: var(--of-primary-tint);--of-btn-elv-st-opacity-hover: 8%;--of-btn-elv-st-color-focus: var(--of-primary-tint);--of-btn-elv-st-opacity-focus: 12%;--of-btn-elv-st-color-active: var(--of-primary-tint);--of-btn-elv-st-opacity-active: 18%;--of-btn-fill-bg-color: var(--of-primary-tint);--of-btn-fill-bg-opacity: 100%;--of-btn-fill-bg-color-disabled: var(--of-color-on-surface);--of-btn-fill-bg-opacity-disabled: 12%;--of-btn-fill-bg-color-active: var(--of-primary-tint);--of-btn-fill-bg-opacity-active: 90%;--of-btn-fill-color-color: var(--of-color-on-primary);--of-btn-fill-color-opacity: 100%;--of-btn-fill-color-color-disabled: var(--of-color-on-surface);--of-btn-fill-color-opacity-disabled: 38%;--of-btn-fill-st-color: var(--of-primary-tint);--of-btn-fill-st-opacity: 0%;--of-btn-fill-st-color-hover: var(--of-color-on-primary);--of-btn-fill-st-opacity-hover: 8%;--of-btn-fill-st-color-focus: var(--of-color-on-primary);--of-btn-fill-st-opacity-focus: 12%;--of-btn-tonal-bg-color: var(--of-container-tint);--of-btn-tonal-bg-opacity: 100%;--of-btn-tonal-bg-color-disabled: var(--of-color-on-surface);--of-btn-tonal-bg-opacity-disabled: 12%;--of-btn-tonal-color-color: var(--of-on-container-tint);--of-btn-tonal-color-opacity: 100%;--of-btn-tonal-color-color-disabled: var(--of-color-on-surface);--of-btn-tonal-color-opacity-disabled: 38%;--of-btn-tonal-st-color: var(--of-primary-tint);--of-btn-tonal-st-opacity: 0%;--of-btn-tonal-st-color-hover: var(--of-on-container-tint);--of-btn-tonal-st-opacity-hover: 8%;--of-btn-tonal-st-color-focus: var(--of-on-container-tint);--of-btn-tonal-st-opacity-focus: 12%;--of-btn-tonal-st-color-active: var(--of-on-container-tint);--of-btn-tonal-st-opacity-active: 18%;--of-btn-outl-bg-color: var(--of-primary-tint);--of-btn-outl-bg-opacity: 100%;--of-btn-outl-bg-color-disabled: var(--of-color-on-surface);--of-btn-outl-bg-opacity-disabled: 12%;--of-btn-outl-brd-color: var(--of-color-outline);--of-btn-outl-brd-opacity: 100%;--of-btn-outl-brd-color-disabled: var(--of-color-on-surface);--of-btn-outl-brd-opacity-disabled: 12%;--of-btn-outl-brd-color-active: var(--of-primary-tint);--of-btn-outl-brd-opacity-active: 100%;--of-btn-outl-color-color: var(--of-on-container-tint);--of-btn-outl-color-opacity: 100%;--of-btn-outl-color-color-disabled: var(--of-color-on-surface);--of-btn-outl-color-opacity-disabled: 38%;--of-btn-outl-st-color: var(--of-primary-tint);--of-btn-outl-st-opacity: 0%;--of-btn-outl-st-color-hover: var(--of-on-container-tint);--of-btn-outl-st-opacity-hover: 8%;--of-btn-outl-st-color-focus: var(--of-on-container-tint);--of-btn-outl-st-opacity-focus: 12%;--of-btn-text-color-color: var(--of-primary-tint);--of-btn-text-color-opacity: 100%;--of-btn-text-color-color-disabled: var(--of-color-on-surface);--of-btn-text-color-opacity-disabled: 38%;--of-btn-text-st-color: var(--of-primary-tint);--of-btn-text-st-opacity: 0%;--of-btn-text-st-color-hover: var(--of-primary-tint);--of-btn-text-st-opacity-hover: 8%;--of-btn-text-st-color-focus: var(--of-primary-tint);--of-btn-text-st-opacity-focus: 12%;--of-btn-split-color: transparent;--of-btn-split-opacity: 0;--of-btn-split-color-elv: var(--of-primary-tint);--of-btn-split-opacity-elv: 100%;--of-btn-split-color-fill: var(--of-color-on-primary);--of-btn-split-opacity-fill: 100%;--of-btn-split-color-tonal: var(--of-on-container-tint);--of-btn-split-opacity-tonal: 100%;--of-btn-split-color-outl: var(--of-on-container-tint);--of-btn-split-opacity-outl: 100%;font-weight:700;position:relative;--button-v-pad-base: .375em;--state-bg-color: transparent;--state-bg-opacity: 0;--button-bg-color: var(--of-btn-elv-bg-color);--button-bg-opacity: var(--of-btn-elv-bg-opacity);--button-border-color: transparent;--button-border-width: 1px;--button-border-radius: 3px;--button-border-left-radius: var(--button-border-radius);--button-border-right-radius: var(--button-border-radius);--button-font-size: var(--font-size-input, 1rem);--button-h-pad: 1em;--button-h-spacer: .75em;--button-v-pad: var(--button-v-pad-base);--button-split-color: transparent;--button-split-opacity: 0;--lining-color: var(--of-color-background);display:inline-flex;font-size:var(--button-font-size);vertical-align:bottom}.of-button .of--layer.of--layer-lining{background-color:var(--lining-color)}.of-button .of--layer.of--layer-state{pointer-events:none;opacity:var(--state-bg-opacity);background-color:var(--state-bg-color)}.of-button.of--density-0{--button-v-pad-base: .75em}.of-button.of--density-1{--button-v-pad-base: .5em}.of-button.of--density-2{--button-v-pad-base: .375em}.of-button.of--density-3{--button-v-pad-base: .25em}.of-button .of--layer{border-radius:var(--button-border-left-radius) var(--button-border-right-radius) var(--button-border-right-radius) var(--button-border-left-radius)}.of-button .of--layer{border-top-left-radius:var(--button-border-left-radius);border-bottom-left-radius:var(--button-border-left-radius);border-top-right-radius:var(--button-border-right-radius);border-bottom-right-radius:var(--button-border-right-radius)}.of-button .of--layer.of--layer-bg{background-color:var(--button-bg-color);opacity:var(--button-bg-opacity)}.of-button .of--layer.of--layer-brd{border:var(--button-border-width) solid var(--button-border-color)}.of-button>button{outline:none;align-items:center;color:var(--button-color);opacity:var(--button-opacity);background-color:transparent;border:none;box-shadow:none;display:flex;font:inherit;flex:auto;grid-gap:var(--button-h-spacer);justify-content:center;line-height:1.25;margin:0;min-height:calc(1em + 2 * var(--button-v-pad));overflow:hidden;padding:0 var(--button-h-pad);position:relative;white-space:nowrap;font-size:var(--font-size-button, 1rem)}.of-button>button svg{width:var(--button-icon-size, 1.5rem)}.of-button>button.of--small{--font-size-button: var(--font-size-button-sm, .6rem)}.of-button>button.of--small svg{--button-icon-size: var(--button-icon-size-sm, 1rem)}.of-button>button.of--large{--font-size-button: var(--font-size-button-lg, 1.1rem)}.of-button>button.of--large svg{--button-icon-size: var(--button-icon-size-lg, 2rem)}.of-button>button>.of-button-content{padding:var(--button-v-pad) 0}.of-button>button>.of-button-content label{cursor:inherit;display:block;font-size:.85em}.of-button.of-button--icon>button{padding:0 var(--button-v-pad)}.of-button--rounded{--button-border-radius: 2em}.of-button.of--variant-elevated{--button-bg-color: var(--of-btn-elv-bg-color);--button-bg-opacity: var(--of-btn-elv-bg-opacity);--button-color: var(--of-btn-elv-color-color);--button-opacity: var(--of-btn-elv-color-opacity);--button-split-color: var(--of-btn-split-color-elv, var(--of-btn-split-color));--button-split-opacity: var(--of-btn-split-opacity-elv, var(--of-btn-split-opacity));--button-border-color: transparent}.of-button.of--variant-elevated:not(.of--mode-disabled) .of--layer.of--layer-outl{--of-elevation-box-shadow: var(--of-elevation-box-shadow-1)}.of-buttonset .of-button.of--variant-elevated:not(.of--mode-disabled) .of--layer.of--layer-outl{--of-elevation-box-shadow: none}.of-button.of--variant-elevated:not(.of--mode-disabled):hover:not(:active){--state-bg-color: var(--of-btn-elv-st-color-hover, var(--of-btn-elv-st-color));--state-bg-opacity: var(--of-btn-elv-st-opacity-hover, var(--of-btn-elv-st-opacity))}.of-button.of--variant-elevated:not(.of--mode-disabled):hover:not(:active) .of--layer.of--layer-outl{--of-elevation-box-shadow: var(--of-elevation-box-shadow-2)}.of-button.of--variant-elevated:not(.of--mode-disabled).of--focused{--state-bg-color: var(--of-btn-elv-st-color-focus, var(--of-btn-elv-st-color));--state-bg-opacity: var(--of-btn-elv-st-opacity-focus, var(--of-btn-elv-st-opacity))}.of-button.of--variant-elevated.of--mode-disabled{--button-bg-color: var(--of-btn-elv-bg-color-disabled, var(--of-btn-elv-bg-color));--button-bg-opacity: var(--of-btn-elv-bg-opacity-disabled, var(--of-btn-elv-bg-opacity));--button-color: var(--of-btn-elv-color-color-disabled, var(--of-btn-elv-color-color));--button-opacity: var(--of-btn-elv-color-opacity-disabled, var(--of-btn-elv-color-opacity))}.of-button.of--variant-filled{--button-bg-color: var(--of-btn-fill-bg-color);--button-bg-opacity: var(--of-btn-fill-bg-opacity);--button-color: var(--of-btn-fill-color-color);--button-opacity: var(--of-btn-fill-color-opacity);--button-split-color: var(--of-btn-split-color-fill, var(--of-btn-split-color));--button-split-opacity: var(--of-btn-split-opacity-fill, var(--of-btn-split-opacity));--button-border-color: transparent}.of-button.of--variant-filled:not(.of--mode-disabled):hover:not(:active){--state-bg-color: var(--of-btn-fill-st-color-hover, var(--of-btn-fill-st-color));--state-bg-opacity: var(--of-btn-fill-st-opacity-hover, var(--of-btn-fill-st-opacity))}.of-button.of--variant-filled:not(.of--mode-disabled):hover:not(:active) .of--layer.of--layer-outl{--of-elevation-box-shadow: var(--of-elevation-box-shadow-1)}.of-button.of--variant-filled:not(.of--mode-disabled).of--focused{--state-bg-color: var(--of-btn-fill-st-color-hover, var(--of-btn-fill-st-color));--state-bg-opacity: var(--of-btn-fill-st-opacity-hover, var(--of-btn-fill-st-opacity))}.of-button.of--variant-filled.of--mode-disabled{--button-bg-color: var(--of-btn-fill-bg-color-disabled, var(--of-btn-fill-bg-color));--button-bg-opacity: var(--of-btn-fill-bg-opacity-disabled, var(--of-btn-fill-bg-opacity));--button-color: var(--of-btn-fill-color-color-disabled, var(--of-btn-fill-color-color));--button-opacity: var(--of-btn-fill-color-opacity-disabled, var(--of-btn-fill-color-opacity))}.of-button.of--variant-tonal{--button-bg-color: var(--of-btn-tonal-bg-color);--button-bg-opacity: var(--of-btn-tonal-bg-opacity);--button-color: var(--of-btn-tonal-color-color);--button-opacity: var(--of-btn-tonal-color-opacity);--button-split-color: var(--of-btn-split-color-tonal, var(--of-btn-split-color));--button-split-opacity: var(--of-btn-split-opacity-tonal, var(--of-btn-split-opacity));--button-border-color: transparent}.of-button.of--variant-tonal:not(.of--mode-disabled):hover:not(:active){--state-bg-color: var(--of-btn-tonal-st-color-hover, var(--of-btn-tonal-st-color));--state-bg-opacity: var(--of-btn-tonal-st-opacity-hover, var(--of-btn-tonal-st-opacity))}.of-button.of--variant-tonal:not(.of--mode-disabled):hover:not(:active) .of--layer.of--layer-outl{--of-elevation-box-shadow: var(--of-elevation-box-shadow-1)}.of-button.of--variant-tonal:not(.of--mode-disabled).of--focused{--state-bg-color: var(--of-btn-tonal-st-color-focus, var(--of-btn-tonal-st-color));--state-bg-opacity: var(--of-btn-tonal-st-opacity-focus, var(--of-btn-tonal-st-opacity))}.of-button.of--variant-tonal.of--mode-disabled{--button-bg-color: var(--of-btn-tonal-bg-color-disabled, var(--of-btn-tonal-bg-color));--button-bg-opacity: var(--of-btn-tonal-bg-opacity-disabled, var(--of-btn-tonal-bg-opacity));--button-color: var(--of-btn-tonal-color-color-disabled, var(--of-btn-tonal-color-color));--button-opacity: var(--of-btn-tonal-color-opacity-disabled, var(--of-btn-tonal-color-opacity))}.of-button.of--variant-outlined{--button-bg-color: var(--of-color-surface);--button-bg-opacity: 1;--button-color: var(--of-btn-outl-color-color);--button-opacity: var(--of-btn-outl-color-opacity);--button-split-color: var(--of-btn-split-color-outl, var(--of-btn-split-color));--button-split-opacity: var(--of-btn-split-opacity-outl, var(--of-btn-split-opacity));--button-border-color: var(--of-btn-outl-brd-color)}.of-button.of--variant-outlined:not(.of--mode-disabled):hover:not(:active){--state-bg-color: var(--of-btn-outl-st-color-hover, var(--of-btn-outl-st-color));--state-bg-opacity: var(--of-btn-outl-st-opacity-hover, var(--of-btn-outl-st-opacity))}.of-button.of--variant-outlined:not(.of--mode-disabled).of--focused{--state-bg-color: var(--of-btn-outl-st-color-focus, var(--of-btn-outl-st-color));--state-bg-opacity: var(--of-btn-outl-st-opacity-focus, var(--of-btn-outl-st-opacity))}.of-button.of--variant-outlined.of--mode-disabled{--button-bg-color: var(--of-btn-outl-bg-color-disabled, var(--of-btn-outl-bg-color));--button-bg-opacity: var(--of-btn-outl-bg-opacity-disabled, var(--of-btn-outl-bg-opacity));--button-color: var(--of-btn-outl-color-color-disabled, var(--of-btn-outl-color-color));--button-opacity: var(--of-btn-outl-color-opacity-disabled, var(--of-btn-outl-color-opacity))}.of-button.of--variant-text{--button-bg-color: transparent;--button-bg-opacity: 0;--lining-color: trensparent;--button-border-color: transparent}.of-button.of--variant-text:not(.of--keep-text-color){--button-bg-color: var(--of-btn-text-bg-color);--button-bg-opacity: var(--of-btn-text-bg-opacity);--button-color: var(--of-btn-text-color-color);--button-opacity: var(--of-btn-text-color-opacity)}.of-button.of--variant-text:not(.of--mode-disabled):hover:not(:active){--state-bg-color: var(--of-btn-text-st-color-hover, var(--of-btn-text-st-color));--state-bg-opacity: var(--of-btn-text-st-opacity-hover, var(--of-btn-text-st-opacity))}.of-button.of--variant-text:not(.of--mode-disabled).of--focused{--state-bg-color: var(--of-btn-text-st-color-focus, var(--of-btn-text-st-color));--state-bg-opacity: var(--of-btn-text-st-opacity-focus, var(--of-btn-text-st-opacity))}.of-button.of--variant-text.of--mode-disabled{--button-color: var(--of-btn-text-color-color-disabled, var(--of-btn-text-color-color));--button-opacity: var(--of-btn-text-color-opacity-disabled, var(--of-btn-text-color-opacity))}.of-button .of-button-split .of-button-expand:before{content:"";border-left:solid 1px var(--button-split-color);opacity:var(--button-split-opacity)}.of-button:not(.of--mode-disabled)>button{cursor:pointer}.of-flex-reverse{flex-direction:row-reverse}.of-button-icon,.of-button-expand{align-self:center;box-sizing:border-box;display:flex;flex:none;margin:0 calc(var(--button-h-pad) * -.25)}.of-button>.of-button-split{padding-left:.25em;padding-right:.25em;margin-left:1px}.of-buttonset{display:flex;width:fit-content;--buttonset-border-radius: 3px;border-radius:var(--buttonset-border-radius)}.of-buttonset.of-buttonset--rounded{--buttonset-border-radius: 2em}.of-buttonset.of--elevated{--of-elevation-box-shadow: var(--of-elevation-box-shadow-1)}.of-buttonset>.of-button{margin:0 -1px 0 0;--button-border-radius: 0}.of-buttonset>.of-button.of--active{z-index:1}.of-buttonset>.of-button.of--variant-outlined.of--active{--button-border-color: var(--of-btn-outl-brd-color-active, var(--of-btn-outl-brd-color));--button-border-width: 2px}.of-buttonset>.of-button.of--variant-filled.of--active{--button-bg-color: var(--of-btn-fill-bg-color-active, var(--of-btn-fill-bg-color));--button-bg-opacity: var(--of-btn-fill-bg-opacity-active, var(--of-btn-fill-bg-opacity))}.of-buttonset>.of-button.of--variant-tonal.of--active{--state-bg-color: var(--of-btn-tonal-st-color-active, var(--of-btn-tonal-st-color));--state-bg-opacity: var(--of-btn-tonal-st-opacity-active, var(--of-btn-tonal-st-opacity))}.of-buttonset>.of-button.of--variant-elevated.of--focused,.of-buttonset>.of-button.of--variant-tonal.of--focused:not(.of--active),.of-buttonset>.of-button.of--variant-filled.of--focused{--state-bg-opacity: 0}.of-buttonset>.of-button.of--variant-elevated.of--active{--state-bg-color: var(--of-btn-elv-st-color-active, var(--of-btn-elv-st-color));--state-bg-opacity: var(--of-btn-elv-st-opacity-active, var(--of-btn-elv-st-opacity))}.of-buttonset>.of-button:first-of-type{--button-border-left-radius: var(--buttonset-border-radius)}.of-buttonset>.of-button:last-of-type{--button-border-right-radius: var(--buttonset-border-radius);margin-right:0}.of-pagination-offset{width:10rem}@media (max-width: 768px){.of-pagination-offset .of--text-numeric{font-size:16px}}.of--calendar{--calendar-background: var(--of-color-background);--calendar-grid-color: var(--of-color-outline);--calendar-day-color: var(--of-color-surface);--calendar-day-text-color: var(--of-color-on-surface);--calendar-today-background: var(--of-color-outline);--calendar-today-color: var(--of-color-inverse-on-surface);--calendar-weekday-color: var(--of-color-on-surface);background-color:var(--calendar-background)}.of-datepicker-grid{display:grid;margin:5px;width:194px;grid-template-columns:repeat(7,24px);justify-content:center;grid-gap:4px}.of-datepicker-grid .picker-date{cursor:pointer;font-weight:500;font-size:14px;border:solid 1px transparent;border-radius:50%;height:22px;display:flex;align-items:center;justify-content:center}.of-datepicker-grid .picker-date div{background-color:transparent}.of-datepicker-grid .picker-date.today:not(.selected-date){border-color:var(--of-color-on-background);background-color:var(--of-primary-tint);border-color:var(--of-primary-tint);color:var(--of-on-primary-tint);opacity:.5}.of-datepicker-grid .picker-date.selected-date{background-color:var(--of-container-tint);border-color:var(--of-primary-tint)}.of-datepicker-grid .picker-date.other-month{opacity:.4;cursor:default}.of-datepicker-grid .picker-date.focused-date{outline:1px solid var(--of-primary-tint)}.of-datepicker-grid:focus,.of-datepicker-grid:focus-visible{outline:none}.of-date-picker-title{background-color:var(--of-container-tint);color:var(--of-on-container-tint);font-size:110%;padding:0 7px}div.of-date-picker-cur-year{cursor:pointer}div.of-date-picker-cur-year:focus,div.of-date-picker-cur-year:focus-visible{outline:1px solid var(--of-primary-tint)}.of-date-picker-cur-year{grid-column:auto/span 5;text-align:center;font-weight:bolder}.of-datepicker-nav-button{display:flex;place-items:center;cursor:pointer}.of-datepicker-nav-button.next{justify-content:flex-end}.of-datepicker-nav-button.prev{justify-content:flex-start}.of-datepicker-popup{display:flex;max-width:280px;flex-direction:column}.of-datepicker-popup .of-datepicker-selectors{display:grid;width:100%;grid-template-columns:auto;justify-items:center}.of-datepicker-popup.with-time.with-date{max-width:320px}.of-datepicker-popup.with-time.with-date .of-datepicker-selectors{grid-template-columns:auto auto}.of-datepicker-popup.with-time.with-date .of-time-selector:focus,.of-datepicker-popup.with-time.with-date .of-time-selector:focus-visible{outline:1px solid var(--of-primary-tint);outline-offset:-2px}.of-datepicker-popup.with-time:not(.with-date) .of-time-selector:focus,.of-datepicker-popup.with-time:not(.with-date) .of-time-selector:focus-visible{outline:none}.of-time-selector{color:var(--of-on-container-tint);display:grid;width:100%;grid-template-columns:1fr 30px 8px 30px 1fr;grid-template-rows:48px auto auto auto 2fr;justify-items:center}:not(.with-date)>*>.of-time-selector{grid-template-rows:16px auto auto auto 2fr}.of-time-selector .time-value{font-weight:700}.time-picker-arrow{cursor:pointer}.of-date-picker-buttons{display:flex;margin:0 4px 4px}.of-date-picker-buttons button{cursor:pointer}.with-time .of-date-picker-buttons{justify-content:flex-start}.with-time .of-date-picker-buttons .of-calendar-today{flex:1}:not(.with-time) .of-date-picker-buttons{justify-content:center}.of-date-picker-button{cursor:pointer;font-weight:700;width:100%;text-align:center;padding-top:8px;padding-bottom:8px}.of-date-picker-button.accept{color:var(--of-pal-primary-20)}.of-date-picker-button.cancel{color:var(--of-pal-error-50)}.of-date-picker-button:hover{background-color:var(--of-pal-primary-92)}.of-calendar-day-supertitles{display:grid;grid-template-columns:40px 1fr;border-top:solid 1px var(--calendar-grid-color)}.of-calendar-day-supertitle{text-align:center}.of-calendar-allday-row .of-calendar-event{height:calc(var(--of-event-height, 20px) - 2px);min-height:calc(var(--of-event-height, 20px) - 2px);line-height:1rem;margin:1px 5px;z-index:1}.of-calendar-year-grid{display:grid;grid-gap:10px;grid-template-columns:repeat(6,minmax(90px,auto))}.of-calendar-year-grid .of-calendar-month-titles{display:grid;justify-content:center;border:solid 1px var(--calendar-grid-color);grid-template-columns:40px 1fr;width:100%;height:max-content;text-align:center}.of-calendar-year-grid .of-calendar-month-titles>div:first-of-type{width:100%;grid-column:1/span 2;background-color:var(--calendar-day-color)}.of-calendar-year-grid .of-calendar-month-titles .day-of-month{background-color:var(--calendar-day-color);justify-content:center;align-content:center;cursor:pointer;font-size:20px}.of-calendar-year-grid .of-calendar-month-titles .day-of-month.today{background-color:var(--calendar-today-background);color:var(--calendar-today-color)}.of-calendar-year-grid .of-calendar-month-titles>div{border-bottom:solid 1px var(--calendar-grid-color)}.of-calendar-year-grid .of-calendar-month-titles .month-name{font-size:16px}.of-calendar-year-grid .of-calendar-month-day{border-right:0;padding-top:2px}.of-calendar-year-grid .of-calendar-month-day:hover{outline:none}.of-calendar-year-grid .of-calendar-month-day .events{height:var(--of-month-day-height, auto);position:relative}.of-calendar-allday-row,.of-calendar-day-row,.of-calendar-day-titles,.of-calendar-month-row{display:grid;grid-template-columns:40px repeat(auto-fit,minmax(50px,1fr));border-bottom:solid 1px var(--calendar-grid-color);min-width:calc(50px * var(--of-categories-num))}.of-calendar-allday-row:first-child,.of-calendar-day-row:first-child,.of-calendar-day-titles:first-child,.of-calendar-month-row:first-child{border-top:solid 1px var(--calendar-grid-color)}.of-calendar-allday-row .grouped-title{background-color:var(--calendar-day-color);font-size:75%;line-height:1.3;padding:0 4px;margin:3px 2px 4px;overflow:hidden}.of-calendar-grouped-popup{background-color:var(--of-color-on-primary)}.of-calendar-month-day{border-right:solid 1px var(--calendar-grid-color)}.of-calendar-month-day .day-title{display:flex;justify-content:center;padding-bottom:2px}.of-calendar-month-day .day-title:focus,.of-calendar-month-day .day-title:focus-visible{outline:solid 1px var(--calendar-grid-color);outline-offset:-2px}.of-calendar-month-day:hover{outline:solid 1px var(--calendar-grid-color);outline-offset:-1px}.of-calendar-month-day:first-child{border-left:solid 1px var(--calendar-grid-color)}.of-calendar-month-day .of-calendar-event{height:calc(var(--of-event-height, 20px) - 2px);width:calc(100% - 10px);line-height:1rem;z-index:1;margin:0 5px}.of-calendar-month-day .events{height:var(--of-month-day-heigth, auto);position:relative}.of-calendar-more{text-align:right;width:calc(100% - 10px);font-size:75%;font-weight:700;cursor:pointer;height:var(--of-event-height, auto);position:absolute;margin:0 5px}.of-calendar-more:focus,.of-calendar-more:focus-visible{outline:solid 1px var(--calendar-grid-color);outline-offset:-2px}.of-calendar-event{background:var(--color-bg-event);color:var(--color-event);border:solid 1px var(--color-border-event);cursor:pointer;position:absolute;white-space:nowrap;overflow:hidden;border-radius:4px;margin-left:0;margin-right:0;box-sizing:border-box;padding-left:2px;padding-right:2px;min-width:30px}.of-calendar-event.conflict{border-left:solid 2px var(--of-calendar-conflict-color, red)}.of-calendar-event:focus,.of-calendar-event:focus-visible{outline:solid 1px var(--calendar-grid-color);outline-offset:0}.of-calendar-event:hover{z-index:9999!important;min-height:calc(var(--of-event-height, 20px) - 2px);min-width:fit-content}.of-calendar-event:hover.two-lines{min-height:calc(2 * (var(--of-event-height, 20px) - 2px))}.of-calendar-day{position:relative}.of-calendar-day-events-container{position:absolute;inset:0;margin-right:10px}.of-calendar-interval{height:var(--of-calendar-iterval-height, 48px);box-sizing:border-box;border-bottom:solid 1px var(--calendar-grid-color);position:relative}.of-calendar-interval-label{position:absolute;text-align:right;top:10px;right:2px;transform:translateY(-50%);left:0;font-size:.8rem}.of-calendar-day-supertitle{border-top:solid 1px var(--calendar-grid-color);border-bottom:solid 1px var(--calendar-grid-color)}.of-calendar-gutter,.of-calendar-day-supertitle{background-color:var(--calendar-day-color);border-left:solid 1px var(--calendar-grid-color);border-right:solid 1px var(--calendar-grid-color)}.of-calendar-gutter>div:focus,.of-calendar-gutter>div:focus-visible,.of-calendar-gutter.of-week-number:focus,.of-calendar-gutter.of-week-number:focus-visible,.of-calendar-day-supertitle>div:focus,.of-calendar-day-supertitle>div:focus-visible,.of-calendar-day-supertitle.of-week-number:focus,.of-calendar-day-supertitle.of-week-number:focus-visible{outline:1px solid var(--calendar-grid-color);outline-offset:-2px}.of-calendar-gutter.of-week-number,.of-calendar-day-supertitle.of-week-number{cursor:pointer;display:flex;align-items:center;justify-content:center}.of-calendar-category-title{cursor:pointer}.of-calendar-category-title:focus,.of-calendar-category-title:focus-visible{outline:1px solid var(--calendar-grid-color);outline-offset:-2px}.of-calendar-day,.of-calendar-category-title{border-right:solid 1px var(--calendar-grid-color)}.of-calendar-category-title,.of-calendar-day-supertitle{display:flex;justify-content:center;padding-bottom:2px;background-color:var(--calendar-day-color)}.of-calendar-day-title{cursor:pointer}.of-calendar-day-title .weekday{text-transform:uppercase;font-size:70%;color:var(--calendar-weekday-color);text-align:center}.of-calendar-day-title .day-number{border:1px solid var(--calendar-grid-color);background-color:var(--calendar-day-color);color:var(--calendar-day-text-color);border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:2px}.of-calendar-day-title .day-number.today{background-color:var(--calendar-today-background);color:var(--calendar-today-color)}.of-calendar-day-title:focus,.of-calendar-day-title:focus-visible{outline:none}.of-calendar-day-title:focus .day-number,.of-calendar-day-title:focus-visible .day-number{outline:2px solid var(--calendar-grid-color);outline-offset:-2px}.of-calendar-subinterval{height:var(--of-calendar-subinterval-height, 25%)}.of-calendar-allday-row .of-calendar-day.selected.selected,.of-calendar-subinterval.selected{background:#6495ed4d}.of-icon-clear-calendar:focus,.of-icon-clear-calendar:focus-visible{outline:1px solid var(--of-primary-tint)}.of-field-color-picker{width:20px;height:20px}.of-colorpicker-popup{max-width:300px}.of-colorpicker-popup .color-picker-input-hex{width:80%}.of-colorpicker-popup .switcher{display:flex}.of-colorpicker-popup .switcher .next-mode{margin:22px 0 0 10px}.of-colorpicker-popup .color-picker-input{display:flex;flex:1}.of-colorpicker-popup .color-picker-input .of-field{margin:0 3px}.of-colorpicker-popup .color-picker-input .color-picker-icon{margin-top:20px}.of-colorpicker-popup .color-picker-input .color-picker-icon .of-icon{display:block;cursor:pointer;height:20px}.of-colorpicker-popup .color-picker-input .color-picker-icon .of-icon:hover{color:var(--of-primary-tint)}.of-colorpicker-popup .color-picker{position:relative;box-sizing:border-box;-webkit-user-select:none;user-select:none;padding:10px;width:300px}.of-colorpicker-popup .color-picker .saturation{position:relative;margin-bottom:15px;width:100%;height:125px}.of-colorpicker-popup .color-picker .saturation:focus,.of-colorpicker-popup .color-picker .saturation:focus-visible{outline:none}.of-colorpicker-popup .color-picker .saturation:focus .saturation__cursor div,.of-colorpicker-popup .color-picker .saturation:focus-visible .saturation__cursor div{outline:2px solid black}.of-colorpicker-popup .color-picker .saturation__white,.of-colorpicker-popup .color-picker .saturation__black{position:absolute;inset:0}.of-colorpicker-popup .color-picker .saturation__black{background:linear-gradient(0deg,#000,transparent)}.of-colorpicker-popup .color-picker .saturation__white{background:linear-gradient(90deg,#fff,#fff0)}.of-colorpicker-popup .color-picker .saturation__cursor{position:absolute}.of-colorpicker-popup .color-picker .saturation__cursor div{transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e;width:10px;height:10px;border:1px solid white;border-radius:50%;cursor:pointer}.of-colorpicker-popup .color-picker .hue{position:relative;margin-bottom:15px;width:100%;height:14px}.of-colorpicker-popup .color-picker .hue:focus,.of-colorpicker-popup .color-picker .hue:focus-visible{outline:none}.of-colorpicker-popup .color-picker .hue:focus .hue__inner-pointer div,.of-colorpicker-popup .color-picker .hue:focus-visible .hue__inner-pointer div{outline:2px solid black}.of-colorpicker-popup .color-picker .hue__inner{position:relative;width:100%;height:100%;border-radius:15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAdCAYAAAAAaUg8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKtJREFUeNrs09EKgjAUgOGzEFfv/7CVBceiLiJiLnf7fSAbDoUj/iWnyKgRcXxf9Wtt7Vvntf8854jLY3uN19qzf67nH/e2nmmdZ8xjg2x+sI533qf9g4wM/3GvLPumOHVMWf/4SiWWsUG6/6bG+/NWDgE0iQREAiIBkYBIQCQgEhAJiAQQCYgERAIiAZGASEAkIBJAJCASEAmIBEQCIgGRgEgAkYBIYNAqwAD5oWo3bpsiKwAAAABJRU5ErkJggg==);background:linear-gradient(left,red,#ff0,#0f0,#0ff,#00f,#f0f,red);background-size:100%}.of-colorpicker-popup .color-picker .hue__inner-pointer{position:absolute;width:14px;height:14px}.of-colorpicker-popup .color-picker .hue__inner-handle{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.of-badge{--badge-v-pad: .5em;--badge-h-pad: .5em;background:var(--bg-badge, --of-color-background);display:inline-block;border-width:1px;border-style:solid;border-color:var(--border-color-badge);color:var(--color-badge);border-radius:.5em;margin:0 .25em .5em;font-weight:var(--font-weight-badge, bold);font-size:var(--font-size-badge, .8rem);min-width:2ex;min-height:2ex;line-height:var(--line-height-badge, 1);padding:var(--badge-v-pad) var(--badge-h-pad);vertical-align:middle;text-align:center}.of-badge .of-icon{width:auto;margin:0 .25em;vertical-align:middle}.of-badge.of--circular{border-radius:500rem}.of-badge.of--icon{padding:var(--badge-v-pad) var(--badge-v-pad)}.of-badge.of--icon .of-icon{margin:auto}.of-badge.of--density-0{--badge-v-pad: 1em}.of-badge.of--density-1{--badge-v-pad: .75em}.of-badge.of--density-2{--badge-v-pad: .5em}.of-badge.of--density-3{--badge-v-pad: .14em}.of--small{--font-size-badge: var(--font-size-badge-sm, .55rem)}.of--large{--font-size-badge: var(--font-size-badge-lg, 1.05rem)}.of-kanban-board{--of-kanban-board-drop-indicator-bg: #0052cc;--of-kanban-board-avatar-text-color: white;width:100%;height:100%;overflow:auto;background:var(--of-color-background);display:flex;flex-direction:column}.of-kanban-board .of-kanban-columns{display:flex;gap:16px;height:100%;min-height:200px}.of-kanban-board .of-kanban-columns .of-kanban-column{flex:1;min-width:350px;max-width:350px;background:var(--of-color-surface);border-radius:3px;display:flex;flex-direction:column;transition:all .3s ease}.of-kanban-board .of-kanban-columns .of-kanban-column.of-is-collapsed{min-width:48px;max-width:48px;flex:0 0 48px;height:250px;max-height:250px;align-self:flex-start}.of-kanban-board .of-kanban-columns .of-kanban-column.of-is-collapsed .of-kanban-column-content,.of-kanban-board .of-kanban-columns .of-kanban-column.of-is-collapsed .of-kanban-column-footer{display:none}.of-kanban-board .of-kanban-columns .of-kanban-column.of-is-collapsed .of-kanban-column-header{height:100%;width:100%;padding:12px 4px;flex-direction:column;align-items:center;justify-content:space-between}.of-kanban-board .of-kanban-columns .of-kanban-column.of-is-collapsed .of-kanban-column-header .of-kanban-column-title{width:100%;flex:1;writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:.1em;min-width:0}.of-kanban-board .of-kanban-columns .of-kanban-column.of-is-collapsed .of-kanban-column-header .of-kanban-column-title h3{font-size:16px;line-height:20px;margin:0 auto;max-height:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-kanban-board .of-kanban-columns .of-kanban-column.of-is-collapsed .of-kanban-column-header .of-kanban-column-title .of-kanban-column-count{writing-mode:horizontal-tb;transform:rotate(180deg);margin-top:auto;margin-left:auto;margin-right:auto}.of-kanban-board .of-kanban-columns .of-kanban-column.of-is-collapsed .of-kanban-column-header .of-kanban-column-actions{padding:4px 1em 4px 4px;margin-top:auto}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-header{padding:8px 4px;display:flex;justify-content:space-between;align-items:center}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-header .of-kanban-column-title{display:flex;align-items:center;gap:8px;padding-left:12px;min-width:0}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-header .of-kanban-column-title h3{margin:0;color:var(--of-color-on-surface);font-size:20px;font-family:Roboto;font-weight:500;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-header .of-kanban-column-title .of-kanban-column-count{color:var(--of-color-on-background);opacity:40%;font-size:12px;flex-shrink:0;white-space:nowrap}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-header .of-kanban-column-actions{padding:2px;border-radius:3px;display:flex;justify-content:center;align-items:center}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-header .of-kanban-column-actions .of-button-expand{display:none}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-header .of-kanban-column-actions .of-kanban-column-collapse-button i{transform:rotate(90deg)}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-content{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;position:relative}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-footer{padding:12px;display:flex;justify-content:flex-start;gap:12px}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-footer .create-issue-button{display:flex;padding:2px 12px;align-items:center;font-weight:400;line-height:17px}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card{background:var(--of-color-background);border-radius:3px;padding:12px;cursor:grab;user-select:none;-webkit-user-select:none;display:flex;gap:12px;touch-action:pan-y;position:relative;transition:transform .1s ease;will-change:transform;max-height:160px}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card:hover{box-shadow:0 2px 8px #0000001f}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card.of--is-dragging{opacity:.5}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card.of--is-selected{outline:2px solid var(--of-kanban-board-drop-indicator-bg);outline-offset:-2px}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content{flex:1 1 0;display:flex;flex-direction:column;gap:12px}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .of-kanban-card-header{align-self:stretch;justify-content:space-between;align-items:center;gap:8px;display:flex;width:100%}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .of-kanban-card-header .project-container{flex:1 1 auto;height:18px;display:flex;align-items:center;gap:4px;min-width:0}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .of-kanban-card-header .project-container .project-icon{justify-content:center;align-items:center;display:flex}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .of-kanban-card-header .project-container .project-icon .of-icon{--icon-size: 18px}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .of-kanban-card-header .project-container .project-name{flex:1 1 0;height:18px;display:flex;align-items:center;gap:10px}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .of-kanban-card-header .project-container .project-name .project-text{cursor:pointer;color:var(--of-color-on-background);font-size:16px;font-family:Roboto;font-weight:500;line-height:18.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .of-kanban-card-header .of-kanban-card-actions{flex:0 0 auto;margin-left:auto;padding-right:0}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .of-kanban-card-header .of-kanban-card-actions .of-button-expand{display:none}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .title-container{align-self:stretch;justify-content:flex-start;align-items:flex-start;gap:4px;display:flex;max-height:100px;overflow:hidden}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .title-container .title-text{flex:1 1 0;color:var(--of-color-on-background);font-size:16px;font-family:Roboto;font-weight:500;line-height:19.2px;word-wrap:break-word;cursor:pointer;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .tags-container{align-self:stretch;justify-content:flex-start;align-items:flex-start;gap:4px;display:flex;flex-wrap:wrap;overflow:scroll}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .tags-container .card-tags{color:var(--of-color-on-background);word-wrap:break-word;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;display:flex;text-overflow:ellipsis}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-card .card-content .tags-container .card-tags .of-button>button{font-size:12px;font-weight:400;line-height:1em}.of-kanban-board .of-kanban-columns .of-kanban-column .of-kanban-column-drop-indicator{position:absolute;left:12px;right:12px;height:2px;background:var(--of-kanban-board-drop-indicator-bg);pointer-events:none;z-index:1}.of-kanban-board .of-kanban-avatar{width:24px;height:24px;padding:1px;background:var(--of-primary-tint);border-radius:1000px;box-shadow:0 0 0 1px #fff;overflow:hidden;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;cursor:pointer}.of-kanban-board .of-kanban-avatar .avatar-image{width:100%;height:100%;object-fit:cover}.of-kanban-board .of-kanban-avatar .avatar-text{align-self:stretch;text-align:center;color:var(--of-kanban-board-avatar-text-color);font-size:11px;font-family:Roboto;font-weight:300;line-height:12.1px;word-wrap:break-word}.of-kanban-board .of-kanban-filters{padding-bottom:16px;padding-top:16px;background-color:var(--of-color-background);width:100%;position:sticky;left:0;right:0;min-width:fit-content}.of-kanban-board .of-kanban-filters .of-kanban-filters-content{display:flex;justify-content:space-between;align-items:center;gap:12px}.of-kanban-board .of-kanban-filters .of-kanban-filters-content .of-kanban-filters-left{display:flex;align-items:center;gap:12px}.of-kanban-board .of-kanban-filters .of-kanban-filters-content .of-kanban-filters-left .of-default-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;align-content:center;justify-content:center}.of-kanban-board .of-kanban-filters .of-kanban-filters-content .of-kanban-filters-right{display:flex;align-items:flex-end;gap:12px}.of-kanban-board .of-kanban-filters .of-filter-input{width:100%;min-width:300px;max-width:300px;background:var(--of-color-surface);color:var(--of-color-on-surface);line-height:17px}.of-kanban-board .of-kanban-filters .selected-tags{display:flex;align-items:center;gap:2px}@media (max-width: 768px){.of-kanban-board .of-kanban-filters .selected-tags{flex-wrap:wrap;justify-content:center}}.of-kanban-board .of-kanban-filters .selected-tags .tag-button{background-color:var(--of-color-primary);color:#fff;border:none;padding:4px 8px;border-radius:12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px}.of-kanban-board .of-kanban-filters .selected-tags .tag-button .remove-icon{font-size:14px;font-weight:700;cursor:pointer}.of-kanban-board .of-kanban-filters .selected-tags .tag-button:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003}.of-kanban-board .of-kanban-filters .of-kanban-avatars{display:flex;align-items:center}.of-kanban-board .of-kanban-filters .of-kanban-avatars .of-kanban-avatar:first-child{margin-left:0}.of-kanban-board .of-kanban-filters .of-kanban-avatars .of-kanban-avatar:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003}.of-kanban-board .of-kanban-filters .of-kanban-avatars .of-kanban-avatar.of--selected{transform:translateY(-2px);box-shadow:0 2px 4px #0003;opacity:.5}.of-kanban-board .of-kanban-filters .of-clear-filters{padding:2px 12px}@media (max-width: 768px){.of-kanban-board .of-kanban-filters .of-kanban-filters-content{flex-direction:column;align-items:stretch;gap:16px}.of-kanban-board .of-kanban-filters .of-kanban-filters-content .of-kanban-filters-left,.of-kanban-board .of-kanban-filters .of-kanban-filters-content .of-kanban-filters-right{flex:1 1 100%;justify-content:center}.of-kanban-board .of-kanban-filters .of-kanban-filters-content .of-default-filters{flex-direction:column;align-items:stretch}.of-kanban-board .of-kanban-filters .of-kanban-filters-content .of-kanban-avatars{justify-content:center;flex-wrap:wrap}}.of-sheet{background:var(--of-bg-sheet);color:var(--of-color-sheet)}.of-editor{--content-margin: var(--of-editor-content-margin, .75em);max-height:100%}.of-editor .of-field-content-text{overflow:visible}.of-editor .editor-outer{background-color:#fff;display:flex;flex-flow:column nowrap;margin-left:.11em;height:var(--of-editor-content-height, 10em);overflow:auto;border-bottom-right-radius:var(--field-border-radius);border-bottom-left-radius:var(--field-border-radius);-webkit-user-select:text;-moz-user-select:text;user-select:text;margin-bottom:.2em}.of-editor .editor-outer>.ProseMirror{flex:1 0 auto}.of-editor .editor-outer.source-mode{overflow:hidden}.of-editor .editor-outer.source-mode .source-container{outline:none;border:none;resize:none;padding:var(--content-margin);box-sizing:border-box;width:100%;height:var(--of-editor-content-height, 10em)}.of-editor .of-editor-body{min-height:var(--of-editor-editable-area-height, 14em);color:#000}.of-editor .editor-footer{display:flex;overflow:hidden;flex-direction:row;flex-wrap:wrap;row-gap:.1em;width:100%}.of-editor .editor-footer .of-field{margin:.3em;flex:20em}.of-editor .editor-footer .of-button{margin:.3em;flex:1em}.of-editor .editor-toolbar{background-color:transparent;display:flex;flex-flow:column nowrap;padding:.3em .3em .1em;position:relative}.of-editor .editor-toolbar .editor-toolbar-row{align-items:center;cursor:default;display:flex;flex-flow:row wrap;gap:.2em .3em;margin-bottom:.2em}.of-editor .editor-toolbar .editor-toolbar-row .of-button{padding:.2em;--button-border-width: 0}.of-editor .editor-toolbar .editor-toolbar-row .of-field{flex-basis:10em;max-width:15em}.of-editor .editor-toolbar .editor-toolbar-row .editor-action{position:relative;display:inline-block}.of-editor .editor-toolbar .editor-toolbar-row .editor-action .tooltip{font-size:.8em;visibility:hidden;width:120px;text-align:center;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0}.of-editor .editor-toolbar .editor-toolbar-row .editor-action .tooltip .tooltip-text{width:fit-content;background-color:#555;color:#fff;padding:4px 8px;transition:opacity .3s;border-radius:6px;margin:0 auto}.of-editor .editor-toolbar .editor-toolbar-row .editor-action .tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.of-editor .editor-toolbar .editor-toolbar-row .editor-action:hover .tooltip{visibility:visible;opacity:1}.of-editor .editor-toolbar .editor-toolbar-border{bottom:0;left:0;right:0;position:absolute;margin:0;color:var(--of-field-border-color);background-color:var(--of-field-border-color);opacity:var(--of-field-border-opacity);height:var(--field-border-width);border:none}.of-editor .editor-toolbar .divider{width:2px;height:1.5rem;background-color:#0000001a;margin:.5em .5em .2em;display:inline-block;line-height:1.5;box-sizing:border-box}.of-editor .ProseMirror>*+*{margin-top:var(--content-margin)}.of-editor .ProseMirror{margin:var(--content-margin)}.of-editor .ProseMirror:focus{outline:none}.of-editor .ProseMirror ul,.of-editor .ProseMirror ol{padding:0 1rem}.of-editor .ProseMirror h1,.of-editor .ProseMirror h2,.of-editor .ProseMirror h3,.of-editor .ProseMirror h4,.of-editor .ProseMirror h5,.of-editor .ProseMirror h6{line-height:1.1}.of-editor .ProseMirror code{background-color:#6161611a;color:#616161}.of-editor .ProseMirror pre{background:#0d0d0d;color:#fff;font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.of-editor .ProseMirror pre code{color:inherit;padding:0;background:none;font-size:.8rem}.of-editor .ProseMirror img{max-width:100%;height:auto}.of-editor .ProseMirror a{cursor:pointer}.of-editor .ProseMirror blockquote{padding-left:1rem;border-left:2px solid rgba(13,13,13,.1)}.of-editor .ProseMirror hr{border:none;border-top:2px solid rgba(13,13,13,.1);margin:2rem 0}.of-editor .ProseMirror abbr{border-bottom:1px dotted}.of-editor .ProseMirror Mirror-focused [contenteditable=false]{cursor:text}.of-editor table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;overflow:hidden}.of-editor table td,.of-editor table th{min-width:1em;border:2px solid #ced4da;padding:3px 5px;vertical-align:top;box-sizing:border-box;position:relative}.of-editor table td>*,.of-editor table th>*{margin-bottom:0}.of-editor table th{font-weight:700;text-align:left;background-color:#f1f3f5}.of-editor table .selectedCell:after{z-index:2;position:absolute;content:"";inset:0;background:#c8c8ff66;pointer-events:none}.of-editor table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background-color:#adf;pointer-events:none}.of-editor table p{margin:0}.of-editor .tableWrapper{padding:1rem 0;overflow-x:auto}.of-editor .resize-cursor{cursor:ew-resize;cursor:col-resize}.of-field.of-editor.of--mode-fixed{border:0;--of-editor-content-margin: 0;--field-border-width: 0;padding-left:var(--field-h-pad)}.of-field.of-editor.of--mode-fixed .of-editor-body{min-height:auto}.of-field.of-editor.of--mode-fixed .editor-outer{height:auto;border-radius:var(--field-border-radius);padding:0 var(--field-h-pad)}.of-field.of-editor.of--focused .editor-toolbar-border{opacity:100%}.of-dialog.of-editor-popup{padding:1em}.of-dialog.of-editor-popup.insert{min-height:50px}.of-dialog.of-editor-popup .of-dialog-content{display:flex;flex-direction:column}.of-dialog.of-editor-popup .of-dialog-content .dialog-actions{display:flex;justify-content:flex-end;gap:.5em;margin-top:auto;padding-top:.8em}.of-dialog.of-editor-popup .of-dialog-content .of-field:not(:first-child){padding-top:.8em}.of-dialog.of-editor-popup .of-button{margin-top:.5em;margin-right:.7em}.of-code{border-radius:5px;background:var(--of-color-surface);color:var(--of-color-on-surface);font-family:monospace;padding:1ch}h1{color:var(--of-primary-tint)}h2{color:var(--of-primary-tint);opacity:.9;margin:.4em 0}h4{margin-bottom:.25em}.form-row+.form-row{margin-top:.8rem}.demo-fields{border-radius:.25rem;margin-top:2rem;padding:1rem}.demo-fields .form-row+.form-row{margin-top:1.25rem}.demo-form{background:var(--of-color-background);border-radius:.25rem;margin:.5rem;padding:1rem}.header-options-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1em}.header-options-fields>div{flex:1 1 10em;max-width:10em}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1e1e1e;color:#dcdcdc}.hljs-keyword,.hljs-literal,.hljs-symbol,.hljs-name{color:#569cd6}.hljs-link{color:#569cd6;text-decoration:underline}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-number,.hljs-class{color:#b8d7a3}.hljs-string,.hljs-meta .hljs-string{color:#d69d85}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-subst,.hljs-function,.hljs-title,.hljs-params,.hljs-formula{color:#dcdcdc}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#608b4e}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9b9b9b}.hljs-variable,.hljs-template-variable{color:#bd63c5}.hljs-attr,.hljs-attribute{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-tag,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#d7ba7d}.hljs-addition{background-color:#144212;display:inline-block;width:100%}.hljs-deletion{background-color:#600;display:inline-block;width:100%}