*,:before,:after{box-sizing:border-box}body{color:#fff;margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857}.tinted-background{background:linear-gradient(#fff,#000);width:100%}.notifier{text-align:center;background:#000;width:100%;position:sticky;top:0;left:0}.title-card{display:flex}.title-card>.left-header>h1#title{font-variation-settings:"wdth" 75;color:#fff;margin:0;padding-top:1em;padding-right:11em;font-size:xx-large;font-weight:200}.title-card>.left-header{z-index:-1;background-image:url(https://web.archive.org/web/19970630032035im_/http://www.uoguelph.ca/jgreen.jpg);background-repeat:no-repeat;background-size:cover}.title-card>.right-header{z-index:1;background:linear-gradient(90deg,gray,#000);justify-content:flex-end;align-items:flex-start;width:100%;display:flex}ul>li{padding-bottom:3px;font-style:italic}.list-unstyled{margin:0;padding-left:0;list-style:none}.list-inline{flex-wrap:wrap;gap:15px;margin:0;padding-left:0;list-style:none;display:flex}.list-inline>li{vertical-align:top;padding-left:0;padding-right:0;display:inline-block}.list-inline>li>ul{margin:0;padding-left:0;list-style:none}.nav-split a,select{text-decoration:none;color:#282828!important}.nav-split a:hover{text-decoration:underline;color:#000!important}select{color:#000;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px}.split-view,.nav-split{width:100%;display:flex;overflow:hidden}.nav-split{align-items:flex-start;padding-top:6px;padding-bottom:8px}.nav-split .right-nav{max-width:50%}.nav-split>div{padding-left:1em}.nav-split select{position:relative;left:-2px}.split-view .left-panel,.nav-split .left-nav{width:50%;min-width:10%;max-width:90%}.split-view .left-panel{resize:horizontal;overflow:auto}.split-view #preview-iframe,.split-view #preview-component-iframe{border:none;width:100%;height:100vh;display:block}.split-view{height:100vh}.split-view #right{resize:horizontal;flex:1;overflow:auto}.split-view #right::-webkit-resizer{background-image:url(https://www.uoguelph.ca/images/uofglogo.gif);background-size:100%}.split-view .left-panel::-webkit-resizer{background-image:url(https://www.uoguelph.ca/images/uofglogo.gif);background-size:100%}@keyframes bobble{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bobbling{color:red;animation:1s infinite bobble;display:inline-block}.shell{align-items:stretch;min-height:100vh;display:flex}.shell-main{flex:auto;min-width:0}.legacy-editor{display:block}.shell-banner{background:#f4f4f4;border-bottom:1px solid #ddd;margin:0;padding:.5rem 1rem;font-family:system-ui,sans-serif;font-size:.85rem}.shell-banner.is-error{color:#842029;background:#fdecea;border-bottom-color:#f5c6cb}.shell-banner.is-warning{color:#7a5900;background:#fff8e1;border-bottom-color:#ffe08a}.files-window-body{color:#222;background:#fff;margin:0}.files-window{flex-direction:column;height:100vh;padding:.6rem .75rem;display:flex;overflow:hidden}.files-window-banner{margin:0;padding:.5rem .75rem;font-size:.85rem}.files-window-banner.is-error{color:#842029;background:#fdecea}.files-window-message{color:#666;border-top:1px solid #eee;flex:none;margin:0;padding-top:.4rem}.files-window .tree-level>li{padding-bottom:0;font-style:normal}.explorer{min-height:0;font:inherit;flex-direction:column;flex:auto;display:flex}.explorer.is-dragging{outline-offset:-4px;outline:2px dashed #4a90d9}.explorer-actions{flex-wrap:wrap;gap:.25rem .75rem;padding:.15rem 0;display:flex}.explorer-actions button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.explorer-actions button:hover{color:#000}.explorer-tree{flex:auto;min-height:0;padding:.35rem 0 0;overflow:auto}.explorer-empty,.explorer-message{color:#666;margin:0;padding:.25rem 0;line-height:1.35}.explorer-message{border-top:1px solid #eee}.tree-level{margin:0;padding:0;list-style:none}.tree-level[data-depth="1"]{padding-left:.75rem}.tree-level[data-depth="2"]{padding-left:1.5rem}.tree-level[data-depth="3"]{padding-left:2.25rem}.tree-level[data-depth="4"]{padding-left:3rem}.tree-level[data-depth="5"]{padding-left:3.75rem}.tree-node{width:100%;font:inherit;text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;gap:.3rem;padding:.1rem 0;display:flex}.tree-node:hover{text-decoration:underline}.tree-node.is-selected{font-weight:600}.tree-marker{color:#888;width:.7rem;display:inline-block}.tree-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-overlay{z-index:1000;background:#0000008c;flex-direction:column;display:flex;position:fixed;inset:0}.preview-overlay-header{color:#fff;background:#222;align-items:center;gap:.75rem;padding:.5rem .75rem;font-family:system-ui,sans-serif;font-size:.8rem;display:flex}.preview-overlay-path{font-weight:600}.preview-overlay-url{text-overflow:ellipsis;white-space:nowrap;color:#9ecbff;flex:auto;font-family:monospace;overflow:hidden}.preview-overlay-header button{cursor:pointer;padding:.25rem .6rem}.preview-overlay-frame{background:#fff;border:0;flex:auto;width:100%}