:host-context([theme="dark"]){--shade-color: rgba(0, 0, 0, .5);--digital-base: #0d0d0d;--elf-base-4: #1a1a1a;--elf-base-3: #262626;--elf-base-2: #333333;--elf-base-1: #404040}:host-context([theme="light"]){--shade-color: rgba(248, 248, 248, .7);--digital-base: #ffffff;--elf-base-4: #fafafa;--elf-base-3: #f2f2f2;--elf-base-2: #e6e6e6;--elf-base-1: #d9d9d9}app-root{display:flex;flex-direction:column;height:100%}:host .flex-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;justify-content:space-evenly;align-items:center;column-gap:8px;height:auto}:host .flex-row .flex-col{display:block;flex-grow:1;flex-shrink:1;width:100%}:host .flex-row .flex-col.width-10{width:10%}:host .flex-row .flex-col.width-20{width:20%}:host .flex-row .flex-col.width-30{width:30%}:host .flex-row .flex-col.width-40{width:40%}:host .flex-row .flex-col.width-50{width:50%}:host .flex-row .flex-col.width-60{width:60%}:host .flex-row .flex-col.width-70{width:70%}:host .flex-row .flex-col.width-80{width:80%}:host .flex-row .flex-col.width-90{width:90%}:host .flex-row .flex-col.width-auto{width:auto}html[data-ws-font-size="0"],html.ws-font-size-0{zoom:1}html[data-ws-font-size="1"],html.ws-font-size-1{zoom:1.16666667}html[data-ws-font-size="2"],html.ws-font-size-2{zoom:1.33333333}html[theme=dark],html[theme=dark]>body{background-color:#0d0d0d!important;--color-scheme-shade: rgba(13, 13, 13, .75)}html[theme=light],html[theme=light]>body{background-color:#fff!important;--color-scheme-shade: rgba(255, 255, 255, .75)}