* {box-sizing: border-box; cursor: default; font-family: 'Tahoma'; font-size: var(--fn-ds); outline: none; scroll-behavior: smooth; padding: 0; user-select: none;}

::placeholder {color: var(--pl-hd); font-size: 12px;}
::-webkit-scrollbar {width: 20px;}
::-webkit-scrollbar-track {background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: var(--pr-cl); border-radius: 20px; border: 6px solid transparent; background-clip: content-box;}
::-webkit-scrollbar-thumb:hover {background-color: var(--pr-cl);}

form {height: 100%; margin: 0; width: 100%;}

body {background-color: var(--pg-bg); margin: 0; overflow: hidden; padding: 0;}
body.page {}
body.page>div.panel {padding-top: var(--pd-ds);}
body.page.detail {background-color: var(--ps-cl);}
body.page.detail>div.panels {background-color: var(--ps-cl); padding: 0;}
body.page.detail>form>div.panels {background-color: var(--ps-cl); padding: 0;}
body.page.steps {background-color: var(--ps-cl);}
body.page.steps>div.panels {background-color: var(--ps-cl); padding: 0;}
body.page.steps>form>div.panels {background-color: var(--ps-cl); padding: 0;}
body.page.dialog {background-color: var(--ps-cl);}
body.scrl {overflow: auto;}
svg {fill: var(--pr-cl); stroke: var(--pr-cl); height: 48px; place-self: center; width: 48px;}
svg.fill-none {fill: none;}
svg.toggle {height: 24px; width: 24px;}
svg.favorite {fill: var(--fv-cl); stroke: var(--fv-cl);}
iframe {border: none; display: none;}
iframe.dialog {border-radius: var(--br-dr); left: 0; overflow: hidden; position: absolute; top: 0;}
iframe.dialog.show {display: initial;}
iframe.select {display: initial; height: 100%; width: 100%;}

div.item {display: grid; grid-auto-flow: column; place-items: center start;}
div.item.im-ov {grid-auto-flow: row;}
div.item:has(div.icon) {grid-template-columns: min-content;}
div.item:has(div.text) {grid-template-columns: auto;}
div.item:has(div.icon+div.text) {grid-template-columns: min-content auto;}
div.item>div.icon {}
div.item>div.text {}

div.button {border: var(--ps-cl) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); display: grid; grid-auto-flow: column; padding: var(--pd-ss); place-items: center;}
div.button:has(div.text) {}
div.button:has(div.icon) {}
div.button:has(div.icon+div.text) {}
div.button.tiny>div.icon>svg {height: 16px; width: 16px;}
div.button.small>div.icon>svg {height: 24px; width: 24px;}
div.button:hover {background-color: var(--pr-cn);}
div.button.hide {display: none;}
div.button>div.icon {}
div.button>div.icon>svg {height: 32px; width: 32px;}
div.button>div.text {}
div.button.dsbl {}
div.button.dsbl>div.icon {}
div.button.dsbl>div.icon>svg {fill: var(--ds-cl); stroke: var(--ds-cl);}
div.button.c-alrt {background-color: var(--er-cl); color: var(--er-on);}
div.button.c-alrt>div.icon>svg {fill: var(--er-on); stroke: var(--er-on);}
div.button.c-alrt:hover {background-color: var(--er-hv);}
div.button.c-info {background-color: var(--in-cl); color: var(--in-on);}
div.button.c-info>div.icon>svg {fill: var(--in-on); stroke: var(--in-on);}
div.button.c-info:hover {background-color: var(--in-hv);}
div.button.c-scss>div.icon>svg {fill: var(--sc-cl); stroke: var(--sc-cl);}
div.button.c-scss:hover {background-color: var(--sc-cn);}
div.button.c-wrng>div.icon>svg {fill: var(--wr-cl); stroke: var(--wr-cl);}
div.button.c-wrng:hover {background-color: var(--wr-cn);}
div.button.dsbl>div.text {color: var(--ds-cl);}
div.button.dsbl:hover {background-color: var(--ds-cl);}
div.button.dsbl:hover>div.icon {}
div.button.dsbl:hover>div.icon>svg {fill: var(--ds-on); stroke: var(--ds-on);}
div.button.dsbl:hover>div.text {color: var(--ds-on);}

