.variant-preview{position:relative}.bubble{position:absolute;width:1px;transition:all 0.3s linear, width 2s ease;opacity:0;transform:translateX(-50%)}.bubble .bub{position:absolute;z-index:99;width:100%}.bubble .icon{position:absolute;margin-left:30%;margin-top:30%;width:40%;z-index:9;opacity:0.5}.template-image{position:relative}.template-image .overlay-icon{z-index:99}.template-image .overlay{position:absolute}.template-image .overlay .drag-handle{position:absolute;left:-10px;cursor:move;background:rgba(255,255,255,0.2)}.template-image .overlay .hover-toolbar{position:absolute;background:white;padding:4px;border-radius:3px;top:100%;left:0px;z-index:99;width:300px}.template-image .overlay .slider{padding:15px}.rc-slider{position:relative;height:4px;width:100%;border-radius:6px;background-color:#e9e9e9;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rc-slider-track{position:absolute;left:0;height:4px;border-radius:6px;background-color:#abe2fb;z-index:1}.rc-slider-handle{position:absolute;margin-left:-7px;margin-top:-5px;width:14px;height:14px;cursor:pointer;border-radius:50%;border:solid 2px #96dbfa;background-color:#fff;z-index:2}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle-active:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7}.rc-slider-mark{position:absolute;top:10px;left:0;width:100%;font-size:12px;z-index:3}.rc-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#999}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent;z-index:1}.rc-slider-dot{position:absolute;bottom:-2px;margin-left:-4px;width:8px;height:8px;border:2px solid #e9e9e9;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.rc-slider-dot:first-child{margin-left:-4px}.rc-slider-dot:last-child{margin-left:-4px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{border-color:#ccc;background-color:#fff;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed !important}.rc-slider-vertical{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;width:4px}.rc-slider-vertical .rc-slider-handle{position:absolute;margin-left:-5px;margin-bottom:-7px}.rc-slider-vertical .rc-slider-mark{top:0;left:10px;height:100%}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{left:2px;margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:first-child{margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block !important;-webkit-animation-play-state:paused;animation-play-state:paused}.rc-slider-tooltip-zoom-down-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block !important;-webkit-animation-play-state:paused;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{-webkit-transform:scale(0, 0);transform:scale(0, 0);-webkit-animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.rc-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}@-webkit-keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0, 0);transform:scale(0, 0)}100%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0, 0);transform:scale(0, 0)}100%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0, 0);transform:scale(0, 0)}}.rc-tooltip{position:absolute;left:-9999px;top:-9999px;z-index:4;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rc-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rc-tooltip-hidden{display:none}.rc-tooltip-placement-top{padding:4px 0 8px 0}.rc-tooltip-inner{padding:6px 2px;min-width:24px;height:24px;font-size:12px;line-height:1;color:#fff;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-tooltip-placement-top .rc-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");background-position:bottom right;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:se-resize}#main{transition:0.5s}#main.sidebar-open{transform:translateX(-500px)}#sidebar{height:100%;width:0px;position:fixed;top:0px;right:0px;z-index:2;transition:0.5s;background:#eee}#sidebar .content{padding:20px;width:500px;overflow-y:scroll;height:100%}#sidebar .close-icon{cursor:pointer}#sidebar .toggle-sidebar{position:absolute;top:250px;left:-48px;z-index:1;transform:rotate(-90deg);border-bottom:0px;z-index:1;cursor:pointer}#sidebar.open{width:500px}.editable{cursor:text}.hidden{display:none}.example-enter{opacity:0.01}.example-enter.example-enter-active{opacity:1;transition:opacity 500ms ease-in}.example-leave{opacity:1}.example-leave.example-leave-active{opacity:0.01;transition:opacity 300ms ease-in}.example-appear{opacity:0.01}.example-appear.example-appear-active{opacity:1;transition:opacity .7s ease-in}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@-webkit-keyframes bounce{0%, 100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-5px)}}@keyframes bounce{0%, 100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}.contains-hover .show-on-hover{display:none}.contains-hover:hover .show-on-hover{display:inherit}.contains-hover:hover .contains-hover .show-on-hover{display:none}.contains-hover:hover .contains-hover:hover .show-on-hover{display:inherit}