#MainPage{position:relative;display:flex;width:100%;color:#fff;text-align:left;overflow:hidden}#MainPageLeft .left-top .brand{width:320px;font-weight:bold;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0)) 0 0 no-repeat;background-size:60px 76px;-webkit-background-clip:text;-o-background-clip:text;background-clip:text;color:rgba(255,255,255,0.8);animation:shine 2.5s infinite}#MainPageLeft .features{margin-top:4rem;max-width:400px}#MainPageLeft .features .feature{opacity:0}#MainPageLeft .features.on .feature{animation-duration:0.8s;animation-name:bounce;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .browser{width:100%;padding-bottom:15px;background-color:#e9e9e9;transform-origin:50% 100%;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.5);--hg-block-width:60px;--hg-block-height:30px;--header-height:14px;--line-height:12px}#MainPageRight .header{font-size:83%;overflow:hidden;background-color:#fbfbfb;border-radius:8px 8px 0px 0px}#MainPageRight .b-user{color:#555}#MainPageRight .b-logo{color:#555;margin-top:1px}#MainPageRight .browser.on .b-logo{animation-duration:0.8s;animation-name:rubber;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .b-hero{transform:scaleY(0);transform-origin:50% 0;height:155px;background-color:#6f5499;padding-top:50px}#MainPageRight .b-hero .b-graph-block{position:relative;visibility:hidden;height:var(--hg-block-height);width:0;border-radius:0.3rem}#MainPageRight .b-hero .b-graph-block-gap{margin-right:1.5rem}#MainPageRight .b-hero .b-graph-block-gap::after{content:'';position:absolute;right:calc(-1.5rem - 1px);top:50%;width:1.5rem;border-top:1px solid rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-block-subj{border:1px solid rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-block-head{background-color:rgba(255,255,255,0.4);border:1px solid rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-block-obj{border:1px solid rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-tag{position:absolute;left:4px;margin-top:-18px;height:12px;width:24px;background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);border-radius:0.2rem}#MainPageRight .browser.on .b-hero .b-graph-tag{animation-duration:0.8s;animation-name:pop;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .b-hero .b-graph-advb{position:relative;margin-left:2px;opacity:0}#MainPageRight .browser.on .b-hero .b-graph-advb{position:relative;animation-duration:0.8s;animation-name:rotate-dow-bounce;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .b-hero .b-graph-advb-port{position:absolute;top:calc(var(--hg-block-height) / 2 - 4px + 1px);left:0px;width:8px;height:8px;border:1px dotted rgba(255,255,255,0.4);border-radius:4px}#MainPageRight .b-hero .b-graph-advb-line-1{position:absolute;top:calc(var(--hg-block-height) / 2 + 4px + 1px);left:4px;width:1px;height:calc(var(--hg-block-height) / 3 * 2);border-left:1px dashed rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-advb-line-2{position:absolute;top:calc(var(--hg-block-height) / 2 + 4px + var(--hg-block-height) / 3 * 2);left:calc(0px - var(--hg-block-height) + 4px);width:calc(var(--hg-block-width) / 2);height:1px;border-top:1px dashed rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-advb-line-3{position:absolute;top:calc(var(--hg-block-height) / 2 + 4px + var(--hg-block-height) / 3 * 2);left:calc(0px - var(--hg-block-width) / 2 + 4px);width:1px;height:8px;border-left:1px dashed rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-block-advb{position:absolute;top:calc(var(--hg-block-height) / 2 + 4px + var(--hg-block-height) / 3 * 2 + 8px);left:calc(0px - var(--hg-block-width) / 2 + 4px - var(--hg-block-width) / 5);width:var(--hg-block-width);height:var(--hg-block-height);border-radius:0.3rem;border:1px dashed rgba(255,255,255,0.4);background-color:rgba(255,255,255,0.05)}#MainPageRight .browser.on .b-hero{animation:0.8s b-hero linear forwards 0s}#MainPageRight .browser.on .b-hero .b-graph-block{visibility:visible;width:var(--hg-block-width)}#MainPageRight .b-bottom{position:relative;padding:1rem 0}#MainPageRight .b-bottom .left{position:relative}#MainPageRight .b-bottom .b-paragraph{padding:8px 8px 0px;background-color:#fff;margin-bottom:calc(var(--bs-gutter-y));border-radius:4px;border:1px solid #e0e0e0;box-shadow:0 1px 0 #ddd;transform:scaleY(0)}#MainPageRight .browser.on .b-bottom .b-paragraph{animation-duration:0.8s;animation-name:b-hero;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .b-bottom .b-paragraph .b-header{height:var(--header-height);width:0;background-color:#e0e0e0;margin-bottom:6px}#MainPageRight .b-bottom .b-line{height:var(--line-height);width:0;background-color:#f0f0f0;margin-bottom:3px}#MainPageRight .browser.on .b-bottom .b-paragraph .b-header{width:50%}#MainPageRight .browser.on .b-bottom .b-line.a{width:100%}#MainPageRight .b-bottom .b-line.b{margin-bottom:8px}#MainPageRight .browser.on .b-bottom .b-line.b{width:70%}#MainPageRight .b-bottom .right{position:relative}#MainPageRight .b-bottom .right .b-panel{border-radius:6px}#MainPageRight .b-bottom .right .b-panel .b-nav-row{width:100%;padding:8px;background-color:#fff;border:1px solid #e0e0e0;margin-bottom:-1px;overflow:auto;transform:scaleY(0);transform-origin:50% 0}#MainPageRight .browser.on .b-bottom .right .b-panel .b-nav-row{animation-duration:0.8s;animation-name:b-hero;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .b-bottom .right .b-panel .b-nav-row:first-child{border-top:0px;border-top-left-radius:4px;border-top-right-radius:4px}#MainPageRight .b-bottom .right .b-panel .b-nav-row:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}#MainPageRight .b-bottom .right .b-nav-row .b-nav-icon{width:var(--header-height);height:var(--header-height);background-color:#e0e0e0;float:left;transform:scale(0)}#MainPageRight .browser.on .b-bottom .right .b-nav-row .b-nav-icon{transform:scale(1)}#MainPageRight .b-bottom .right .b-nav-row .b-nav-text{width:43px;height:var(--line-height);background-color:#f0f0f0;float:left;margin-left:6px;margin-top:1px}.pic-board-pic{min-height:460px}#TilesWall{padding-top:3rem;padding-bottom:3rem;background-color:#7e8f7c;overflow-x:scroll}#TilesWall::-webkit-scrollbar{display:none}#TilesWall .tile-refresh-wrap{width:calc(var(--tile-width) * 10)}#TilesWall .tile-refresh{top:0;right:-4.3rem;width:2.8rem;height:2.5rem;text-align:center;color:white;border:1px solid rgba(255,255,255,.4);border-radius:0.3rem;background-color:rgba(255,255,255,.2);cursor:pointer}#Tiles{width:calc(var(--tile-width) * 10);box-shadow:0 4px 10px rgb(0 0 0 / 60%);border-radius:1rem}.tilerow{float:left;width:calc(var(--tile-width) * 10);margin-top:var(--tile-width)}.tilerow.first .tile:first-child{border-top-left-radius:1rem}.tilerow.first .tile:last-child{border-top-right-radius:1rem}.tilerow:first-child{margin-top:0px}.tile{display:flex;align-items:center;justify-content:center;float:left;padding:5px;cursor:pointer;color:#fff;box-sizing:border-box;transition:all 0.2s ease-in-out;box-shadow:inset 0 0 3px #222;text-shadow:1px 1px 1px rgba(0,0,0,.7)}.tile a{color:#fff;text-decoration:none}.tile:not(.slogan-wrap):hover{box-shadow:inset 0 0 6px #000;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.tile.slogan-wrap{text-align:center;cursor:default;opacity:1}.slogan{transform:rotate(350deg);writing-mode:lr-tb;font-size:1.15rem;display:inline-block;overflow:hidden;line-height:160%;letter-spacing:3px;text-align:left}.tile.slogan-wrap .pin-wrap{position:absolute;top:7px;left:11px}.tile.slogan-wrap .pin-wrap i{text-shadow:1px 2px 3px rgba(0,0,0,1)}.tilerow .tile a{display:block}.tilerow .one{text-align:center;font-size:28px}.tilerow .two{text-align:center;font-size:1.25rem}.tilerow .four{padding:0.75rem}.tilerow .four .head{font-size:16px;padding-bottom:0.75rem;border-bottom:dashed 2px rgba(255,255,255,.2)}.tilerow .four .body{font-size:1rem;padding-top:8px;line-height:150%}.tilerow .four .body p{margin-bottom:0.5rem}.tile.tile-blue{background-color:#2e8bcc}.tile.tile-green{background-color:#393}.tile.tile-red{background-color:#e51400;opacity:0.9}.tile.tile-yellow{background-color:#ffc40d}.tile.tile-orange{background-color:#f39c12}.tile.tile-pink{background-color:#e671b8}.tile.tile-purple{background-color:#7b4f9d}.tile.tile-lime{background-color:#8cbf26}.tile.tile-magenta{background-color:#ff0097}.tile.tile-teal{background-color:#00aba9}.tile.tile-turquoise{background-color:#1abc9c}.tile.tile-green-sea{background-color:#16a085}.tile.tile-emerald{background-color:#2ecc71}.tile.tile-jungle-green{background-color:#27ae60}.tile.tile-peter-river{background-color:#3498db}.tile.tile-belize-hole{background-color:#2980b9}.tile.tile-amethyst{background-color:#9b59b6}.tile.tile-wisteria{background-color:#8e44ad}.tile.tile-wet-asphalt{background-color:#34495e}.tile.tile-midnight-blue{background-color:#2c3e50}.tile.tile-sun-flower{background-color:#f1c40f}.tile.tile-pumpkin{background-color:#d35400}.tile.tile-alizarin{background-color:#e74c3c}.tile.tile-pomegranate{background-color:#c0392b}.tile.tile-clouds{background-color:#ecf0f1}.tile.tile-silver{background-color:#bdc3c7}.tile.tile-concrete{background-color:#95a5a6}.tile.tile-asbestos{background-color:#7f8c8d}.btn-circle{width:70px;height:70px;border-radius:50%;padding:7px 16px;border:2px solid rgba(255,255,255,0.61);font-size:40px}.col_0,.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9{position:absolute}.col_0{margin-left:0px}.tilerow .tile.one,.tilerow .tile.two{line-height:var(--tile-width)}.tilerow .tile.two.slogan-wrap{line-height:100%}.one{width:var(--tile-width);height:var(--tile-width)}.two{width:calc(var(--tile-width) * 2);height:var(--tile-width)}.four{width:calc(var(--tile-width) * 2);height:calc(var(--tile-width) * 2)}.col_1{margin-left:var(--tile-width)}.col_2{margin-left:calc(var(--tile-width) * 2)}.col_3{margin-left:calc(var(--tile-width) * 3)}.col_4{margin-left:calc(var(--tile-width) * 4)}.col_5{margin-left:calc(var(--tile-width) * 5)}.col_6{margin-left:calc(var(--tile-width) * 6)}.col_7{margin-left:calc(var(--tile-width) * 7)}.col_8{margin-left:calc(var(--tile-width) * 8)}.col_9{margin-left:calc(var(--tile-width) * 9)}@media (max-width:575.98px){#MainPageRight .b-hero{height:130px;padding-top:43px}#MainPageRight .browser{--hg-block-width:50px;--hg-block-height:25px;--header-height:12px;--line-height:10px}.pic-board-pic{min-height:360px}}@media (max-width:767.98px){#MainPageRight .header .b-logo{font-size:0.6rem}#MainPageLeft .features{margin-top:2rem}}@media (max-width:991.98px){#Tiles{border-radius:0}.tilerow.first .tile:first-child{border-top-left-radius:0}.tilerow.first .tile:last-child{border-top-right-radius:0}}@media (min-width:992px){#MainPageInner{height:584px;margin-bottom:1px;overflow:hidden}}@media (max-width:1199.98px){.tilerow .four .head{font-size:1rem}.slogan{font-size:1rem}}@media (min-width:1200px){#MainPageLeft{max-width:560px}}