@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;text-decoration:none;font-weight:var(--fm-fw-regular)}a:any-link{color:unset;text-decoration:none;font-weight:var(--fm-fw-regular)}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{border-radius:var(--fm-radius-medium);border:1px solid var(--fm-blue-2);background:url(https://cdn.frontendmasters.com/assets/fm/js/images/bg-stars_45bd36e3.webp) no-repeat top,linear-gradient(249deg,#000720 22.62%,#03203b);background-size:cover;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;display:flex;justify-content:center;gap:12px;flex-basis:100%;border-radius:var(--fm-radius-medium);border:1px solid var(--fm-blue-3);padding:24px 12px;transition:background-color .5s .3s}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating{flex-basis:100%;display:flex;flex-flow:row wrap;padding:24px}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .ratings-header{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:24px;width:100%;margin-bottom:-12px}.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{display:flex;flex-flow:row nowrap;gap:4px;cursor:pointer}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .feedback-field{flex-basis:100%;display:flex;flex-flow:column nowrap;align-items:center;gap:24px;height:0;overflow:hidden;opacity:0;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;padding:12px;width:calc(100% - 12px);margin:12px 2px 2px;resize:none;flex-grow:1}.BTW-course-complete .course-completion-wrap .box-container .box.user-rating .feedback-field button[type=submit]{padding:2px 4px;margin:2px}.BTW-course-complete .course-completion-wrap .box-container .box.share-icons{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:12px}.BTW-course-complete .course-completion-wrap .box-container .box.share-icons .share-icon{flex:0 0 auto;background:var(--fm-orange-3);display:flex;justify-content:center;align-items:center;border-radius:50%;height:36px;width:36px}.BTW-course-complete .course-completion-wrap .box-container .download-certification{color:var(--fm-red-3);position:relative;align-items:center;overflow:hidden}.BTW-course-complete .course-completion-wrap .box-container .download-certification .box-inner{width:190px;height:20px;position:relative;overflow:hidden}.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{border:none;background: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{position:fixed;top:var(--fm-space-24);right:var(--fm-space-24);opacity:0;z-index:-1;transition:opacity .3s}.player-container .below-the-fold .fold-inner{display:flex;flex-flow:column nowrap;gap:var(--fm-space-64);width:100vw;padding:var(--fm-space-24)}.player-container .below-the-fold .fold-inner .course-details header{display:inline-flex;justify-content:flex-start;align-items:flex-start;gap:var(--fm-space-12)}.player-container .below-the-fold .fold-inner .course-details .divider{height:1px;background-color:var(--fm-gray-3);margin-top:var(--fm-space-24);margin-bottom:var(--fm-space-24)}.player-container .below-the-fold .fold-inner .course-progress{color:var(--fm-gray-6);background:linear-gradient(90deg,#1f1f1f .04%,#101010);border:1px solid var(--fm-gray-3);border-radius:var(--fm-radius-medium);display:flex;flex-flow:column;gap:var(--fm-space-36);font-size:var(--fm-font-14);padding:var(--fm-space-24)}.player-container .below-the-fold .fold-inner .course-progress header{display:flex;flex-flow:column;justify-content:space-between;border-bottom:1px solid var(--fm-gray-3);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;justify-content:space-between;gap:var(--fm-space-12);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;height:5px;background:var(--fm-gray-3);border-radius:3px;margin-bottom:var(--fm-space-12)}.player-container .below-the-fold .fold-inner .course-progress .progress-bar:after{content:"";background:var(--fm-gradient-3);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{flex:0 0 auto;background:var(--gray-darkest);border-radius:50%;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{display:flex;justify-content:space-between;align-items:center;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{width:calc(33.33333% - 8px);text-align:center}.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.hide{height:0;overflow:hidden}.player-container .below-the-fold .fold-inner .other-courses header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--fm-gray-3);margin-bottom:var(--fm-space-24)}.player-container .below-the-fold .fold-inner .other-courses header nav{display:flex;justify-content:flex-start;gap:var(--fm-space-16);font-weight:var(--fm-fw-medium)}.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;padding:var(--fm-space-12);gap:var(--fm-space-12)}.player-container .below-the-fold .fold-inner .other-courses .course-list .course .thumb{flex:0 0 auto;display:block;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{border:1px solid var(--fm-orange-3);border-radius:var(--fm-radius-medium);background:linear-gradient(0deg,rgba(19,44,81,.75),rgba(19,44,81,.75));display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:var(--fm-space-24);top:calc(var(--fm-space-64) + var(--fm-space-12));right:var(--fm-space-24);aspect-ratio:16/9;height:auto;width:calc(40vw - 2 * var(--fm-space-24));position:fixed;opacity:0;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{gap:var(--fm-space-16);font-size:var(--fm-font-18);font-weight:var(--fm-fw-medium)}.player-container.fixed-player .FMPlayer2-VideoContainer{z-index:unset}.player-container.fixed-player .FMPlayer2-VideoContainer .FMPlayer{border:1px solid var(--fm-orange-3);border-radius:var(--fm-radius-medium);overflow:hidden;position:fixed;top:calc(var(--fm-space-64) + var(--fm-space-12));right:var(--fm-space-24);aspect-ratio:16/9;height:auto;width:calc(40vw - 2 * var(--fm-space-24));z-index:1000;animation:playerFadeIn .3s linear;outline:none}.player-container.fixed-player .mini-player-quiz-notice{opacity:1;z-index:1001;animation:playerFadeIn .3s linear}.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}}