:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#3e7878;text-decoration:inherit}a:hover{color:#4e8c8c}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;max-width:100vw;overflow:hidden}.MuiPaper-root{min-width:0;max-width:100%}.MuiPaper-root:has(.MuiDataGrid-root){overflow:hidden}.MuiDataGrid-root{max-width:100%;min-width:0}.MuiGrid-container{max-width:100%}*{scrollbar-width:thin;scrollbar-color:#BEBEBE #f5f6f8}*::-webkit-scrollbar{width:10px;height:10px;background-color:#f5f6f8}*::-webkit-scrollbar-track{background-color:#f5f6f8}*::-webkit-scrollbar-thumb{background-color:#bebebe;border-radius:6px;border:2px solid #f5f6f8}*::-webkit-scrollbar-thumb:hover{background-color:#5a9f9f}*::-webkit-scrollbar-corner{background-color:#f5f6f8}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3b404d;cursor:pointer;transition:border-color .25s}button:hover{border-color:#3e7878}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(143,253,255,.6);outline-offset:2px}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#4e8c8c}button{background-color:#f9f9f9}}.tni{--tni-spring: linear(0, .068, .226, .418, .616, .791, .929, 1.027, 1.085, 1.114, 1.118, 1.107, 1.086, 1.063, 1.04, 1.02, 1.005, .995, .989, .986, .986, .988, .99, .993, 1);--tni-spring-history: linear(0, .042, .139, .263, .394, .52, .633, .73, .809, .872, .92, .956, .981, .998, 1.008, 1.014, 1.016, 1.017, 1.016, 1.014, 1.012, 1.009, 1.007, 1.006, 1);display:block;flex-shrink:0;overflow:visible}.tni .draw{stroke-dasharray:1 2}@media(prefers-reduced-motion:reduce){.tni,.tni *{animation:none!important}}.tni-hand{transform-origin:50% 90%}.tni-hand[data-play]{animation:tni-hand .8s ease-in-out}@keyframes tni-hand{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.tni-layout-grid[data-play] .r1{animation:tni-grid-1 .8s ease-in-out}.tni-layout-grid[data-play] .r2{animation:tni-grid-2 .8s ease-in-out}.tni-layout-grid[data-play] .r3{animation:tni-grid-3 .8s ease-in-out}.tni-layout-grid[data-play] .r4{animation:tni-grid-4 .8s ease-in-out}@keyframes tni-grid-1{40%,60%{transform:translate(11px)}}@keyframes tni-grid-2{40%,60%{transform:translateY(11px)}}@keyframes tni-grid-3{40%,60%{transform:translate(-11px)}}@keyframes tni-grid-4{40%,60%{transform:translateY(-11px)}}.tni-boxes[data-play] .b1{animation:tni-boxes-1 1.17s var(--tni-spring)}.tni-boxes[data-play] .b2{animation:tni-boxes-2 1.17s var(--tni-spring)}.tni-boxes[data-play] .b3{animation:tni-boxes-3 1.17s var(--tni-spring)}@keyframes tni-boxes-1{0%,to{transform:translate(0)}36%,64%{transform:translate(-1.5px,1.5px)}}@keyframes tni-boxes-2{0%,to{transform:translate(0)}36%,64%{transform:translate(1.5px,1.5px)}}@keyframes tni-boxes-3{0%,to{transform:translate(0)}36%,64%{transform:translateY(-1.5px)}}.tni-truck{overflow:hidden}.tni-truck .speed{opacity:0;transform-box:fill-box;transform-origin:center}.tni-truck .wheel{transform-box:fill-box;transform-origin:center}.tni-truck[data-play] .body{animation:tni-truck-bounce .8s ease-in-out}.tni-truck[data-play] .wheel{animation:tni-truck-wheel .8s cubic-bezier(.3,0,.6,1)}.tni-truck[data-play] .speed{animation:tni-truck-speed .8s ease-out backwards}.tni-truck[data-play] .s2{animation-delay:.06s}.tni-truck[data-play] .s3{animation-delay:.12s}@keyframes tni-truck-bounce{0%,25%,50%,75%,to{transform:translateY(0)}12.5%,62.5%{transform:translateY(-1px)}37.5%,87.5%{transform:translateY(-.5px)}}@keyframes tni-truck-wheel{to{transform:rotate(720deg)}}@keyframes tni-truck-speed{0%,50.01%{opacity:0;transform:translate(0) scaleX(.2)}10%,60%{opacity:.7;transform:translate(-4px) scaleX(1)}30%,80%{opacity:.5;transform:translate(-10px) scaleX(.8)}50%,to{opacity:0;transform:translate(-16px) scaleX(.3)}}.tni-shield-check .check{transform-box:fill-box;transform-origin:center}.tni-shield-check[data-play] .check{animation:tni-check-in .4s ease-out}@keyframes tni-check-in{0%{opacity:0;stroke-dashoffset:1;transform:scale(.5)}25%{opacity:1}to{opacity:1;stroke-dashoffset:0;transform:scale(1)}}.tni-cursor-click[data-play] .cursor{animation:tni-cursor-move .9s ease-in-out}.tni-cursor-click[data-play] .ray{animation:tni-cursor-ray .9s}.tni-cursor-click .k1{--dx: 1px;--dy: -1px}.tni-cursor-click .k2{--dx: -1px;--dy: 0px}.tni-cursor-click .k3{--dx: -1px;--dy: 1px}.tni-cursor-click .k4{--dx: 0px;--dy: -1px}@keyframes tni-cursor-move{0%,to{transform:translate(0)}30%{transform:translateY(-4px)}60%{transform:translate(-3px)}}@keyframes tni-cursor-ray{0%{opacity:1;transform:translate(0)}8%,58%{opacity:0;transform:translate(0)}64%{opacity:1;transform:translate(var(--dx),var(--dy));animation-timing-function:linear(0,.032,.109,.205,.308,.412,.506,.591,.666,.73,.783,.828,.864,.894,.918,.937,.952,.963,.972,.979,.985,.989,.992,.994,1)}to{opacity:1;transform:translate(0)}}.tni-wrench{transform-origin:90% 10%}.tni-wrench[data-play]{animation:tni-wrench 1.05s}@keyframes tni-wrench{0%{transform:rotate(0);animation-timing-function:ease-in-out}42%{transform:rotate(12deg);animation-timing-function:ease-in-out}68%{transform:rotate(-14deg);animation-timing-function:ease-out}88%{transform:rotate(4deg);animation-timing-function:ease-out}to{transform:rotate(0)}}.tni-lock-keyhole[data-play]{animation:tni-lock-shake 1s cubic-bezier(.4,0,.2,1)}.tni-lock-keyhole[data-play] .shackle{animation:tni-lock-shackle 1.05s cubic-bezier(.4,0,.2,1)}@keyframes tni-lock-shake{0%{transform:rotate(-3deg) scale(.95)}33.3%{transform:rotate(1deg) scale(1.05)}66.7%{transform:rotate(-2deg) scale(.98)}to{transform:rotate(0) scale(1)}}@keyframes tni-lock-shackle{28.6%,71.4%{stroke-dashoffset:.3}}.tni-circle-gauge[data-play]{animation:tni-gauge 1.17s var(--tni-spring)}@keyframes tni-gauge{0%,to{transform:rotate(0)}36%,64%{transform:rotate(72deg)}}.tni-tablet-smartphone .phone,.tni-tablet-smartphone .dot{transform-box:fill-box;transform-origin:center}.tni-tablet-smartphone[data-play] .tablet{animation:tni-draw .45s ease-out}.tni-tablet-smartphone[data-play] .phone{animation:tni-phone-in .4s ease-out .12s backwards}.tni-tablet-smartphone[data-play] .dot{animation:tni-pop .2s ease-out .42s backwards}@keyframes tni-phone-in{0%{opacity:0;stroke-dashoffset:1;transform:scale(.7)}25%{opacity:1}to{opacity:1;stroke-dashoffset:0;transform:scale(1)}}.tni-bell[data-play]{animation:tni-bell .5s ease-in-out}@keyframes tni-bell{25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.tni-rocket .flame{transform-box:view-box;transform-origin:6.5px 17.5px}.tni-rocket[data-play]{animation:tni-rocket-lift 1s ease-in-out}.tni-rocket[data-play] .flame{animation:tni-rocket-flame 1s cubic-bezier(.4,0,.2,1)}@keyframes tni-rocket-lift{40%{transform:translateY(-3px)}60%{transform:translate(-1px,-2.2px)}80%{transform:translate(.5px,-1px)}}@keyframes tni-rocket-flame{20%{transform:scale(1.35)}45%{transform:scale(.95)}70%{transform:scale(1.25)}}.tni-file-stack[data-play] .front{animation:tni-stack-front 1.17s var(--tni-spring)}.tni-file-stack[data-play] .back{animation:tni-stack-back 1.17s var(--tni-spring)}@keyframes tni-stack-front{0%,to{transform:translate(0)}36%,64%{transform:translate(-4px,4px)}}@keyframes tni-stack-back{0%,to{transform:translate(0)}36%,64%{transform:translate(4px,-4px)}}.tni-history .arrow{transform-box:fill-box;transform-origin:center}.tni-history .hand-long,.tni-history .hand-short{transform-box:view-box;transform-origin:12px 12px}.tni-history[data-play] .arrow{animation:tni-history-arrow 1.09s var(--tni-spring-history)}.tni-history[data-play] .hand-long{animation:tni-history-long .6s cubic-bezier(.4,0,.2,1)}.tni-history[data-play] .hand-short{animation:tni-history-short 1s ease-in-out}@keyframes tni-history-arrow{0%,to{transform:rotate(0)}43%,57%{transform:rotate(-50deg)}}@keyframes tni-history-long{to{transform:rotate(-360deg)}}@keyframes tni-history-short{50%{transform:rotate(-45deg)}}.tni-credit-card[data-play] .card{animation:tni-card .7s ease-in-out}@keyframes tni-card{40%{transform:translate(-4px)}75%{transform:translate(1.5px)}}.tni-laptop-minimal-check[data-play] .check{animation:tni-draw-fade .4s ease-in-out}@keyframes tni-draw-fade{0%{opacity:0;stroke-dashoffset:1}to{opacity:1;stroke-dashoffset:0}}.tni-settings[data-play]{animation:tni-settings 1s linear(0,.039,.133,.257,.392,.524,.644,.749,.836,.904,.956,.994,1.018,1.033,1.041,1.043,1.041,1.037,1.032,1.026,1.02,1.015,1.011,1.007,1)}@keyframes tni-settings{to{transform:rotate(180deg)}}.tni-logout[data-play] .exit{animation:tni-logout .5s ease-in-out}@keyframes tni-logout{20%{transform:translate(-1.5px)}55%{transform:translate(3px)}}.tni-menu .bar{transform-box:fill-box;transform-origin:0% 50%}.tni-menu[data-play] .bar{animation:tni-menu-bar .45s ease-in-out backwards}.tni-menu[data-play] .m2{animation-delay:.06s}.tni-menu[data-play] .m3{animation-delay:.12s}@keyframes tni-menu-bar{50%{transform:scaleX(.5)}}.tni-building-2[data-play] .floor{animation:tni-draw .22s ease-out backwards}.tni-building-2[data-play] .f2{animation-delay:.07s}.tni-building-2[data-play] .f3{animation-delay:.14s}.tni-building-2[data-play] .f4{animation-delay:.21s}@keyframes tni-draw{0%{opacity:0;stroke-dashoffset:1}20%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@keyframes tni-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}