/* The same scroll reel as university spheres, with native, keyboard-accessible offers. */
.college-showcase .spx-group{color:var(--text-muted)}
.college-choice{border:0;border-radius:0;margin:0;padding:0}
.college-choice-target{position:relative;padding:8px 28px 8px 0;cursor:pointer;list-style:none}
.college-choice-target::-webkit-details-marker{display:none}
.college-choice-target::after{content:"";position:absolute;right:4px;top:20px;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s;color:var(--text-muted)}
.college-choice[open]>.college-choice-target::after{transform:rotate(225deg)}
.spx-scroll-ready .college-choice-target:not(.is-active) .spx-name{color:#cdd1d5}
.spx-scroll-ready .college-choice-target:not(.is-active) .spx-meta{opacity:.45}
.college-choice-target:focus-visible .spx-name{color:var(--text)}
.college-choice-target:focus-visible{outline:2px solid var(--sky-ink);outline-offset:4px;border-radius:4px}
.college-choice-offers{margin:12px 0 24px;font-size:.82rem}
.college-showcase .college-choice-offers a{display:inline;padding:0;margin:0;color:var(--sky-ink);text-decoration:underline}
.college-choice-offers th,.college-choice-offers td{padding:10px 8px;vertical-align:top}
.college-choice-offers table{min-width:520px}
.college-choice[hidden]{display:none}
@media(max-width:860px){.college-showcase .spx-jump select{max-width:128px}.college-showcase .spx-preview-title{font-size:1rem}}
.college-showcase.has-no-results{display:block}
.college-showcase.has-no-results .spx-media-home{display:none}
.college-showcase.has-no-results #spx-results{padding:0!important}