﻿:root{interpolate-size:allow-keywords}.hover-box{--hover-box-height: 100px;--transition-time: .3s;display:flex;flex-direction:column;cursor:pointer;background-color:#06a;box-sizing:border-box;padding:10px 10px 10px 15px;color:#fff;border:none;height:var(--hover-box-height);text-align:left;overflow:hidden}.hover-box:hover,.hover-box:focus{color:#042439;box-shadow:0 0 6px #06a;background-color:#fff}.hover-box:hover .topic,.hover-box:focus .topic{margin-top:calc(-1.2*var(--hover-box-height));transition-duration:var(--transition-time);transition-delay:0s}.hover-box:hover .definition,.hover-box:focus .definition{margin-top:calc(.45*var(--hover-box-height));transition-delay:0s}.hover-box .topic{flex:0 0 96%;display:flex;align-items:center;font-size:20px;line-height:1.7;text-decoration:underline 1px;text-underline-offset:4px;height:auto;box-sizing:border-box;margin-top:0;transition:margin var(--transition-time) ease-in;transition-delay:.7s}.hover-box .definition{flex:1 0 96%;align-items:center;box-sizing:border-box;overflow:hidden;margin-top:calc(1.2*var(--hover-box-height));transition:margin var(--transition-time) ease-in;transition-delay:.7s}.hover-box .definition p{margin:0;font-size:14px;line-height:1.3}.box-net-vulnerabilities{display:flex;justify-content:space-between;background-color:#042439;color:#fff;text-align:left;margin-bottom:20px;padding:10px 20px 15px;box-sizing:border-box;flex-wrap:wrap}.box-net-vulnerabilities .title{flex:1 0 100%;font-size:24px;text-align:left;color:#fff;margin:0}.box-net-vulnerabilities .title span{font-size:14px;font-weight:normal;display:block;margin-top:.5em}.box-net-vulnerabilities .hover-box{flex:0 0 calc(33% - 10px);margin-top:20px;box-sizing:border-box}.box-net-vulnerabilities .hover-box:hover{box-shadow:0 0 6px #24a4ff}.external-factors-actions{display:flex;justify-content:space-between;margin-top:50px}.external-factors-actions .title{font-size:24px;text-align:left;margin:0}.external-factors,.actions{display:grid;grid-template-rows:2.8em 1fr 10px 1fr;grid-template-columns:1fr;width:46%;background-color:#a0d4f4;padding:10px 20px 15px;box-sizing:border-box;position:relative}.external-factors .hover-box,.actions .hover-box{grid-row:2/3;height:150px}.external-factors .hover-box+.hover-box,.actions .hover-box+.hover-box{grid-row:4/5}.external-factors .hover-box:hover .definition,.external-factors .hover-box:focus .definition,.actions .hover-box:hover .definition,.actions .hover-box:focus .definition{margin-top:calc(.05*var(--hover-box-height))}.actions{grid-template-rows:2.8em 1fr 10px 1fr 10px 1fr;width:46%;background-color:#e6feff}.actions .hover-box{height:100px}.actions .hover-box+.hover-box+.hover-box{grid-row:6/7}.actions .hover-box:hover,.actions .hover-box:focus{box-shadow:inherit;background-color:#06a;cursor:default}.actions .hover-box:hover .topic,.actions .hover-box:focus .topic{margin-top:inherit;color:#fff;transition:none}.actions .hover-box:hover .definition,.actions .hover-box:focus .definition{transition:none}.actions .hover-box .topic{text-decoration:none}.external-factors:before,.external-factors:after,.actions:before{content:"↑";position:absolute;top:-66px;font-size:40px;left:45%}.external-factors:after{content:"→";top:150px;right:-15%;left:unset}.actions:before{content:"↕"}@media only screen and (max-width: 600px){.box-net-vulnerabilities,.external-factors,.actions{flex-direction:column;padding:10px 7px 15px}.box-net-vulnerabilities .title,.external-factors .title,.actions .title{font-size:20px}.box-net-vulnerabilities .hover-box,.external-factors .hover-box,.actions .hover-box{pointer-events:none;height:auto}.box-net-vulnerabilities .hover-box .topic,.external-factors .hover-box .topic,.actions .hover-box .topic{text-decoration:none;font-size:16px}.box-net-vulnerabilities .hover-box .definition,.external-factors .hover-box .definition,.actions .hover-box .definition{display:none}.box-net-vulnerabilities .hover-box:hover .topic,.box-net-vulnerabilities .hover-box:focus .topic,.external-factors .hover-box:hover .topic,.external-factors .hover-box:focus .topic,.actions .hover-box:hover .topic,.actions .hover-box:focus .topic{transition:none;margin-top:0;color:#fff;background-color:#06a}.external-factors,.actions{display:flex;gap:10px}.external-factors:after{top:100px;left:unset;font-size:24px}.sm-definitions{display:block;position:unset}}@media only screen and (min-width: 600px)and (max-width: 900px){.box-net-vulnerabilities .title,.external-factors .title,.actions .title{font-size:20px}.box-net-vulnerabilities .hover-box,.external-factors .hover-box{height:180px}.box-net-vulnerabilities .hover-box:hover .definition,.box-net-vulnerabilities .hover-box:focus .definition,.external-factors .hover-box:hover .definition,.external-factors .hover-box:focus .definition{margin-top:calc(-0.2*var(--hover-box-height))}.external-factors:after{right:-17%}}@media only screen and (min-width: 900px)and (max-width: 1200px){.box-net-vulnerabilities .hover-box{height:150px}.box-net-vulnerabilities .hover-box:hover .definition,.box-net-vulnerabilities .hover-box:focus .definition{margin-top:calc(.2*var(--hover-box-height))}}/*# sourceMappingURL=rba4.page.fsr.flowchart-new.min.css.map */
