:root{--drawer-animation-speed: .4s;--drawer-height: 100dvh;--drawer-width: 85%;--drawer-max-width: 400px}.mobile-course-trigger{display:none;margin:var(--space-xs, 24px) 0;padding:var(--space-xs, 16px) 0;border-bottom:1px solid var(--color-border)}.mobile-course-btn{background:none;border:none;padding:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs, 8px)}.mobile-course-text{color:var(--color-primary, #000);text-decoration:underline;font-size:var(--font-body--size, 16px);font-weight:var(--font-body--weight, 400);line-height:var(--font-body--line-height, 1.5);display:inline-block}.mobile-course-btn:hover .mobile-course-text{color:var(--color-primary, #000);opacity:.7}.mobile-course-btn:focus{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--style-border-radius-button)}.course-materials-drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;-webkit-backdrop-filter:brightness(.75);backdrop-filter:brightness(.75);z-index:9998;opacity:0;visibility:hidden;transition:opacity var(--drawer-animation-speed, .4s) ease,visibility var(--drawer-animation-speed, .4s) ease}.course-materials-drawer-overlay.active{opacity:1;visibility:visible}.course-materials-drawer{position:fixed;top:0;left:0;width:var(--drawer-width);max-width:var(--drawer-max-width);height:var(--drawer-height);background:var(--color-background);z-index:9999;transform:translate(-100%);visibility:hidden;transition:transform var(--drawer-animation-speed) ease,visibility var(--drawer-animation-speed) ease;overflow-y:auto;display:flex;flex-direction:column;border-right:var(--style-border-drawer, 1px solid var(--color-border));box-shadow:var(--shadow-drawer, 0 8px 32px rgba(0, 0, 0, .12));will-change:transform}@media screen and (min-width: 750px){.course-materials-drawer{width:25rem}}.course-materials-drawer[open],.course-materials-drawer.drawer-open{visibility:visible;display:flex;flex-direction:column;will-change:transform}.course-materials-drawer[open] .drawer-animated-element{animation:course-drawer-content-open var(--drawer-animation-speed, .4s) ease-in-out;animation-delay:calc(var(--drawer-animation-speed, .4s) + (var(--drawer-animation-index, 0) - 1) * .1s);animation-fill-mode:backwards}@keyframes course-drawer-content-open{0%{visibility:hidden;opacity:0;transform:translate(-.5rem)}to{visibility:visible;opacity:1;transform:translate(0)}}.course-materials-drawer:not([open]):not(.drawer-open){transform:translate(-100%)!important}.course-materials-drawer[open],.course-materials-drawer.drawer-open{transform:translate(0)!important}.course-materials-drawer .drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);border-bottom:1px solid var(--color-border);background:var(--color-background);position:sticky;top:0;z-index:1}.course-materials-drawer .drawer__title{font-size:var(--font-h3--size);font-weight:var(--font-h3--weight);margin:0;color:var(--color-foreground)}.course-materials-drawer .drawer__close{width:var(--minimum-touch-target);height:var(--minimum-touch-target);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:var(--style-border-radius-button);color:var(--color-foreground)}.course-materials-drawer .drawer__close:hover{background:var(--color-background-secondary)}.course-materials-drawer .drawer__close:focus{outline:2px solid var(--color-focus);outline-offset:2px}.course-materials-drawer .drawer__content{padding:0 0 120px;height:calc(100% - 60px);overflow-y:auto;overflow-x:visible}.course-materials-drawer .filters-content{padding:var(--space-sm, 24px);padding-bottom:120px;height:auto;min-height:100%}.course-materials-drawer .close-panel-section{display:none}.course-materials-drawer .form-group-row{flex-direction:column;gap:8px;margin:0!important;padding:0!important;width:100%;box-sizing:border-box}.course-materials-drawer .form-group{position:relative;margin:0 0 8px!important;padding:0!important;gap:0!important;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.course-materials-drawer .form-label{position:static!important;top:auto!important;left:auto!important;background:none!important;padding:0!important;display:block;margin-bottom:2px;font-size:14px;font-weight:500;color:var(--color-foreground);z-index:1}.course-materials-drawer .form-group .form-select{font-size:16px;position:relative;z-index:auto;width:100%;margin:0!important;padding-left:12px!important;padding-right:40px!important;box-sizing:border-box}.course-materials-drawer .form-select-plain{font-size:16px;position:relative;z-index:auto;width:100%;margin-top:0}.course-materials-drawer .campus-term-selected{margin-bottom:16px;padding:12px;background:var(--color-background-secondary, #f8f8f8);border-radius:8px;border:1px solid var(--color-border)}.course-materials-drawer .campus-term-section-title{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--color-foreground)}.course-materials-drawer .campus-term-selected-title{font-size:14px;color:var(--color-foreground-secondary)}.course-materials-drawer select{position:relative;z-index:auto}@supports (-webkit-touch-callout: none){.course-materials-drawer{z-index:999}.course-materials-drawer-overlay{z-index:998}.course-materials-drawer select{-webkit-appearance:menulist;appearance:menulist}}.course-materials-drawer .btn-secondary,.course-materials-drawer .btn-secondary-student{width:100%;min-height:48px}.course-materials-drawer .course-list{max-height:200px}.course-materials-drawer .skip-div{margin-top:24px;margin-bottom:24px;width:100%}.course-materials-drawer .skip-section,.course-materials-drawer .skip-options{width:100%}.course-materials-drawer .skip-student-field{display:flex;gap:8px;align-items:center;width:100%}.course-materials-drawer .course-name-section[style*="display: none"],.course-materials-drawer .section-title[style*="display: none"]{display:none!important}@media screen and (max-width: 480px){.course-materials-drawer{width:95%;max-width:none}}@media screen and (max-width: 767px){.mobile-course-trigger{display:block!important}#open-panel-section,#filters-section,#separator-line{display:none!important}.course-materials-container{display:block}.products-section{width:100%;padding:var(--space-sm, 24px)}}@media screen and (min-width: 968px){.mobile-course-trigger,.course-materials-drawer,.course-materials-drawer-overlay{display:none!important}}@media screen and (max-width: 967px){.mobile-course-trigger[style*="display: block"]{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/course-materials-mobile-drawer.css.map */