.App{text-align:center}html{overflow:hidden;height:100%}a,div,h1,h2,h3,h4,h5,h6,html,img,li,ol,p,ul{-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important;user-select:none!important;-moz-user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important}.overlay-style{position:relative;width:100%;height:calc(100vh - 65px);margin-left:auto;margin-right:auto;padding:25px;background:rgba(0,0,0,.5);text-align:center;color:#fff;border:10px dashed #666;display:flex;flex-direction:column;justify-content:center;align-items:center}#react-confirm-alert .react-confirm-alert-overlay{z-index:1250}.uploadIcon{color:#fff;cursor:pointer}.uploadIcon:hover{color:#32cd32}.drag-and-drop-text{padding-top:10px;font-size:20px}.versionText{font-size:x-small}.collapsing{-webkit-transition:none;transition:none;display:none}.search-container{width:0;height:0;position:relative}.active-result{background-color:#8c8c8c}.search-results{border:1px solid #ddd;float:left;position:absolute;left:0;top:0;background-color:#fff;z-index:1000}.loader{margin-top:-105px;margin-left:-120px;border:16px solid #f3f3f3;border-top-color:#3498db;z-index:100}.loader-background{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;z-index:99;display:block}.form-group{padding:2px;z-index:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.buttons{border-left:1px solid #666;border-radius:3px 3px 3px 3px;float:right;position:relative;width:26px;z-index:0}.decrement,.increment{background:#e1e1e1;border-right:1px solid #444;font-weight:700;cursor:pointer;display:block;float:left;height:15px;text-align:center;vertical-align:middle;width:25px;z-index:1;line-height:13px}.decrement{background:#e1e1e1;color:#000}.increment{border-top:1px solid #444;border-bottom:1px solid #444;border-radius:3px 3px 0 0;color:#000}.decrement:hover,.increment:hover{background:#a9a9a9}.decrement{border-radius:0 0 3px 3px;border-bottom:1px solid #444}@-moz-document url-prefix(){.lineWidth{width:88%}}@supports (-ms-ime-align:auto){.lineWidth{width:88%}}.toolBar{display:flex;flex-direction:row;height:115px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3c3c3c),to(#222));background-image:linear-gradient(180deg,#3c3c3c,#222)}.toolBarTabs{display:flex;flex-direction:column;color:#fff;width:100vw;margin-top:17px}.toolBarTabs ul{padding-right:200px;padding-left:280px;border-color:#707070}.toolBarTab{padding-top:10px;padding-left:5px;display:flex;flex-direction:column;background-image:-webkit-gradient(linear,left top,left bottom,from(#14191f),to(#28323e));background-image:linear-gradient(180deg,#14191f,#28323e);border-bottom:1px solid #b0b0b0;height:55px}.toolBarTabs .nav-tabs>li.active>a{border-color:#b0b0b0}#toolBarTabs ul li a{color:#fff;background-color:transparent;background-image:none;border-bottom:none;margin-right:0}#toolBarTabs ul li.active,#toolBarTabs ul li a:focus,#toolBarTabs ul li a:hover{color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(#14191f));background-image:linear-gradient(180deg,#000,#14191f);border-color:#b0b0b0;border-bottom:none}.toolContents{margin:5px;display:flex;align-items:center;background-color:transparent;color:#fff}.toolBarDrawingButtons{margin:0;list-style:none;flex-direction:row;flex-wrap:nowrap;justify-content:left}.toolBarDrawingButton{margin:0;height:auto}.toolBarDrawingButton:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.customButtonInnerContainer{margin:0 10px;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#d3d3d3));background-image:linear-gradient(#333,#d3d3d3);cursor:pointer;border-radius:6px;border:1px solid #fff}.customShapeSvg{padding:2px;max-width:100%;max-height:100%;background-size:cover}#drawing-panel .disabled{opacity:.5;pointer-events:none}.drawing-button:focus{outline:none}.toolBarDrawingButtonSeparator{border-radius:5px;border-left:1px solid grey;border-right:1px solid #a9a9a9;box-shadow:0 0 3px #000;height:35px;margin-left:10px}.toolBarIcon{display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px;color:#fff;margin-right:5px;margin-top:10px}.toolBarIcon:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.toolBarBtn{font-size:12px;margin-top:2px;margin-left:5px;font-weight:700}.toolBarAnnotationPanel{display:flex;flex-direction:row;align-items:flex-start;justify-content:left;flex-wrap:nowrap}.toolBarAnnotationPanel .toolBarBtn{width:185px}.sideIcon{color:#fff}.sideIcon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#preserveAnnotation{margin-top:1px}.toolBarFormatting{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:left}.toolBarFormControl{display:flex;flex-wrap:nowrap;width:165px}.shadowDropdown{list-style:none;border:none}.shadowDropdown ul{border:none;margin-top:10px}.toolBarTable{background-color:transparent;margin:8px 10px 0;cursor:pointer;font-size:18px}#nav-dropdown-table{color:#fff}.colorDropdown{list-style:none;padding-left:0!important;padding-right:0!important}.colorPreviewDiv{margin-top:0;margin-right:5px}.customShapeContextMenu{color:#000;position:absolute;z-index:100000;cursor:pointer}ul.dropdown-menu{color:#3c3c3c;border:none}@media only screen and (max-width:940px){.toolBar{display:flex;flex-direction:row;height:165px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3c3c3c),to(#222));background-image:linear-gradient(180deg,#3c3c3c,#222)}.toolBarTabs ul{padding-top:50px;padding-right:0;padding-left:0;border-color:#707070}}@media only screen and (max-width:755px){.toolBar{display:flex;flex-direction:row;height:195px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3c3c3c),to(#222));background-image:linear-gradient(180deg,#3c3c3c,#222)}.toolBarTab{height:85px}.toolBarFormatting{margin:0;padding:0;flex-wrap:wrap}.toolBarFormatting .form-group{margin:0}.toolBarAnnotationPanel{flex-wrap:wrap}}.toolBarTable ul{padding:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3c3c3c),to(#222));background-image:linear-gradient(180deg,#3c3c3c,#222)}.newTableBody{flex-direction:column;padding:15px 15px 0}.newTableBody,.newTableFormControl{display:flex;justify-content:center;align-items:center}.columns,.insertNewTable,.rows{width:150px}.newTableFooter{display:flex;align-items:center;justify-content:center;padding-bottom:15px}.decrementValue,.incrementValue{background:#e1e1e1;border-right:1px solid #444;font-weight:700;cursor:pointer;display:block;float:left;height:15px;text-align:center;vertical-align:middle;width:25px;z-index:1;line-height:13px;color:#000}.incrementValue{border-top:1px solid #444;border-bottom:1px solid #444;border-radius:3px 3px 0 0}.decrementValue{border-radius:0 0 3px 3px;border-bottom:1px solid #444}.decrementValue:hover,.incrementValue:hover{background:#a9a9a9}.shadow-modal{background-color:#3498db}.shadow-section-label{background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(180deg,#3c3c3c,#222);color:#d3d3d3;font-size:large;padding:5px}.rectangle{align-items:center;justify-content:center;display:flex;width:80px;height:80px;padding:5px}.rectangle:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(grey),to(grey));background-image:linear-gradient(180deg,grey,grey);padding:5px;border:1px solid #d3d3d3;border-radius:5px}.shadow-item{width:40px;height:40px;background-image:radial-gradient(at bottom right,#d3d3d3,#fff);border:1px solid #000;border-radius:7px}#shadow-bottom-right{box-shadow:5px 5px 5px #d3d3d3}#shadow-bottom-center{box-shadow:0 5px 5px #d3d3d3}#shadow-bottom-left{box-shadow:-5px 5px 5px #d3d3d3}#shadow-center-right{box-shadow:5px 0 5px #d3d3d3}#shadow-center{box-shadow:0 0 5px #d3d3d3}#shadow-center-left{box-shadow:-5px 0 5px #d3d3d3}#shadow-top-right{box-shadow:5px -5px 5px #d3d3d3}#shadow-top-center{box-shadow:0 -5px 5px #d3d3d3}#shadow-top-left{box-shadow:-5px -5px 5px #d3d3d3}.shadow-modal-column{padding:1px;display:flex;flex-direction:column}.shadow-modal-row{display:flex}.slider-container{justify-content:right;flex:70% 1;padding-right:20px}.slider-row{display:flex;align-items:center}.slider-title{color:#d3d3d3;justify-content:left;flex:30% 1;padding-left:10px}ul.dropdown-menu{background-color:#333;z-index:1005;padding:0}.preferences{left:-190px}.menuItems{color:#d3d3d3;cursor:pointer}.menuItems:hover{color:#fff}.menuItemsDisabled{color:#a9a9a9}.dropdown-menu>li>a:hover{background-color:transparent;background-image:none;cursor:pointer}.dropdown-menu>li>a:hover p{color:#fff}.container{margin:0;width:100%}.menuBar{display:inline-flex;background:transparent;flex-direction:row;border:none;border-radius:0;position:absolute;top:15px;right:0;float:left}.menuBar .navbar-nav{float:right!important}.menuBar .navbar-nav>li{float:left}.menuBar .navbar-nav>li>a{color:#fff}.menuBar .navbar-nav>li>a:hover{color:#d3d3d3}.logo{display:flex;flex-direction:row;font-family:Garamond;justify-content:space-between;align-items:center;padding:0 0 5px;width:255px;position:fixed;left:0;z-index:1}.logoImage{height:45px;width:55px;margin-left:10px;margin-top:7px}.logoTitle h1{font-size:45px;padding-left:5px;color:#fff;margin:0}.logoTitle h4{font-size:8px;padding-left:5px;margin:-6px 0 0;color:#fff}.versionText{margin:25px 10px 0 0;padding-left:0;font-size:12px;color:#fff}.fireflyTour{white-space:pre-wrap;text-align:center}@media only screen and (max-width:940px){.menuBar{top:65px}.logo{position:absolute;left:0;right:0;margin:auto}}@media only screen and (max-width:610px){.menuBar{top:0}.logo{left:0;margin:0;padding:0 0 5px}}.outerContainer{background-color:#333;color:#fff;overflow:auto;width:450px}.allSections{display:flex;flex-direction:column;flex-wrap:wrap;padding-left:25px;padding-right:25px}.sectionOne,.sectionThree,.sectionTwo{padding-top:10px;background-color:#404040}.sectionOne{height:235px}.sectionTwo{height:125px}.sectionThree{padding-left:25px;padding-right:25px;height:80px}.sectionFour{height:50px;background-color:#404040}.sectionOneTitle{margin-top:0;padding-bottom:10px;background-color:#404040}.sectionOneTitle,.title{padding-top:10px;margin-bottom:0}.title{border-bottom:1px solid #fff;padding-bottom:15px}.subTitle,.title{text-align:center;font-weight:700}.sectionThreeSubContent{display:flex;flex-direction:row;margin:0;color:#d3d3d3;cursor:pointer}.info{color:#d3d3d3;min-width:150px}.slider{cursor:-webkit-grab;cursor:grab}.slider:active{cursor:-webkit-grabbing;cursor:grabbing}.colorSection{display:block;margin-top:20px;margin-bottom:20px}.colorSectionTwo{display:block;margin-bottom:12px}.colorContainer{display:flex;flex-direction:row}.colorSelector{position:absolute;color:#000;right:0;margin:auto;z-index:2}.colorBtn{padding:5px;margin-right:5px;margin-left:25px}.liveColor{padding:0;margin:0;width:35px;height:10px}.resetBtn{width:100%}.iconBtn{position:absolute;top:20px;cursor:pointer}.helpIcon{right:50px}.closeIcon{right:20px}.preferencesCheckbox{margin-left:5px;margin-top:0}.aspectLabel{background-color:#404040}.content-div{width:100vw;height:calc(100vh - 115px);margin-left:auto;margin-right:auto;border:0 solid #000;color:#333;background-color:#000;position:relative}#zoomLevel{position:absolute;width:250px;height:35px;bottom:25px;right:25%;left:0;margin-left:20px;z-index:1000;font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:700;color:#1e90ff;background-color:#0f0f0f;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:1;pointer-events:none;text-align:center;border-radius:25px}#zoomLevel.zoomLevel-fade{opacity:0;-webkit-transition:opacity 4s linear;transition:opacity 4s linear}@media only screen and (max-width:940px){.content-div{height:calc(100vh - 165px)}}@media only screen and (max-width:755px){.content-div{height:calc(100vh - 195px)}}.fireFlyContextMenu{font-family:Source Sans Pro,sans-serif}ul.menu{z-index:2000;position:absolute;white-space:nowrap;box-shadow:inset 0 0 15px rgba(51,51,51,.2),3px 3px 8px rgba(51,51,51,.6);border:1px solid hsla(0,0%,53.3%,.5);background-color:#fff;border-radius:5px;-webkit-animation:fadeIn .25s;animation:fadeIn .25s;list-style-type:none;margin:0;padding:0}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}ul.menu a,ul.menu a:hover{color:#000;text-decoration:none}ul.menu li{position:relative;margin:0;line-height:1.2em;border-bottom:1px solid #d3d3d3;padding:5px 15px}ul.menu li:last-child{border:none}ul.menu li.active,ul.menu li:hover{background-color:hsla(0,0%,40%,.2);box-shadow:inset 15px 0 10px rgba(219,125,125,.1),inset -15px 0 10px rgba(219,125,125,.1)}ul.menu li.disabled{color:hsla(0,0%,50.2%,.8)}ul.menu li.disabled:hover{background-color:transparent;box-shadow:0 0 0 transparent;cursor:default}ul.menu li input[type=checkbox]{visibility:hidden;margin:0;padding:0;width:0}ul.menu li input[type=checkbox]:checked+label:before{text-shadow:0 0 1px #000;text-shadow:0 0 1px 1px #000;opacity:1}ul.menu li label{position:absolute}ul.menu li label:before{position:absolute;text-shadow:0 0 1px #000;text-shadow:0 0 1px 1px #000;opacity:.4;font-size:.8em}#editPointsToolTip{z-index:10000}#customShapesToolTip{z-index:100000}.featuresDialog{width:100%;padding:2.5% 2%;margin:0;height:100vh}.featuresHeader{height:22.5vh;overflow:hidden;width:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(50,50,50,.9)),to(rgba(50,50,50,.8)));background-image:linear-gradient(rgba(50,50,50,.9),rgba(50,50,50,.8));border:none;color:#fff;position:relative;font-family:Garamond}.featuresBody{height:63vh;overflow:hidden;width:100%;padding:0;background-image:-webkit-gradient(linear,left top,right bottom,from(#333),to(#000));background-image:linear-gradient(to bottom right,#333,#000)}.carousel-control.right,.featuresBody .carousel-control.left{background:none;-webkit-filter:none;filter:none;outline:0}.featuresBody .carousel .carousel-control{visibility:hidden}.featuresBody .carousel:hover .carousel-control{visibility:visible}.featuresBody .carousel-control.left{margin-left:-5.5%}.featuresBody .carousel-control.right{margin-right:-5.5%}.glyphicon-chevron-left:before,.glyphicon-chevron-right:before{content:none}.carouselIcon{margin-top:100%;font-size:4vh}.featuresHeader .close{color:#fff;opacity:1}.featuresHeader .close:hover{color:#ddd;opacity:1}.featuresTitle{display:flex;justify-content:center;align-items:center;padding-top:1%}.headerImage{width:16vh;height:13vh}.featuresButtonGroup{float:right;display:flex;margin-top:-.8%}h5.button{text-align:center;background-image:-webkit-gradient(linear,left top,right bottom,from(#000),to(#333));background-image:linear-gradient(to bottom right,#000,#333);padding:8px;margin:0 -10px 0 16px;border-radius:25px;border:1px solid #ff0;cursor:pointer;font-size:1.85vh}.featuresTitle h1{font-size:12.8vh;margin-top:0}.featuresTitle h4{margin-top:-2.6vh;letter-spacing:.18vh;font-size:1.87vh}.featuresCarousel{width:100%;height:100%}.cardGroup{height:63vh;display:grid;grid-template-columns:1fr 1fr 1fr;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(50,50,50,.9)),to(rgba(50,50,50,.8)));background-image:linear-gradient(rgba(50,50,50,.9),rgba(50,50,50,.8))}.card:nth-child(2n){background-image:-webkit-gradient(linear,left bottom,right top,from(#333),to(#a9a9a9));background-image:linear-gradient(to top right,#333,#a9a9a9);margin-left:2%;margin-right:2%}.card{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:-webkit-gradient(linear,left top,right bottom,from(#000),to(#333));background-image:linear-gradient(to bottom right,#000,#333);color:#fff;border:1px solid #ff0}.imageContainer{height:50%}.cardImage{grid-area:image;background-size:cover;width:100%;height:auto;max-height:100%}.cardContent{padding:0;height:50%}.card h1{text-align:center;font-size:4.5vh;color:#ff0;font-weight:700;margin:2%}.cardContent ul{padding-left:6%}.cardContent li{padding-top:2vh;font-size:2vh}.icon{font-size:4.5vh}.section{display:flex;align-items:center;margin:0;color:#fff;border-top:1px solid #ff0;border-bottom:1px solid #ff0}.sectionContent{padding:2%;display:flex;flex-direction:column;width:55%;height:63vh}.sectionImage{grid-area:image;background-size:cover;width:45%;height:auto}.futureSection{display:grid;grid-template-columns:repeat(auto-fill,minmax(35%,1fr));grid-gap:1.5%;align-items:center}.futureTitle{margin-top:0;margin-bottom:5%}.sectionContent h1{text-align:center;font-size:5vh;color:#ff0;font-weight:700}.sectionContent h3{font-size:2.25vh;color:#ff0;font-weight:700;margin-top:1.8%;margin-bottom:1.8%}.futureSection h3{font-size:2.25vh;margin:0}h3.extraTitle{font-size:2.25vh;padding:0}.sectionContent h4{font-size:2vh;margin-top:1.8%;margin-bottom:1.8%}.futureSection h4,h4.extraInfo{font-size:2vh;margin-top:2%;margin-bottom:2%}.sectionParagraph{padding:10%}.sectionContent:nth-child(odd){background-image:-webkit-gradient(linear,left top,right bottom,from(#000),to(#333));background-image:linear-gradient(to bottom right,#000,#333)}.sectionContent:nth-child(2n){background-image:-webkit-gradient(linear,left bottom,right top,from(#333),to(#a9a9a9));background-image:linear-gradient(to top right,#333,#a9a9a9)}.cropBtns{position:absolute;left:50%;top:5px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cropBtn{font-size:18px;margin-right:5px;margin-left:5px}.loader{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:16px solid #333;border-top-color:#ff0;border-radius:50%;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.aspectSwitch{top:2px}.aspectLabel,.aspectSwitch{margin-left:5px;margin-right:5px}.aspectLabel{font-size:18px;display:inline-block;vertical-align:bottom}.aspectText{display:inline-block;margin-top:8px;vertical-align:top}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.settingsContainer{position:absolute;bottom:0;right:0}.settingsPanel{margin:0;background-color:#404040}.settingsCloseBtn{background:none;color:inherit;border:none;float:right}.settingsCloseIcon{cursor:pointer}.settingsPanelBody{width:250px;height:200px;margin:0;padding:0}.settingsPanelBodyContainer{padding-top:15px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center}.settingsSlider{margin:10px;cursor:-webkit-grab;cursor:grab}.settingsSlider:active{cursor:-webkit-grabbing;cursor:grabbing}.settingsResetBtn{padding-left:-5px;color:#fff;cursor:pointer}.settingsLabel{color:#fff}.slider{display:block}.settingsResetAllBtn{width:100%}.loadingScreenContainer{position:absolute;bottom:0;left:0;right:0;z-index:1000000;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8)}.loadingScreenLogo{z-index:10000000;width:15vw;-webkit-animation:rotate 2.5s linear infinite;animation:rotate 2.5s linear infinite}.loadingScreenTitle{z-index:10000000;font-size:2vw;color:#ffffe0}.loadingScreenTitle span{-webkit-animation-name:blink;animation-name:blink;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loadingScreenTitle span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loadingScreenTitle span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.exampleModal .modal-open .modal{overflow:hidden}.exampleModal .modal-content{background-color:#404040}.exampleModal .modal-header{background-color:#333}.exampleModal .close{color:#fff;opacity:1}.exampleModal .modal-body{padding-top:0}.exampleContainer{background-color:#404040;overflow-y:auto;max-height:80vh}.exampleTitle{font-size:xx-large;font-family:Arial}.exampleImageSubTitle,.exampleTitle{color:#fff;font-weight:700;text-align:center}.exampleImageSubTitle{width:100%;font-size:x-large}#exampleImagesContainer,#exampleShapesContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#exampleShapesContainer{align-items:center;padding-bottom:15px}.exampleImage{background-repeat:no-repeat;width:30%;cursor:pointer;margin:10px}.exampleImage:nth-child(odd):hover{-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.exampleImage:nth-child(2n):hover{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.exampleShapeOutsideDiv{max-width:30%}.exampleShape{cursor:pointer;max-width:100%;height:auto}.exampleShapeOutsideDiv:nth-child(odd):hover .exampleShape{-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.exampleShapeOutsideDiv:nth-child(2n):hover .exampleShape{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.dockContainer{position:fixed;bottom:0;width:85%;left:0;right:0;margin:0 auto;padding-bottom:50px;z-index:1001;pointer-events:none}.dockInnerContainer{pointer-events:none;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;padding-bottom:30px;padding-top:30px;padding-left:30px}.dockBackground{pointer-events:none;border-radius:100%;position:absolute;height:8vh;width:100%;left:0;right:0;margin:0 auto;bottom:42px;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(80,80,80,.9)),to(rgba(60,60,60,.5)));background-image:linear-gradient(rgba(80,80,80,.9),rgba(60,60,60,.5));border-bottom:15px solid rgba(80,80,80,.6);-webkit-transform:perspective(10px) rotateX(1deg);transform:perspective(10px) rotateX(1deg);z-index:-1;box-shadow:10px 0 5px -2px rgba(80,80,80,.6),10px 0 5px -2px rgba(80,80,80,.6)}.dockContainerUpload{-webkit-transform:none;transform:none}.dockBackgroundUpload{-webkit-transform:perspective(10px) rotateX(1deg);transform:perspective(10px) rotateX(1deg)}.toggleDockButton{pointer-events:auto;border-top-left-radius:8px;border-top-right-radius:8px;position:fixed;height:40px;width:200px;bottom:0;left:0;right:0;margin:0 auto;background-color:#000;color:#fff;border:1px solid grey;border-bottom:none;z-index:2000}.toggleDockButton:hover{color:#fff}.toggleDockButton:focus{outline:none}.addPrimaryImageBtn{pointer-events:auto;display:flex;align-items:center;justify-content:center;fill:#000;stroke:#fff;background-color:transparent;border:none;font-size:50px;margin-top:20px;margin-left:20px;margin-right:50px;text-align:center;height:100%;flex-shrink:1;min-width:0;-webkit-transition:.2s;transition:.2s;text-shadow:0 0 3px #fff}.addPrimaryImageBtn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);fill:#fff;stroke:#000}.addPrimaryImageBtn:focus{outline:none}.dockContainerOpenAnimation{-webkit-transform:none;transform:none}.dockContainerCloseAnimation,.dockContainerOpenAnimation{-webkit-transition:.75s ease-in-out;transition:.75s ease-in-out}.dockContainerCloseAnimation{-webkit-transform:translateY(30vh);transform:translateY(30vh)}.dockBackgroundOpenAnimation{-webkit-transform:perspective(10px) rotateX(1deg);transform:perspective(10px) rotateX(1deg)}.dockBackgroundCloseAnimation,.dockBackgroundOpenAnimation{-webkit-transition:.75s ease-in-out;transition:.75s ease-in-out}.dockBackgroundCloseAnimation{-webkit-transform:perspective(10px) rotateX(1deg) translateY(30vh);transform:perspective(10px) rotateX(1deg) translateY(30vh)}.thumbnailContainer{pointer-events:auto;margin:10px;background-color:#333;border-radius:8%;flex-shrink:1;min-width:0;width:10vw;-webkit-transition:.5s;transition:.5s}.thumbnail{padding:0;background-color:transparent;margin:0;max-width:100%;max-height:100%;background-size:cover;cursor:pointer}.activeDockThumbnail,.thumbnailMouseOver{margin-left:35px;margin-right:35px;box-shadow:0 0 1vw #fff;-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-transition:.5s;transition:.5s}.thumbnailDeleteIcon{display:flex;align-items:center;justify-content:center;text-align:center;background-color:#fff;border-radius:100%;position:absolute;right:0;margin-top:2px;font-size:1vw;color:#000;padding:.2vw;border:2px solid #000;cursor:pointer}.thumbnailDeleteIcon:hover{color:red}.dataWasNotSaved,.dataWasSaved{border:.5vw solid #000}.dataWasNotSaved{outline:.2vw dashed gold;outline-offset:-6px;border-radius:0}.confirmAlertContainer{position:absolute;bottom:0;left:0;right:0;z-index:1000000;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8)}.confirmAlertSubContainer{border-radius:10px;color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(#333));background-image:linear-gradient(#000,#333);width:450px}.confirmAlertTitle{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid grey;padding:15px}.confirmAlertLogo{margin:5px;height:45px}.confirmAlertSubContainer h1{margin-top:10px;font-size:30px}.confirmAlertSubContainer p{font-size:18px}.confirmAlertBody{padding:15px 20px}.confirmAlertBtn{color:#fff;margin-right:5px;background-color:grey;margin-top:5px}.confirmAlertBtn:hover{color:#fff;background-color:#000;border:1px solid grey}body{margin:0;padding:0;font-family:sans-serif}body,html{width:100%;height:100%}