.course-block{margin-top:-5.9rem;position:relative}.course-block .header-container{background-color:var(--subject-clr, var(--primary));display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:6rem;padding-top:5.9rem}.course-block .header{text-align:center}.course-block .follow-course{position:absolute;background-color:var(--course-shade);-webkit-transition:all .1s ease;transition:all .1s ease;font-weight:300;border-radius:2rem;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);padding:.5rem 1.5rem;right:1rem}.dark-theme .course-block .follow-course{color:lightgrey}.course-block .follow-course:hover{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)}.course-block .description{padding:1rem}.course-searchbar{-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;-webkit-transform:translateY(0%);transform:translateY(0%);position:-webkit-sticky;position:sticky;z-index:15;width:100%;top:0}.course-searchbar.slide-out{-webkit-transform:translateY(calc(-100% + 0.1rem));transform:translateY(calc(-100% + 0.1rem))}.course-searchbar.searchbar form[name="search"],.course-searchbar.searchbar .form-search{-ms-grid-columns:max-content auto max-content;grid-template-columns:-webkit-max-content auto -webkit-max-content;grid-template-columns:max-content auto max-content;background-color:var(--course-shade)}.dark-theme .course-searchbar button i{color:grey}.desktop .course-searchbar form[name="search"],.desktop .course-searchbar .form-search{margin:0}.searchtags{margin:0.4rem auto}.searchtags span{display:inline-block;font-size:var(--font-size);cursor:pointer;border-radius:0.3rem;padding:0.2rem 0.5rem;-webkit-transition:all 100ms ease-out;transition:all 100ms ease-out;background-color:rgba(255,255,255,0.07);margin-left:1rem}.light-theme .searchtags span{background-color:rgba(0,0,0,0.07)}.searchtags span:hover{background-color:var(--secondary-clr)}.desktop .searchtags{margin:0 0 0 auto}@media screen and (max-width: 110rem){.course-searchbar.shortend{width:calc(100% - 3rem)}}.collage-preview-container{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:scroll;max-width:100vw;width:-webkit-max-content;width:-moz-max-content;width:max-content;scrollbar-width:.1rem;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-padding:50%}.collage-preview-container::-webkit-scrollbar{width:0.1rem}.collage-preview{display:-ms-grid;display:grid;width:30rem;min-width:15rem;min-height:10rem;border-radius:.3rem;margin:0 1rem;text-align:center;scroll-snap-align:center;-ms-grid-rows:auto min-content;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content}body:not(.dark-theme) .collage-preview{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);background-color:white}.dark-theme .collage-preview{background-color:#1c1c1c}.collage-preview .article{opacity:.5;overflow:hidden;font-size:1.2rem;padding:.5rem}.collage-preview h4{margin:1rem;font-weight:300;font-size:1.6rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;max-width:100%;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;word-break:break-word}.content-preview{position:relative;display:-ms-inline-grid;display:inline-grid;-ms-flex-line-pack:stretch;align-content:stretch;-ms-grid-rows:auto max-content;grid-template-rows:auto -webkit-max-content;grid-template-rows:auto max-content;grid-auto-flow:row;-ms-grid-columns:25% auto;grid-template-columns:25% auto;-webkit-animation:opacity 200ms ease-out backwards;animation:opacity 200ms ease-out backwards;-webkit-transition:all 100ms linear;transition:all 100ms linear;width:100%;min-height:8.1rem}.content-preview-container{display:-ms-grid;display:grid;padding:1rem;-ms-flex-line-pack:stretch;align-content:stretch;-ms-grid-column-align:stretch;justify-self:stretch;gap:1rem;width:100%;max-width:100rem;-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;min-height:9.3rem}.content-preview-header{width:25%;height:100%;position:absolute;background-color:#383838;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;border-radius:.3rem 0 0 .3rem;z-index:3}.light-theme .content-preview-header{background-color:#f9f9f9}.content-preview span{height:-webkit-max-content;height:-moz-max-content;height:max-content;margin:0;padding:0.7rem 1rem;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;font-size:var(--font-size)}.content-preview-body{width:100%;display:-ms-grid;display:grid;justify-items:center;border-radius:0 .3rem .3rem 0;-ms-grid-columns:auto;grid-template-columns:auto;-ms-grid-rows:auto min-content;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content;-ms-grid-column:2;grid-column:2}.content-preview-body .tags{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.4rem;opacity:0.5;max-width:100%;-ms-grid-column-align:start;justify-self:start;text-align:left}.content-preview-body .title{hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;text-align:center;max-width:100%;-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end;-ms-grid-row:1;grid-row:1}.content-preview-container h2{-webkit-animation:opacity 300ms ease-out backwards;animation:opacity 300ms ease-out backwards;text-align:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;overflow:hidden;letter-spacing:0rem;font-size:3rem;padding:2rem;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content-preview:hover .content-preview-header{width:100%}.content-preview:hover{font-style:unset}.content-preview-header{display:-ms-inline-grid;display:inline-grid}.content-preview-body,.content-preview p{-webkit-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out;overflow:hidden}.new{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);position:absolute;background-color:var(--main-clr);border-radius:1rem;padding:0.3rem 1.5rem !important;bottom:-0.5rem;right:-0.5rem;font-size:1.4rem !important;-webkit-animation:new 3s infinite;animation:new 3s infinite;-webkit-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out;color:white}.new:hover{background-color:white;color:var(--main-clr)}.modified{position:absolute;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);background-color:var(--secondary-clr);padding:0.3rem 1rem !important;bottom:-0.6rem;right:-0.7rem;font-size:1.2rem !important;-webkit-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out;color:white !important;border-radius:1rem}.modified:hover{background-color:black}@-webkit-keyframes new{0%{-webkit-transform:scale(1) rotate(-5deg);transform:scale(1) rotate(-5deg)}50%{-webkit-transform:scale(1.2) rotate(-5deg);transform:scale(1.2) rotate(-5deg)}100%{-webkit-transform:scale(1) rotate(-5deg);transform:scale(1) rotate(-5deg)}}@keyframes new{0%{-webkit-transform:scale(1) rotate(-5deg);transform:scale(1) rotate(-5deg)}50%{-webkit-transform:scale(1.2) rotate(-5deg);transform:scale(1.2) rotate(-5deg)}100%{-webkit-transform:scale(1) rotate(-5deg);transform:scale(1) rotate(-5deg)}}@media screen and (min-width: 650px){.content-preview-container{padding:2rem;-ms-grid-columns:calc(50% - 1rem) calc(50% - 1rem);grid-template-columns:calc(50% - 1rem) calc(50% - 1rem);gap:2rem}.content-preview-body{-ms-grid-rows:auto max-content;grid-template-rows:auto -webkit-max-content;grid-template-rows:auto max-content;display:-ms-inline-grid;display:inline-grid;width:100%}.content-preview-body .title{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;font-size:2rem}}.mdl-menu__container{display:block;margin:0;padding:0;border:none;position:absolute;overflow:visible;height:0;width:0;visibility:hidden;z-index:-1}.mdl-menu__container.is-visible,.mdl-menu__container.is-animating{z-index:999;visibility:visible}.mdl-menu__outline{display:block;background:rgb(255,255,255);margin:0;padding:0;border:none;border-radius:2px;position:absolute;top:0;left:0;overflow:hidden;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);will-change:transform;-webkit-transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),opacity .2s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),opacity .2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:-1}.mdl-menu__container.is-visible .mdl-menu__outline{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:999}.mdl-menu__outline.mdl-menu--bottom-right{-webkit-transform-origin:100% 0;transform-origin:100% 0}.mdl-menu__outline.mdl-menu--top-left{-webkit-transform-origin:0 100%;transform-origin:0 100%}.mdl-menu__outline.mdl-menu--top-right{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.mdl-menu{position:absolute;list-style:none;top:0;left:0;height:auto;width:auto;min-width:124px;padding:8px 0;margin:0;opacity:0;clip:rect(0 0 0 0);z-index:-1}.mdl-menu__container.is-visible .mdl-menu{opacity:1;z-index:999}.mdl-menu.is-animating{-webkit-transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1),clip .3s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1),clip .3s cubic-bezier(0.4, 0, 0.2, 1)}.mdl-menu.mdl-menu--bottom-right{left:auto;right:0}.mdl-menu.mdl-menu--top-left{top:auto;bottom:0}.mdl-menu.mdl-menu--top-right{top:auto;left:auto;bottom:0;right:0}.mdl-menu.mdl-menu--unaligned{top:auto;left:auto}.mdl-menu__item{display:block;border:none;color:rgba(0,0,0, 0.87);background-color:transparent;text-align:left;margin:0;padding:0 16px;outline-color:rgb(189,189,189);position:relative;overflow:hidden;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;text-decoration:none;cursor:pointer;height:48px;line-height:48px;white-space:nowrap;opacity:0;-webkit-transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdl-menu__container.is-visible .mdl-menu__item{opacity:1}.mdl-menu__item::-moz-focus-inner{border:0}.mdl-menu__item--full-bleed-divider{border-bottom:1px solid rgba(0,0,0, 0.12)}.mdl-menu__item[disabled],.mdl-menu__item[data-mdl-disabled]{color:rgb(189,189,189);background-color:transparent;cursor:auto}.mdl-menu__item[disabled]:hover,.mdl-menu__item[data-mdl-disabled]:hover{background-color:transparent}.mdl-menu__item[disabled]:focus,.mdl-menu__item[data-mdl-disabled]:focus{background-color:transparent}.mdl-menu__item[disabled] .mdl-ripple,.mdl-menu__item[data-mdl-disabled] .mdl-ripple{background:transparent}.mdl-menu__item:hover{background-color:rgb(238,238,238)}.mdl-menu__item:focus{outline:none;background-color:rgb(238,238,238)}.mdl-menu__item:active{background-color:rgb(224,224,224)}.mdl-menu__item--ripple-container{display:block;height:100%;left:0px;position:absolute;top:0px;width:100%;z-index:0;overflow:hidden}.main-course-page{margin:0 auto;width:100%;max-width:102rem;-ms-flex-line-pack:start;align-content:start;padding:1rem;gap:1rem}.main-course-page .heading{text-align:center}.main-course-page .no-data-text{opacity:.6;text-align:center}.main-course-page .course-articles{padding:0;max-width:unset}.main-course-page .course-articles .content-preview{-webkit-animation:article-up 1s cubic-bezier(0.39, 0.58, 0.57, 1) backwards;animation:article-up 1s cubic-bezier(0.39, 0.58, 0.57, 1) backwards}#allArticlesFound,#noArticlesFound{-webkit-transition:all .1s ease-out;transition:all .1s ease-out;opacity:0}#allArticlesFound.is-visible,#noArticlesFound.is-visible{opacity:1}@-webkit-keyframes article-up{0%{opacity:0;-webkit-transform:translateY(80vh);transform:translateY(80vh)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes article-up{0%{opacity:0;-webkit-transform:translateY(80vh);transform:translateY(80vh)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.course-collages{-ms-grid-columns:(minmax(auto, 1fr))[2];grid-template-columns:repeat(2, minmax(auto, 1fr));display:-ms-grid;display:grid;width:100%;gap:1rem}.collage-preview{width:100%;margin:0;position:relative;-webkit-animation:appear 300ms ease-out backwards;animation:appear 300ms ease-out backwards}.collage-preview h4{font-size:2rem}.collage-preview span.article{font-size:1.4rem}body:not(.dark-theme) .collage-preview:hover{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);background-color:white}.dark-theme .collage-preview:hover{background-color:#292929}body:not(.dark-theme) .content-preview{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);background-color:white}.dark-theme .content-preview{background-color:#1c1c1c}body:not(.dark-theme) .content-preview:hover{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);background-color:white}.dark-theme .content-preview:hover{background-color:#292929}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear{0%{opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.course-menu{z-index:1}.course-menu--button{position:absolute;right:.7rem;top:1rem;height:2.8rem;z-index:1}@media only screen and (min-width: 768px){.course-collages{-ms-grid-columns:(minmax(0, 1fr))[3];grid-template-columns:repeat(3, minmax(0, 1fr))}}@media only screen and (min-width: 992px){.course-collages{-ms-grid-columns:(minmax(0, 1fr))[4];grid-template-columns:repeat(4, minmax(0, 1fr))}}
/*# sourceMappingURL=course-page.min.css.map */