div.config {display: grid; padding: var(--pd-ds); height: 100%; overflow: hidden; width: 100%;}
div.config.cards {gap: var(--gr-dg); grid-template-columns: auto; grid-template-rows: max-content auto;}
div.config.cards>div.header {}
div.config.cards>div.header>toolbar {}
div.config.cards>div.body {height: 100%; overflow: auto; width: 100%;}
div.config.cards>div.body>div.groups {display: grid; grid-auto-flow: row;}
div.config.cards>div.body>div.groups>div.frame {}
div.config.cards>div.body>div.groups>div.frame>div.body {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: var(--gr-hg); padding: var(--pd-hs);}
div.config.cards>div.body>div.groups>div.frame.cllp>div.body {display: none;}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card {border-radius: var(--br-dr); box-shadow: var(--bs-1); display: grid; flex-basis: calc(33.333% - var(--gr-hg)); gap: var(--gr-sg); grid-template-columns: 64px auto min-content; grid-template-rows: max-content max-content max-content; padding: var(--pd-ds);}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card.hide {display: none;}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card.tlbr {grid-template-rows: max-content max-content auto max-content;}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card>div.text {grid-column: 1/span 2; grid-row: 1; padding: var(--pd-ss);}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card>div.status {background-color: var(--er-cl); border-radius: var(--br-dr); color: var(--er-on); gap: var(--gr-tg); grid-column: 3; grid-row: 1; padding: var(--pd-ts) var(--pd-ds);}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card>div.status>div.icon {}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card>div.status>div.icon>svg {fill: var(--sc-on); height: 16px; stroke: var(--sc-on); width: 16px;}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card>div.status>div.text {font-size: var(--fn-ts); text-transform: capitalize;}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card.enabled>div.status {background-color: var(--sc-cl); color: var(--sc-on);}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card>div.icon {grid-column: 1; grid-row: 2; place-self: center;}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card>div.description {font-size: var(--fn-ss); grid-column: 2/span 2; grid-row: 2; padding: var(--pd-ss); text-align: justify;}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card>div.toolbar {grid-column: 1/span 3; grid-row: 4; place-self: end;}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card>div.toolbar>div.group {place-content: stretch;}
div.config.cards>div.body>div.groups>div.frame>div.body>div.card>div.toolbar>div.group>div.button {background-color: var(--in-cl); color: var(--in-on);}
/*
div.button.c-alrt {background-color: var(--er-cl); color: var(--er-on);}
div.button.c-alrt>div.icon>svg {fill: var(--er-on); stroke: var(--er-on);}
div.button.c-alrt:hover {background-color: var(--er-hv);}
div.button.c-info {background-color: var(--in-cl); color: var(--in-on);}
div.button.c-info>div.icon>svg {fill: var(--in-on); stroke: var(--in-on);}
div.button.c-info:hover {background-color: var(--in-hv);}
div.button.c-scss>div.icon>svg {fill: var(--sc-cl); stroke: var(--sc-cl);}
div.button.c-scss:hover {background-color: var(--sc-cn);}
*/

div.control {display: grid; gap: var(--gr-sg);}
div.control>div.label {display: grid; grid-auto-flow: column; place-content: center start;}
div.control>div.label>label {}
div.control>div.body {}
div.control>div.info {font-size: var(--fn-ts);}
div.control>div.info:empty {display: none;}
div.control.first {grid-template-columns: max-content auto;}
div.control.first>div.body {grid-column: 1;}
div.control.first>div.label {grid-column: 2;}
div.control.hrzt {grid-auto-flow: column; grid-template-columns: max-content auto;}
div.control.hrzt>div.label {}
div.control.hrzt>div.info {grid-column: 1/span 2; grid-row: 2;}
div.control.vrtc {grid-auto-flow: row;}
div.control.vrtc>div.label {}
div.control.error>div.label>label {color: var(--er-cl);}
div.control.error>div.body>input {background-color: var(--er-cn);}
div.control.error>div.body>select {background-color: var(--er-cn);}
div.control.error>div.body>textarea {background-color: var(--er-cn);}

