header{-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.6);box-shadow:0 0 12px 0 rgba(0,0,0,.6)}main{padding:0;height:calc(100vh - 76px)}main iframe{display:block}main .toggle-footer{position:fixed;left:0;right:0;margin:0 auto;width:33px;bottom:0;height:20px;line-height:24px;border-top-left-radius:50px;border-top-right-radius:50px;color:#fff;background-color:#252525;border:1px solid #000;border-bottom:0;text-align:center;font-size:20px;font-weight:700;z-index:3;cursor:pointer;-webkit-transition:-webkit-filter .12s ease-in;transition:-webkit-filter .12s ease-in;transition:filter .12s ease-in;transition:filter .12s ease-in,-webkit-filter .12s ease-in}main .toggle-footer:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}footer{position:fixed;left:0;bottom:0;width:100%;border-top:2px solid var(--brandColor);z-index:2;max-height:calc(100% - 200px);overflow:auto;display:none}