:root{--border-primary:#60616680;--border-secondary:#0000001f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border-secondary:#ffffff1f}
:root{--border-primary:#60616680;--border-secondary:#0000001f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border-secondary:#ffffff1f}#root{height:100%;position:relative}.app-body{height:calc(100% - 72px);display:flex;overflow:hidden}.app-content{background-color:var(--mui-palette-background-default);box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;overflow-x:hidden;overflow-y:auto}.app-content .main-wrapper{padding:36px;position:relative}@media (max-width:840px){.app-content .main-wrapper{padding:20px 24px}}*,:before,:after{box-sizing:border-box}.content-wrapper{padding:32px 36px}html{font-family:Roboto,sans-serif}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}body a{color:var(--mui-palette-accent-main);text-decoration:none}body a:hover{text-decoration:underline}p{margin-top:0}b,strong{font-family:Roboto,sans-serif;font-weight:700}h1,h2,h3,h4{margin-top:0;margin-bottom:8px;line-height:1.2}button{color:inherit;cursor:pointer}img,svg{vertical-align:middle}.ppc-table{border:0 solid;border-color:inherit;border-collapse:collapse}.ppc-table th{text-align:inherit}.ppc-table th:first-child{text-align:start}.ppc-table thead tr,.ppc-table tbody tr:nth-child(2n){background-color:var(--mui-palette-overlay-overlay2)}.ppc-table tbody tr:nth-child(odd){background-color:var(--mui-palette-overlay-overlay3)}.ui-overlay{opacity:0;cursor:default;pointer-events:none;background-color:#6664;transition:opacity .5s;position:fixed;top:0;bottom:0;left:0;right:0}.ui-overlay.enter-active,.ui-overlay.enter-done{opacity:1;pointer-events:all}.ui-overlay.exit{pointer-events:none;opacity:0}.table-wrapper{width:100%;overflow:auto}.g-recaptcha{border-radius:4px;width:302px;height:76px;overflow:hidden}
:root{--border-primary:#60616680;--border-secondary:#0000001f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border-secondary:#ffffff1f}#peterportal-logo{width:auto;height:36px}@media (max-width:840px){#peterportal-logo{height:32px}}[data-theme=dark] .navbar{box-shadow:0 4px 24px #0000003d}.school-term{margin-bottom:0;margin-right:.75em}.navbar{z-index:300;background-color:var(--mui-palette-overlay-overlay1);width:100%;height:72px;padding:8px 16px;font-size:14px;display:flex;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 4px 24px #c4c6d13d}.navbar .navbar-nav{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;margin:auto;display:flex}.navbar .navbar-nav .navbar-left{justify-content:center;align-items:center;height:100%;display:flex}.navbar .navbar-nav .navbar-menu-btn{margin:-4px}.navbar .navbar-nav .navbar-logo{flex-direction:row;align-items:center;width:-webkit-fit-content;width:fit-content;margin-left:auto;margin-right:auto;display:flex;position:absolute;left:0;right:0}@media only screen and (max-width:840px){.navbar .navbar-nav .beta{display:none}.navbar .navbar-nav .navbar-logo{flex-direction:row;align-items:center;margin-left:auto;margin-right:auto;display:flex;position:absolute;left:0;right:0}.navbar .navbar-nav .school-term{max-width:30vw;font-size:12px}}.navbar .navbar-menu-icon{font-size:32px}.fullscreen-search-row{width:100%;margin-left:8px}.feedback{flex-direction:row;justify-content:space-between;display:flex}
.navbar-profile{height:70%}.navbar-profile-pic{white-space:normal;border-radius:100%;width:36px;height:36px;color:inherit!important}.navbar-profile-pic:hover{cursor:pointer}.profile-button{background:0 0;border:none;height:100%}.profile-popover .MuiPaper-root{border-radius:var(--mui-shape-borderRadiusLg);border:1px solid var(--mui-palette-background-default);width:310px;max-width:100vw;padding:16px 20px}.profile-popover .profile-popover-header{margin-bottom:16px;display:flex}.profile-popover .profile-popover-header h1{text-overflow:ellipsis;margin:0;padding-bottom:8px;font-size:18px;font-weight:700;overflow:hidden}.profile-popover .profile-popover-header h2{color:var(--mui-palette-text-secondary);text-overflow:ellipsis;margin:0;padding-bottom:4px;font-size:14px;overflow:hidden}.profile-popover .profile-popover-header div{white-space:nowrap;flex-direction:column;justify-content:center;display:flex;overflow:hidden}.profile-popover .profile-popover-header img{border-radius:100%;height:50px;margin-right:12px}.profile-popover .profile-popover-theme-selector .MuiDivider-root{margin:4px 0 0}.profile-popover .profile-popover-theme-selector h4{font-size:20px}.profile-popover .profile-popover-theme-selector .tab-selector{background-color:var(--mui-palette-overlay-overlay2)}.profile-popover .profile-popover-links{padding-bottom:0}.profile-popover .profile-popover-links .MuiListItem-root{padding:0}.profile-popover .profile-popover-links .MuiListItemButton-root{border-radius:var(--mui-shape-borderRadiusLg);padding-left:10px;padding-right:10px}.profile-popover .profile-popover-links .MuiListItemIcon-root{min-width:32px}.profile-popover .profile-popover-link.active,.profile-popover .profile-popover-link.active .MuiListItemIcon-root{color:var(--mui-palette-primary-main)}.login-button{color:var(--mui-palette-text-primary)}