body.dialog-lock{overflow-y:hidden}#sandbox-canvas{max-width:1000px;margin:3rem auto}#clear-all-button,#build-model-button{margin:0 10px 10px 0}#add-transition-button{margin:2rem 0;padding:4rem 2rem;background-color:#f3f3f3;border-radius:.5rem;color:#444;font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.125rem;text-align:center;cursor:pointer}#transition-list{list-style:none}.navigation-list-item{position:relative;margin:2rem 0;padding:2.5rem;background-color:#f3f3f3;border-radius:.5rem}.transition-delete-button{position:absolute;top:10px;right:10px;width:30px;height:30px;background-image:url('/transition-classifier/assets/icons/delete_forever_symbol_black.svg');background-position:center;background-size:contain;background-repeat:no-repeat;visibility:hidden;opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;cursor:pointer}.navigation-list-item:hover .transition-delete-button{visibility:visible;opacity:1}.transition-list-item-title{padding:0 0 1rem 0;color:#444;font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.125rem;text-align:center}.transition-triggers{color:#c2522f;text-align:center}.restoration-practices{color:#54c368;text-align:center}.legend-title{display:block;padding:4px 0 0 0;font-family:"Source Sans Pro",sans-serif;font-weight:700;font-size:.875rem}.transition-triggers span{display:inline-block;font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:.875rem;cursor:pointer}.restoration-practices span{display:inline-block;font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:.875rem;cursor:pointer}.transition-triggers span:hover,.restoration-practices span:hover{text-decoration:underline}.transition-list-item-wrapper{display:inline-block;width:100%}.structural-class{float:left;position:relative;width:33%}.structural-class-label{padding:0 0 4px 0;color:#444;font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.125rem;text-align:center}.structural-class-box{position:relative;height:14rem;background-color:#FFF;border:2px solid #DDD;border-radius:1rem;overflow:hidden}.structural-class-name{position:absolute;bottom:0;right:0;left:0;padding:.5rem;background-color:#FFF;color:#444;font-family:"Montserrat",sans-serif;font-weight:700;font-size:.9375rem;text-align:center}.attribute-description-button{cursor:pointer}.attribute-description-button:hover{text-decoration:underline}.diagnostic-indicator-label{font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:.875rem}.box-label .diagnostic-indicator-label{font-size:.75rem}.structural-class-image{width:100%;height:12rem;background-color:#99bee4;background-position:bottom center;background-size:cover;background-repeat:no-repeat}.structural-class-edit-button,.transition-edit-button,.restoration-edit-button{position:absolute;width:40px;height:40px;background-color:#f5782a;background-image:url('/transition-classifier/assets/icons/edit_symbol_white.svg');background-position:center;background-size:24px 24px;background-repeat:no-repeat;border:0;border-radius:50%;visibility:hidden;opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.structural-class-edit-button:hover,.transition-edit-button:hover,.restoration-edit-button:hover,.structural-class-edit-button:focus,.transition-edit-button:focus,.restoration-edit-button:focus{background-color:#f5782a}.navigation-list-item:hover .structural-class-edit-button,.structural-class-edit-button[tabindex="0"]{visibility:visible;opacity:1}.structural-class-edit-button{top:.5rem;right:.5rem}.structural-class-edit-button.left-button{top:.5rem;left:.5rem;right:auto}.transition-arrows{float:left;position:relative;width:33%;padding-top:2rem}.transition-arrow{position:relative;height:6.25rem}.transition-arrow-image{position:absolute;bottom:0;right:0;left:0;height:3.75rem;background-image:url('/transition-classifier/assets/images/transition-arrow.svg');background-position:center;background-size:contain;background-repeat:no-repeat}.transition-arrow-image.active{background-image:url('/transition-classifier/assets/images/transition-arrow-red.svg')}.restoration-arrow-image{position:absolute;top:0;right:0;left:0;height:3.75rem;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center;background-image:url('/transition-classifier/assets/images/transition-arrow.svg');background-position:center;background-size:contain;background-repeat:no-repeat}.restoration-arrow-image.active{background-image:url('/transition-classifier/assets/images/transition-arrow-green.svg')}.transition-arrow-label{position:absolute;bottom:1.375rem;right:0;left:0;color:#c2522f;font-family:"Montserrat",sans-serif;font-weight:700;font-size:.9375rem;text-align:center;line-height:1}.restoration-arrow-label{position:absolute;top:1.375rem;right:0;left:0;color:#54c368;font-family:"Source Sans Pro",sans-serif;font-weight:700;font-size:1rem;text-align:center;line-height:1}.transition-edit-button{bottom:11px;left:40%;margin-left:-25px}.restoration-edit-button{top:10px;right:40%;margin-right:-25px}.navigation-list-item:hover .transition-edit-button,.transition-edit-button[tabindex="0"]{visibility:visible;opacity:1}.navigation-list-item:hover .restoration-edit-button,.restoration-edit-button[tabindex="0"]{visibility:visible;opacity:1}.modal-dialog-overlay{visibility:hidden;position:fixed;top:0;left:0;width:0;height:0;z-index:999;background-color:rgba(0,0,0,0.48);overflow:hidden}.modal-dialog-overlay.active{bottom:0;right:0;width:auto;height:auto;visibility:visible;overflow-y:auto}#initial-structural-class-overlay,#alternative-structural-class-overlay,#transition-overlay,#restoration-overlay{background-color:rgba(0,0,0,0.85)}.modal-dialog-container{position:relative;margin:0 auto;padding:1rem;opacity:0}.modal-dialog-overlay.active .modal-dialog-container{opacity:1}#description-dialog-container,#confirm-dialog-container{position:relative;max-width:500px}#model-dialog-container{position:relative;max-width:856px}#ecosystem-dialog-container{max-width:856px}.modal-dialog{position:relative;margin-top:2rem;background-color:#FFF}#initial-structural-class-overlay .modal-dialog,#alternative-structural-class-overlay .modal-dialog,#transition-overlay .modal-dialog,#restoration-overlay .modal-dialog{margin-top:0;background-color:transparent}.modal-dialog-wrapper{padding:1rem 3rem}.dialog-close-button{position:absolute;top:0;right:0;width:30px;height:30px;background-color:#f5782a;cursor:pointer}.dialog-close-button::before{content:'';position:absolute;display:block;top:0;bottom:0;right:0;left:0;width:20px;height:0;margin:auto;border-top:4.8px solid #FFF;transform:rotate(45deg);transform-origin:center}.dialog-close-button::after{content:'';position:absolute;display:block;top:0;bottom:0;right:0;left:0;width:20px;height:0;margin:auto;border-top:4.8px solid #FFF;transform:rotate(-45deg);transform-origin:center}.modal-dialog-header{padding:1rem 0 0 0}.modal-dialog-header h2{padding:0;color:#444}#initial-structural-class-overlay .modal-dialog-header h2,#alternative-structural-class-overlay .modal-dialog-header h2,#transition-overlay .modal-dialog-header h2,#restoration-overlay .modal-dialog-header h2{color:#FFF}.modal-dialog-body{display:inline-block;position:relative;width:100%}.modal-dialog-input-control{padding:10px 0 16rem 0}.modal-dialog-input-control label{display:inline-block;margin-bottom:4px;color:#444;font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:1rem}.control-dialog-content{padding:1rem 0}.dialog-message{padding:2rem 0;color:#444;font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:1.0625rem}.modal-dialog-button-block{clear:both}.modal-dialog-button-container{float:left;width:48%;margin:0 1%}.modal-dialog-proceed,.modal-dialog-cancel{min-width:140px;margin:10px 10px 0 0;text-align:center}.dialog-start-bookend,.dialog-end-bookend{width:0}.control-dialog-header{padding-bottom:.5rem;color:#FFF}.light-control .control-dialog-header{color:#444}.control-dialog-control{margin-bottom:2rem}.control-note{display:block;padding-bottom:.5rem;color:#EEE;font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:.875rem}.light-control .control-note{color:#888}.light-control .radio-control,.light-control .listbox-control{list-style:none}.light-control .control-option{min-height:2.5rem;cursor:pointer}.light-control .control-option-wrapper{position:relative;padding:.75rem 2rem}.light-control .control-option-graphic{position:absolute;top:.5rem;left:0;width:1.5rem;height:1.5rem;background-color:transparent;border:1px solid #444;border-radius:50%}.light-control .control-option:hover .control-option-graphic::after{content:'';position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;background-color:#EEE;border-radius:50%}.light-control .control-option[aria-checked="true"] .control-option-graphic::after,.light-control .control-option[aria-selected="true"] .control-option-graphic::after{content:'';position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;background-color:#f5782a;border-radius:50%}.light-control .control-option-name{color:#444;font-family:"Montserrat",sans-serif;font-weight:500;font-size:1rem}.classification-control .radio-control,.classification-control .listbox-control{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;list-style:none}.classification-control .control-option{display:flex;flex-direction:column;cursor:pointer}.classification-control .control-option-wrapper{flex:1 1 auto;position:relative;background-color:#FFF}.classification-control .control-option-wrapper.buffered-wrapper{padding-top:2rem}.classification-control .control-option.suggested .control-option-wrapper::after{content:'Suggested';position:absolute;top:.5rem;right:.5rem;padding:.375rem .75rem;background-color:#54c368;border-radius:.75rem;color:#FFF;font-weight:500;font-size:.75rem;//text-transform:uppercase;line-height:1}.classification-control .control-option-illustration{width:100%;height:110px;background-color:#99bee4;background-size:cover;background-position:bottom center;background-repeat:no-repeat}.classification-control .control-option-graphic{position:absolute;top:.5rem;left:.5rem;width:1.75rem;height:1.75rem;background-color:rgba(0,0,0,0.4);border-radius:50%;color:#FFF;font-family:"Montserrat",sans-serif;font-weight:700;font-size:1rem;text-align:center;line-height:1.75}.classification-control .control-option:hover .control-option-graphic{background-color:rgba(0,0,0,0.6)}.classification-control .control-option[aria-checked="true"] .control-option-graphic,.classification-control .control-option[aria-selected="true"] .control-option-graphic{background-color:#f5782a}.classification-control .control-option[aria-checked="true"] .control-option-graphic::after{content:'';display:inline-block;position:absolute;top:.35rem;left:.625rem;width:.3em;height:.7em;border:solid #FFF;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.classification-control .control-option-label{padding:1rem}.classification-control .control-option-name{color:#444;font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.0625rem}.classification-control .control-option-description{color:#444;font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:.875rem}.attribute-list{padding:0 0 0 1.5rem;list-style:decimal}.classification-control .attribute-list{color:#FFF}.attribute-list li{padding:4px 0}.attribute-list-item{position:relative;max-width:1020px;padding-right:30px}.attribute-list-item.sortable{padding-right:106px}.attribute-list p{color:#444;font-family:"Source Sans Pro",sans-serif;font-size:1.0625rem}.attribute-list .control-input{display:inline-block;width:195px;margin:0 4px 4px 0}.attribute-list textarea.control-input{width:394px;resize:vertical}.attribute-list-remove,.attribute-list-up-button,.attribute-list-down-button{display:block;position:absolute;top:0;right:0;width:30px;height:30px;background-color:#f5782a;opacity:0;-moz-transition:opacity .2s;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;border-radius:15px;cursor:pointer}.attribute-list-remove:hover,.attribute-list-up-button:hover,.attribute-list-down-button:hover,.attribute-list-remove:focus,.attribute-list-up-button:focus,.attribute-list-down-button:focus{background-color:#f5782a;opacity:1}.attribute-list-item:hover .attribute-list-remove,.attribute-list-item:hover .attribute-list-up-button,.attribute-list-item:hover .attribute-list-down-button{opacity:1}.attribute-list-data.new-item .attribute-list-remove,.attribute-list-data.new-item .attribute-list-up-button,.attribute-list-data.new-item .attribute-list-down-button{display:none}.attribute-list-item.sortable .attribute-list-remove{right:70px}.attribute-list-item.sortable .attribute-list-down-button{right:35px}.attribute-list-remove::before{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;margin-top:-1px;margin-left:-8px;border-radius:1px;background-color:#FFF;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.attribute-list-remove::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;margin-top:-1px;margin-left:-8px;border-radius:1px;background-color:#FFF;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.attribute-list-up-button::after{content:"";position:absolute;top:50%;left:50%;margin-top:-2px;margin-left:-5px;border:solid #FFF;border-width:2px 2px 0 0;display:inline-block;padding:4px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.attribute-list-down-button::after{content:"";position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-5px;border:solid #FFF;border-width:0 2px 2px 0;display:inline-block;padding:4px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.control-input{box-sizing:border-box;width:100%;padding:1rem;background-color:#FFF;border:1px solid #555;border-radius:0;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;color:#444;font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:1.0625rem}textarea.control-input{resize:none}select.control-input{font-weight:400}.control-input:focus{border:1px solid #f5782a;outline:2px solid #f5782a}.control-example-button{color:#f5782a;text-decoration:none;cursor:pointer}.menu-control,.attribute-menu-control{position:relative;max-width:400px}.menu-control::after,.attribute-menu-control::after{content:'';position:absolute;top:50%;right:.75rem;margin-top:-3px;border:solid #888;border-width:0 1.5px 1.5px 0;display:inline-block;padding:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.menu-control:hover::after,.attribute-menu-control:hover::after{border:solid #333;border-width:0 1.5px 1.5px 0}#model-dialog-ecosystem-buttons{margin:.5rem 0}#new-ecosystem-button,#delete-ecosystem-button,#clear-ecosystems-button{padding:.5rem 1rem}.model-dialog-buttons{display:inline-block;margin:1rem 0;width:100%;font-size:0;text-align:left}.model-download-button,.table-download-button,.model-print-button,.diagram-download-button,.html-download-button{display:inline-block;width:40px;height:40px;margin-right:8px;border-radius:50%;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;background-color:#e0e0e0;background-position:center center;background-size:24px 24px;background-repeat:no-repeat;cursor:pointer}.model-download-button:hover,.table-download-button:hover,.model-print-button:hover,.diagram-download-button:hover,.html-download-button:hover{background-color:#f5782a}.model-download-button{background-image:url('/transition-classifier/assets/icons/cloud_download_symbol_white.svg')}.table-download-button{background-image:url('/transition-classifier/assets/icons/table_symbol_white.svg')}.model-print-button{background-image:url('/transition-classifier/assets/icons/print_symbol_white.svg')}.diagram-download-button{background-image:url('/transition-classifier/assets/icons/file_png_symbol.svg')}.html-download-button{background-image:url('/transition-classifier/assets/icons/code_blocks_symbol.svg')}.model-diagram{margin:1rem 0}.model-hint{display:inline-block;font-family:"Montserrat",sans-serif;font-weight:400;font-size:.75rem}.model-diagram path{stroke:#444}.model-accordion-list{padding-top:1rem}.model-dialog-content{min-height:400px}.box-label{font-weight:500;font-size:.875rem}.model-legend-title{padding:1rem 0 0 0;font-family:"Source Sans Pro",sans-serif;font-weight:700;font-size:1rem}.model-legend-item{padding:.25rem 0;color:#444;font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:1rem}.model-heading{padding:2rem 0 .5rem 0}.model-legend-label{display:inline-block;width:1.625rem;height:1.625rem;margin-right:.5rem;background-color:#f5782a;border-radius:50%;color:#FFF;font-weight:500;font-size:1rem;line-height:1.6;text-align:center}.model-legend-label.attribute-description-button{border-radius:0}.model-bullet-list{list-style-position:inside}.model-text{padding:.25rem 0;color:#444;font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:1rem}@media only screen and (max-width:900px){.attribute-list-item.sortable{padding-right:40px}.attribute-list .control-input,.attribute-list textarea.control-input{width:100%;margin:0 0 8px 0}.attribute-list-remove,.attribute-list-up-button,.attribute-list-down-button{top:0;right:0;margin-top:0}.attribute-list-item.sortable .attribute-list-remove{top:70px;right:0}.attribute-list-item.sortable .attribute-list-down-button{top:35px;right:0}}@media only screen and (max-width:700px){#clear-all-button,#build-model-button{display:block;margin:0 20px 10px 20px;text-align:center}.transition-list-item-title{padding:0 0 1.5rem 0}.transition-triggers{padding:0 0 1rem 0}.restoration-practices{padding:1rem 0 0 0}.structural-class{float:none;width:auto}.structural-class-box{height:12rem}.structural-class-edit-button.left-button{right:.5rem;left:auto}.transition-arrows{float:none;display:inline-block;width:100%;padding:1rem 0}.transition-arrow{float:left;width:50%;height:6rem}.transition-arrow-image{position:absolute;top:0;bottom:0;right:0;left:auto;width:60px;height:auto;background-image:url('/transition-classifier/assets/images/transition-vertical-arrow.svg')}.transition-arrow-image.active{background-image:url('/transition-classifier/assets/images/transition-vertical-arrow-red.svg')}.restoration-arrow-image{position:absolute;top:0;bottom:0;right:auto;left:0;width:60px;height:auto;background-image:url('/transition-classifier/assets/images/transition-vertical-arrow.svg')}.restoration-arrow-image.active{background-image:url('/transition-classifier/assets/images/transition-vertical-arrow-green.svg')}.transition-arrow-label{top:2.5rem;bottom:auto;right:3.875rem;left:auto}.restoration-arrow-label{top:2.5rem;right:auto;left:3.875rem}.transition-edit-button{right:10px;left:auto;top:40%;bottom:auto;margin-top:-25px;margin-left:0}.restoration-edit-button{right:auto;left:10px;top:auto;bottom:40%;margin-bottom:-25px}.modal-dialog-wrapper{padding:1rem}.modal-dialog-proceed,.modal-dialog-cancel{width:100%;padding:1rem 0;margin:10px 0 0 0}}@media print{body{background-color:#FFF}h1,h2,h3,h4,h5,h6,p{color:#000}.content-section{padding:0}#sandbox-canvas{margin:0}#handset-button-menu,#page-header,#hero,#sandbox-section,#description-overlay,#initial-structural-class-overlay,#alternative-structural-class-overlay,#transition-overlay,#restoration-overlay,#secondary-topics,#topic-contacts,.highlight,.dialog-close-button,.modal-dialog-cancel,.modal-dialog-header,.accordion-list,.accordion,.model-hint,.model-dialog-buttons,footer{display:none !important}body{overflow:visible}.modal-dialog-overlay{position:relative;background:#FFF;overflow:visible}.modal-dialog-overlay.active{overflow:visible}.modal-dialog-container{margin:0;padding:0}.modal-dialog{margin:0}.modal-dialog-body{display:block}.control-dialog-content{padding:0}.model-diagram{max-width:480px;margin:0 auto}.model-diagram path{stroke:#000}path.transition-arrowhead{fill:#000}path.restoration-arrowhead{stroke:#000;fill:#FFF}.model-diagram rect{stroke:#000}.model-diagram text.model-legend-label{fill:#000}.model-legend{display:table}.model-legend-item{color:#000;font-size:1rem}.model-heading{font-size:1.25rem}.model-legend-label{color:#FFF}.model-text{color:#000;font-size:1rem}.attribute-description-button{color:#000}}