:root{--accent-color: hsl(245 40% 68%);--accent-light-color: hsl(244 38% 75%);--accent-dark-color: hsl(244 30% 40%);--bg-transparent-light-color: hsl(0 0% 100% / 0.23);--bg-color: hsl(0 0% 100%);--bg-darker-color: hsl(0 0% 96%);--bg-transparent-color: hsl(0 0% 99% / 0.4);--border-color: hsl(0 0% 90%);--link-color: hsl(245 23% 49%);--shadow-color: hsl(0 4% 5% / 0.05);--shadow-light-color: hsl(0 1% 5% / 0.05);--text-color: hsl(0 0% 24%);--text-active-color: hsl(0 0% 100%);--text-button-color: hsl(0 0% 45%);--text-light-color: hsl(0 0% 70%);--text-shadow-color: hsl(0 0% 90%)}.data-screen{--inset-l: 10%;--inset-t: 15%;border-radius:5px;border:1px solid var(--border-color);clip-path:inset(0 0 0 0 round 5px);column-gap:8rem;display:grid;grid-template-areas:"header header" "form samples" "footer footer";grid-template-columns:1fr 1fr;grid-template-rows:5rem 1fr 5rem;height:calc(100vh - 2*var(--inset-t));inset:var(--inset-t) var(--inset-l);min-height:26rem;position:relative;width:calc(100% - 2*var(--inset-l));z-index:0}@media(max-width: 60em){.data-screen{--inset-l: 0%;--inset-t: 0%;column-gap:2rem;border:none;grid-template-rows:5rem 1fr 5rem;height:100dvh;min-height:unset}}@media(max-width: 40em)and (orientation: portrait){.data-screen{grid-template-areas:"header" "form" "samples" "footer";grid-template-columns:1fr;grid-template-rows:8rem auto 1fr 5rem}}.data-screen__form,.data-screen__samples{display:flex;flex-direction:column;padding:3rem 0}@media(max-width: 60em){.data-screen__form,.data-screen__samples{padding:0;padding-top:2rem}}.data-screen__form{align-items:flex-end;grid-area:form}@media(max-width: 40em)and (orientation: portrait){.data-screen__form{align-items:center}}.data-screen__title{font-size:1.25rem;padding-bottom:1rem}.data-screen__samples{grid-area:samples}@media(max-width: 40em)and (orientation: portrait){.data-screen__samples{align-items:center;padding-top:0}}.data-screen__header{align-items:center;box-shadow:0px 2px 5px 3px var(--shadow-color);display:flex;grid-area:header;justify-content:center;padding:1.5rem}@media(max-width: 60em){.data-screen__header{padding:1rem}}.data-screen__header-title{align-items:flex-start;display:flex;font-size:1.875rem;gap:1rem}@media(max-width: 60em){.data-screen__header-title{font-size:1.75rem}}@media(max-width: 40em)and (orientation: portrait){.data-screen__header-title{align-items:center;flex-direction:column;font-size:1.25rem;gap:.5rem}}.data-screen__title-text{line-height:40px}.data-screen__footer{align-items:center;box-shadow:0px -2px 5px 3px var(--shadow-color);display:flex;justify-content:center;gap:3rem;grid-area:footer}@media(max-width: 60em){.data-screen__footer{gap:1.5rem}}.data-screen__input{background-color:var(--bg-darker-color);border-radius:5px;box-shadow:0px 2px 5px 3px var(--shadow-light-color) inset;color:var(--text-color);font-size:16px}@media(max-width: 60em){.data-screen__input{max-width:280px}}.data-screen__input::file-selector-button{box-shadow:0px 2px 5px 3px var(--shadow-light-color);background-color:var(--bg-color);border-radius:5px;border:none;color:var(--text-button-color);cursor:pointer;display:inline-block;font-size:1rem;font-weight:var(--bold-weight);height:3.125rem;padding:0 1.5rem;text-align:center;text-decoration:none;width:10rem;min-width:unset}@media(max-width: 60em){.data-screen__input::file-selector-button{max-width:40%;padding:0 1rem}}.data-screen__input::file-selector-button:hover{background:var(--accent-color);color:var(--text-active-color)}.data-screen__input::file-selector-button--active{background:var(--accent-color);color:var(--text-active-color);text-transform:uppercase}.data-screen__input::file-selector-button--active[disabled]{background-color:var(--bg-color);border:2px solid var(--text-light-color);color:var(--text-light-color)}.data-screen__input::file-selector-button[disabled]{color:var(--text-light-color);pointer-events:none}.data-screen__error{height:2rem}.data-screen__logo{height:40px}.data-screen__sample-files{list-style-type:none}.data-screen__sample-file-item{border-radius:2px;color:var(--link-color);cursor:pointer;display:block;margin-left:-0.5rem;padding:.5rem;text-decoration:underline;width:fit-content}@media(max-width: 60em){.data-screen__sample-file-item{margin-bottom:1rem}}.data-screen__sample-file-item:last-child{margin-bottom:0}.data-screen__sample-file-item:active{background:var(--accent-light-color)}.data-screen__upload{display:flex;flex-direction:column;align-items:center;gap:1rem}:root{--image-size: 35px;--panel-width: 270px;--default-weight: 300;--bold-weight: 700;--x-bold-weight: 1000;--default-layer: 0;--hidden-layer: -1;--menu-button-layer: 11;--menu-layer: 10;--overlay-layer: 20;--panel-drag-layer: 15;--tooltip-layer: 30}.menu{--menu-width: 200px;box-shadow:0px 2px 5px 3px var(--shadow-light-color);left:0;padding:1.5rem 0;position:absolute;top:0;z-index:var(--menu-layer)}.menu__items{box-shadow:0px 2px 5px 3px var(--shadow-light-color);opacity:1;transition:opacity 200ms ease-in-out,transform 200ms ease-in-out;background:var(--accent-color);border-bottom-right-radius:1.5rem;left:0;padding-bottom:2rem;padding-top:5rem;position:absolute;top:0}.menu__items--hidden{opacity:0;transform:translateX(calc(-1 * var(--menu-width)))}.menu__item{background:var(--accent-color);color:var(--text-active-color);cursor:pointer;display:block;font-size:1.25rem;font-weight:var(--bold-weight);line-height:2;min-width:var(--menu-width);padding:0 2.75rem;text-decoration:none;text-transform:capitalize}.menu__item--active,.menu__item:hover{background:var(--bg-transparent-light-color)}.menu__item[disabled]{color:var(--text-light-color);pointer-events:none}.menu__icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:47px;justify-content:center;position:absolute;width:47px;z-index:var(--menu-button-layer);left:1.875rem;top:1.25rem}@media(max-width: 60em){.menu__icon{left:1rem;top:1rem}}.menu__close:hover{background:var(--bg-transparent-light-color)}.menu__close svg>rect{fill:var(--bg-color)}.menu__open svg>rect{fill:var(--accent-color)}.menu__open:hover{background:var(--accent-color)}.menu__open:hover svg>rect{fill:var(--bg-color)}.data-series-panel__menu{box-shadow:0px 2px 5px 3px var(--shadow-light-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;transition:opacity 200ms ease-in-out,transform 200ms ease-in-out;background:var(--bg-transparent-color);height:100%;position:absolute;right:0;top:0;width:var(--panel-width);z-index:var(--menu-layer)}.data-series-panel__menu--hidden{opacity:0;transform:translateX(var(--panel-width))}@media(max-width: 60em){.data-series-panel__menu{height:100dvh}}.data-series-panel__content{scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;height:100%;overflow-y:scroll;padding:2rem 0}.data-series-panel__content::-webkit-scrollbar{background:rgba(0,0,0,0);width:0px}.data-series-panel__subtitle{color:var(--accent-color);font-style:italic;font-size:1.25rem;font-weight:var(--x-bold-weight);margin-bottom:.5rem;margin-top:1rem;padding:0 1.875rem}.data-series-panel__icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:47px;justify-content:center;position:absolute;width:47px;z-index:var(--menu-button-layer);background:var(--bg-color);top:1.25rem;right:1.875rem}.data-series-panel__icon svg>rect{fill:var(--accent-color)}.data-series-panel__icon:hover{background:var(--accent-color)}.data-series-panel__icon:hover svg>rect{fill:var(--bg-color)}.data-series-panel__close{box-shadow:0px 2px 5px 3px var(--shadow-light-color)}.data-series-panel__open{color:var(--text-color);top:1.25rem;right:1.875rem}.data-series-panel__open:hover{color:var(--bg-color)}.data-series{--animation-time: 400ms;display:flex;justify-content:space-between;margin:.25rem 0;padding:0 1.875rem}.data-series__name{border:2px solid rgba(0,0,0,0);border-radius:2rem;cursor:pointer;display:inline-block;flex-basis:80%;overflow:hidden;padding:calc(.5rem - 2px) 1rem;text-overflow:ellipsis;text-shadow:1px 1px 1px var(--text-shadow-color);white-space:nowrap}@media(hover: hover){.data-series__name:hover{background:var(--accent-light-color);color:var(--bg-color);text-shadow:none}}.data-series__name:active,.data-series__name--selected{background:var(--accent-color);color:var(--bg-color);text-shadow:none}.data-series__name--drag-select{background-color:unset;border:2px solid var(--accent-color);color:unset}.data-series__name--dragover{background:var(--accent-light-color);border-radius:2rem;color:var(--bg-color);text-shadow:none}.data-series__name--disabled{color:var(--text-color);opacity:.5}.data-series__name--disabled:hover{background:initial;color:var(--text-color);text-shadow:1px 1px 1px var(--text-shadow-color)}.data-series__channel{align-items:center;background:var(--accent-color);border-color:var(--accent-light-color);border-radius:2rem;border-style:solid;border-width:0;color:var(--bg-color);cursor:pointer;display:flex;font-weight:var(--x-bold-weight);height:var(--image-size);justify-content:center;opacity:1;transition:transform var(--animation-time) ease-in-out;width:var(--image-size)}.data-series__channel--noop{text-align:center;font-size:.75rem;line-height:.9}.data-series__channel:active{transform:scale(2)}.data-series__channel--dragging{opacity:0}.data-series__channel>svg{height:var(--image-size);width:var(--image-size)}.drag-image{--drag-y-start: 30px;height:var(--image-size);position:absolute;right:var(--drag-y-start);top:calc(-1*var(--image-size));transition:top 60ms ease-in;width:var(--image-size);z-index:var(--hidden-layer)}.drag-image--size{border-radius:50%;background:var(--accent-color)}.help-overlay{--transition-duration: 300ms}.help-overlay__item{filter:drop-shadow(2px 2px 5px var(--shadow-color));background:var(--bg-color);border-radius:5px;opacity:1;padding:1rem;position:absolute;transform:translateX(0%);width:15rem;z-index:var(--overlay-layer)}.help-overlay__item::after{border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);border-left:10px solid var(--bg-color);content:"";height:0;left:100%;position:absolute;top:calc(50% - 10px);width:0}.help-overlay__parent{border:2px solid var(--accent-dark-color)}.tooltip{--transition-duration: 300ms;box-shadow:0px 2px 5px 3px var(--shadow-light-color);background:var(--bg-color);border-radius:5px;opacity:1;padding:.5rem 1rem;position:absolute;transition:opacity var(--transition-duration) ease-in-out;z-index:var(--tooltip-layer)}.tooltip--hiding,.tooltip--hidden{opacity:0}*{box-sizing:border-box;font-family:"Roboto Flex",sans-serif;font-weight:300;margin:0;padding:0}a{color:var(--link-color)}main{overflow:hidden;position:relative;width:100vw}body{color:var(--text-color);margin:0}main{height:100lvh}#vizzu-swipe{background:var(--bg-color);height:100vh;padding-left:4rem;position:relative;width:100vw;z-index:var(--default-layer)}@media(max-width: 60em){#vizzu-swipe{height:100dvh;padding-left:3rem}}#vizzu-swipe .footer-gradient{background:linear-gradient(to bottom, hsla(0, 0%, 100%, 0) 0, hsl(0, 0%, 100%) 50%);bottom:0;height:20px;left:0;position:absolute;width:100%}.vizzu-button{box-shadow:0px 2px 5px 3px var(--shadow-light-color);background-color:var(--bg-color);border-radius:5px;border:none;color:var(--text-button-color);cursor:pointer;display:inline-block;font-size:1rem;font-weight:var(--bold-weight);height:3.125rem;padding:0 1.5rem;text-align:center;text-decoration:none;width:10rem}@media(max-width: 60em){.vizzu-button{max-width:40%;padding:0 1rem}}.vizzu-button:hover{background:var(--accent-color);color:var(--text-active-color)}.vizzu-button--active{background:var(--accent-color);color:var(--text-active-color);text-transform:uppercase}.vizzu-button--active[disabled]{background-color:var(--bg-color);border:2px solid var(--text-light-color);color:var(--text-light-color)}.vizzu-button[disabled]{color:var(--text-light-color);pointer-events:none}input[type=file]::file-selector-button{appearance:none;border:2px solid var(--border-color);font-weight:var(--default-weight);position:relative}input[type=file]::file-selector-button:hover{border:2px solid var(--accent-color)}.load-overlay{align-items:center;background:#fff;display:flex;height:100dvh;justify-content:center;width:100dvw;z-index:1}.load-overlay__logo{width:min(475px,60%)}.hidden{display:none !important}.fullscreen-icon{background:rgba(0,0,0,0);border:none;border-radius:50%;cursor:pointer;height:47px;margin:0px;padding:0px;position:absolute;right:5rem;top:1.25rem;width:47px}.fullscreen-icon>svg{vertical-align:middle}.fullscreen-icon:hover{background:var(--accent-color)}.fullscreen-icon:hover svg>rect{fill:var(--bg-color)}.empty-img{position:absolute;visibility:hidden}