.show-popup{transform-origin:50% 0;animation:.3s ease-in showing-popup}@keyframes showing-popup{0%{opacity:0;transform:scaleY(0)}20%{opacity:0;transform:scaleY(1)}100%{opacity:1;transform:scaleY(1)}}.show-modal{animation:.4s linear showing-modal}.hide-modal{animation:.4s linear hiding-modal}@keyframes showing-modal{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,.35)}}@keyframes hiding-modal{0%{background-color:rgba(0,0,0,.35)}100%{background-color:rgba(0,0,0,0)}}[data-loader=circle]{width:2.5em;height:2.5em;border:3px solid #a487d4;border-top-color:transparent;border-radius:100%;animation:1.25s linear infinite circle}@keyframes circle{100%{transform:rotate(360deg)}}.item-header{background-color:#404040;background-color:var(--ih-bgc,#404040);display:flex;align-items:center;width:100%;height:47px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom:2px solid transparent}.item-header:focus{border-bottom:2px solid #80c040}.open-close{font-family:Roboto,Arial,Lato,sans-serif;font-weight:700;font-size:16px;cursor:pointer}.open-close:focus{background-color:rgba(0,0,0,.15)}.row__item{color:#000;width:100%;line-height:2;padding-left:10px;text-align:left;border-left:4px solid transparent;font-size:16px;font-weight:700;user-select:none;cursor:pointer}.row__item:hover{border-left:4px solid #1b75bb}.row__item:active,.row__item:focus{background-color:rgba(0,0,0,.15);outline:0}.row__type2-topic:focus{background-color:rgba(0,0,0,.15)}.underline{position:relative;display:inline-block}.underline::after{content:'';position:absolute;left:0;right:0;bottom:7px;height:2px;background-color:currentColor}.bt-4-after::after{bottom:4px}.arrow-down{display:inline-block;position:relative;top:3px;height:0;width:0;margin-left:6px;border-width:5px;border-style:solid;
  border-top-color: inherit;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  }.bt-circle{display:inline-block;color:#80c040;background-color:transparent;line-height:24px;width:26px;height:26px;text-align:center;border-radius:50%;border:2px solid #80c040;transition:background-color .2s ease-out}.bt-circle:focus,.bt-circle:hover{background-color:rgba(0,0,0,.3)}.bt-resize{stroke:#4d4d4d;stroke:var(--c-bgc,#4d4d4d);border:2px solid gray;border:2px solid var(--c-bgc,#4d4d4d);display:inline-block;width:26px;height:26px;padding:2px;border-radius:50%}.bt-resize:focus,.bt-resize:hover{border:2px solid #a487d4!important;stroke:rgba(164,135,212,1)!important}.bt__watch__bar{display:inline-block;text-align:center;font-weight:700;margin-left:10px;padding:6px 12px;border-radius:20px;width:auto;height:auto;border:2px solid gray;color:gray;transition:color,border-color .2s ease-out}.bt__watch__bar:focus,.bt__watch__bar:hover{color:#80c040;border-color:#80c040}.not-selected{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-loader=circle-failed]{width:2.5em;height:2.5em;border:3px solid #a487d4;border-top-color:transparent;border-radius:100%}button::-moz-focus-inner{border:0;outline:0}.link{color:#009ae5;font-weight:700;padding-bottom:2px;border-bottom:1px solid;text-decoration:none}.link:focus,.link:hover{border-bottom-width:3px}@media screen (max-width:600px){.link:focus,.link:hover{border-bottom-width:2px}}.bt-flat{color:#3270b4;color:var(--bf-c,#3270b4);border:10px;display:inline-block;font-family:Roboto,sans-serif;-webkit-tap-highlight-color:transparent;text-decoration:none;margin:0;padding:0;outline:0;font-size:inherit;font-weight:inherit;position:relative;z-index:1;height:36px;line-height:36px;border-radius:2px;transition:450ms cubic-bezier(.23, 1, .32, 1);background-color:rgba(0,0,0,0);text-align:center}.bt-flat__div{height:36px;border-radius:2px;transition:450ms cubic-bezier(.23, 1, .32, 1);top:0;background-color:rgba(0,0,0,0)}.bt-flat:focus,.bt-flat__div:hover{background-color:rgba(120,120,120,.2)}.bt-flat__span{position:relative;opacity:1;font-size:16px;letter-spacing:0;text-transform:uppercase;font-weight:700;margin:0;user-select:none;padding-left:16px;padding-right:16px}.bt-clear{display:inline-block;color:#1b75bb;width:32px;height:32px;text-align:center;font-size:24px;border-radius:50%;border:2px solid #1b75bb;background-color:transparent;transition:background-color .2s ease-out}.bt-clear:focus,.bt-clear:hover{background-color:rgba(0,0,0,.3)}.component-container{display:flex;flex-direction:row;margin-top:8px;margin-bottom:10px}.hrz-container{display:flex;flex-direction:row;flex-shrink:0}.container{background-color:#4d4d4d;background-color:var(--c-bgc,#4d4d4d);position:relative;height:calc(100vh - 71px);min-height:500px;margin-left:8px;border-radius:4px;box-shadow:1px 4px 6px 1px rgba(0,0,0,.6)}.about{width:390px;min-width:300px;padding:0 0 35px}.browser{flex-shrink:0;min-width:270px;max-width:400px;padding:0 3px 35px 0}.pane-t1{padding:0 0 3px;overflow:hidden}.b-caption{color:#4d4d4d;color:var(--c-bgc,#4d4d4d);fill:#4d4d4d;fill:var(--c-bgc,#4d4d4d);stroke:#4d4d4d;stroke:var(--c-bgc,#4d4d4d);background-color:#3270b4;background-color:var(--bf-c,#3270b4);position:relative;height:38px;line-height:1.8;padding:2px 42px 2px 8px;margin-bottom:10px;border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:clip}.modal-root{z-index:1050;display:block;position:fixed;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:hidden;opacity:1;background:rgba(0,0,0,.35);outline:0}.popup-menu{background-color:#4d4d4d;background-color:var(--c-bgc,#4d4d4d);position:absolute;border-radius:5px;box-shadow:rgba(0,0,0,.2) 0 0 0 5px}.items__menu-more{top:36px;left:2px;z-index:2000}@media only screen and (max-width:400px){.items-container{width:98%}}.header{background-color:#4d4d4d;background-color:var(--c-bgc,#4d4d4d);position:relative;width:100%;min-height:50px;max-height:50px;padding-top:8px;padding-left:12px;box-shadow:rgba(0,0,0,.14) 0 0 4px,rgba(0,0,0,.6) 0 4px 8px;z-index:50}.header__panel-browser{background-color:#4d4d4d;background-color:var(--c-bgc,#4d4d4d);position:absolute;z-index:1010;top:45px;left:180px;padding:8px 0;border-radius:5px;box-shadow:rgba(0,0,0,.2) 0 0 0 5px}.header__icon-app{display:inline-block;position:absolute;top:7px;left:16px;width:32px;height:32px}.header__label-app{display:inline-block;color:#80c040;margin-left:35px;padding-top:6px;padding-left:10px;padding-right:10px;font-size:18px;font-weight:700}.header__bts{display:inline-block;float:right;margin-right:16px}@media only screen and (max-width:560px){.header__panel-browser{left:10px}.header__icon-app,.header__label-app{display:none}}@media only screen and (max-width:270px){.header__bt-about{display:none!important}}.row__topic{color:#000;line-height:2;padding:0 16px 0 8px;border-left:4px solid transparent;font-size:16px;font-weight:700;user-select:none;cursor:pointer}.row__topic:focus{border-left:4px solid #1b75bb}.row__topic:hover{background-color:rgba(0,0,0,.15);outline:0}.logos{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;padding:10px 0}.icon__github{width:72px;height:72px;background-color:#000;border:4px solid #232f3b;border-radius:50%;transition:border-color,background-color,border-width .2s ease-out;fill:#4d4d4d;fill:var(--l-c,#4d4d4d)}.icon__github:hover{border-color:#2f7ed8;background-color:#ff0;stroke:yellow;stroke-width:1}.icon__words{width:155px;height:64px;padding-top:12px;padding-right:8px;background-color:#4d4d4d;background-color:var(--l-c,#4d4d4d);border:4px solid #232f3b;transition:border-color,background-color,border-width .2s ease-out}.icon__words:hover{border-color:#2f7ed8;border-width:4px}.icon__preact{width:72px;height:72px;border:4px solid #232f3b;border-radius:50%;padding:6px;background-color:#4d4d4d;background-color:var(--l-c,#4d4d4d);transition:border-color,border-width,stroke,stroke-width,fill .2s ease-out;fill:#00d8ff;stroke:#00d8ff;stroke-width:12}.icon__preact:hover{border-color:#2f7ed8;fill:yellow;stroke:yellow;stroke-width:24}.m-select{display:inline-block;position:relative;background-color:transparent;line-height:24px;width:120px;height:64px;margin-left:24px;margin-right:6px;vertical-align:top;font-family:Roboto,sans-serif;font-size:16px;text-align:start;-webkit-tap-highlight-color:transparent}.m-select:focus{fill:#80c040}.m-select__caption{position:absolute;top:32px;left:4px;color:#000;line-height:22px;font-weight:700;font-size:18px;user-select:none;transform:scale(.75) translate(0,-28px);transform-origin:left top 0px}.m-select__value{position:absolute;top:16px;left:5px;color:#80c040;line-height:48px;overflow:hidden;font-size:18px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;user-select:none}.m-select__options{background-color:#404040;background-color:var(--so-bgc,#404040);position:absolute;top:12px;z-index:20;width:100%;padding-top:12px;padding-bottom:12px;border-radius:2px;box-shadow:rgba(0,0,0,.3) 0 2px 2px 0,rgba(0,0,0,.1) 0 0 0 1px}.m-select__item{color:#f8f8ff;color:var(--si-c,#f8f8ff);line-height:2;padding-left:16px;outline:0}.m-select__item[aria-selected=true]{color:#80c040}.m-select__item:focus,.m-select__item:focus-visible,.m-select__item:hover{background-color:rgba(255,255,255,.1);background-color:var(--si-hf,rgba(48,48,48,.4))}.m-select__div{position:relative;background-color:rgba(0,0,0,0);color:#fff;width:100%;height:100%;padding:0;margin-top:14px}.m-select__svg{display:inline-block;position:absolute;right:0;top:0;z-index:1;fill:inherit;width:48px;height:48px;padding:12px;margin:0;border:10px;transition:450ms cubic-bezier(.23, 1, .32, 1)}.m-select__line{position:absolute;bottom:23px;width:100%;border-bottom:2px solid #000}.m-textfield-input{position:relative;box-sizing:border-box;background-color:rgba(0,0,0,0);color:#80c040;padding:0 0 0 4px;width:100%;height:100%;border:none;outline:0;font-size:18px;cursor:inherit;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;line-height:inherit;font-family:inherit;-webkit-tap-highlight-color:transparent}.m-textfield-input__div{display:block;box-sizing:border-box;position:relative;background-color:rgba(0,0,0,0);color:#fff;width:100%;height:100%;padding:0;border:none;outline:0;cursor:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;line-height:inherit;transition:450ms cubic-bezier(.23, 1, .32, 1);-webkit-tap-highlight-color:transparent}.m-input__line{position:absolute;bottom:12px;width:100%;border-bottom:2px solid #000}.m-input__msg-err{position:absolute;bottom:-12px;left:4px;color:#f44336}.m-textfield-input:focus+.m-input__line{border-bottom-color:#80c040}.menu-more__item{line-height:2.2;color:#000;padding-left:16px;padding-right:16px;border-left:4px solid transparent;font-size:16px;font-weight:700;outline:0;user-select:none;cursor:pointer}.menu-more__item:focus{border-left:4px solid #1b75bb}.menu-more__item:hover{background-color:rgba(0,0,0,.15);outline:0}.dialog{background-color:#4d4d4d;background-color:var(--c-bgc,#4d4d4d);border:2px solid #3270b4;border:solid 2px var(--bf-c,#3270b4)}.modal-dialog{position:absolute;top:20%;left:40%;display:block;z-index:10;border-radius:5px;box-shadow:rgba(0,0,0,.2) 0 0 0 6px}.modal-dialog__actions{float:right;margin-top:8px;margin-bottom:10px;margin-right:4px;cursor:default}.slider-pages{display:flex;flex-flow:row nowrap;align-items:flex-start;overflow:hidden;width:fit-content;transition:.3s ease-out;will-change:transform}@media only screen and (max-width:375px){.slider-pages{transition:.1s ease-out}}.oc-item{display:inline-block;width:100%;cursor:pointer}.oc-item:active,.oc-item:focus{outline:0;background-color:rgba(0,0,0,.15)}.progress-line{position:fixed;top:0;left:0;height:3px;width:0;background:#2f7ed8;z-index:1000}@media screen and (max-width:600px){.progress-line{height:6px}}.gap-right:before{content:'';position:absolute;right:0;top:0;width:38px;height:100%;background:inherit}*{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:100%}body{background-color:grey;background-color:var(--bgc,grey);font-family:Roboto,Arial,Lato,sans-serif;font-weight:300}a{text-decoration:none;color:#000;outline:0}a:focus-visible{outline:#009ae5 solid 2px;outline-offset:3px}button:focus,button:hover,div:focus{outline:0}button{appearance:none;-webkit-appearance:none;border:none;background-color:transparent;font-size:inherit;font-family:inherit;text-decoration:none;user-select:none;-webkit-user-select:none;cursor:pointer}:root{--bgc:#808080;--c-bgc:#4d4d4d;--bf-c:#3270b4;--ih-bgc:#404040;--so-bgc:#404040;--si-c:#f8f8ff;--si-hf:rgba(255, 255, 255, 0.1);--l-c:#4d4d4d}.with-scroll::-webkit-scrollbar{width:5px}.with-scroll::-webkit-scrollbar-track{background-color:#000;width:2px;border-radius:2px}.with-scroll::-webkit-scrollbar-track-piece{background-color:#3270b4;background-color:var(--bf-c,#3270b4);width:2px}.with-scroll::-webkit-scrollbar-thumb{width:3px;height:50px;background-color:#8bc34a;border-radius:2px}.scroll-browser-by{overflow-y:auto;height:80%;height:calc(100% - 85px);padding-right:10px}.scroll-browser-by--search{overflow-y:auto;height:80%;height:calc(100% - 120px);padding-right:10px}.svg-close{display:inline-block;width:22px;height:22px;padding:2px;float:right;margin-right:10px;cursor:pointer;transition:transform .3s ease-out;transform-origin:center center}.svg-close:hover{transform:rotate(90deg) scale(1.3,1.3) translateY(-3px)}.svg-close:focus{background-color:rgba(0,0,0,.15)}.bt-svg-more{width:34px;height:34px;border-radius:50%}.bt-svg-more:focus{background:rgba(0,0,0,.15)}.label-switch{display:flex;flex-direction:row-reverse;justify-content:space-between;column-gap:12px}.switch{position:absolute;width:0;height:0;padding:0;margin:0;opacity:0;overflow:hidden;white-space:nowrap}.switch:focus-visible+.switch-track{outline:orange solid 2px;outline-offset:2px}.switch-track{position:relative;display:inline-block;width:34px;height:20px;border-radius:10px;cursor:pointer}.switch-thumb{display:inline-block;width:15px;height:15px;border-radius:50%;outline:0;border:0;cursor:pointer;transition:background-color .25s,transform .25s}.switch-label{display:inline-block;vertical-align:bottom;font-weight:700;user-select:none}.tab{display:inline-block;color:#9e9e9e;padding:6px 10px;border-bottom:3px solid #9e9e9e;font-weight:700;outline:0}.tab:active,.tab:focus,.tab:hover{color:#2f7ed8;outline:0}.tab--selected{border-bottom:3px solid #2f7ed8}