:where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){-webkit-box-sizing:content-box;box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--color-theme-green-copy: "#00ff00";--accent: 136, 58, 234;--accent-light: 224, 204, 250;--accent-dark: 49, 10, 101;--accent-gradient: linear-gradient( 45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60% )}@font-face{font-family:dmSans;font-display:block;unicode-range:U+000-5FF;src:url(/assets/fonts/dmSans/DMSans-VariableFont_opsz,wght.woff2) format("woff2");font-optical-sizing:auto;font-weight:100 900;font-style:normal}@-webkit-keyframes fadeInAnimation{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{opacity:.5;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInAnimation{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{opacity:.5;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes moveUpAndDownAnimation{0%{-webkit-transform:perspective(100px) translateZ(0);transform:perspective(100px) translateZ(0)}50%{-webkit-transform:perspective(100px) translateZ(-8px);transform:perspective(100px) translateZ(-8px)}to{-webkit-transform:perspective(100px) translateZ(0);transform:perspective(100px) translateZ(0)}}@keyframes moveUpAndDownAnimation{0%{-webkit-transform:perspective(100px) translateZ(0);transform:perspective(100px) translateZ(0)}50%{-webkit-transform:perspective(100px) translateZ(-8px);transform:perspective(100px) translateZ(-8px)}to{-webkit-transform:perspective(100px) translateZ(0);transform:perspective(100px) translateZ(0)}}@-webkit-keyframes moveLinkStripeAnimation{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}@keyframes moveLinkStripeAnimation{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}@-webkit-keyframes blinkAnimation{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes blinkAnimation{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes blurAnimation{0%{-webkit-filter:blur(0px);filter:blur(0px)}50%{-webkit-filter:blur(4px);filter:blur(4px)}to{-webkit-filter:blur(0px);filter:blur(0px)}}@keyframes blurAnimation{0%{-webkit-filter:blur(0px);filter:blur(0px)}50%{-webkit-filter:blur(4px);filter:blur(4px)}to{-webkit-filter:blur(0px);filter:blur(0px)}}.isActive{visibility:visible}.copy{font-size:1.6em;text-align:justify;letter-spacing:.1em;line-height:2;font-weight:500;color:#25ab6f}.copy mediaQueries.include tablet-xl{font-size:1.4em}.copy-highlight{color:#43ffc0;font-weight:500}.section-copy{font-size:1.6em;text-align:justify;letter-spacing:.1em;line-height:2;font-weight:500;color:#25ab6f;margin:30px 0 60px}.section-copy mediaQueries.include tablet-xl{font-size:1.4em}.section-subHeader{position:relative;font-size:1.2em;font-weight:800;letter-spacing:.1em;color:#ff3838;text-transform:uppercase;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:2px}.section-subHeader svg{position:absolute;fill:#ff3838;width:8px;height:8px}.section-subHeader svg:nth-child(1){top:-4px;left:-6px}.section-subHeader svg:nth-child(2){top:-4px;right:-4px}.section-subHeader svg:nth-child(3){right:-4px;bottom:-2px}.section-subHeader svg:nth-child(4){bottom:-2px;left:-6px}.link{color:#43ffc0;font-weight:500;text-decoration:underline;text-underline-offset:.2em;-webkit-transition:color .5s cubic-bezier(.25,1,.5,1),-webkit-filter 1s cubic-bezier(.25,1,.5,1);transition:color .5s cubic-bezier(.25,1,.5,1),-webkit-filter 1s cubic-bezier(.25,1,.5,1);transition:color .5s cubic-bezier(.25,1,.5,1),filter 1s cubic-bezier(.25,1,.5,1);transition:color .5s cubic-bezier(.25,1,.5,1),filter 1s cubic-bezier(.25,1,.5,1),-webkit-filter 1s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;pointer-events:all;cursor:pointer}.link:before{content:"";width:4px;height:100%;background-color:#43ffc0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;-webkit-transition:left 1s cubic-bezier(.25,1,.5,1);transition:left 1s cubic-bezier(.25,1,.5,1);-webkit-filter:drop-shadow(0px 0px 2px #43ffc0) alternate;filter:drop-shadow(0px 0px 2px #43ffc0) alternate;opacity:0}.link mediaQueries.include isHoverSupported:hover{color:#43ffc0;-webkit-filter:drop-shadow(0px 0px 4px #43ffc0);filter:drop-shadow(0px 0px 4px #43ffc0)}.link mediaQueries.include isHoverSupported:hover:before{-webkit-animation:moveLinkStripeAnimation 1s cubic-bezier(0,.55,.45,1) alternate;animation:moveLinkStripeAnimation 1s cubic-bezier(0,.55,.45,1) alternate}.tw-cursor{position:relative;width:2px;height:18px;top:3px;left:0;opacity:0;display:inline-block;background-color:#43ffc0;-webkit-filter:drop-shadow(0px 0px 4px #43ffc0);filter:drop-shadow(0px 0px 4px #43ffc0)}.letterSpacing{letter-spacing:6px}*{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}html{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;overflow:hidden;-ms-touch-action:none;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-overflow-style:none;overflow:-moz-scrollbars-none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;scroll-behavior:smooth;overscroll-behavior-y:contain;touch-action:none}body{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;overflow:hidden;-ms-touch-action:none;touch-action:none;-ms-scroll-chaining:none;overscroll-behavior:none;font-size:62.5%;font-family:dmSans,sans-serif;color:#000;background-color:#000}h1,h2,h3,h4,h5,h6{margin:0;font-family:dmSans,sans-serif}h2{font-weight:600;font-size:2em;margin:0;font-family:dmSans,sans-serif}p{font-size:1.6em;margin:0;font-family:dmSans,sans-serif}ul,nav{margin:0;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,button{font-size:1.4em;font-weight:500;padding:0;margin:0;border:none;background-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;margin:0}a,a:active,a:hover,a:visited{outline:0;color:#000}#app{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;overflow:hidden;-ms-touch-action:none;touch-action:none;-ms-scroll-chaining:none;overscroll-behavior:none;background-color:#000;background-image:linear-gradient(120deg,#fdfbfb,#ebedee)}.page{position:relative;width:100%;height:100%;inset:0;padding:0 30px;opacity:0;pointer-events:none;visibility:hidden;-ms-overflow-style:none;scrollbar-width:none}.page::-webkit-scrollbar{display:none}.page mediaQueries.include tablet-xl{padding:0 20px}.page-content{width:100%;height:100%;overflow:auto;pointer-events:none;-ms-overflow-style:none;scrollbar-width:none}.page-content::-webkit-scrollbar{display:none}.page-section{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.line{width:100%;max-width:800px;height:8px;margin:0 0 10px;position:relative;display:inline-block;background-color:#fff}#homePage{max-width:560px;margin:0 auto;padding:0;pointer-events:none}#homePage-content{position:absolute;height:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:120px 20px;overflow:hidden}#homePage-content.is-scrollable{height:100%;top:auto;-webkit-transform:translateY(0);transform:translateY(0)}#homePage-header{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#homePage-header-headline{font-size:12.125em;font-weight:100;line-height:0}#homePage-header-headline span:nth-child(1){margin-left:-4px}#homePage-header-headline span:nth-child(2){margin-left:-28px}#homePage-header-headline span:nth-child(3){margin-left:-31px}#homePage-header-sublines{margin-left:6px}.homePage-header-subline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;line-height:20px;position:relative}.homePage-header-subline .homePage-footer-link{margin-left:6px}.homePage-footer-link{pointer-events:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(hover:hover)and (pointer:fine){.homePage-footer-link:hover .homePage-footer-link-icon{-webkit-transform:scale(2) rotate(90deg);transform:scale(2) rotate(90deg)}.homePage-footer-link:hover .homePage-footer-link-copy:after{-webkit-transform:translateX(0);transform:translate(0)}}.homePage-footer-link-icon{width:4px;height:4px;background-color:#000;margin-right:6px;-webkit-transition:-webkit-transform cubic-bezier(.16,1,.3,1) 1s;transition:-webkit-transform cubic-bezier(.16,1,.3,1) 1s;transition:transform cubic-bezier(.16,1,.3,1) 1s;transition:transform cubic-bezier(.16,1,.3,1) 1s,-webkit-transform cubic-bezier(.16,1,.3,1) 1s}.homePage-footer-link-copy{position:relative;overflow:hidden}.homePage-footer-link-copy:after{content:"";width:100%;height:1px;background-color:#000;position:absolute;bottom:0;left:0;-webkit-transform:translateX(-110%);transform:translate(-110%);-webkit-transition:-webkit-transform cubic-bezier(.16,1,.3,1) 1s;transition:-webkit-transform cubic-bezier(.16,1,.3,1) 1s;transition:transform cubic-bezier(.16,1,.3,1) 1s;transition:transform cubic-bezier(.16,1,.3,1) 1s,-webkit-transform cubic-bezier(.16,1,.3,1) 1s}#homePage-footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:40px}.homePage-footer-item{font-size:1.4em;pointer-events:auto;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.homePage-footer-item:first-child{margin-left:0;font-weight:600;text-transform:uppercase}@media(max-width:768px){.homePage-footer-link{margin-left:10px}}@media(max-width:480px){#homePage-content{padding:60px 10px}#homePage-header-headline{font-size:10.125em;font-weight:100}#homePage-header-headline span:nth-child(2){margin-left:-24px}#homePage-header-headline span:nth-child(3){margin-left:-26px}#homePage-header-sublines{margin-top:-4px}.homePage-header-subline{font-size:1.4em;line-height:normal}#homePage-footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-top:60px;row-gap:10px}.homePage-footer-item{margin-left:0}}.component{visibility:hidden;-ms-overflow-style:none;scrollbar-width:none}.component::-webkit-scrollbar{display:none}.component-fullscreen{position:absolute;width:100%;height:100%;inset:0;padding:20px;opacity:0;pointer-events:none;visibility:hidden;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.component-fullscreen::-webkit-scrollbar{display:none}.component-fullscreen mediaQueries.include tablet-xl{padding:10px}#webglCanvas{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;overflow:hidden;-ms-touch-action:none;touch-action:none;-ms-scroll-chaining:none;overscroll-behavior:none}#loader{position:absolute;width:100%;height:100%;inset:0;z-index:1;padding:20px;overflow:hidden;pointer-events:auto;background-color:#000;-ms-overflow-style:none;scrollbar-width:none}#loader::-webkit-scrollbar{display:none}#loader mediaQueries.include tablet-xl{padding:10px}#loader-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0;right:0;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#loader-content-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#loader-content-progress-copy{text-transform:uppercase;color:#fff}#loader-content-progress-bar{background-color:#ffffff4d;width:100%;height:2px;top:6px;position:relative;border-radius:4px;overflow:hidden}#loader-content-progress-bar-mask{background-color:#fff;width:100%;position:absolute;height:100%;border-radius:4px;-webkit-transform:translateX(-110%);transform:translate(-110%);-webkit-transform-origin:left;transform-origin:left}#loader-content-title{text-transform:uppercase;-webkit-transform:translateY(12px);transform:translateY(12px);color:#fff}#demoMenu{position:absolute;inset:0;pointer-events:none;opacity:0;visibility:hidden}#demoMenu-content{position:absolute;inset:0;padding:20px;pointer-events:none;overflow:hidden}@media(max-width:480px){#demoMenu-content{padding:10px}}.demoMenu-content-copy{font-size:1.4em;font-weight:300;color:#fff;margin-top:2px;padding:6px 0 6px 6px;background-color:#000000bf;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#demoMenu-content-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:480px){#demoMenu-content-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}#demoMenu-content-header-lab{font-size:2em;pointer-events:auto;color:#fff;padding:2px 6px;background-color:#000000bf;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#demoMenu-content-header-lab span:nth-child(2){margin-left:-7px}#demoMenu-content-header-lab span:nth-child(3){margin-left:-8px}#demoMenu-content-nav{display:-webkit-box;display:-ms-flexbox;display:flex}.demoMenu-content-nav-btn{margin-right:2px;pointer-events:auto;color:#fff!important}#noSupport{position:absolute;width:100%;height:100%;inset:0;padding:30px;opacity:0;visibility:hidden;overflow:hidden;background-color:#000;pointer-events:none;z-index:1;-ms-overflow-style:none;scrollbar-width:none}#noSupport::-webkit-scrollbar{display:none}#noSupport mixins.include tablet-xl{padding:20px}#noSupport-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0;right:0;margin:0 auto}#navigation{position:fixed;height:200px;top:50%;left:auto;right:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;z-index:1;background:#000}#navigation mixins.include tablet-xl{right:20px}#navigation-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#00f;overflow:hidden}.navigation-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navigation-item-progress{width:100%;height:4px;background-color:orange}#navigation a{font-size:12px;text-decoration:none;color:#fff;pointer-events:auto}#navigation nav a:hover{text-decoration:underline}#navigation a.active{opacity:1}#navigation-progress{width:20px;height:100%;margin-left:10px;overflow:hidden;background-color:red}#navigation-progress-inner{position:relative;width:50%;height:100%;left:0;right:0;margin:0 auto;background-color:green;-webkit-transform:translateY(-100%);transform:translateY(-100%)}#demos{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:40px;row-gap:40px;list-style:none;margin:40px auto 0;pointer-events:auto}.demo-item{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}@media(hover:hover)and (pointer:fine){.demo-item.hasHover:hover .demo-item-meta-index:after{-webkit-transform:translateX(0);transform:translate(0)}}.demo-item-img{position:relative;width:100%;padding-bottom:100%;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-box-shadow:rgba(33,35,38,.4) 0px 10px 10px -10px;box-shadow:#21232666 0 10px 10px -10px}.demo-item-meta{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}.demo-item-meta-index{position:relative;margin-right:6px;font-size:1.4em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:nowrap}.demo-item-meta-index:after{content:"";width:100%;height:1px;background-color:#000;position:absolute;top:1.2em;left:0;-webkit-transform:translateX(-110%);transform:translate(-110%);-webkit-transition:-webkit-transform cubic-bezier(.16,1,.3,1) 1s;transition:-webkit-transform cubic-bezier(.16,1,.3,1) 1s;transition:transform cubic-bezier(.16,1,.3,1) 1s;transition:transform cubic-bezier(.16,1,.3,1) 1s,-webkit-transform cubic-bezier(.16,1,.3,1) 1s}.demo-item-meta-index-number{letter-spacing:.1em}.demo-item-meta-descr-title{font-size:1.4em}.demo-item-meta-descr-type{font-size:1.4em;margin-top:2px}@media(max-width:480px){#demos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}#cursor{position:absolute;left:-100%;right:0;top:-10px;margin:0 auto;width:20px;height:20px;pointer-events:none;opacity:0;z-index:4;mix-blend-mode:difference}#cursor-circle{position:absolute;width:100%;height:100%;left:0;right:0;margin:0 auto;top:0;pointer-events:none;border-radius:50%;background-color:#fff}#marquee{overflow:hidden;color:#000;white-space:nowrap;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:20px}#marquee-track{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-animation:scroll-left 20s linear infinite;animation:scroll-left 20s linear infinite}.marquee-content{-ms-flex-negative:0;flex-shrink:0;margin-right:.24em}.marquee-content-separator{position:relative;top:-.075em}@-webkit-keyframes scroll-left{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(-50%);transform:translate(-50%)}}@keyframes scroll-left{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(-50%);transform:translate(-50%)}}#demoCliqueColorPicker{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#000000bf;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:2px;padding:6px}#demoCliqueColorPicker-copy{line-height:0;margin-right:10px;font-size:1.4em;color:#fff}.demoCliqueColorPicker-btn{width:16px;height:16px;border-radius:50%;pointer-events:auto}.demoCliqueColorPicker-btn:first-of-type{background-color:#72a205;margin-right:10px}.demoCliqueColorPicker-btn:last-of-type{background-color:#fff}#demoLinesToolMenu{background-color:#000000bf;color:#fff;position:absolute;top:0;right:0;width:360px;padding:20px;border-left:1px solid rgba(255,255,255,.3);overflow-y:auto;max-height:100vh}#demoLinesToolMenu-dropArea{border-radius:4px;padding:20px;margin:20px 0;background-color:#ffffffbf;color:#101010}#demoLinesToolMenu-dropArea input[type=file]{margin-top:10px}#demoLinesToolMenu-settings input{color:#fff}#demoLinesToolMenu-previewContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin:20px 0}#demoLinesToolMenu-texture-preview{border:1px solid rgba(255,255,255,.3);padding:10px;background-color:#fff}#demoLinesToolMenu-texture-preview h3{color:#000}#demoLinesToolMenu-canvas{max-width:100%;display:block;border:1px solid rgba(255,255,255,.3)}#demoLinesToolMenu-downloadBtn{background-color:#25ab6f;border:none;color:#fff;padding:10px 20px;font-size:15px;margin-top:10px;cursor:pointer;border-radius:4px}#demoLinesToolMenu-downloadBtn:disabled{background-color:#ffffff4d;cursor:not-allowed}#demoLinesToolMenu-downloadBtn:focus{outline:2px solid #ffffff;outline-offset:10px}#demoLinesToolMenu-log{background-color:#101010;color:#ffffffbf;max-height:200px;overflow-y:auto;font-family:monospace;font-size:13px;margin-top:20px}#demoBeeAnimationPicker{position:fixed;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;opacity:0;visibility:hidden}#demoBeeAnimationPicker-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2px}.demoBeeAnimationPicker-btn{pointer-events:auto;font-size:1.4em;font-weight:300;color:#fff;letter-spacing:6px;opacity:.5;padding:6px;background-color:#000000bf;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.demoBeeAnimationPicker-btn.active{opacity:1}#demoBeeLabelInfo{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}#demoBeeLabelInfo-canvas{position:absolute;top:0;left:0;display:none;pointer-events:none}.demoBeeLabelInfo-panel{position:absolute;top:0;left:0;padding:0 6px 0 10px;color:#000;mix-blend-mode:difference;isolation:isolate;opacity:0;visibility:hidden;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.demoBeeLabelInfo-name{font-size:1.4em;font-weight:500;letter-spacing:6px;background-color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:2px 6px}.demoBeeLabelInfo-function,.demoBeeLabelInfo-fact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:1.2em;font-weight:300;margin-top:4px;background-color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:2px 6px}.demoBeeLabelInfo-dot{width:4px;height:4px;border-radius:50%;background-color:#000}
