.courseBottomNav-module-scss-module__5PnS2q__bottomNav{z-index:8;border-top:1px solid var(--primary-colour-middle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:right;gap:.5rem;padding:.75rem 1rem;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.courseBottomNav-module-scss-module__5PnS2q__navButton{background-color:var(--primary-colour-middle);width:fit-content;min-width:0;color:var(--primary-colour);cursor:pointer;border:var(--primary-colour) 2px solid;border-radius:50rem;align-items:center;gap:.5rem;padding:.65rem 1rem;text-decoration:none;transition:all .2s;display:flex}.courseBottomNav-module-scss-module__5PnS2q__navButton:hover{background-color:var(--secondary-colour);border:var(--star-colour) 2px solid}.courseBottomNav-module-scss-module__5PnS2q__navButton:hover .courseBottomNav-module-scss-module__5PnS2q__navIcon{color:var(--star-colour)}.courseBottomNav-module-scss-module__5PnS2q__navButton.courseBottomNav-module-scss-module__5PnS2q__disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.courseBottomNav-module-scss-module__5PnS2q__navButton .courseBottomNav-module-scss-module__5PnS2q__navIcon{color:var(--primary-colour);flex-shrink:0;transition:color .2s}.courseBottomNav-module-scss-module__5PnS2q__navButton .courseBottomNav-module-scss-module__5PnS2q__navLabel{font-size:var(--font-size-small);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.courseBottomNav-module-scss-module__5PnS2q__navButton:first-child .courseBottomNav-module-scss-module__5PnS2q__navLabel{text-align:left}.courseBottomNav-module-scss-module__5PnS2q__navButton:last-child .courseBottomNav-module-scss-module__5PnS2q__navLabel{text-align:right}.courseBottomNav-module-scss-module__5PnS2q__menuButton{background-color:var(--primary-colour);color:#fff;cursor:pointer;border:none;border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.25rem;transition:background-color .2s;display:flex}.courseBottomNav-module-scss-module__5PnS2q__menuButton:hover{background-color:var(--star-colour)}.courseBottomNav-module-scss-module__5PnS2q__menuButton .courseBottomNav-module-scss-module__5PnS2q__menuButtonText{font-size:var(--font-size-small);color:#fff;font-weight:500}.courseBottomNav-module-scss-module__5PnS2q__menuButton svg{color:#fff}.courseBottomNav-module-scss-module__5PnS2q__overlay{z-index:100;background-color:#00000073;align-items:flex-end;animation:.2s courseBottomNav-module-scss-module__5PnS2q__fadeIn;display:flex;position:fixed;inset:0}.courseBottomNav-module-scss-module__5PnS2q__menuPanel{background-color:#fff;border-radius:1rem 1rem 0 0;width:100%;max-height:80vh;padding:1.25rem 1rem 2rem;animation:.25s courseBottomNav-module-scss-module__5PnS2q__slideUp;overflow-y:auto}.courseBottomNav-module-scss-module__5PnS2q__menuPanel::-webkit-scrollbar{width:.4rem}.courseBottomNav-module-scss-module__5PnS2q__menuPanel::-webkit-scrollbar-track{background:var(--primary-colour-extra-extra-light)}.courseBottomNav-module-scss-module__5PnS2q__menuPanel::-webkit-scrollbar-thumb{background:var(--primary-colour-middle);border-radius:50rem}.courseBottomNav-module-scss-module__5PnS2q__menuHeader{border-bottom:1px solid var(--primary-colour-extra-light);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 .5rem .75rem;display:flex}.courseBottomNav-module-scss-module__5PnS2q__menuHeader h3{margin:0;font-size:var(--font-size-h5)!important}.courseBottomNav-module-scss-module__5PnS2q__menuHeader .courseBottomNav-module-scss-module__5PnS2q__closeButton{cursor:pointer;color:var(--primary-colour);background-color:#0000;border:none;border-radius:.4rem;justify-content:center;align-items:center;padding:.4rem;transition:background-color .2s;display:flex}.courseBottomNav-module-scss-module__5PnS2q__menuHeader .courseBottomNav-module-scss-module__5PnS2q__closeButton:hover{background-color:var(--primary-colour-extra-light)}.courseBottomNav-module-scss-module__5PnS2q__menuList{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.courseBottomNav-module-scss-module__5PnS2q__menuItem{color:var(--primary-colour);border-radius:.55rem;align-items:center;gap:.85rem;padding:.75rem .85rem;text-decoration:none;transition:background-color .2s;display:flex}.courseBottomNav-module-scss-module__5PnS2q__menuItem:hover{background-color:var(--primary-colour-extra-extra-light)}.courseBottomNav-module-scss-module__5PnS2q__menuItem.courseBottomNav-module-scss-module__5PnS2q__currentItem{background-color:var(--primary-colour-extra-light);cursor:default;font-weight:700}.courseBottomNav-module-scss-module__5PnS2q__menuItem.courseBottomNav-module-scss-module__5PnS2q__currentItem .courseBottomNav-module-scss-module__5PnS2q__itemNumber{background-color:var(--star-colour);color:#fff}.courseBottomNav-module-scss-module__5PnS2q__menuItem .courseBottomNav-module-scss-module__5PnS2q__itemNumber{background-color:var(--primary-colour-extra-light);width:1.75rem;height:1.75rem;color:var(--primary-colour);font-size:var(--font-size-extra-small);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:flex}.courseBottomNav-module-scss-module__5PnS2q__menuItem .courseBottomNav-module-scss-module__5PnS2q__itemLabel{font-size:var(--font-size-small)}@media (max-width:50rem){.courseBottomNav-module-scss-module__5PnS2q__bottomNav{gap:.4rem;padding:.6rem .75rem}.courseBottomNav-module-scss-module__5PnS2q__navButton{padding:.5rem .6rem}.courseBottomNav-module-scss-module__5PnS2q__navButton .courseBottomNav-module-scss-module__5PnS2q__navLabel{font-size:var(--font-size-extra-small)}.courseBottomNav-module-scss-module__5PnS2q__menuButton{padding:.5rem .75rem}.courseBottomNav-module-scss-module__5PnS2q__menuButton .courseBottomNav-module-scss-module__5PnS2q__menuButtonText{display:none}}@keyframes courseBottomNav-module-scss-module__5PnS2q__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes courseBottomNav-module-scss-module__5PnS2q__slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}