.userflow-wrapper{position:relative;left:calc(25vw - 1em);width:50vw;height:20vh;overflow:visible;cursor:-webkit-grabbing;cursor:grabbing}.userflow-wrapper:before{content:"";position:absolute;top:-1em;left:50%;width:100vw;height:calc(100% + 2em);background:#ccc;transform:translateX(-50%)}.userflow-wrapper .note{position:absolute;bottom:-5em;font-size:.7em}.userflow-wrapper ::-webkit-scrollbar{-webkit-appearance:none;width:7px}.userflow-wrapper ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#909;box-shadow:0 0 1px hsla(0,0%,100%,.5)}.userflow-wrapper:focus ::-webkit-scrollbar-thumb,.userflow-wrapper:hover ::-webkit-scrollbar-thumb{background-color:#f0f}.userflow-wrapper .userflow-container{position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100vw - 2em);height:20vh;overflow-x:scroll;overflow-y:hidden}.userflow-wrapper .userflow-container img{height:20vh;width:calc(547vh - 100vw);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none;cursor:-webkit-grab;cursor:grab}.carousel-root .carousel:not(.carousel-slider){background:#ccc;margin-bottom:1em;padding:0;border-radius:1000px}.carousel-root .carousel:not(.carousel-slider) .thumbs-wrapper{margin:10px}.carousel-root .carousel:not(.carousel-slider) .thumbs-wrapper:before{content:"Click on the thumbnails to view the full version";font-size:.8em;font-weight:400;font-family:ClashDisplay;text-transform:uppercase;letter-spacing:1px;text-align:center;display:block;width:100%;margin-bottom:1em}.carousel-root .carousel:not(.carousel-slider) .thumbs-wrapper .thumbs{margin:0;padding:0}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;max-height:60vh;object-fit:contain;display:inline-block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.carousel img.overlay{position:absolute;opacity:1;z-index:4;transition:opacity .5s linear}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected{border:3px solid #f0f}.carousel .thumb:hover{border:3px solid #909}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center;padding-bottom:20px}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;top:75%;left:50%;background:#313131;color:#fff;box-shadow:0 0 20px #000;font-family:ClashDisplay;font-size:1em;font-weight:600;text-transform:uppercase;letter-spacing:1px;transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2;border-radius:10px;padding:10px;text-align:center;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media(min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.carousel:hover .slide .overlay{opacity:.1;transition:opacity .1s linear}.carousel-root{display:flex;flex-direction:column}.carousel-slider{order:2}.carousel .thumbs-wrapper .thumbs{display:flex;align-items:center;justify-content:center;order:-1}