div.control.multiple {gap: 0;}
div.control.vrtc.multiple>div.label {border-bottom: var(--pr-bt) var(--pr-bs) var(--pr-bc); grid-template-columns: auto max-content; padding: var(--pd-ds) var(--pd-bs); place-items: center start;}
div.control.vrtc.multiple>div.label>div.toolbar {}
div.control.vrtc.multiple>div.label>div.toolbar>div.group {}
div.control.vrtc.multiple>div.label>div.toolbar>div.group>div.button {border-radius: var(--br-sr); padding: var(--pd-ts);}
div.control.vrtc.multiple>div.label>div.toolbar>div.group>div.button>div.icon {}
div.control.vrtc.multiple>div.label>div.toolbar>div.group>div.button>div.icon>svg {height: 16px; width: 16px;}
div.control.multiple>div.body>div.items {display: grid; width: 100%;}
div.control.multiple>div.body>div.items>div.item {width: 100%;}

div.control.checkbox {grid-auto-flow: column; grid-template-columns: auto 32px;}
div.control.checkbox.first {grid-auto-flow: column; grid-template-columns: 32px auto;}
div.control.checkbox>div.body {}
div.control.checkbox>div.body>svg {height: 32px; width: 32px;}

div.control.switch {cursor: pointer; grid-auto-flow: column; grid-template-columns: auto 80px;}
div.control.switch.short {grid-template-columns: auto 64px;}
div.control.switch.large {grid-template-columns: auto 96px;}
div.control.switch.huge {grid-template-columns: auto 112px;}
div.control.switch.first {grid-template-columns: 80px auto;}
div.control.switch.first.short {grid-template-columns: 64px auto;}
div.control.switch.first.large {grid-template-columns: 96px auto;}
div.control.switch.first.huge {grid-template-columns: 112px auto;}
div.control.switch>div.body {background-color: var(--pr-cl); border: var(--pr-bt) var(--pr-bs) var(--pr-cl); border-radius: 16px; height: 32px; position: relative;}
div.control.switch>div.body.on {background-color: var(--pr-cl); border-color: var(--pr-cl);}
div.control.switch>div.body>div.option {background-color: var(--pr-on); border: var(--pr-bt) var(--pr-bs) var(--pr-on); border-radius: 50%; display: grid; height: 26px; left: 4px; position: absolute; top: 2px; width: 26px;}
div.control.switch>div.body>div.option>svg {fill: var(--pr-cl); stroke: var(--pr-cl); height: 20px; place-content: center; width: 20px;}
div.control.switch>div.body>div.text {color: var(--pr-on); left: 36px; line-height: 32px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 36px); -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
div.control.switch>div.body>div.text.small {font-size: var(--fn-ts);}
div.control.switch>div.body.on>div.option {left: calc(100% - 30px);}
div.control.switch>div.body.on>div.option>svg {fill: var(--pr-cl); stroke: var(--pr-cl);}
div.control.switch>div.body.on>div.text {color: var(--pr-on); left: 0px; text-align: right;}
div.control.switch.dsbl>div.body {background-color: var(--ds-cl); border-color: var(--ds-cl);}
div.control.switch.dsbl>div.body>div.option>svg {fill: var(--ds-cl); stroke: var(--ds-cl);}
div.control.switch.dsbl>div.body.on {background-color: var(--pr-cl); border-color: var(--pr-cl);}
div.control.switch.dsbl>div.body.on>div.option>svg {fill: var(--pr-cl); stroke: var(--pr-cl);}
div.control.switch.smph>div.body {background-color: var(--er-cl); border-color: var(--er-cl);}
div.control.switch.smph>div.body>div.option>svg {fill: var(--er-cl); stroke: var(--er-cl);}
div.control.switch.smph>div.body.on {background-color: var(--sc-cl); border-color: var(--sc-cl);}
div.control.switch.smph>div.body.on>div.option>svg {fill: var(--sc-cl); stroke: var(--sc-cl);}

