body{margin:0;padding:0}#root{max-width:100vw;height:100vh}.app{padding:0 5%;width:90%;display:flex;flex-direction:column}.app .options{display:flex;flex-direction:row;background-color:#fff;justify-content:center;margin-top:5px}.app .options button{padding:7px;margin:7px;font-size:16px;border-radius:5px;border:none;cursor:pointer}.app .arrow{display:flex;flex-direction:row;justify-content:space-around;width:100%;background-color:#fff}.app .arrow .horizontal,.app .arrow .vertical{position:relative;border:1px solid #000;display:flex;flex-direction:row;height:50vh;flex:1;background-repeat:no-repeat;background-position:center}.app .arrow .horizontal img,.app .arrow .vertical img{width:90%;object-fit:contain;margin-left:5%}.app .arrow .horizontal .line,.app .arrow .vertical .line{position:absolute;border:1px solid red}.app .arrow .horizontal:last-child,.app .arrow .vertical:last-child{margin-left:15px}.app .arrow .horizontal{background-image:url(/assets/safezone_horizontal2-BcUhA21W.png);background-size:100% 100%}.app .arrow .horizontal .line{top:5%;left:50%;height:90%}.app .arrow .vertical{background-image:url(/assets/safezone_vertical2-DrZ6Mvyn.png);background-size:100% 100%}.app .arrow .vertical img{position:absolute;top:38%}.app .arrow .vertical .line{top:50%;left:5%;width:90%}.app .arrow-description{display:flex;flex-direction:row;background-color:#fff}.app .arrow-description p{text-align:center;font-size:18px;font-weight:600;flex:1;margin:0}.app .graph{width:100%;display:flex;justify-content:center;background-color:#fff}