.roadmap-page{font-family:Open Sans,sans-serif;overflow:hidden;display:flex;width:100%;height:100%}.roadmap-page .main-wrapper{width:100%;height:100%;overflow-y:auto}.roadmap-page .main-wrapper.mobile{width:100%;padding:16px}.planner{position:relative;padding:0}.planner,.planner .years{display:flex;flex-direction:column;gap:24px}.planner .years{height:100%;overflow:auto}.planner .roadmap-header{top:0}.roadmap-header{border-radius:var(--border-radius);color:var(--ring-road-white);display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:8px;position:sticky;top:36px;z-index:2;font-size:14px}.roadmap-header:before{content:" ";position:absolute;top:-64px;left:0;height:80px;background-color:var(--background);width:100%}.roadmap-header:after{content:" ";position:absolute;inset:0;width:100%;background:linear-gradient(to right,var(--blue-primary),var(--blue-accent));border-radius:inherit}.roadmap-header>*{position:relative;z-index:1}.roadmap-header #title{font-size:1.5em}.roadmap-header .planner-left{display:flex;flex-wrap:wrap;padding:8px;align-items:center;gap:8px 12px;z-index:2}.roadmap-header .btn-group button{white-space:nowrap;padding-inline:8px}@media(max-width:900px){.roadmap-header .btn-group button{font-size:13px;margin:0;padding:6px}.roadmap-header .btn-group button .MuiSvgIcon-root{font-size:18px;margin-right:4px}}.roadmap-header .planner-actions{padding-right:2px}.roadmap-header .planner-actions span.MuiButton-startIcon{margin-right:4px}.roadmap-header .planner-actions .header-btn{white-space:nowrap;text-transform:none;color:inherit;font-weight:500;height:-moz-fit-content;height:fit-content;border-radius:4px;padding:4px 8px 4px 10px}@media(max-width:900px){.roadmap-header .planner-actions .header-btn{font-size:13px;padding-inline:8px 6px}}#planner-stats{font-size:1em}#course-count,#unit-count{font-weight:700}.header-btn:focus,.header-btn:hover{background-color:rgba(0,0,0,0);color:var(--ring-road-white)}.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{color:#fff;border-width:2px;border-color:var(--blue-accent);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}.modal-backdrop:has(+.multiplan-modal){z-index:1340}.multiplan-modal{z-index:1350}.transcript-form ol{margin-top:8px}.transcript-form input[type=file]{margin-bottom:16px}.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:var(--ring-road-white);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}[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{box-shadow:none;border:1px solid var(--border-secondary);border-radius:0;margin-block:-.5px}div.quarter .quarter-course-list .course .quarter-indicator-container{display:none}div.quarter .quarter-course-list .course.sortable-ghost{opacity:.35}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 4px var(--blue-primary);background:var(--overlay1);border-radius:15px;height:auto;font-size:16px;padding:12px;position:relative;margin:4px;color:var(--blue-primary)}.course.roadmap-course{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.roadmap-course .course-drag-handle{grid-area:A;position:relative;left:-6px;cursor:grab;user-select:none;-webkit-user-select:none}.course.roadmap-course .course-drag-handle:active{cursor:grabbing}.course.roadmap-course .title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course .course-and-info{grid-area:B}.course .course-and-info a{color:inherit}.course .name{font-weight:700}.course .warning-container{position:relative;top:-2px;left:4px}.course .title{margin-top:2px;grid-area:C}.course .units{margin-left:auto}.course .missing-prereq{color:var(--red-primary)}.course-card-top{display:flex;justify-content:space-between;align-items:center}.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}button.course-delete-btn{color:var(--blue-primary);width:24px;height:24px;margin:-8px -4px -8px 0}button.course-delete-btn .MuiSvgIcon-root{font-size:20px}.course-tooltip{margin-left:auto}.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 .course{display:flex;border-radius:8px;flex-direction:column;justify-content:center;gap:0;width:calc(100% - 4px);margin:2px;padding:6px 12px;box-shadow:0 0 2px 0 var(--blue-primary)}.search-sidebar .course .name{font-size:14px;margin:0}.search-sidebar .course .title{font-size:12px;font-style:italic;margin-top:0}.search-sidebar .course .units{order:2;margin-left:5px;font-size:14px}.search-sidebar .course .units:before{content:"• "}.search-sidebar .course .course-card-top{display:flex}.search-sidebar .course :is(.course-and-info){display:contents}.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{cursor:grab;user-select:none;-webkit-user-select:none}.search-sidebar div.search-body:not(.disabled) .course:active{cursor:grabbing}.search-sidebar div.search-body.disabled .course{cursor:pointer}