div.dropdownlist {display: none;}
div.dropdownlist.show {background-color: var(--ps-cl); border: var(--pr-bt) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); box-shadow: var(--bs-8); display: grid; overflow: hidden; position: absolute;}
div.dropdownlist>div.section {}
div.dropdownlist>div.section>div.title {background-color: var(--pr-cl); color: var(--pr-on);}
div.dropdownlist>div.section>div.items {display: grid; padding: var(--pd-zs); overflow: auto; max-height: 160px;}
div.dropdownlist>div.section>div.items>div.item {padding: var(--pd-ss);}
div.dropdownlist>div.section>div.items>div.item>div.icon>svg {height: 24px; width: 24px;}
div.dropdownlist>div.section>div.items>div.item:hover {background-color: var(--pr-cn);}

div.frame {background-color: var(--ps-cl); border: var(--pr-bt) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); display: grid; grid-template-rows: min-content auto; overflow: hidden; width: 100%;}
div.frame.footer {grid-template-rows: min-content auto min-content;}
div.frame>div.header {border-bottom: var(--pr-bt) var(--pr-bs) var(--pr-bc); padding: var(--pd-ss); place-items: center start;}
div.frame>div.header:has(div.cllp) {gap: var(--gr-sg); grid-template-columns: min-content auto;}
div.frame>div.header>div.title {gap: var(--gr-sg);}
div.frame>div.header>div.title>div.icon {}
div.frame>div.header>div.title>div.icon>svg {}
div.frame>div.header>div.title>div.text {}
div.frame>div.body {padding: var(--pd-ds);}
div.frame>div.footer {border-top: var(--pr-bt) var(--pr-bs) var(--pr-bc);}
div.frame>div.footer>div.toolbar {}
div.frame>div.footer>div.toolbar>div.group {}
div.frame>div.footer>div.toolbar>div.group>div.button {border-top-left-radius: 0px; border-top-right-radius: 0px;}
div.frame.scrl {height: 100%;}
div.frame.scrl>div.body {height: 100%; overflow: auto; width: 100%;}
div.frame.fr-mn {border: none; border-radius: 0;}
div.frame.fr-dg {height: 100%;}
div.frame.fr-dt {border: none;}
div.frame.fr-dt>div.body {padding: 0;}
div.frame.fr-mb {position: absolute; max-width: 480px; width: max-content;}
div.frame.fr-mb>div.body {padding: var(--pd-hs); text-align: center;}
div.frame.error>div.header {background-color: var(--er-cl);}
div.frame.error>div.header>div.title>div.icon>svg {fill: var(--er-on); stroke: var(--er-on);}
div.frame.error>div.header>div.title>div.text {color: var(--er-on);}
div.frame.error>div.header>div.title>div.toolbar {}
div.frame.error>div.header>div.title>div.toolbar>div.group {}
div.frame.error>div.header>div.title>div.toolbar>div.group>div.button {}
div.frame.error>div.header>div.title>div.toolbar>div.group>div.button>div.icon>svg {fill: var(--er-on); stroke: var(--er-on);}
div.frame.error>div.header>div.title>div.toolbar>div.group>div.button:hover {background-color: var(--er-cn);}
div.frame.error>div.header>div.title>div.toolbar>div.group>div.button:hover>div.icon>svg {fill: var(--er-on); stroke: var(--er-on);}

div.frame.config-cards {}
div.frame.config-cards>div.header {}
div.frame.config-cards>div.body {display: grid; gap: var(--gr-dg); grid-auto-flow: row; padding: var(--pd-ds);}
div.frame.cllp>div.body {display: none;}
div.frame.cllp>div.footer {display: none;}

div.kanban {display: grid; height: 100%; grid-template-columns: auto; grid-template-rows: max-content max-content auto max-content 240px; overflow: hidden; width: 100%;}
div.kanban>div.header {}
div.kanban>div.stages {}
div.kanban>div.main {}
div.kanban>div.title {}
div.kanban>div.fast {}

div.layout {display: grid; row-gap: var(--gr-dg); grid-auto-flow: row; padding: var(--pd-ds); width: 100%;}
div.layout>div.row {display: grid; column-gap: var(--gr-dg); grid-auto-flow: column; place-items: center stretch; width: 100%;}
div.layout>div.row>div.col {overflow: hidden;}
div.layout>div.row>div.col>div.layout {padding: 0;}
div.layout.hide {display: none;}
div.layout>div.row.hide {display: none;}
div.layout>div.row>div.col.hide {display: none;}
div.layout.pd-ts {row-gap: var(--gr-tg);}
div.layout.pd-ts>div.row {column-gap: var(--gr-tg);}
div.layout.pd-ss {row-gap: var(--gr-sg);}
div.layout.pd-ss>div.row {column-gap: var(--gr-sg);}

