:root{--border-primary:#60616680;--border-secondary:#0000001f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border-secondary:#ffffff1f}.roadmap-page{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.roadmap-page .main-wrapper{width:100%;height:100%;padding:0;overflow-y:auto}.roadmap-page .main-wrapper.mobile{width:100%}.roadmap-page .fullscreen-search{z-index:1000;background-color:var(--mui-palette-background-default);box-sizing:border-box;opacity:0;pointer-events:none;flex-direction:column;width:100%;height:100%;padding:36px;transition:opacity .3s ease-in-out;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:840px){.roadmap-page .fullscreen-search{padding:20px 24px}}.roadmap-page .fullscreen-search.visible{opacity:1;pointer-events:auto}.roadmap-page.fullscreen-search-active .main-wrapper{visibility:hidden;pointer-events:none}
:root{--border-primary:#60616680;--border-secondary:#0000001f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border-secondary:#ffffff1f}.planner{flex-direction:column;height:100%;display:flex;position:relative;overflow:auto}.planner section.years{flex-direction:column;flex-shrink:0;gap:24px;height:-webkit-fit-content;height:fit-content;padding-top:24px;padding-bottom:24px;padding-left:36px;padding-right:36px;display:flex;overflow:auto}@media (max-width:840px){.planner section.years{padding-left:16px;padding-right:16px}}.planner .loading-spinner{margin-top:24px}.planner .app-footer{margin-top:auto;margin-bottom:24px}
:root{--border-primary:#60616680;--border-secondary:#0000001f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border-secondary:#ffffff1f}.MuiPaper-root.roadmap-header{z-index:2;border-width:0 0 2px;border-radius:0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:60px;padding:12px 16px;font-size:14px;display:flex;position:-webkit-sticky;position:sticky;top:0;left:0}.MuiPaper-root.roadmap-header>*{z-index:1;position:relative}.MuiPaper-root.roadmap-header #title{font-size:1.5em}.MuiPaper-root.roadmap-header .planner-left{z-index:2;flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.MuiPaper-root.roadmap-header .planner-actions{padding-right:2px}.MuiPaper-root.roadmap-header .planner-actions .MuiButtonGroup-root{gap:10px}.MuiPaper-root.roadmap-header .planner-actions span.MuiButton-startIcon{margin-right:4px}.MuiPaper-root.roadmap-header .planner-actions .header-btn{white-space:nowrap;color:inherit;border-radius:4px;height:-webkit-fit-content;height:fit-content;padding:4px 8px 4px 10px;font-weight:500}.MuiPaper-root.roadmap-header .planner-actions .header-btn[disabled]{color:var(--mui-palette-text-secondary)}#planner-stats{font-size:1em}#course-count,#unit-count{font-weight:700}.header-icon{margin-top:1px;margin-right:6px;padding-left:1px;padding-right:1px}@media only screen and (max-width:400px){.roadmap-header #title{font-size:1em}.roadmap-header .add-course{font-size:.7em}}
.roadmap-header button.dropdown-button{text-transform:none;padding:3px 12px;font-size:14px}.roadmap-header button.dropdown-button .MuiSvgIcon-root{margin-left:-4px;margin-right:-4px}.multi-plan-selector .select-item{align-items:center;gap:4px;padding:4px 8px;display:flex}.multi-plan-selector .planner-name-btn{color:inherit;text-transform:none;font-weight:500;font-size:inherit;justify-content:start;width:100%;min-width:120px;height:32px}.multi-plan-selector .select-item button.MuiIconButton-root{width:32px;height:32px}.multi-plan-selector .select-item button.MuiIconButton-root:not(.delete-btn) .MuiSvgIcon-root{font-size:20px}.multi-plan-selector .add-item{padding-left:16px;padding-right:16px;container:multiplan-add/inline-size}.multi-plan-selector .add-item button.MuiButton-root{width:80px;height:-webkit-fit-content;height:fit-content;color:inherit;text-transform:none;background-color:#88888818;flex-direction:column;flex-grow:1;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.multi-plan-selector .add-item button.MuiButton-root>span:not(.MuiTouchRipple-root){white-space:normal;text-align:center;max-width:80px;line-height:1.25}@container multiplan-add (min-width:440px){.multi-plan-selector .add-item button.MuiButton-root>span:not(.MuiTouchRipple-root){max-width:none}}.multi-plan-selector .dropdown-item{color:inherit;display:contents}.multi-plan-selector .dropdown-item .btn{text-align:left;padding:8px 20px 8px 12px}.multi-plan-selector .dropdown-item>*{width:100%}.multi-plan-selector .separator-label{text-transform:uppercase;color:var(--mui-palette-text-secondary);white-space:nowrap;align-items:center;gap:8px;margin-top:4px;margin-bottom:4px;margin-left:16px;margin-right:16px;font-size:12px;font-weight:900;display:flex}.multi-plan-selector .separator-label hr{border:.5px solid var(--mui-palette-text-secondary);opacity:.8;width:100%;margin:0}.multi-plan-selector>.MuiPaper-root{padding-top:8px;padding-bottom:8px}
.transcript-form ol{margin-top:8px}.transcript-form .transcript-upload{align-items:center;gap:8px;display:flex}.transcript-form .transcript-upload>.MuiButtonBase-root{white-space:nowrap;flex-shrink:0}.transcript-form .transcript-upload .file-path{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}
.import-schedule-warning{color:var(--mui-palette-error-main);gap:5px;font-size:14px}.import-schedule-warning .import-schedule-warning-icon{margin-bottom:4px;margin-right:4px;font-size:16px}
.popup-btn{text-transform:uppercase;background-color:var(--mui-palette-primary-main);color:#fff;border-radius:1.25rem}
:root{--border-primary:#60616680;--border-secondary:#0000001f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border-secondary:#ffffff1f}[data-theme=dark] .edit-year-form .form-control,[data-theme=dark] .edit-year-form .form-control:focus{background-color:var(--mui-palette-overlay-overlay1)}div.year{background-color:var(--mui-palette-overlay-overlay1);border-radius:8px;container:roadmap-year/inline-size}div.year .year-header{align-items:center;padding:16px;display:flex}div.year .year-header button{margin:-2px}div.year .year-header button .MuiSvgIcon-root{font-size:20px}div.year .year-header .action-row{justify-content:flex-end;align-items:center;height:20px;margin-right:-4px;display:flex}div.year .year-header .year-range{color:var(--mui-palette-misc-midGray);font-size:16px}@container roadmap-year (max-width:512px){div.year .year-header .year-range{margin-top:4px;font-size:14px}}div.year .year-header .year-number,div.year .year-header .course-count,div.year .year-header .unit-count{font-weight:700}div.year .year-header .year-title{color:var(--mui-palette-text-primary);text-align:left;font-size:18px}div.year .year-stats{color:var(--mui-palette-misc-midGray);margin-top:0;margin-bottom:0;font-size:16px}div.year .year-stats:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto;margin-right:8px}div.year .year-stats:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:8px;margin-right:auto}div.year .year-stats:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:8px;margin-right:auto}@container roadmap-year (max-width:512px){div.year .year-stats{margin-top:4px;font-size:14px}div.year .year-header{grid-template-areas:"A B""A C";padding:12px;display:grid}div.year .year-title{flex-direction:column;grid-area:A;display:flex}div.year .year-stats{grid-area:C;margin-right:0}div.year .action-row{grid-area:B}}div.quarter-list{--min-quarter-width:250px;grid-template-columns:repeat(auto-fill,minmax(var(--min-quarter-width),1fr));background-color:#0000;border-radius:8px;gap:1px;margin:16px;display:grid}@media (max-width:840px){div.quarter-list{--min-quarter-width:325px}}@media (max-width:480px){div.quarter-list{border:none;border-radius:0;margin:0}}.years[data-max-quarter-count="1"] div.quarter-list{grid-template-columns:100%}@media only screen and (min-width:1250px){.years[data-max-quarter-count="2"] div.quarter-list{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1500px){.years[data-max-quarter-count="3"] div.quarter-list{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1750px){.years[data-max-quarter-count="4"] div.quarter-list{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:2000px){.years[data-max-quarter-count="5"] div.quarter-list{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:2250px){.years[data-max-quarter-count="6"] div.quarter-list{grid-template-columns:repeat(6,1fr)}}
:root{--border-primary:#60616680;--border-secondary:#0000001f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border-secondary:#ffffff1f}[data-theme=dark] .quarter .quarter-header .quarter-title,[data-theme=dark] .quarter{color:#eee}div.quarter{background-color:#0000;border-radius:0;flex-direction:column;flex:30%;min-width:250px;margin:-1px -.75px;font-size:14px;display:flex;position:relative;overflow:hidden}div.quarter .quarter-header{border-bottom:2px solid var(--border-primary);z-index:1;background-color:#8881;justify-content:space-between;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 12px;display:flex;position:relative}div.quarter .quarter-header .quarter-title{color:#202e47;margin:0 auto 0 0;font-size:18px;font-weight:700}div.quarter .quarter-header button{height:24px;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:11px;font-weight:600}div.quarter .quarter-header button .MuiButton-icon{margin-right:4px}div.quarter .quarter-units{color:gray;font-size:16px}div.quarter .quarter-course-list{height:100%;margin-bottom:-2px;overflow:hidden}div.quarter .quarter-course-list:empty{text-align:center;border:none;justify-content:center;align-items:center;padding:16px 32px;display:flex}div.quarter .quarter-course-list:empty:before{content:"Drag courses here to add them to your roadmap";max-width:200px}div.quarter .quarter-course-list .course{border-radius:0}div.quarter .quarter-course-list .course.sortable-ghost{opacity:.35;width:auto;color:var(--mui-palette-primary-main);pointer-events:none}div.quarter .quarter-course-list .course.sortable-ghost .course-info{display:contents}div.quarter .quarter-course-list .course.sortable-ghost .course-synopsis{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:0;display:block;overflow:hidden}div.quarter .quarter-course-list .course.sortable-ghost .course-synopsis .title{font-weight:inherit}div.quarter .quarter-course-list .course.sortable-ghost .course-synopsis .title:after{display:none}div.quarter .quarter-course-list .course.sortable-ghost .course-drag-handle,div.quarter .quarter-course-list .course.sortable-ghost .MuiIconButton-root{color:inherit}div.quarter .quarter-course-list .course.sortable-ghost .course-tags,div.quarter .quarter-course-list .course.sortable-ghost .course-synopsis .description{display:none}div.quarter .course{margin-top:0;margin-bottom:0;margin-left:-1px;margin-right:-1px}body[data-theme=light] div.quarter .quarter-header button.MuiButton-root:hover{--variant-containedBg:#e8e8e8}@media only screen and (max-width:840px){div.quarter .quarter-course-list:empty{pointer-events:none;border:none;margin-top:-16px;margin-bottom:-16px;padding:16px}div.quarter .quarter-course-list:empty:before{content:""}div.quarter .quarter-course-list:empty.dropzone-active{pointer-events:auto}}body:has(>.profile-popover) button.MuiButtonBase-root:not(:hover){transition:background-color!important}body:has(>.sortable-fallback:-webkit-any(.course,.program-course-tile)) *{cursor:grabbing!important}body:has(>.sortable-fallback:is(.course,.program-course-tile)) *{cursor:grabbing!important}
.course{background:var(--mui-palette-overlay-overlay1);border-radius:4px;grid-template-rows:repeat(2,min-content);grid-template-columns:min-content auto;grid-template-areas:"A B""A C";align-items:center;height:auto;margin:4px;padding:12px;font-size:16px;display:grid;position:relative;box-shadow:0 0 2px #60616680}.course .course-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;grid-area:A;position:relative;left:-6px}.course .course-drag-handle:active{cursor:grabbing}.course .course-and-info{grid-area:B}.course .name{color:var(--mui-palette-primary-main);font-weight:700}.course .warning-container{position:relative;top:-2px;left:4px}.course .course-card-top{justify-content:space-between;align-items:center;display:flex}.course .title{grid-area:C;margin-top:2px}.course .units{color:inherit;margin-left:auto}.course .missing-prereq{color:var(--mui-palette-error-main)}.course button.MuiIconButton-root{width:24px;height:24px;margin:-8px -4px -8px 0}.course button.MuiIconButton-root .MuiSvgIcon-root{font-size:20px}.course:not(.roadmap-course){width:calc(100% - 4px);margin-left:2px;margin-right:2px}.course:not(.roadmap-course) .course-card-top{grid-area:B}.course:not(.roadmap-course) .course-card-top .MuiSvgIcon-root{font-size:20px}.course:not(.roadmap-course) .course-info{grid-area:C;font-size:14px}.course:not(.roadmap-course) .course-synopsis{margin:4px 0}.course:not(.roadmap-course) .course-tags{flex-wrap:wrap;justify-content:flex-start;gap:6px;margin-top:4px;font-size:12px;display:flex}.course:not(.roadmap-course) .course-card-top{display:flex}.course:not(.roadmap-course) div.course-and-info{display:contents}.course.roadmap-course{color:var(--mui-palette-primary-main);box-shadow:none;border:1px solid var(--border-secondary);margin-top:-.5px;margin-bottom:-.5px}.course.roadmap-course .title{white-space:nowrap;text-overflow:ellipsis;color:var(--mui-palette-primary-main);font-size:14px;overflow:hidden}.course.roadmap-course .course-drag-handle,.course.roadmap-course .course-delete-btn{color:inherit}.course-and-info{align-items:center;gap:6px;width:100%;margin-right:2px;display:flex}.course-and-info>.name{display:block}.course-and-info .warning-container svg{font-size:20px}.course.sortable-fallback{animation:.2s forwards course-fade-in;height:-webkit-fit-content!important;height:fit-content!important}@keyframes course-fade-in{0%{opacity:0}to{opacity:1}}
.offerings-tooltip .MuiTooltip-tooltip{color:var(--mui-palette-text-primary);border-radius:8px;padding:4px;overflow:hidden}.offerings-tooltip .MuiTooltip-tooltip .recent-offerings-table{border-radius:4px;overflow:hidden}
