body{padding:0;font-family:Monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;margin:0;font-size:14px}.navbar{background-color:#333;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;height:40px;padding:0 16px;position:relative;z-index:3}.menu{display:flex;box-shadow:none;transition:transform 1s ease}.dropdown{position:relative;display:inline-block}.dropbtn{border:none;background:none;outline:none;color:#fff;cursor:pointer;padding:0 12px}.dropbtn:hover{font-weight:700}.dropdown-content{display:none;position:absolute;min-width:100px;z-index:2;background-color:#fff;border:1px #333 solid;box-shadow:#888 0 5px 5px}.dropdown-content a{color:#333;text-decoration:none;padding:10px 16px;display:block;text-align:left}.dropdown-content a:hover{background-color:#333;color:#fff}.dropdown:hover .dropdown-content{display:block;opacity:1}.dropdown-content .dropdown-content{background-color:#444}.dropdown-content .dropdown-content a{padding:12px 16px}.dropdown-content:hover .dropdown-content{display:block}.toggle-checkbox{display:none}.toggle-checkbox,.toggle-label{display:none;cursor:pointer}.editable-text{width:30%;white-space:nowrap;overflow:hidden;color:#fff;text-align:center}.simulate-toggle-label{width:18px;color:#fff;vertical-align:middle;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:20px}.simulate-toggle-label:before{content:"❚❚"}.simulate-toggle-checkbox{display:none}.simulate-toggle-checkbox:checked+.simulate-toggle-label:before{content:"►"}.close-icon{display:none;position:relative;height:42px;align-items:center;margin-right:12px}.container{display:flex;flex-direction:row-reverse;height:calc(100vh - 40px)}.sidebar{background-color:#fff;color:#333;width:150px;box-shadow:#888 1px 0 5px;position:relative;z-index:2}.content{width:calc(100% - 150px);height:100%;background-color:#eee;overflow:hidden}.component-container{display:block;position:relative;width:100%;margin:0 auto;overflow-y:overlay;overflow-x:hidden;scrollbar-gutter:stable;-ms-overflow-style:none;height:100%}.component-container::-webkit-scrollbar{display:none}.component-slider{display:flex;overflow:hidden;width:100%;transition:transform .5s ease}.component{flex:0 0 33.33%;text-align:center;position:relative}#drag-icon{position:absolute;opacity:.3}.component-title{margin:0;padding:0}.component-dropdown-checkbox{display:none}.component-dropdown-label{-webkit-user-select:none;user-select:none;cursor:pointer;border:1px #333 solid;border-right:none;border-left:none;padding:12px 0;display:block}.component-dropdown-label:after{content:"▲"}.component-dropdown-checkbox:checked~.component-list{display:none}.component-dropdown-checkbox:checked+.component-dropdown-label:after{content:"▼"}.slider-radio{display:none}.prev,.next{display:none;position:absolute;top:20px;transform:translateY(-50%);padding:0 12px;color:#fff;cursor:pointer;font-size:32px;z-index:2}.prev{left:0}.next{right:0}.component-slider{display:block;transform:none}.component-list{display:block;overflow-y:auto}.component-images{display:block;padding:7px 4px;margin:0 4px;text-align:center}.component-image{-webkit-user-select:none;user-select:none;text-align:center;padding:0 8px;cursor:pointer}#stage-menu,#component-menu{display:none;position:absolute;width:100px;background-color:#fff;box-shadow:0 0 5px gray;border-radius:3px;padding:1px;z-index:10}.content{position:relative;z-index:2}#stage-menu button,#component-menu button{width:100%;background-color:#fff;border:none;margin:0;padding:10px 10px 10px 14px;text-align:left;font-size:14px;cursor:pointer}#stage-menu button:hover,#component-menu button:hover{background-color:#d3d3d3}#delete-button{color:red}hr{margin:2px 0}.toast{position:fixed;width:250px;height:58px;top:48px;right:8px;background:white;z-index:100;border-radius:4px;box-shadow:0 0 5px gray;transition:opacity .5s ease;opacity:0}.modal{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:#33333380;transition:opacity .5s ease;opacity:0;z-index:1;width:100%;height:100vh}.modal>.modal-body{background-color:#fff;min-width:250px;min-height:150px;position:relative;border-radius:4px}#modal-message{padding:22px 0}.modal-body>.modal-footer{display:flex;justify-content:space-around;align-items:center;border-top:2px solid #333;position:absolute;width:100%;bottom:0;left:0;height:40px}#confirm-button{border:1px solid #333;color:#fff;background:#333;min-width:62px;height:28px;border-radius:4px;cursor:pointer}#confirm-button:hover{color:#333;background:white}#cancel-button{border:1px solid #333;color:#333;background:white;min-width:62px;height:28px;border-radius:4px;cursor:pointer}#cancel-button:hover{color:#fff;background:#333}.message{z-index:2;position:fixed;bottom:12px;right:12px}#opening-modal{opacity:1;z-index:90}.button{border:1px solid #333;background:#333;color:#fff;min-width:182px;border-radius:4px;cursor:pointer;margin:6px;padding:8px 16px;font-weight:600;transition:background .3s ease,color .3s ease}.button:hover{background:white;color:#333}.link{border:none;background:transparent;color:#888;transition:color .3s ease}.link:hover{color:#333}.support{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:0;width:150px;background-color:#333;color:#fff;padding:8px 0}.support>a{margin-left:8px;text-decoration:none;color:#fff}.support>a>img{vertical-align:middle}.support>a:hover{color:#888}.support>label{margin-right:8px;cursor:pointer;font-size:18px;color:#fff}.support>label:hover{color:#888}#support-toggle:checked+.support{display:none}@media (max-width: 768px){.close-icon{display:flex}.menu>.toggle-label{text-align:right;padding:10px 10px 0 0}.close-icon>div>.toggle-label{color:#333}.toggle-label{display:block;color:#fff}.menu{display:block;position:absolute;left:-260px;top:0;background-color:#fff;height:100vh;width:250px;box-shadow:#888 1px 0 5px;transition:left .5s ease}.dropdown-content{background-color:#fff;border:none;box-shadow:none}.dropbtn{color:#333;font-weight:700}.toggle-checkbox:checked~.menu{left:0}.dropdown{display:block}.dropdown-content{display:block;position:relative}.dropbtn{padding:12px 10px;cursor:default}.dropbtn:hover{font-weight:400}.container{display:block}.content{width:100%;height:calc(100% - 150px)}.sidebar{width:100%;height:150px;overflow:hidden;position:fixed;bottom:0;left:0}.component-container{display:flex;overflow-y:hidden;overflow-x:auto;height:150px}.component{width:100%;overflow-x:auto}.component-dropdown-label:after{content:""}.component-dropdown-checkbox:checked+.component-dropdown-label:after{content:""}.prev,.next{display:block;-webkit-user-select:none;user-select:none}.component-container,.component-slider{width:300%}.component-slider{display:flex}#slide1:checked~.component-slider{transform:translate(0)}#slide2:checked~.component-slider{transform:translate(-33.33%)}#slide3:checked~.component-slider{transform:translate(-66.66%)}.component-list{display:block;overflow-y:auto;width:100%}.component-images{width:max-content}.component-image{display:inline}.component-dropdown-label{border:none;background-color:#333;color:#fff}.component-dropdown-checkbox:checked~.component-list{display:block}.message{bottom:162px}.support{width:100%}.support>label{margin-right:18px;font-size:20px}.support>a{margin-left:18px}}.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:#ffffffbf;cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:#ffffffbf}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:#000000bf}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:#000000bf}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{background:transparent;border:none;color:#808080bf;cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:#000000bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:#808080bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:#000000bf}.shepherd-title{color:#000000bf;display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:#000000bf;font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px #0003;max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}