div.loading {display: grid; grid-auto-flow: row;}
div.loading>div.main {display: grid; gap: var(--gr-dg); grid-template-columns: max-content auto;}
div.loading>div.main>svg {}
div.loading>div.main>p {}
div.loading>div.stage {font-size: var(--fn-ss); font-weight: bold;}
div.loading>progress.progressbar {width: 100%;}
div.loading>div.percentage {font-size: var(--fn-ss); text-align: center;}
div.loading>div.details {display: none;}
div.loading>div.details.show {border: var(--pr-bt) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); display: initial; height: 120px; margin: var(--pd-ss) 0; overflow: auto; padding: var(--pd-ds); width: 100%;}
div.loading>div.details>div.items {display: grid; gap: var(--gr-sg); grid-auto-flow: row; place-items: start; width: 100%;}
div.loading>div.details>div.items>div.message {gap: var(--gr-sg); grid-template-columns: min-content auto min-content; place-self: start stretch;}
div.loading>div.details>div.items>div.message>div.icon {}
div.loading>div.details>div.items>div.message>div.icon>svg {height: 20px; width: 20px;}
div.loading>div.details>div.items>div.message>div.text {font-size: var(--fn-ss);}
div.loading>div.details>div.items>div.message>div.icon-state {padding-right: 16px;}
div.loading>div.details>div.items>div.message>div.icon-state>svg {height: 20px; width: 20px;}
div.loading>div.details>div.items>div.message.success>div.icon-state>svg {fill: var(--sc-cl); stroke: var(--sc-cl);}
div.loading>div.details>div.items>div.message.error>div.icon-state>svg {fill: var(--er-cl); stroke: var(--er-cl);}
div.loading>div.details>div.items>div.message.warn>div.icon-state>svg {fill: var(--wr-cl); stroke: var(--wr-cl);}
div.loading>div.details>div.items>div.message.title {font-weight: bold;}
div.loading>div.label {color: var(--pr-cl); cursor: pointer; font-size: var(--fn-ss); place-self: center; text-decoration: underline;}

div.messages {display: grid; grid-auto-flow: row; gap: var(--gr-dg);}
div.messages>h1 {}
div.messages>h2 {}
div.messages>h3 {}
div.messages>h4 {}
div.messages>h5 {}
div.messages>h6 {}
div.messages>p {margin: 0;}
div.messages>p.text {}
div.messages>p.note {font-size: var(--fn-ts);}

div.mist {background-color: var(--mist); display: grid; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1001;}
div.mist>div.loading {background-color: var(--ps-cl); border-radius: var(--br-dr); overflow: hidden; padding: var(--pd-hs); place-self: center; width: max-content;}

div.panels {display: grid; gap: var(--gr-bg); overflow: auto; padding: var(--pd-hs); width: 100%;}
div.panels.fxd {height: 100%; overflow: hidden;}
div.panels>div.panel {background-color: var(--ps-cl); border-radius: var(--br-dr); box-shadow: var(--bs-1); display: grid; padding: var(--pd-hs); overflow: hidden;}
div.panels>div.panel.scrl {overflow: auto;}
div.panels>div.panel.cntn {background-color: transparent; box-shadow: none; padding: 0; overflow: initial;}
div.panels>div.panel.form {background-color: transparent; box-shadow: none; padding: var(--pd-ds); place-content: start stretch;}

div.properties {display: grid; grid-template-columns: auto;}
div.properties>div.property {display: grid; grid-template-columns: auto 100px;}
div.properties>div.property>div.label {}
div.properties>div.property>div.content {}

