@font-face{font-family:Atkinson Hyperlegible;font-weight:400;font-style:normal;src:url(/fonts/AtkinsonHyperlegible-Regular.ttf)format("truetype")}@font-face{font-family:Atkinson Hyperlegible;font-weight:700;font-style:normal;src:url(/fonts/AtkinsonHyperlegible-Bold.ttf)format("truetype")}@font-face{font-family:Atkinson Hyperlegible;font-weight:400;font-style:italic;src:url(/fonts/AtkinsonHyperlegible-Italic.ttf)format("truetype")}@font-face{font-family:Atkinson Hyperlegible;font-weight:700;font-style:italic;src:url(/fonts/AtkinsonHyperlegible-BoldItalic.ttf)format("truetype")}
.layout{flex-direction:row;display:flex}.tableOfContent,.navbar{flex-direction:column;display:flex}.navbar{background-color:var(--white);justify-content:flex-start;width:190px;margin-bottom:15px;padding-left:60px;transition:all .3s ease-in-out;display:flex;position:relative}.content{width:calc(100vw - 250px);height:calc(100vh - var(--offset));background-color:var(--broadcastBlue);box-shadow:0 0 10px -6px var(--black);z-index:5;border-radius:10px;padding-left:60px;padding-right:60px;top:0;overflow:scroll}.contentLimit{max-width:800px;margin:auto}.menuItem{text-transform:uppercase;background-color:var(--cableGreen);font-size:large;font:optional;border:1px solid #fff;border-right:0;border-top-left-radius:6px;border-bottom-left-radius:6px;padding:0;transition:all .3s ease-in-out;display:flex;position:relative}.menuItem.active{background-color:var(--broadcastBlue);border:2px solid var(--taigaGreen);z-index:6;border-right:0;margin-left:-30px;position:relative}.menuItem.active a{color:var(--taigaGreen)}.menuItem:hover{background-color:var(--dataLime);border-left:4px solid var(--cableGreen);margin-left:-20px}.menuItem.active:hover{background-color:var(--broadcastBlue)}.menuItem:hover a{color:var(--taigaGreen)}.menuItem a{color:var(--white);width:100%;height:23px;padding:8px;font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;text-decoration:none;transition:all .3s ease-in-out}h1{font-family:Helvetica Neue,Arial,sans-serif}h2{border-bottom:2px solid var(--taigaGreen);margin-top:40px}h2,h3{scroll-margin-top:20px;font-family:Helvetica Neue,Arial,sans-serif}p,a,ul,b{font-family:Atkinson Hyperlegible,Arial,sans-serif}li.active>a{color:var(--cableGreen);border-bottom:2px solid var(--cableGreen)}li>a:hover{color:var(--black);border-bottom:2px solid var(--black)}:root{--offset:20px;--black:#000;--white:#fff;--dataLime:#d6fe51;--cableGreen:#01972e;--taigaGreen:#01641f;--broadcastBlue:#f0f9fc}.invisible{visibility:hidden;width:0;height:0;overflow:hidden}.plugin{overflow:hidden}.mifotecLogo>div{height:120px;transition:all .3s ease-in-out;display:flex;position:relative}button{background-color:#0000;border:none;width:100%;padding:0}.smoothDiv{max-height:600px;transition:all .3s ease-in-out}.dynamicText{position:static}.options{background-color:var(--cableGreen);border-radius:6px;flex:1;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex;overflow:hidden;color:#fff!important}.blanketLabel{background-color:var(--cableGreen);border-radius:6px;align-items:center;height:39px;display:flex;color:#fff!important}.options:hover{background-color:#0000;flex-grow:3;color:var(--taigaGreen)!important}.blanketElement{opacity:1;z-index:1;width:100%;height:39px;transition:all .2s ease-in-out;position:absolute;top:0;overflow:hidden}.doubleButton{flex-direction:row;justify-content:center;width:100%;display:flex}.hidden{opacity:0;pointer-events:none}@media (min-width:700px){.dynamImage{height:500px!important}.textKeeper{max-height:600px!important}}@media (max-width:700px){.blanketElement,.blanketLabel,.doubleButton,.options{height:47px}.dynamicText{position:sticky;top:-40px}.layout{flex-direction:column;height:fit-content;display:flex}.content{z-index:0;width:calc(100% - 60px);height:calc(100vh - 163px);margin-top:87px;margin-left:0;padding:30px;position:relative;overflow:scroll}.mifotecLogo>div{flex-direction:column;align-self:flex-start;height:70px;margin-bottom:0;display:flex;width:100%!important;margin-left:0!important}.navbar{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff80;width:calc(100% - 16px);padding:8px 8px 10px;position:fixed;top:0;left:0}.menuItem{border:none;border-radius:6px;height:47px;margin-top:4px;margin-left:3%!important;margin-right:3%!important}.menuItem>a{padding:12px}.menuItem a{height:31px}.options{padding:8px;flex-grow:1!important;justify-content:center!important}.menuItem.active{border:3px solid var(--taigaGreen);margin:10px 5px 8px}.menuItem:hover{margin-left:0}.smoothDiv{overflow:hidden}}
