.wb24-fov{border:4px solid #364652;border-radius:5px;max-width:700px;width:calc(100% - 4px);background-color:#fff;padding:2px}.wb24-fov-rows{display:flex;flex-direction:column}.wb24-fov-title{width:100%;overflow:hidden;background-color:#dfdfdf;display:flex;flex-direction:row;justify-content:stretch;align-items:center}.wb24-fov-title-image{width:30%;flex-grow:0;flex-shrink:0;display:inherit}.wb24-fov-title-image>img{width:100%;height:auto}.wb24-fov-title-text{width:70%;flex-grow:0;flex-shrink:0;color:#364652;font-size:min(5vw,2.5rem);font-weight:700;text-transform:uppercase}.wb24-fov-title-primary{white-space:nowrap}.wb24-fov-title-secondary{display:none;white-space:nowrap;width:99%;overflow:hidden;text-overflow:ellipsis;font-size:.8em}.wb24-fov-main{position:relative}.wb24-fov-main-sidebar{position:absolute;left:0;top:0;bottom:0;width:18px}.wb24-fov-main-content{position:relative;left:18px;top:0;aspect-ratio:977/730;width:calc(100% - 18px);background-color:#000;color:#fff}.wb24-fov-range{height:100%;border:0;border-radius:0;box-shadow:none;background:repeating-linear-gradient(to bottom,transparent,transparent 25px,rgba(54,70,82,.75) 25px,rgba(54,70,82,.75) 26px) border-box,linear-gradient(to bottom,#f11712,#fbd786,#0099f7) border-box;z-index:100}.wb24-fov-range .noUi-handle{cursor:row-resize;border-color:#364652;width:34px}.wb24-fov-range .noUi-handle:after,.wb24-fov-range .noUi-handle:before{left:9px}.wb24-fov-range .noUi-touch-area{background-color:#364652}.wb24-fov-range .noUi-tooltip{font-size:.8em;right:-200%;line-height:1.2}.wb24-fov-background{position:absolute;left:0;top:0;bottom:0;right:0;z-index:1;background-image:url(../img/fov/background.jpg);background-repeat:no-repeat;background-size:150% 150%;background-position:bottom center}.wb24-fov-display,.wb24-fov-target{position:absolute;z-index:2;background-image:url(../img/fov/target.png);background-repeat:no-repeat;background-size:contain}.wb24-fov-display{left:0;top:0;bottom:0;right:0;z-index:3;background-image:url(../img/fov/display.png);background-size:100% 100%}.wb24-fov-arrow{position:absolute;left:3%;top:3%;width:94%;z-index:4;fill:currentColor;opacity:.5}.wb24-fov-unit,.wb24-fov-value{position:absolute;left:0;right:0}.wb24-fov-unit{display:flex;justify-content:center;align-items:center;top:11%;z-index:5;opacity:.75}.wb24-fov-value{top:4%;z-index:6;font-weight:700;font-size:clamp(1rem,3.75vw,1.75rem);text-align:center;line-height:1}.wb24-fov-main-footer{background-color:#dfdfdf;padding:1rem .5rem .75rem}.wb24-fov-main-footer-field{display:flex;flex-direction:column}.wb24-fov-main-footer-field>*{flex-grow:1;flex-shrink:1}.wb24-fov-main-footer-field>label{display:block;font-size:.8rem;font-weight:700}.wb24-fov-main-footer-options{display:flex;flex-direction:row}.wb24-fov-main-footer-options>*{flex-grow:1;flex-shrink:1}.wb24-fov-main-footer-options>div:first-child{padding-right:.5rem}.wb24-fov-main-footer-options>div:not(:first-child){padding-left:.5rem}