div.steps {display: grid; gap: var(--gr-bg); height: 100%; width: 100%;}
div.steps>div.items {border: var(--pr-bt) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); padding: var(--pd-ds);}
div.steps>div.items>div.step {display: grid; grid-auto-flow: row; grid-template-columns: auto; grid-template-rows: max-content max-content; place-items: center; position: relative; width: 100%; z-index: 2;}
div.steps>div.items>div.step:after {background-color: var(--ds-cl); content: ''; height: 2px; left: calc(50% + 28px); position: absolute; top: 28px; width: calc(50% - 28px); z-index: 1;}
div.steps>div.items>div.step:before {background-color: var(--ds-cl); content: ''; height: 2px; left: 0px; position: absolute; top: 28px; width: calc(50% - 28px); z-index: 1;}
div.steps>div.items>div.step>div.icon {background-color: var(--ds-cl); border-radius: 50%; display: grid; height: 56px; place-content: center; width: 56px;}
div.steps>div.items>div.step>div.icon>svg {fill: var(--ds-on); height: 36px; width: 36px; stroke: var(--ds-on);}
div.steps>div.items>div.step>div.text {color: var(--ds-cl);}
div.steps>div.items>div.step.select {background-color: var(--pr-on);}
div.steps>div.items>div.step.select:after {background-color: var(--pr-cl);}
div.steps>div.items>div.step.select:before {background-color: var(--pr-cl);}
div.steps>div.items>div.step.select>div.icon {background-color: var(--pr-cl);}
div.steps>div.items>div.step.select>div.icon>svg {fill: var(--pr-on); stroke: var(--pr-on);}
div.steps>div.items>div.step.select>div.text {color: var(--pr-cl);}
div.steps>div.items>div.step.error {background-color: var(--er-on);}
div.steps>div.items>div.step.error:after {background-color: var(--er-cl);}
div.steps>div.items>div.step.error:before {background-color: var(--er-cl);}
div.steps>div.items>div.step.error>div.icon {background-color: var(--er-cl);}
div.steps>div.items>div.step.error>div.icon>svg {fill: var(--er-on); stroke: var(--er-on);}
div.steps>div.items>div.step.error>div.text {color: var(--er-cl);}
div.steps>div.items>div.step.success {background-color: var(--sc-on);}
div.steps>div.items>div.step.success:after {background-color: var(--sc-cl);}
div.steps>div.items>div.step.success:before {background-color: var(--sc-cl);}
div.steps>div.items>div.step.success>div.icon {background-color: var(--sc-cl);}
div.steps>div.items>div.step.success>div.icon>svg {fill: var(--sc-on); stroke: var(--sc-on);}
div.steps>div.items>div.step.success>div.text {color: var(--sc-cl);}
div.steps.hrzt {grid-auto-flow: row; grid-template-columns: auto; grid-template-rows: max-content auto max-content;}
div.steps.hrzt>div.items {display: grid; grid-auto-flow: column; place-items: center;}
div.steps.hrzt.smry {grid-template-columns: 320px auto; grid-template-rows: max-content auto max-content;}
div.steps.hrzt.smry>div.items {grid-column: 1/span 2; grid-row: 1;}
div.steps.hrzt.smry>div.body {grid-column: 2; grid-row: 2;}
div.steps.hrzt.smry>div.summary {grid-column: 1; grid-row: 2;}
div.steps.hrzt.smry>div.footer {grid-column: 1/span 2; grid-row: 3;}
div.steps.vrtc {grid-auto-flow: column; grid-template-columns: max-content auto;}
div.steps.vrtc.summary {grid-template-columns: max-content auto 200px;}
div.steps>div.body {border: var(--pr-bt) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); overflow: hidden;}
div.steps>div.summary {border: var(--pr-bt) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); display: grid; gap: var(--gr-sg); grid-template-rows: max-content max-content auto; padding: var(--pd-ds);}
div.steps>div.summary>div.title {padding: var(--pd-ss); display: initial;}
div.steps>div.summary>div.subtitle {font-size: var(--fn-ss); padding: var(--pd-ss); text-align: right;}
div.steps>div.summary>div.content {padding: var(--pd-ss); text-align: justify; overflow: auto;}
div.steps>div.footer {}

