body{font:14px "Century Gothic",Futura,sans-serif}:focus{outline:0!important}.middle-font{font-size:2.4vmin}.small-font{font-size:2vmin!important}.tiny-font{font-size:1.6vmin!important}.flex-data-switch-arrow{margin-top:1vh;height:3vh;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.flex-data-switch-arrow>.empty-left{width:16.4%}.flex-data-switch-arrow>.arrow-left{height:100%;width:30%;padding-right:2%}.flex-data-switch-arrow>.arrow-right{height:100%;padding-left:2%;width:30%}.flex-data-switch-arrow>.data-switch{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;width:23.6%}.flex-data-switch-arrow>.data-switch>.explain{padding-right:1vmin}.flex-container{display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.title{text-align:center}.legends,.title{height:5vh}.visual{height:85vh}.flex-container>.effect{width:40%;text-align:center}.flex-container>.middle-reason{width:27.2%}.flex-container>.cause{width:32.8%;text-align:center}.info-tooltip{width:20%}.svg-image-container{position:relative;display:inline-block}.svg-image-container img{display:block;max-width:100%;max-height:85vh;height:auto}.svg-image-container svg{position:absolute;top:0;left:0}.front-back-body .path-initial{fill:none;stroke:hsla(0,0%,100%,0);stroke-miterlimit:10;pointer-events:all;cursor:pointer}.front-back-body .path-initial:hover,.front-back-body .path-selected{fill:rgba(255,0,0,.2)}.front-back-body .path-selected:hover{fill:rgba(255,0,0,.4)}.front-back-body .path-potential-selected{fill:url(#stripedBKGSelected)}.front-back-body .path-potential-not-selected{fill:url(#stripedBKGNonSelected)}.spinal-path{pointer-events:all;stroke-width:1.25px;stroke:#333}.spinal-path-disabled{stroke:#333;stroke-width:1.25px;fill:#a0a0a0}.spinal-path-background{fill:#fff}.pattern-list{list-style-type:none;padding:0;margin:0}.pattern-list>li{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-bottom:2px;-webkit-align-items:center;align-items:center}.pattern-list>li>.contents{text-align:center;-webkit-flex:0.5 1;flex:0.5 1}.pattern-list>li>.contents:hover{box-shadow:inset 0 0 0 .3vmin rgba(0,0,255,.5);color:rgba(0,0,255,.5)}.pattern-list>li>.left{border-radius:.6vmin 2vmin 2vmin .6vmin;margin-left:10%;margin-right:2.5%}.pattern-list>li>.right{border-radius:2vmin .6vmin .6vmin 2vmin;margin-left:2.5%;margin-right:10%}.legend-or-scale-flex{-webkit-flex-direction:row;flex-direction:row}.legend,.legend-or-scale-flex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.legend{height:2.2vmin;width:2.2vmin;border-radius:.4vmin;font-size:1.2vmin;-webkit-justify-content:center;justify-content:center}.legend-or-scale-text{padding-left:1vmin}.not-left{padding-right:3vmin}.scale{height:2.2vmin;width:2.2vmin;background-color:grey}.start{border-radius:.4vmin 0 0 .4vmin}.end{border-radius:0 .4vmin .4vmin 0}.toggle-container{width:10vmin;height:2.4vmin;border:.3vmin solid hsla(0,0%,62.7%,.5);border-radius:3vmin;cursor:pointer;position:relative}.dialog-button{width:5vmin;height:2.4vmin;border-radius:0 3vmin 3vmin 0;background-color:hsla(0,0%,62.7%,.5);color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:absolute;left:5vmin}.disabled{border-radius:3vmin 0 0 3vmin;left:0}.flex-arrow{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.flex-arrow>.arrow-svg{height:50%;max-width:100%}.flex-arrow>.description{height:50%}.flex-info-box{position:absolute;bottom:1vh;width:16.4%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;z-index:10}.flex-info-box>.info{width:70%;padding:1vmin;border-radius:0 3px 3px 0}.flex-info-box>.diagram{width:30%;border-radius:3px 0 0 3px}.spine-path-des{fill:#00f;stroke:#333;stroke-width:1.25px}.high{fill-opacity:.5;stroke:#00f;stroke-width:1.75px}.middle{fill-opacity:.3}.low{fill-opacity:.1}.fading{transition:all .3s ease}.hide{visibility:hidden}.trans-text{color:transparent}
/*# sourceMappingURL=main.747c409d.chunk.css.map */