.katex{font-size:20px;font-weight:400;font-family:Roboto,Helvetica,sans-serif;margin-top:0}.Example button,.Example input{font:inherit}.Example header{background-color:#323639;box-shadow:0 0 8px rgba(0,0,0,.5);padding:20px;color:#fff}.Example header h1{font-size:inherit;margin:0}.Example__container{display:flex;flex-direction:column;align-items:center}.Example__container__load{margin-top:1em;color:#fff}.Example__container__document{margin:1em 0}.Example__container__document .react-pdf__Document{display:flex;flex-direction:column;align-items:center}.Example__container__document .react-pdf__Page{max-width:calc(100% - 2em);border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.5);margin:1em}.Example__container__document .react-pdf__Page canvas{max-width:100%;height:auto!important}.Example__container__document .react-pdf__message{padding:20px;color:#fff}.attendanceContainer{overflow-x:scroll}::-webkit-scrollbar{height:10px;width:4px;background:grey}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-thumb:horizontal{background:#000}