.custom-card{background:var(--mui-palette-overlay-overlay1);border:1px solid var(--mui-palette-divider);height:73px;color:var(--mui-palette-secondary-main);flex-direction:row;align-items:stretch;padding:12px;font-size:16px;display:flex;position:relative}.custom-card .title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.custom-card .course-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;width:22px;display:flex;position:relative;left:-6px}.custom-card .course-drag-handle:active{cursor:grabbing}.custom-card .main{flex:auto;grid-template-rows:1fr 1fr;grid-template-areas:"B""C";align-items:center;min-width:0;display:grid}.custom-card .course-card-top{grid-area:B;justify-content:space-between;align-items:center;min-width:0;display:flex}.custom-card .course-description{grid-area:C;min-width:0}.custom-card .description-body{font-size:14px}.custom-card .name{min-width:0;font-weight:700}.custom-card .description-input{width:75%;min-width:0}.custom-card .units{white-space:nowrap;margin-left:auto}.custom-card .units-input{width:45px;margin-left:auto;margin-right:2px}.custom-card .MuiInputBase-root{height:20px}.custom-card .MuiInputBase-input{padding:4px;font-size:14px}.custom-card button.MuiIconButton-root{width:24px;height:24px;color:inherit;margin:-8px -4px -8px 0}.custom-card button.MuiIconButton-root .MuiSvgIcon-root{font-size:20px}.custom-card .course-edit-btn.MuiIconButton-root .MuiSvgIcon-root{font-size:18px}
: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{background-color:var(--mui-palette-background-paper);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-block:0;margin-inline:auto 8px;font-size:16px}@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-header>:has(>.year-title){grid-area:A}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: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:1229px){.years[data-max-quarter-count="2"] div.quarter-list{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1479px){.years[data-max-quarter-count="3"] div.quarter-list{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1729px){.years[data-max-quarter-count="4"] div.quarter-list{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1979px){.years[data-max-quarter-count="5"] div.quarter-list{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:2229px){.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}.quarter-custom-course-logged-out{padding:8px 12px}.quarter-custom-course-logged-out p{margin:0;font-size:16px;font-weight:400;line-height:1.5}[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;transition:height .3s ease-in-out;display:flex;position:relative;overflow:hidden}div.quarter .quarter-header{background-color:var(--mui-palette-background-paper);border-bottom:2px solid var(--border-primary);z-index:1;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.skeleton:empty:before{visibility:hidden}div.quarter .quarter-course-list .program-course-tile,div.quarter .quarter-course-list .course,div.quarter .quarter-course-list .custom-card{border-radius:0}div.quarter .quarter-course-list .course.sortable-ghost,div.quarter .quarter-course-list .custom-card.sortable-ghost{opacity:.35;width:auto;color:var(--mui-palette-secondary-main);pointer-events:none;border:1px solid var(--border-secondary)}div.quarter .quarter-course-list .course.sortable-ghost .course-info,div.quarter .quarter-course-list .custom-card.sortable-ghost .course-info{display:contents}div.quarter .quarter-course-list .course.sortable-ghost .course-info-clamp,div.quarter .quarter-course-list .custom-card.sortable-ghost .course-info-clamp{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;margin-bottom:0;display:block;overflow:hidden}div.quarter .quarter-course-list .course.sortable-ghost .course-info-clamp .title,div.quarter .quarter-course-list .custom-card.sortable-ghost .course-info-clamp .title{font-weight:inherit}div.quarter .quarter-course-list .course.sortable-ghost .course-info-clamp .title:after,div.quarter .quarter-course-list .custom-card.sortable-ghost .course-info-clamp .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,div.quarter .quarter-course-list .custom-card.sortable-ghost .course-drag-handle,div.quarter .quarter-course-list .custom-card.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-info-clamp .description,div.quarter .quarter-course-list .custom-card.sortable-ghost .course-tags,div.quarter .quarter-course-list .custom-card.sortable-ghost .course-info-clamp .description{display:none}div.quarter .course,div.quarter .custom-card{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{pointer-events:none;border:none;margin-block:-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:is(.course,.program-course-tile)) *{cursor:grabbing!important}