div.striper {display: grid; grid-auto-flow: column; overflow: hidden; place-content: stretch;}
div.striper.ps-nv {border: var(--pr-bt) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); grid-template-columns: auto min-content min-content min-content;}
div.striper.ps-pt {}
div.striper>div.pages {border-right: var(--pr-bt) var(--pr-bs) var(--pr-bc); display: grid; gap: var(--gr-zg); grid-auto-flow: column; overflow: hidden; place-content: stretch start;}
div.striper>div.pages>div.page {background-color: var(--ps-cl); border-right: var(--pr-bt) var(--pr-bs) var(--pr-bc); display: grid; grid-auto-flow: column; overflow: hidden; place-content: center; padding: 2px 8px;}
div.striper>div.pages>div.page.im-ov {grid-auto-flow: row;}
div.striper>div.pages>div.page>div.icon>svg {height: 24px; width: 24px;}
div.striper>div.pages>div.page>div.text {font-size: var(--fn-ds); padding: 0px 8px 0px 2px; place-self: center start;}
div.striper>div.pages>div.page>div.close>svg {height: 16px; width: 16px;}
div.striper>div.pages>div.page.select {background-color: var(--pr-cn);}
div.striper>div.pages>div.page:hover {background-color: var(--pr-cn);}
div.striper>div.pages>div.page:hover>div.icon>svg {}
div.striper>div.pages>div.page:hover>div.text {}
div.striper>div.pages>div.page:hover>div.close>svg {}
div.striper>div.toolbar>div.group>div.button {border-radius: 0;}

div.title {display: grid; grid-auto-flow: column; padding: var(--pd-ss) var(--pd-ds); font-size: var(--fn-tt); place-items: center start; width: 100%;}
div.title:has(div.text) {grid-template-columns: auto;}
div.title:has(div.text+div.toolbar) {grid-template-columns: auto min-content;}
div.title:has(div.icon+div.text) {grid-template-columns: min-content auto;}
div.title:has(div.icon+div.text+div.toolbar) {grid-template-columns: min-content auto min-content;}
div.title:has(div.swap+div.text) {grid-template-columns: min-content auto;}
div.title:has(div.swap+div.icon+div.text) {grid-template-columns: min-content min-content auto;}
div.title:has(div.swap+div.text+div.toolbar) {grid-template-columns: min-content auto min-content;}
div.title>div.swap>svg {height: 16px; width: 16px;}
div.title>div.icon {}
div.title>div.icon>svg {height: 20px; width: 20px;}
div.title>div.text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
div.title>div.toolbar {}
div.title>div.toolbar>div.group {gap: var(--gr-tg);}
div.title>div.toolbar>div.group>div.button {}
div.title>div.toolbar>div.group>div.button>div.icon {}
div.title>div.toolbar>div.group>div.button>div.icon>svg {height: 16px; width: 16px;}
div.title>div.toolbar>div.group>div.button>div.text {}

div.toolbar {display: grid; gap: var(--gr-dg); grid-auto-flow: column; width: 100%;}
div.toolbar>div.group {display: grid; grid-auto-flow: column; gap: var(--gr-dg);}
div.toolbar>div.group>div.button {}
div.toolbar>div.group>div.button:has(div.text) {padding: var(--pd-ss) var(--pd-bs);}
div.toolbar>div.group>div.button:has(div.icon) {padding: var(--pd-ss);}
div.toolbar>div.group>div.button:has(div.icon+div.text) {padding: var(--pd-ss) var(--pd-bs) var(--pd-ss) var(--pd-ss);}
div.toolbar>div.group>div.button>div.icon {}
div.toolbar>div.group>div.button>div.icon>svg {height: 32px; width: 32px;}
div.toolbar>div.group>div.button>div.text {}
div.toolbar>div.group>label {font-size: var(--fn-ss); text-align: center;}

