@layer base{body{font-family:var(--fm-font-sans);font-size:var(--fm-font-16);line-height:normal}p{line-height:1.4;margin:var(--fm-space-12) 0}a:-moz-any-link{color:unset;font-weight:var(--fm-fw-regular);text-decoration:none}a:any-link{color:unset;font-weight:var(--fm-fw-regular);text-decoration:none}a:-moz-any-link:hover{color:unset}a:any-link:hover{color:unset}fieldset{border:none;margin:0;padding:0}}.BTW-course-complete{container:CourseComplete/inline-size}.BTW-course-complete .course-completion-wrap{background:url(https://static.frontendmasters.com/assets/fm/js/images/bg-stars_45bd36e3.webp) no-repeat top,linear-gradient(249deg,#000720 22.62%,#03203b);background-size:cover;border:1px solid var(--fm-blue-2);border-radius:var(--fm-radius-medium);overflow:hidden;padding:24px}.BTW-course-complete .course-completion-wrap .completion-heading{font-size:var(--fm-font-36);font-weight:var(--fm-fw-bold)}.BTW-course-complete .course-completion-wrap .completion-subheading{font-size:var(--fm-font-24);font-weight:var(--fm-fw-medium);margin-bottom:var(--fm-space-36)}.BTW-course-complete .course-completion-wrap .box-container{display:flex;flex-flow:row wrap;font-size:var(--fm-font-14);gap:24px}.BTW-course-complete .course-completion-wrap .box-container .box{background-color:#031934;border:1px solid var(--fm-blue-3);border-radius:var(--fm-radius-medium);display:flex;flex-basis:100%;gap:12px;justify-content:center;padding:24px 12px;transition:background-color .5s .3s}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating{display:flex;flex-basis:100%;flex-flow:row wrap;padding:24px}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .ratings-header{align-items:center;display:flex;flex-flow:row nowrap;gap:24px;justify-content:center;margin-bottom:-12px;width:100%}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .ratings-header .close{display:flex;flex-flow:row-reverse nowrap;flex-grow:1}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .ratings-header .close button{color:var(--fm-gray-4);cursor:pointer}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .ratings-header .close button:hover{color:#fff}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .star-rating{cursor:pointer;display:flex;flex-flow:row nowrap;gap:4px}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .feedback-field{align-items:center;display:flex;flex-basis:100%;flex-flow:column nowrap;gap:24px;height:0;opacity:0;overflow:hidden;transition:opacity .5s,height .5s .1s}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .feedback-field textarea{background:var(--fm-gray-1);border-radius:4px;box-sizing:border-box;flex-grow:1;margin:12px 2px 2px;padding:12px;resize:none;width:calc(100% - 12px)}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .feedback-field button[type=submit]{margin:2px;padding:2px 4px}.BTW-course-complete .course-completion-wrap .box-container .box.share-icons{align-items:center;display:flex;flex-flow:row nowrap;gap:12px;justify-content:center}.BTW-course-complete .course-completion-wrap .box-container .box.share-icons .share-icon{align-items:center;background:var(--fm-orange-3);border-radius:50%;display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.BTW-course-complete .course-completion-wrap .box-container .download-certification{align-items:center;color:var(--fm-red-3);overflow:hidden;position:relative}.BTW-course-complete .course-completion-wrap .box-container .download-certification .box-inner{height:20px;overflow:hidden;position:relative;width:190px}.BTW-course-complete .course-completion-wrap .box-container .download-certification .box-inner .btn-wrap{position:absolute}.BTW-course-complete .course-completion-wrap .box-container .download-certification .box-inner .btn-wrap.trigger{opacity:1;z-index:1}.BTW-course-complete .course-completion-wrap .box-container .download-certification .box-inner .btn-wrap.links{display:flex;gap:12px;left:190px;opacity:0;z-index:2}.BTW-course-complete .course-completion-wrap .box-container .download-certification .box-inner .btn-wrap.links>*{white-space:nowrap}.BTW-course-complete .course-completion-wrap .box-container .download-certification .box-inner .btn-wrap.links button:disabled{color:var(--fm-gray-4);cursor:progress}.BTW-course-complete .course-completion-wrap .box-container .download-certification.active .box-inner{width:330px}.BTW-course-complete .course-completion-wrap .box-container .download-certification.active .box-inner .btn-wrap.trigger{opacity:0;transition:opacity .5s}.BTW-course-complete .course-completion-wrap .box-container .download-certification.active .box-inner .btn-wrap.links{left:0;opacity:1;transition:opacity .5s,left .3s}.BTW-course-complete.active-form .course-completion-wrap .box-container .box{background-color:rgba(0,0,0,.75);transition:background-color .5s}.BTW-course-complete.active-form .course-completion-wrap .box-container .box.user-rating .ratings-header{margin-bottom:0;transition:margin-bottom .5s .1s}.BTW-course-complete.active-form .course-completion-wrap .box-container .box.user-rating .feedback-field{height:300px;opacity:1;transition:height .5s .1s,opacity .5s .2s}.BTW-course-complete.incomplete .course-completion-wrap{background:none;border:none;padding:0}.BTW-course-complete.incomplete .course-completion-wrap .box-container .box:not(.user-rating),.BTW-course-complete.incomplete .course-completion-wrap .completion-heading,.BTW-course-complete.incomplete .course-completion-wrap .completion-subheading{display:none}@container CourseComplete (min-width: 800px){.BTW-course-complete .course-completion-wrap .box-container .box{flex-basis:calc(50% - 12px)}}.player-container .below-the-fold{background:var(--black);border-top:1px solid var(--fm-gray-2);line-height:1.4}.player-container .below-the-fold .continue-course{opacity:0;position:fixed;right:var(--fm-space-24);top:var(--fm-space-24);transition:opacity .3s;z-index:-1}.player-container .below-the-fold .fold-inner{display:flex;flex-flow:column nowrap;gap:var(--fm-space-64);padding:var(--fm-space-24);width:100vw}.player-container .below-the-fold .fold-inner .course-details header{align-items:flex-start;display:inline-flex;gap:var(--fm-space-12);justify-content:flex-start}.player-container .below-the-fold .fold-inner .course-details .divider{background-color:var(--fm-gray-3);height:1px;margin-bottom:var(--fm-space-24);margin-top:var(--fm-space-24)}.player-container .below-the-fold .fold-inner .course-progress{background:linear-gradient(90deg,#1f1f1f .04%,#101010);border:1px solid var(--fm-gray-3);border-radius:var(--fm-radius-medium);color:var(--fm-gray-6);display:flex;flex-flow:column;font-size:var(--fm-font-14);gap:var(--fm-space-36);padding:var(--fm-space-24)}.player-container .below-the-fold .fold-inner .course-progress header{border-bottom:1px solid var(--fm-gray-3);display:flex;flex-flow:column;justify-content:space-between;margin-bottom:var(--fm-space-24);padding-bottom:var(--fm-space-6)}.player-container .below-the-fold .fold-inner .course-progress header h2{color:var(--white)}.player-container .below-the-fold .fold-inner .course-progress .stats{display:flex;flex-flow:row wrap;gap:var(--fm-space-12);justify-content:space-between;margin-bottom:var(--fm-space-24)}.player-container .below-the-fold .fold-inner .course-progress .stats .stat .amount{color:var(--white);font-size:var(--fm-font-24);font-weight:var(--fm-fw-bold)}.player-container .below-the-fold .fold-inner .course-progress .stats .stat:last-child{flex-basis:100%}.player-container .below-the-fold .fold-inner .course-progress .progress-bar{--fill-percent:0;background:var(--fm-gray-3);border-radius:3px;height:5px;margin-bottom:var(--fm-space-12)}.player-container .below-the-fold .fold-inner .course-progress .progress-bar:after{background:var(--fm-gradient-3);content:"";display:block;height:100%;width:calc(100%*var(--fill-percent))}.player-container .below-the-fold .fold-inner .course-progress .percentages,.player-container .below-the-fold .fold-inner .course-progress .tags{display:flex;justify-content:space-between}.player-container .below-the-fold .fold-inner .course-progress .tags.learning-paths{margin-bottom:var(--fm-space-12)}.player-container .below-the-fold .fold-inner .course-progress .tags .tag:after{content:"•";margin-left:var(--fm-space-6);margin-right:var(--fm-space-6)}.player-container .below-the-fold .fold-inner .course-progress .tags .tag:last-child:after{content:"";margin-left:0;margin-right:0}.player-container .below-the-fold .fold-inner .instructor-details{display:flex;flex-flow:column nowrap;gap:var(--fm-space-12)}.player-container .below-the-fold .fold-inner .instructor-details .porthole{background:var(--gray-darkest);border-radius:50%;flex:0 0 auto;height:122px;overflow:hidden;width:122px}.player-container .below-the-fold .fold-inner .courses-by{font-size:var(--fm-font-14)}.player-container .below-the-fold .fold-inner .courses-by header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--fm-space-12)}.player-container .below-the-fold .fold-inner .courses-by header h3{margin:0}.player-container .below-the-fold .fold-inner .courses-by .course-list{display:flex;flex-flow:row wrap;gap:var(--fm-space-12)}.player-container .below-the-fold .fold-inner .courses-by .course-list .course{text-align:center;width:calc(33.33333% - 8px)}.player-container .below-the-fold .fold-inner .courses-by .course-list .course img{display:block;margin-bottom:var(--fm-space-12)}.player-container .below-the-fold .fold-inner .other-courses{font-size:var(--fm-font-14)}.player-container .below-the-fold .fold-inner .other-courses header{align-items:center;border-bottom:1px solid var(--fm-gray-3);display:flex;justify-content:space-between;margin-bottom:var(--fm-space-24)}.player-container .below-the-fold .fold-inner .other-courses header nav{display:flex;font-weight:var(--fm-fw-medium);gap:var(--fm-space-16);justify-content:flex-start}.player-container .below-the-fold .fold-inner .other-courses header nav button{border-bottom:3px solid transparent;margin-bottom:-1px;padding-bottom:var(--fm-space-6)}.player-container .below-the-fold .fold-inner .other-courses header nav button.current{border-color:var(--fm-orange-3)}.player-container .below-the-fold .fold-inner .other-courses header a{margin-bottom:8px}.player-container .below-the-fold .fold-inner .other-courses .course-list{display:flex;flex-flow:column nowrap;gap:var(--fm-space-24)}.player-container .below-the-fold .fold-inner .other-courses .course-list.hidden{display:none}.player-container .below-the-fold .fold-inner .other-courses .course-list .course{background:var(--fm-gray-1);border-radius:var(--fm-radius-medium);display:flex;flex-flow:row nowrap;gap:var(--fm-space-12);padding:var(--fm-space-12)}.player-container .below-the-fold .fold-inner .other-courses .course-list .course .thumb{display:block;flex:0 0 auto;height:87px;width:87px}.player-container .below-the-fold .fold-inner .other-courses .course-list .course .body{flex-grow:1}.player-container .below-the-fold .fold-inner .other-courses .course-list .course .bookmark-button .FM-BtnBookmark{--bookmark-size:30px}.player-container .below-the-fold .fold-inner .other-courses:has(.course-list.hidden[data-tab-content=bookmarks]) .see-more{display:none}.player-container .mini-player-quiz-notice{align-items:center;aspect-ratio:16/9;background:linear-gradient(0deg,rgba(19,44,81,.75),rgba(19,44,81,.75));border:1px solid var(--fm-orange-3);border-radius:var(--fm-radius-medium);display:flex;flex-flow:column nowrap;gap:var(--fm-space-24);height:auto;justify-content:center;opacity:0;position:fixed;right:var(--fm-space-24);top:calc(var(--fm-space-64) + var(--fm-space-12));width:calc(40vw - var(--fm-space-24)*2);z-index:-1}@media screen and (min-width:900px){.player-container .below-the-fold .fold-inner{width:60vw}.player-container .below-the-fold .fold-inner .course-progress header{flex-flow:row;padding-bottom:unset}.player-container .below-the-fold .fold-inner .course-progress .stats .stat:last-child{flex-basis:auto}.player-container .below-the-fold .fold-inner .instructor-details{flex-flow:row nowrap}.player-container .below-the-fold .fold-inner .courses-by .course-list .course{width:calc(20% - 9.6px)}.player-container .below-the-fold .fold-inner .other-courses header nav{font-size:var(--fm-font-18);font-weight:var(--fm-fw-medium);gap:var(--fm-space-16)}.player-container.fixed-player .FMPlayer2-VideoContainer{z-index:unset}.player-container.fixed-player .FMPlayer2-VideoContainer .FMPlayer{animation:playerFadeIn .3s linear;aspect-ratio:16/9;border:1px solid var(--fm-orange-3);border-radius:var(--fm-radius-medium);height:auto;outline:none;overflow:hidden;position:fixed;right:var(--fm-space-24);top:calc(var(--fm-space-64) + var(--fm-space-12));width:calc(40vw - var(--fm-space-24)*2);z-index:1000}.player-container.fixed-player .mini-player-quiz-notice{animation:playerFadeIn .3s linear;opacity:1;z-index:1001}.player-container.fixed-player .continue-course{opacity:1;z-index:auto}.player-container.fixed-player .FMPlayer2-Notifications{position:fixed}.player-container.fixed-player.pip-active .FMPlayer2-VideoContainer .FMPlayer{display:none}}@keyframes playerFadeIn{0%{opacity:0}to{opacity:1}}