.roadmap-page{overflow:hidden;display:flex;width:100%;height:100%;position:relative}.roadmap-page .main-wrapper{width:100%;height:100%;overflow-y:auto;padding:0}.roadmap-page .main-wrapper.mobile{width:100%}.planner{position:relative;height:100%}.planner,.planner section.years{display:flex;flex-direction:column;gap:24px;overflow:auto}.planner section.years{padding-inline:36px;padding-block:0 24px;height:-moz-fit-content;height:fit-content;flex-shrink:0}@media(max-width:800px){.planner section.years{padding-inline:16px}}.MuiPaper-root.roadmap-header{z-index:2;font-size:14px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;position:sticky;top:0;left:0;width:100%;min-height:66px;flex-shrink:0;border-width:0 0 2px;border-radius:0;padding:12px 16px;gap:8px}.MuiPaper-root.roadmap-header>*{position:relative;z-index:1}.MuiPaper-root.roadmap-header #title{font-size:1.5em}.MuiPaper-root.roadmap-header .planner-left{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;z-index:2}.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;font-weight:500;height:-moz-fit-content;height:fit-content;border-radius:4px;padding:4px 8px 4px 10px}.MuiPaper-root.roadmap-header .planner-actions .header-btn[disabled]{color:var(--text-secondary)}#planner-stats{font-size:1em}#course-count,#unit-count{font-weight:700}.header-icon{margin-right:6px;padding-inline:1px;margin-top: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;font-size:14px;padding:3px 12px}.roadmap-header button.dropdown-button .MuiSvgIcon-root{margin-inline:-4px}.multi-plan-selector .select-item{display:flex;gap:4px;padding:4px 8px;align-items:center}.multi-plan-selector .planner-name-btn{font-weight:500;color:inherit;justify-content:start;text-transform:none;font-size:inherit;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-inline:16px;container:multiplan-add/inline-size}.multi-plan-selector .add-item button.MuiButton-root{display:flex;align-items:center;gap:4px;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:6px 12px;width:80px;flex-grow:1;font-size:12px;font-weight:500;background-color:rgba(136,136,136,.0941176471);color:inherit;text-transform:none}.multi-plan-selector .add-item button.MuiButton-root>span:not(.MuiTouchRipple-root){white-space:normal;text-align:center;line-height:1.25;max-width:80px}@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{display:contents;color:inherit}.multi-plan-selector .dropdown-item .btn{padding:8px 20px 8px 12px;text-align:left}.multi-plan-selector .dropdown-item>*{width:100%}.multi-plan-selector .separator-label{text-transform:uppercase;font-weight:900;font-size:12px;margin-block:4px;margin-inline:16px;color:var(--text-secondary);display:flex;white-space:nowrap;align-items:center;gap:8px}.multi-plan-selector .separator-label hr{margin:0;border:.5px solid var(--text-secondary);width:100%;opacity:.8}.multi-plan-selector>.MuiPaper-root{padding-block:8px}.transcript-form ol{margin-top:8px}.transcript-form .transcript-upload{display:flex;align-items:center;gap:8px}.transcript-form .transcript-upload>.MuiButtonBase-root{white-space:nowrap;flex-shrink:0}.transcript-form .transcript-upload .file-path{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-schedule-warning{font-size:14px;color:var(--red-primary);gap:5px}.import-schedule-warning .import-schedule-warning-icon{margin-bottom:4px;margin-right:4px;font-size:16px}.popup-btn{text-transform:uppercase;background-color:var(--blue-primary);color:#fff;border-radius:1.25rem}.unread-circle,.unread-pill{position:absolute;background-color:var(--red-primary);border-radius:20px;font-size:10px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.unread-pill{right:-5px;top:-5px;width:32px;height:14px}.unread-circle{right:3px;top:3px;width:10px;height:10px}.spacing{width:6px}:root{--background:var(--mui-palette-background-default);--overlay1:var(--mui-palette-overlay-overlay1);--overlay2:var(--mui-palette-overlay-overlay2);--overlay3:var(--mui-palette-overlay-overlay3);--text:var(--mui-palette-text-primary);--text-secondary:var(--mui-palette-text-secondary);--blue-primary:var(--mui-palette-primary-main);--blue-secondary:var(--mui-palette-secondary-main);--blue-tertiary:var(--mui-palette-tertiary-main);--blue-accent:var(--mui-palette-accent-main);--green-primary:var(--mui-palette-success-main);--red-primary:var(--mui-palette-error-main);--mid-gray:var(--mui-palette-misc-midGray);--review-blue:var(--mui-palette-reviews-blue);--review-green:var(--mui-palette-reviews-green);--review-red:var(--mui-palette-reviews-red);--review-yellow:var(--mui-palette-reviews-yellow);--review-orange:var(--mui-palette-reviews-orange);--chart-blue:var(--mui-palette-chart-blue);--chart-green:var(--mui-palette-chart-green);--chart-yellow:var(--mui-palette-chart-yellow);--chart-red:var(--mui-palette-chart-red);--chart-orange:var(--mui-palette-chart-orange);--gradedist-p:var(--mui-palette-chart-pass);--gradedist-np:var(--mui-palette-chart-noPass);--border-radius:8px;--border-primary:rgba(96,97,102,0.5);--border-secondary:rgba(0,0,0,0.12)}:root[data-theme=dark]{color-scheme:dark;--border-secondary:rgba(255,255,255,0.12)}[data-theme=dark] .popover-body .year-settings-btn:active,[data-theme=dark] .year-settings-btn:focus,[data-theme=dark] .year-settings-btn:hover{background-color:var(--overlay2)}[data-theme=dark] .edit-year-form .form-control,[data-theme=dark] .edit-year-form .form-control:focus,div.year{background-color:var(--overlay1)}div.year{border-radius:8px;container:roadmap-year/inline-size}div.year .year-header{display:flex;padding:16px;align-items:center}div.year .year-header button{margin:-2px}div.year .year-header button .MuiSvgIcon-root{font-size:20px}div.year .year-header .action-row{display:flex;justify-content:flex-end;align-items:center;margin-right:-4px;height:20px}div.year .year-header .year-range{font-size:16px;color:var(--mid-gray)}@container roadmap-year (max-width: 512px){div.year .year-header .year-range{margin-top:4px;font-size:14px}}div.year .year-header .course-count,div.year .year-header .unit-count,div.year .year-header .year-number{font-weight:700}div.year .year-header .year-title{color:var(--text);text-align:left;font-size:18px}div.year .year-stats{margin-block:0;margin-inline:auto 8px;font-size:16px;color:var(--mid-gray)}@container roadmap-year (max-width: 512px){div.year .year-stats{margin-top:4px;font-size:14px}div.year .year-header{padding:12px;display:grid;grid-template-areas:"A B" "A C"}div.year .year-title{display:flex;flex-direction:column;grid-area:A}div.year .year-stats{grid-area:C;margin-right:0}div.year .action-row{grid-area:B}}div.quarter-list{border-radius:8px;display:grid;--min-quarter-width:250px;grid-template-columns:repeat(auto-fill,minmax(var(--min-quarter-width),1fr));grid-gap:1px;gap:1px;margin:16px;background-color:rgba(0,0,0,0)}@media(max-width:800px){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)}}[data-theme=dark] .quarter,[data-theme=dark] .quarter .quarter-header .quarter-title{color:#eee}div.quarter{border-radius:0;flex:1 1 30%;min-width:250px;position:relative;overflow:hidden;display:flex;flex-direction:column;font-size:14px;margin:-1px -.75px;background-color:rgba(0,0,0,0)}div.quarter .quarter-header{background-color:rgba(136,136,136,.0666666667);position:relative;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;border-bottom:2px solid var(--border-primary);margin-bottom:-2px;z-index:1}div.quarter .quarter-header .quarter-title{color:#202e47;font-weight:700;font-size:18px;margin:0 auto 0 0}div.quarter .quarter-header button{height:24px;font-size:11px;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;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{margin-bottom:-2px;height:100%;overflow:hidden}div.quarter .quarter-course-list:empty{padding:16px 32px;border:none;display:flex;justify-content:center;align-items:center;text-align:center}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(--blue-primary)}div.quarter .quarter-course-list .course.sortable-ghost .course-info{display:contents}div.quarter .quarter-course-list .course.sortable-ghost .course-synopsis{margin-bottom:0;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;display:block}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 .MuiIconButton-root,div.quarter .quarter-course-list .course.sortable-ghost .course-drag-handle{color:inherit}div.quarter .quarter-course-list .course.sortable-ghost .course-synopsis .description,div.quarter .quarter-course-list .course.sortable-ghost .course-tags{display:none}div.quarter .course{margin-block:0;margin-inline:-1px}body[data-theme=light] div.quarter .quarter-header button.MuiButton-root:hover{--variant-containedBg:#e8e8e8}@media only screen and (max-width:800px){div.quarter .quarter-course-list:empty{padding:16px;border:none;margin-block:-16px;pointer-events:none}div.quarter .quarter-course-list:empty:before{content:""}div.quarter .quarter-course-list:empty.dropzone-active{pointer-events:auto}}body:has(>#profile-popover) .MuiButtonBase-root{transition:background-color 0s}body:has(>.sortable-fallback:is(.course,.program-course-tile)) *{cursor:grabbing!important}.course{box-shadow:0 0 2px 0 rgba(96,97,102,.5019607843);background:var(--overlay1);border-radius:4px;height:auto;font-size:16px;padding:12px;position:relative;margin:4px;display:grid;grid-template-areas:"A B" "A C";grid-template-columns:min-content auto;grid-template-rows:repeat(2,min-content);align-items:center}.course .course-drag-handle{grid-area:A;position:relative;left:-6px;cursor:grab;user-select:none;-webkit-user-select:none}.course .course-drag-handle:active{cursor:grabbing}.course .course-and-info{grid-area:B}.course .name{font-weight:700;color:var(--blue-primary)}.course .warning-container{position:relative;top:-2px;left:4px}.course .course-card-top{display:flex;justify-content:space-between;align-items:center}.course .title{margin-top:2px;grid-area:C}.course .units{margin-left:auto;color:inherit}.course .missing-prereq{color:var(--red-primary)}.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-inline: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{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.course:not(.roadmap-course) .title:after{content:": "}.course:not(.roadmap-course) .course-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:4px;font-size:12px;gap:6px}.course:not(.roadmap-course) .course-card-top{display:flex}.course:not(.roadmap-course) div.course-and-info{display:contents}.course.roadmap-course{color:var(--blue-primary);box-shadow:none;border:1px solid var(--border-secondary);margin-block:-.5px}.course.roadmap-course .title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--blue-primary)}.course.roadmap-course .course-delete-btn,.course.roadmap-course .course-drag-handle{color:inherit}.course-and-info{display:flex;gap:6px;margin-right:2px;align-items:center;width:100%}.course-and-info>.name{display:block}.course-and-info .warning-container svg{font-size:20px}.course.sortable-fallback{height:-moz-fit-content!important;height:fit-content!important;animation:course-fade-in .2s forwards}@keyframes course-fade-in{0%{opacity:0}to{opacity:1}}.search-sidebar div.search-body{display:grid;grid-auto-flow:row;grid-auto-rows:fit-content;justify-items:stretch;grid-gap:8px;gap:8px;height:-moz-fit-content;height:fit-content}.search-sidebar div.search-body:not(.disabled) .course-drag-handle{cursor:grab;user-select:none;-webkit-user-select:none}.search-sidebar div.search-body:not(.disabled) .course-drag-handle:active{cursor:grabbing}.search-sidebar div.search-body.disabled .course{cursor:pointer}