div.toastbar:empty {display: none;}
div.toastbar {display: grid; gap: var(--gr-dg); grid-auto-flow: row; padding: var(--pd-ds); position: absolute; right: 0px; width: 296px; z-index: 9999;}
div.toast {display: grid; grid-template-columns: min-content auto min-content; grid-template-rows: min-content max-content; border-radius: var(--br-dr); box-shadow: var(--bs-8); padding: var(--pd-ss); width: 100%;}
div.toast>div {padding: var(--pd-ts);}
div.toast>div.icon {grid-column: 1; grid-row: 1/span 2;}
div.toast>div.icon>svg {height: 24px; width: 24px;}
div.toast>div.title {color: var(--in-on); font-size: var(--fn-ds); font-weight: bolder; grid-column: 2; grid-row: 1; place-self: center start;}
div.toast>div.button {grid-column: 3; grid-row: 1; padding: 2px; height: 24px; width: 24px;}
div.toast>div.button>div.icon {}
div.toast>div.button>div.icon>svg {height: 16px; width: 16px;}
div.toast>div.text {color: var(--in-on); font-size: var(--fn-ss); grid-column: 2/span 2; grid-row: 2; place-self: start stretch;}
div.toast>div.button:hover {background-color: var(--er-bc);}
div.toast.assistant {background-color: var(--sc-cl);}
div.toast.assistant>div.icon>svg {fill: var(--sc-on); stroke: var(--sc-on);}
div.toast.assistant>div.button>div.icon>svg {fill: var(--sc-on); stroke: var(--sc-on);}
div.toast.error {background-color: var(--er-cl);}
div.toast.error>div.icon>svg {fill: var(--er-on); stroke: var(--er-on);}
div.toast.error>div.button>div.icon>svg {fill: var(--er-on); stroke: var(--er-on);}
div.toast.info {background-color: var(--in-cl);}
div.toast.info>div.icon>svg {fill: var(--in-on); stroke: var(--in-on);}
div.toast.info>div.button>div.icon>svg {fill: var(--in-on); stroke: var(--in-on);}
div.toast.success {background-color: var(--sc-cl);}
div.toast.success>div.icon>svg {fill: var(--sc-on); stroke: var(--sc-on);}
div.toast.success>div.button>div.icon>svg {fill: var(--sc-on); stroke: var(--sc-on);}
div.toast.warning {background-color: var(--wr-cl);}
div.toast.warning>div.icon>svg {fill: var(--wr-on); stroke: var(--wr-on);}
div.toast.warning>div.button>div.icon>svg {fill: var(--wr-on); stroke: var(--wr-on);}

.ac-st {align-content: start;}
.ac-cn {align-content: center;}
.ac-en {align-content: end;}
.ac-sh {align-content: stretch;}
.ai-st {align-items: start;}
.ai-cn {align-items: center;}
.ai-en {align-items: end;}
.ai-sh {align-items: stretch;}
.as-st {align-self: start;}
.as-cn {align-self: center;}
.as-en {align-self: end;}
.as-sh {align-self: stretch;}
.jc-st {justify-content: start;}
.jc-cn {justify-content: center;}
.jc-en {justify-content: end;}
.jc-sh {justify-content: stretch;}
.ji-st {justify-items: start;}
.ji-cn {justify-items: center;}
.ji-en {justify-items: end;}
.ji-sh {justify-items: stretch;}
.js-st {justify-self: start;}
.js-cn {justify-self: center;}
.js-en {justify-self: end;}
.js-sh {justify-self: stretch;}

input.control {border: var(--pr-bt) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); padding: var(--pd-ss); width: 100%;}
input.control:active {background-color: var(--ac-bc);}
input.control:focus {background-color: var(--ac-bc);}
input.control.error {background-color: var(--er-cn);}
select.control {border: var(--pr-bt) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); padding: var(--pd-ss); width: 100%;}
select.control:active {background-color: var(--ac-cb);}
select.control:focus {background-color: var(--ac-bc);}
select.control.error {background-color: var(--er-cn);}
textarea.control {border: var(--pr-bt) var(--pr-bs) var(--pr-bc); border-radius: var(--br-dr); padding: var(--pd-ss); resize: none; width: 100%;}
textarea.control:active {background-color: var(--ac-cb);}
textarea.control:focus {background-color: var(--ac-bc);}
textarea.control.error {background-color: var(--er-cn);}
input.hide {display: none;}
select.hide {display: none;}
textarea.hide {display: none;}
input.error {background-color: var(--er-cn);}
select.error {background-color: var(--er-cn);}
textarea.error {background-color: var(--er-cn);}

@keyframes spin-0-360 {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
.spin-360 {animation: spin-0-360 5s linear infinite;}

@keyframes shake {0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);}}
.shake {animation-name: shake; animation-duration: 2s;}
@keyframes shake-again {0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);}}
.shake-again {animation-name: shake-again; animation-duration: 2s;}