.splitViewContainer{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:30px;justify-content:space-between}.website{border:1px solid #333;flex:3 1}.websiteImage{height:90vh;width:auto}.mobile{align-items:center;display:flex;flex:1 1;justify-content:center}.mobileImage{border:1px solid gray;height:85vh}.container-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.mobileOnlyContainer{align-items:center;border:1px solid gray;display:flex;height:85vh}.mobileOnly{height:85vh;width:auto}.formGroup{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin-top:20px}.inputForm{font-size:1.2rem;height:30px;width:200px}ul li{margin-left:10px;margin-top:20px}ul li:before{color:#333}.imageContainer{position:relative}.imageContainer .after{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.backButton{background-color:#fff;border:1px solid #888;bottom:0;color:#888;font-size:1.1rem;left:0;padding:10px;position:absolute}.backButton:hover{background-color:#888;color:#fff}.noStyleButton{all:unset;cursor:pointer}@media only screen and (max-width:900px){.splitViewContainer{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}}.page-container{box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:50px;position:relative}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.logout-button,.navigate-button{background-color:#4b1790;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 16px}.header h1{color:#333;font-size:2rem}.logo{height:120px}.content{flex:1 1;overflow:auto;padding-bottom:2.5rem}.demo-list{list-style-type:none;padding:0;width:100%}.list-item{font-size:1.2rem;margin-bottom:15px}.list-item a{color:#007bff;text-decoration:none;transition:color .3s ease}.list-item a:hover{color:#0056b3}.footer{bottom:0;color:#666;flex-shrink:0;height:2.5rem;padding-bottom:20px;position:absolute;text-align:center;width:100%}@media only screen and (max-width:1200px){.header{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-bottom:0}}.demo-description{font-size:.7em;margin-bottom:.5em;margin-top:.5em}body{box-sizing:border-box;font-size:1rem;margin:0}.container{align-items:center;display:flex;flex:1 1;justify-content:center}.play-demo-container{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between}.mobile-only-container{align-items:center;display:flex;flex:1 1;flex-direction:row;height:100%;justify-content:center;padding:10px}.mobile-only-image{border:5px solid #333;display:block;height:auto;position:relative}.left-frame{align-items:center;display:flex;flex:3 1;justify-content:center}.left-frame-container{border:5px solid #333;height:auto;max-width:100%;position:relative;width:100%}.bg-img{display:block;width:100%}.mobile-only-image>.bg-img{height:660px;width:auto}.mobile-only-container>.description{padding:0}.right-frame{align-items:center;display:flex;flex:1 1;justify-content:center}.right-frame-container{border:5px solid #333;height:auto;max-width:100%;position:relative;width:100%}.zero-frame{align-items:center;display:flex;flex:1 1;justify-content:center}.zero-frame-container{border:5px solid #333;height:auto;max-width:100%;position:relative;width:100%}button{background-color:#1f1a1a33;border:none;cursor:pointer}.overlay-container{background-color:#ffffffe6;border-radius:4%;left:50%;padding:10%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.overlay-cancel-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;line-height:normal;margin-top:10px;padding:5px 10px}.description{background-color:#969696;bottom:15px;color:#fff;font-family:Arial,sans-serif;font-size:1.3rem;left:50%;padding:10px;position:absolute;transform:translateX(-50%);z-index:1000}.subDescription{margin-top:10px}.bouncingArrow{animation:bounce .5s infinite alternate;font-size:20px}@keyframes bounce{0%{transform:translateX(0)}to{transform:translateX(-15px)}}@media only screen and (min-height:1000px){.mobile-only-image>.bg-img{height:850px;width:auto}}@media only screen and (min-height:1800px){.mobile-only-image>.bg-img{height:1700px;width:auto}}@media only screen and (max-width:1200px){.play-demo-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;padding:0}.left-frame,.right-frame{display:block;margin:auto}.left-frame-container{max-width:1200px;min-width:1200px;position:relative}.right-frame-container{max-width:340px;min-width:340px;position:relative}.bg-img{width:100%}}.Dropdown-root{position:relative}.Dropdown-control{background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:default;outline:none;overflow:hidden;padding:8px 52px 8px 10px;position:relative;transition:all .2s ease}.Dropdown-control:hover{box-shadow:0 1px 0 #0000000f}.Dropdown-arrow{border-color:#999 #0000 #0000;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0}.is-open .Dropdown-arrow{border-color:#0000 #0000 #999;border-width:0 5px 5px}.Dropdown-menu{-webkit-overflow-scrolling:touch;background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.Dropdown-menu .Dropdown-group>.Dropdown-title{color:#333;font-weight:700;padding:8px 10px;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.Dropdown-option:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Dropdown-option.is-selected,.Dropdown-option:hover{background-color:#f2f9fc;color:#333}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}body{font-family:Arial,Helvetica,sans-serif;font-size:18px;margin:0 0 20px;padding:0}.header-demoauthoringtool{align-items:center;background-color:#282c34;color:#fff;display:flex;justify-content:center}.container-demoauthoringtool{border:1px solid gray;margin:20px;padding:10px;width:500px}.dashboard-container,.sub-container{display:flex;flex-direction:column;justify-content:center}.sub-container{margin:30px}.image-container{border:1px solid gray;height:auto;margin-left:20px;margin-top:20px;position:relative;width:500px}h2.title{text-align:center}.form{flex-direction:column;justify-content:center}.form,label{align-items:flex-start;display:flex}.form>label{padding-bottom:10px}.label{display:block;text-align:left;width:200px}input,textarea{outline:none;padding:5px;width:280px}.sub-labels{padding-left:40px}.sub-labels .label{display:block;text-align:left;width:160px}.sub-labels label{margin-bottom:10px}.submit-button{background-color:#d3d3d3;border:1px solid #d3d3d3;border-radius:7px;color:#000;display:block;font-size:1.2rem;padding:10px;text-transform:uppercase;width:100%}.submit-button:hover{background-color:gray;border:1px solid gray;color:#fff;outline:none;padding:10px}.button-demoauthoringtool{background-color:#d3d3d3;border:1px solid gray;cursor:pointer;font-size:1.1rem;padding:8px}.button-demoauthoringtool:hover{background-color:#333;color:#fff}.image-content{border:1px solid gray;position:relative;width:100%}.Dropdown-control{align-items:center;border:1px solid #333;display:flex;height:30px;justify-content:center;width:294px}.hotZone-button{margin-right:20px;padding:5px}.container-imagePreview{margin:auto auto 20px;padding:0}.notification{color:#2d87e2;font-size:1rem;font-weight:700;height:20px;margin-bottom:10px;padding:0;text-align:center}.flex-start{display:flex;flex-direction:row;gap:20px;justify-content:flex-start}.buttons-center{border:none;display:flex;gap:20px;justify-content:space-around}.create-script-button{display:flex;flex-direction:row;justify-content:flex-start;margin:30px}.scripts-table{list-style-type:none;margin:auto;text-align:center;width:80%}.table-header,.table-row{align-items:center;border:1px solid gray;display:flex;height:60px}.table-header li{margin-top:0}.table-row{align-items:center}.table-header{display:flex;flex:1 1;font-weight:700;justify-content:space-evenly}.table-col{flex:1 1;justify-content:center}.left,.table-col{align-items:center;display:flex;margin-top:0}.left{justify-content:flex-start;width:400px}.preview{width:100px}.script-editor-container{display:flex;flex-direction:row;justify-content:space-evenly}button:disabled,button:disabled:hover{background-color:#d3d3d3;cursor:not-allowed}button:disabled:hover{color:#1010104d}@media screen and (max-width:1080px){.script-editor-container{flex-direction:column;justify-content:center}.buttons-center{justify-content:flex-start;margin-left:20px}}
/*# sourceMappingURL=main.deeb1525.css.map*/