:root{--step--2: clamp(.5628rem, .6232rem + -.078vw, .6076rem);--step--1: clamp(.7292rem, .7219rem + .0366vw, .7502rem);--step-0: clamp(.875rem, .8315rem + .2174vw, 1rem);--step-1: clamp(1.05rem, .9516rem + .4922vw, 1.333rem);--step-2: clamp(1.26rem, 1.0802rem + .8989vw, 1.7769rem);--step-3: clamp(1.512rem, 1.2141rem + 1.4897vw, 2.3686rem);--step-4: clamp(1.8144rem, 1.3473rem + 2.3355vw, 3.1573rem);--step-5: clamp(2.1773rem, 1.4707rem + 3.533vw, 4.2087rem);--space-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);--bg-color: #0C0C0C;--text-color: #fff;--secondary-color: #1C1C1C;--renderer-color-1: #2b2b2b;--renderer-color-2: #1c1c1c}#root{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}*{box-sizing:border-box}body{font-family:Poppins;font-weight:400;margin:0;background-color:var(--bg-color);color:var(--text-color)}h1,h2,h3,h4,h5{font-weight:600;margin:0;color:var(--text-color)}html{font-size:100%}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-3)}h4{font-size:var(--step-2)}h5{font-size:var(--step-1)}small{font-size:.75rem}p{font-size:var(--step-0);color:var(--text-color);margin:0}a{color:var(--text-color)}.bold{font-weight:600}small{line-height:1;margin:0}.flex{display:flex}.hero{height:100svh;width:100%;padding:20px;gap:20px;flex-direction:row}.clip-left{clip-path:polygon(0 0,50% 0,50% 100%,0% 100%)}.clip-right{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.canvas-container{position:absolute}.viewport{width:100%;border-radius:20px;position:relative;overflow:hidden;flex-wrap:wrap}.viewport:hover{cursor:grab}.viewport:active{cursor:grabbing}.viewportContent{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;pointer-events:none;justify-content:space-between;flex-direction:column}.viewportBtn{pointer-events:all;display:block;margin:0;padding:5px}.viewportBtn:hover{cursor:pointer}.mode-icon{height:14px;display:block}.mode-selector{display:flex;gap:5px;align-items:center;justify-content:center;border:1px solid var(--text-color);border-radius:30px;color:var(--text-color)}.mode-button{background:none;padding:10px 14px;border-radius:30px;pointer-events:all;display:block;font-size:var(--step--1)}.mode-selector .selected{color:var(--bg-color);background-color:var(--text-color)}.viewportTop{justify-content:space-between;gap:10px;align-content:center}.viewportInteraction{gap:10px;align-content:center;align-items:center}.viewportBottom div{width:80%}.viewportBottom img{width:calc(var(--space-xl-2xl) + 20px)}.viewportBottom{align-items:end;justify-content:space-between}#viewer{width:100%;height:100%}.overlay{pointer-events:all;cursor:default;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--space-xl-2xl);animation:fadeIn .3s ease-in-out}.helpMode i{color:var(--text-color);font-size:var(--step-3)}.navHelpItem{width:18%;min-width:120px;text-align:center}.navHelpItems{justify-content:center;gap:20px;flex-wrap:wrap}.navHelpItems span{font-weight:600;font-size:larger}.inverted{color:var(--bg-color);background-color:var(--text-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeBounce{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}button{padding:10px 20px;font-family:poppins;font-weight:600;border-radius:10px;background-color:#141414;font-size:var(--step-0);border:1px solid transparent;color:var(--text-color)}button:hover{cursor:pointer;border:1px solid white}.sidebar-header{gap:10px;justify-content:stretch}.sidebar-header button{background-color:var(--bg-color);animation:fadeBounce .4s ease-in}.searchBar{gap:10px;padding:15px;justify-content:space-between;border-radius:10px;background-color:var(--bg-color);border:solid 1px transparent;width:100%;transition:width 1s ease-in;animation-name:fadeIn;animation-duration:1s}.searchBar input{background-color:transparent;border:none;font-family:inherit;color:var(--text-color);width:100%}.searchBar:hover{border:1px var(--text-color) solid}.searchBar input:focus{outline:none}.searchBar>#searchBTN:hover{cursor:pointer}.lista{position:relative;width:100%;height:100%;overflow-y:hidden}.lista ul{list-style:none;padding-inline-start:0;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:10px;width:100%;height:100%;flex:1;overflow-y:auto;padding-bottom:50px}.metadata-div ul{list-style:none;padding-inline-start:0;display:flex;flex-direction:column;gap:10px;margin:0;width:100%;height:100%;overflow-y:auto;flex:1}.lista ul{-ms-overflow-style:none;scrollbar-width:none}.lista .gradient{position:absolute;bottom:0;right:0;content:"";width:100%;height:20%;background-size:100%;background:linear-gradient(0deg,var(--secondary-color) 0%,rgba(0,0,0,0) 100%);z-index:10;pointer-events:none}.lista ul::-webkit-scrollbar{display:none}.hidden{display:none}.selectable-item{border:solid 1px transparent;position:relative;min-width:45%;padding:10px;text-decoration:none;list-style:none;background-color:var(--renderer-color-1);background-size:cover;background-position:center;border-radius:15px;aspect-ratio:1/1;flex:1 0 auto;cursor:pointer}.selectable-item:hover{border:1px var(--text-color) solid}.tooltip{position:fixed;padding:10px;background-color:var(--renderer-color-2);border:1px solid var(--renderer-color-1);border-radius:10px;z-index:1000;max-width:300px;animation-name:fadeIn;animation-duration:.2s;pointer-events:none}.tooltip.visible{visibility:visible;opacity:1}.tooltip img{width:100%;max-width:200px;border-radius:10px;margin-top:5px}.lista .selectedItem{border:1px green solid;color:var(--text-color)}.side-menu{width:20%;background-color:var(--secondary-color);border-radius:20px;flex-direction:column;text-align:center;padding:20px}.menu-icon{display:none;font-size:16px;color:var(--text-color);margin:0}.metadata-div{text-align:left}.metadata-item{padding-top:5px;width:100%}.metadata-item:not(:last-child){border-bottom:1px solid var(--text-color);padding-bottom:5px}.center-origin{transform:translate(-50%,-50%)}@media only screen and (max-width: 750px){.viewport{height:75svh}.hero{padding:0;flex-direction:column-reverse}.side-menu{width:100%;min-height:20svh;z-index:10;padding:10px;flex-grow:1;gap:10px;left:0;bottom:0}.objetos{flex-direction:row;margin:5px 0}.selectable-item{min-width:20vw;max-width:100%;height:100%;max-height:15vh;scroll-snap-align:center}.lista{overflow:visible}.lista ul{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:0;scroll-snap-type:x mandatory}.metadata-div>ul{flex-direction:row;align-items:flex-start;overflow-x:auto}.metadata-div .metadata-item{min-width:max-content;border-bottom:none;height:100%}.metadata-item:not(:last-child){border-right:1px solid var(--text-color);padding-right:5px}.metadata-div .description{min-width:60%}.viewportTop{justify-content:right}.viewportTitle{display:none}.lista{overflow-x:clip}.menu-icon{display:block}.lista .gradient{width:15%;height:100%;background:linear-gradient(-90deg,var(--secondary-color) 0%,rgba(0,0,0,0) 100%)}.lista .swiper-slide{transform:scale(.85)!important;transition:transform .3s}.lista .swiper-slide-active{transform:scale(1)!important;z-index:50}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.header .multiVizLogo{width:calc(var(--space-xl-2xl) + 40px)}.header{padding:30px 0;width:100%;max-width:1440px;justify-content:space-between;align-items:center}select,::picker(select){appearance:base-select}#language{background:none;color:var(--text-color);transition:.3s;border:none;padding:0;border-radius:0;gap:5px}#language:hover{cursor:pointer}#language::picker-icon{color:transparent;transition:rotate .4s;width:14px;height:14px;background:url(./chevron-down.svg);background-size:contain;background-position:center;align-self:center;background-repeat:no-repeat}#language:hover::picker-icon{color:transparent}#language:open::picker-icon{rotate:180deg}::picker(select){text-align:left;background:none;border:none;color:var(--text-color);border-top:1px solid var(--text-color);padding:2px 0;margin-top:2px}option{display:flex;justify-content:flex-start;gap:20px;padding:0}option:hover{cursor:pointer;background:none;color:var(--text-color)}option::checkmark{display:none}option:checked{display:none}nav a{text-decoration:none}nav ul{padding:0;gap:20px;flex-direction:row;align-items:center}nav ul li{list-style:none}nav i{font-size:var(--step-1)}.socialMedia{gap:5px}.homeHero{max-width:1440px;height:85vh;width:100%;align-items:center;justify-content:space-between}.heroContent{width:30%;flex-direction:column;gap:12px}.heroButtons{gap:12px}.heroTitle{line-height:1}.gridParent{height:90%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:20px;grid-row-gap:20px}.div1{grid-area:1 / 2 / 3 / 4}.div2{grid-area:3 / 1 / 5 / 2}.div3{grid-area:5 / 1 / 7 / 2}.div4{grid-area:3 / 2 / 6 / 3}.div5{grid-area:3 / 3 / 5 / 4}.heroGrid{width:40%;height:100%}.grid-item{border-radius:20px}.demo{max-width:1440px;align-items:center;background:radial-gradient(circle,var(--renderer-color-1) 0%,var(--renderer-color-2) 100%);border-radius:20px;justify-content:space-between;margin-bottom:40px}.demo h2{line-height:1}.demo.userCard{gap:12px;justify-content:flex-start}.aboutPageItem{max-width:1440px;padding:40px;flex-direction:column;gap:12px;text-align:left}.userCards.row{flex-direction:row;align-items:center;gap:20px}.socialLinks{gap:12px}.demoText{flex-direction:column;gap:12px;max-width:40%;align-items:flex-start;padding:40px}.demoImage{max-width:22%;margin-right:40px}.demo img{width:100%}.footer{width:100%;padding:20px 0;max-width:1440px;justify-content:center;align-items:center}@media (max-width: 640px){.header{padding:20px}.homeHero{flex-direction:column;height:85vh;gap:40px;padding:20px}.homeHero .heroContent,.heroGrid{width:100%}.demo{flex-direction:column-reverse;height:auto;gap:20px;padding:20px;margin:20px}.demoText{max-width:100%;align-items:center;text-align:center;padding:0 20px}.gridParent{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:10px;grid-row-gap:10px}.div1{grid-area:1 / 1 / 3 / 2}.div2{grid-area:1 / 2 / 3 / 4}.div3{grid-area:3 / 1 / 7 / 2}.div4{grid-area:3 / 2 / 5 / 3}.div5{grid-area:5 / 2 / 7 / 3}.demoImage{max-width:50%;margin:0}.footer{padding:20px;text-align:center}.userCards.row{flex-direction:column}.demo.userCard{flex-direction:row;margin:0}}