:root{--color-highlight:#59b0ff}#page-blocker{background:rgba(13,24,39,.9);bottom:0;display:flex;flex-flow:column;left:0;padding:1.25rem;position:fixed;right:0;text-align:center;top:0;z-index:100}#page-blocker hr{margin:1.5rem 0}#page-blocker .logo{display:block;margin:.5rem auto 0}#page-blocker.error #page-blocker-input,#page-blocker.error #page-blocker-submit{border-color:red}#page-blocker.error .msg-error{display:block}#page-blocker.expired #page-blocker-input,#page-blocker.expired #page-blocker-submit{border-color:#59b0ff}#page-blocker.expired .msg-expired{display:block}#page-blocker .msg{display:none;font-size:.875rem;left:0;margin-top:.5rem;position:absolute;right:0}#page-blocker-preview{margin:auto;max-width:30rem}#page-blocker-form{display:flex;flex-flow:row;justify-content:center;margin-block:.75rem}#page-blocker-input,#page-blocker-submit{border:1px solid #49525f;font-size:1rem;padding:.5rem}#page-blocker-input:focus,#page-blocker-submit:focus{-webkit-appearance:none;box-shadow:0 0 .5rem #59b0ff80;outline:none}#page-blocker-input{background:#252e3f;border-radius:2px 0 0 2px;color:#919fac;width:15rem}#page-blocker-input::-webkit-input-placeholder{color:#919fac}#page-blocker-submit{border-left:0;border-radius:0 2px 2px 0;color:#919fac;padding:.5rem .75rem}