@layer base,design-system;@layer base{*,
::before,
::after{
	box-sizing:border-box;
}

html{
	font-family:system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
	line-height:1.15;
	-webkit-text-size-adjust:100%;
	-moz-tab-size:4;
	-o-tab-size:4;
	   tab-size:4;
}

body{
	margin:0;
}

hr{
	height:0;
	color:inherit;
}

abbr[title]{
	-webkit-text-decoration:underline dotted;
	        text-decoration:underline dotted;
}

b,
strong{
	font-weight:bolder;
}

code,
kbd,
samp,
pre{
	font-family:ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
	font-size:1em;
}

small{
	font-size:80%;
}

sub,
sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sub{
	bottom:-0.25em;
}

sup{
	top:-0.5em;
}

table{
	text-indent:0;
	border-color:inherit;
}

button,
input,
optgroup,
select,
textarea{
	font-family:inherit;
	font-size:100%;
	line-height:1.15;
	margin:0;
}

button,
select{
	text-transform:none;
}

button,
[type='button'],
[type='reset'],
[type='submit']{
	-webkit-appearance:button;
}

::-moz-focus-inner{
	border-style:none;
	padding:0;
}

:-moz-focusring{
	outline:1px dotted ButtonText;
}

:-moz-ui-invalid{
	box-shadow:none;
}

legend{
	padding:0;
}

progress{
	vertical-align:baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button{
	height:auto;
}

[type='search']{
	-webkit-appearance:textfield;
	outline-offset:-2px;
}

::-webkit-search-decoration{
	-webkit-appearance:none;
}

::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit;
}

summary{
	display:list-item;
}
}@layer base{body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
}@layer base{body{
  background:var(--gray-darker);
  color:var(--gray-lightest);
  font-size:var(--font-md);
  line-height:1.5;
}

a{
  color:var(--fm-text-link-dark);
  text-decoration:none;
  font-weight:var(--fm-fw-medium);
}

  a:hover{
    color:var(--fm-text-link-hover-dark);
  }

button{
  cursor:pointer;
  font-family:inherit;
}

img,
video{
  width:100%;
}
img[loading="lazy"]{
  opacity:0;
}

  img[loading="lazy"].lazyloaded{
    transition:opacity 1s;
    opacity:1;
  }

:focus-visible{
  outline:3px auto Highlight;
  outline:3px auto -webkit-focus-ring-color;
}
  nav ul{
    margin:0;
    list-style:none;
    list-style-image:none;
    padding-left:0;
  }

  nav a{
    display:inline-block;
    text-decoration:none;
  }

strong{
  font-weight:600;
}

ol{
  padding-left:20px;
}

hr{
  background:var(--gray-mid);
  border:0;
  height:1px;
}
.FM-Header-Content{
  line-height:normal;
}
}@layer design-system{:root{
  --white:#ffffff;
  --black:#000000;
  --fm-gray-0:#000000;
  --fm-gray-1:#222222;
  --fm-gray-2:#333333;
  --fm-gray-3:#3e3e3e;
  --fm-gray-4:#8a8a8a;
  --fm-gray-5:#aaaaaa;
  --fm-gray-6:#cccccc;
  --fm-gray-7:#d9d9d9;
  --fm-gray-8:#e6e6e6;

  --fm-red-1:#c02d28;
  --fm-red-2:#d4312b;
  --fm-red-3:#fc706b;
  --fm-red-4:#e58480;
  --fm-red-5:#ff0d05;
  --fm-red-6:#ff3e38;

  --fm-orange-1:#c95018;
  --fm-orange-2:#e66225;

  --fm-brown-1:#37140f;

  --fm-yellow-1:#f09e14;
  --fm-text-link-dark:var(--fm-red-3);
  --fm-text-link-hover-dark:var(--fm-red-4);
  --fm-text-link-hover-light:var(--fm-red-5);
  --fm-surface-0:var(--fm-gray-0);
  --fm-surface-1:var(--fm-gray-1);
  --fm-surface-2:var(--fm-gray-2);
  --fm-surface-3:var(--fm-gray-3);
  --fm-surface-header:var(--fm-brown-1);
  --fm-btn:var(--fm-red-1);
  --fm-btn-hover:var(--fm-red-2);

  --fm-btn-secondary:var(--fm-orange-1);
  --fm-btn-secondary-hover:var(--fm-orange-2);

  --fm-btn-disabled:var(--fm-gray-4);
  --fm-border-1:var(--fm-gray-4);
  --fm-form-error:var(--fm-red-6);
  --fm-space-6:6px;
  --fm-space-12:12px;
  --fm-space-16:16px;
  --fm-space-24:24px;
  --fm-space-36:36px;
  --fm-space-48:48px;
  --fm-space-64:64px;
  --fm-max-width:1248px;
  --fm-desktop-margin:var(--fm-space-48);
  --fm-mobile-margin:var(--fm-space-24);
  --fm-font-sans:system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --fm-font-12:12px;
  --fm-font-14:14px;
  --fm-font-16:16px;
  --fm-font-18:18px;
  --fm-font-24:24px;
  --fm-font-28:28px;
  --fm-font-36:36px;
  --fm-font-48:48px;
  --fm-fw-regular:400;
  --fm-fw-medium:500;
  --fm-fw-bold:700;
}
}@layer design-system{[class*="FM-Loading-"]{
  display:inline-block;
  position:relative;
  width:16px;
  height:16px;
  opacity:1;
}

  [class*="FM-Loading-"].FM-Loading-Dot-Flashing{
    position:relative;
    margin:3.2px 0;
  }
    [class*="FM-Loading-"].FM-Loading-Dot-Flashing .dot{
      background-color:var(--fm-gray-5);
      position:absolute;
      width:12px;
      height:12px;
      border-radius:8px;
      animation:dot-flashing 1s infinite linear alternate;

      content:"";
      display:inline-block;
      position:absolute;
      top:0;
      opacity:1;
    }

      [class*="FM-Loading-"].FM-Loading-Dot-Flashing .dot:nth-child(1){
        left:calc(var(--fm-space-24)*-1);
        animation-delay:0;
      }

      [class*="FM-Loading-"].FM-Loading-Dot-Flashing .dot:nth-child(2){
        left:0;
        animation-delay:0.5s;
      }
      [class*="FM-Loading-"].FM-Loading-Dot-Flashing .dot:nth-child(3){
        left:var(--fm-space-24);
        animation-delay:1s;
      }

@keyframes dot-flashing{
  0%{
    opacity:1;
  }
  50%,
  100%{
    opacity:0.2;
  }
}
}@layer design-system{.noscroll{
  overflow:hidden;
}

.FM-unspace{
  margin:0;
  padding:0;
}

.FM-wrap{
  max-width:var(--fm-max-width);
  margin:auto;
  padding:0 var(--fm-desktop-margin);
}

.FM-vp-md{
  padding-bottom:var(--fm-space-24);
  padding-top:var(--fm-space-24);
}

.FM-vp-lg{
  padding-bottom:var(--fm-space-48);
  padding-top:var(--fm-space-48);
}

.FM-vp-xl{
  padding-bottom:var(--fm-space-64);
  padding-top:var(--fm-space-64);
}

.FM-vp-top-md{
  padding-top:var(--fm-space-24);
}

.FM-vp-top-lg{
  padding-top:var(--fm-space-48);
}

.FM-vp-top-xl{
  padding-top:var(--fm-space-64);
}

.FM-vp-btm-md{
  padding-bottom:var(--fm-space-24);
}

.FM-vp-btm-lg{
  padding-bottom:var(--fm-space-48);
}

.FM-vp-btm-xl{
  padding-bottom:var(--fm-space-64);
}

.FM-font-14{
  font-size:var(--fm-font-14);
}

.FM-font-16{
  font-size:var(--fm-font-16);
}

.FM-font-18{
  font-size:var(--fm-font-18);
}

.FM-gradient-1{
  background:linear-gradient(90deg, #1f1f1f 0.04%, #101010 100%);
}

.FM-gradient-2{
  background:linear-gradient(90deg, #292929 0.04%, #3c3c3c 100%);
}

.FM-gradient-3{
  background:linear-gradient(to right, var(--fm-red-1), var(--fm-orange-2));
}

.FM-border-gradient-1{
  border:2px solid;
  border-image-slice:1;
  border-image-source:linear-gradient(
    to right,
    var(--fm-red-1),
    var(--fm-orange-2)
  );
}
}@layer design-system{@media screen and (width < 650px){
  .FM-wrap{
    padding-left:var(--fm-mobile-margin);
    padding-right:var(--fm-mobile-margin);
  }

  .FM-vp-md{
    padding-bottom:var(--fm-space-16);
    padding-top:var(--fm-space-16);
  }

  .FM-vp-lg{
    padding-bottom:var(--fm-space-24);
    padding-top:var(--fm-space-24);
  }

  .FM-vp-xl{
    padding-bottom:var(--fm-space-48);
    padding-top:var(--fm-space-48);
  }

  .FM-vp-top-md{
    padding-top:var(--fm-space-16);
  }

  .FM-vp-top-lg{
    padding-top:var(--fm-space-24);
  }

  .FM-vp-top-xl{
    padding-top:var(--fm-space-48);
  }
}
}@layer design-system{.FM-visually-hidden{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

.FM-center{
  text-align:center;
}
}@layer design-system{.FM-Heading-1,
.FM-Heading-2,
.FM-Heading-3,
.FM-Heading-4{
  font-weight:700;
  margin-top:var(--fm-space-12);
  margin-bottom:var(--fm-space-12);
}

.FM-Heading-1:first-child,
.FM-Heading-2:first-child,
.FM-Heading-3:first-child,
.FM-Heading-4:first-child{
  margin-top:0;
}

.FM-Heading-1{
  font-size:var(--fm-font-48);
}
.FM-Heading-2{
  font-size:var(--fm-font-36);
  line-height:1.1;
}
.FM-Heading-3{
  font-size:var(--fm-font-28);
  line-height:1.2;
}
.FM-Heading-4{
  font-size:var(--fm-font-16);
  line-height:1.2;
}
}@layer design-system{@media screen and (width < 650px){
  .FM-Heading-1{
    font-size:var(--fm-font-36);
  }
  .FM-Heading-2{
    font-size:var(--fm-font-24);
  }
  .FM-Heading-3{
    font-size:var(--fm-font-18);
  }
  .FM-Heading-4{
    font-size:var(--fm-font-16);
  }
}
}@layer design-system{[class*="FM-BGIcon-"]{
  background-repeat:no-repeat;
  background-size:100%;
  background-position:center;
  border:0;
  color:transparent;
  display:inline-block;
  font:0 / 0 "a";
  text-shadow:none;
  vertical-align:middle;
}

  [class*="FM-BGIcon-"].FM-BGIcon-Microsoft{
    background-image:url("https://static.frontendmasters.com/assets/fm/js/images/trust-microsoft_6be7d969.svg");
    height:35px;
    width:164px;
  }
  [class*="FM-BGIcon-"].FM-BGIcon-Netflix{
    background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22131%22%20height%3D%2235%22%20viewBox%3D%220%200%20131%2035%22%20fill%3D%22none%22%3E%3Cg%20opacity%3D%22.35%22%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M18.778%2032.748c-1.948.342-3.922.443-5.983.721l-6.25-18.328v19.113c-1.96.202-3.73.48-5.577.759V0h5.186l7.121%2019.86V0h5.503v32.748Zm10.764-19.934c2.125%200%205.376-.102%207.324-.102v5.477c-2.429%200-5.275%200-7.324.102v8.133c3.213-.203%206.426-.48%209.676-.582v5.275l-15.14%201.201V0h15.14v5.464h-9.663v7.35h-.013Zm30.016-7.337h-5.667v25.16c-1.846%200-3.693%200-5.477.062V5.464h-5.666V0H59.57v5.464l-.013.013Zm8.893%206.957h7.488v5.477H68.45V30.32h-5.376V0h15.28v5.464h-9.917v6.983l.013-.013Zm18.783%2013.117c3.112.063%206.262.304%209.297.48v5.402c-4.914-.35-9.836-.59-14.761-.721V0h5.464v25.551Zm13.914%206.249c1.792.09%203.58.229%205.364.417V0h-5.364v31.8ZM130.494%200l-6.944%2016.646L130.494%2035c-2.049-.266-4.098-.633-6.147-.987l-3.934-10.119-3.997%209.297c-1.986-.341-3.909-.443-5.882-.72l7.033-16.027L111.217%200h5.869l3.58%209.196L124.511%200h5.983Z%22%20fill%3D%22%23E6E6E6%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20transform%3D%22translate%28.968%29%22%20d%3D%22M0%200h129.527v35H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    height:35px;
    width:130px;
  }
  [class*="FM-BGIcon-"].FM-BGIcon-Stripe{
    background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2285%22%20height%3D%2235%22%20viewBox%3D%220%200%2085%2035%22%20fill%3D%22none%22%3E%3Cg%20opacity%3D%22.35%22%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M84.463%2018.084c0-5.981-2.897-10.7-8.435-10.7-5.56%200-8.925%204.719-8.925%2010.653%200%207.033%203.972%2010.585%209.673%2010.585%202.78%200%204.883-.631%206.472-1.52V22.43a12.41%2012.41%200%200%201-5.724%201.285c-2.267%200-4.276-.794-4.533-3.551h11.425l.047-2.08Zm-11.542-2.22c0-2.64%201.612-3.738%203.084-3.738%201.425%200%202.944%201.098%202.944%203.739H72.92Zm-14.837-8.48c-2.29%200-3.761%201.074-4.58%201.822l-.303-1.449h-5.14V35l5.841-1.238.023-6.613c.842.608%202.08%201.473%204.136%201.473%204.182%200%207.99-3.365%207.99-10.771-.023-6.776-3.878-10.468-7.967-10.468ZM56.682%2023.48a3.505%203.505%200%200%201-2.757-1.098l-.023-8.668c.608-.678%201.449-1.145%202.78-1.145%202.127%200%203.599%202.383%203.599%205.444%200%203.13-1.449%205.467-3.599%205.467ZM40.024%206.005l5.864-1.262V0l-5.864%201.238v4.767Zm0%201.775h5.864v20.444h-5.864V7.78Zm-6.285%201.73-.374-1.73h-5.047v20.444h5.841V14.37c1.379-1.799%203.715-1.472%204.44-1.215V7.78c-.748-.28-3.482-.794-4.86%201.73Zm-11.683-6.8-5.7%201.215-.024%2018.715a5.865%205.865%200%200%200%206.051%206.005c1.916%200%203.318-.35%204.09-.771V23.13c-.748.304-4.44%201.378-4.44-2.08v-8.294h4.44V7.78h-4.44l.023-5.07ZM6.262%2013.715c0-.911.748-1.262%201.986-1.262%201.776%200%204.019.538%205.794%201.496V8.458a15.42%2015.42%200%200%200-5.794-1.075C3.505%207.383.35%209.86.35%2013.995c0%206.449%208.878%205.42%208.878%208.201%200%201.075-.934%201.425-2.243%201.425-1.939%200-4.416-.794-6.378-1.869v5.561a16.196%2016.196%200%200%200%206.378%201.332c4.86%200%208.201-2.407%208.201-6.589-.023-6.963-8.925-5.724-8.925-8.341Z%22%20fill%3D%22%23E6E6E6%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20transform%3D%22translate%28.35%29%22%20d%3D%22M0%200h84.112v35H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    height:35px;
    width:84px;
  }
  [class*="FM-BGIcon-"].FM-BGIcon-Spotify{
    background-image:url("https://static.frontendmasters.com/assets/fm/js/images/trust-spotify_62b1e78.svg");
    height:35px;
    width:117px;
  }
}@layer design-system{a[class*="FM-Link"]:-moz-any-link{
  color:var(--fm-text-link-dark);
  font-weight:var(--fm-fw-medium);
  text-decoration:none;
}

a[class*="FM-Link"]:any-link{
  color:var(--fm-text-link-dark);
  font-weight:var(--fm-fw-medium);
  text-decoration:none;
}

  a[class*="FM-Link"]:-moz-any-link:hover{
    color:var(--fm-text-link-hover-dark);
  }

  a[class*="FM-Link"]:any-link:hover{
    color:var(--fm-text-link-hover-dark);
  }

  a[class*="FM-Link"]:-moz-any-link.FM-Link-Caret{
    position:relative;
  }

  a[class*="FM-Link"]:any-link.FM-Link-Caret{
    position:relative;
  }

    a[class*="FM-Link"]:-moz-any-link.FM-Link-Caret::after{
      content:"";
      display:inline-block;
      background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.429%2012a.824.824%200%200%201-.255.603l-6%206a.824.824%200%200%201-.602.254.824.824%200%200%201-.603-.254.824.824%200%200%201-.255-.603V6c0-.232.085-.433.255-.603.17-.17.37-.254.603-.254.232%200%20.433.085.602.254l6%206c.17.17.255.37.255.603Z%22%20fill%3D%22%23FC706B%22%2F%3E%3C%2Fsvg%3E');
      background-position:center;
      position:absolute;
      height:24px;
      width:24px;
    }

    a[class*="FM-Link"]:any-link.FM-Link-Caret::after{
      content:"";
      display:inline-block;
      background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.429%2012a.824.824%200%200%201-.255.603l-6%206a.824.824%200%200%201-.602.254.824.824%200%200%201-.603-.254.824.824%200%200%201-.255-.603V6c0-.232.085-.433.255-.603.17-.17.37-.254.603-.254.232%200%20.433.085.602.254l6%206c.17.17.255.37.255.603Z%22%20fill%3D%22%23FC706B%22%2F%3E%3C%2Fsvg%3E');
      background-position:center;
      position:absolute;
      height:24px;
      width:24px;
    }

    a[class*="FM-Link"]:-moz-any-link.FM-Link-Caret:hover::after{
      background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.429%2012a.824.824%200%200%201-.255.603l-6%206a.824.824%200%200%201-.602.254.824.824%200%200%201-.603-.254.824.824%200%200%201-.255-.603V6c0-.232.085-.433.255-.603.17-.17.37-.254.603-.254.232%200%20.433.085.602.254l6%206c.17.17.255.37.255.603Z%22%20fill%3D%22%23E58480%22%2F%3E%3C%2Fsvg%3E');
    }

    a[class*="FM-Link"]:any-link.FM-Link-Caret:hover::after{
      background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.429%2012a.824.824%200%200%201-.255.603l-6%206a.824.824%200%200%201-.602.254.824.824%200%200%201-.603-.254.824.824%200%200%201-.255-.603V6c0-.232.085-.433.255-.603.17-.17.37-.254.603-.254.232%200%20.433.085.602.254l6%206c.17.17.255.37.255.603Z%22%20fill%3D%22%23E58480%22%2F%3E%3C%2Fsvg%3E');
    }

[class*="FM-BGI-Link-"]{
  background-repeat:no-repeat;
  background-size:100%;
  background-position:center;
  border:0;
  color:transparent;
  display:inline-block;
  font:0 / 0 "a";
  text-shadow:none;
  vertical-align:middle;
}

  [class*="FM-BGI-Link-"].FM-BGI-Link-FM-Logo{
    background-image:url("https://static.frontendmasters.com/assets/fm/js/images/frontendmasters_3bcb5619.svg");
    height:34px;
    width:210px;
  }
  [class*="FM-BGI-Link-"].FM-BGI-Link-Twitter{
    background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22a%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2235%22%20height%3D%2235%22%3E%3Cpath%20d%3D%22M35%200H0v35h35V0Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M30.898%200H4.102A4.102%204.102%200%200%200%200%204.102v26.796A4.102%204.102%200%200%200%204.102%2035h26.796A4.102%204.102%200%200%200%2035%2030.898V4.102A4.102%204.102%200%200%200%2030.898%200Z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M24.33%206.836h3.618l-7.905%209.034%209.299%2012.294h-7.281l-5.703-7.456-6.525%207.456h-3.62l8.454-9.663-8.92-11.665h7.466l5.154%206.815%205.962-6.815Zm-1.27%2019.162h2.004l-12.94-17.11H9.971l13.088%2017.11Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    height:35px;
    width:35px;
  }
  [class*="FM-BGI-Link-"].FM-BGI-Link-Linked-In{
    background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M3.281%203.281h27.344v27.344H3.281z%22%2F%3E%3Cpath%20d%3D%22M27.708%200H7.292A7.292%207.292%200%200%200%200%207.292v20.416A7.292%207.292%200%200%200%207.292%2035h20.416A7.292%207.292%200%200%200%2035%2027.708V7.292A7.292%207.292%200%200%200%2027.708%200ZM11.667%2027.708H7.292V11.667h4.375v16.041ZM9.479%209.818a2.563%202.563%200%200%201-2.552-2.573A2.563%202.563%200%200%201%209.48%204.673a2.563%202.563%200%200%201%202.552%202.572A2.562%202.562%200%200%201%209.48%209.818Zm19.688%2017.89h-4.375v-8.172c0-4.912-5.834-4.54-5.834%200v8.172h-4.375V11.667h4.375v2.574c2.036-3.772%2010.209-4.05%2010.209%203.61v9.857Z%22%20fill%3D%22%230072B1%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2235%22%20height%3D%2235%22%20rx%3D%227%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    height:35px;
    width:35px;
  }

  [class*="FM-BGI-Link-"].FM-BGI-Link-Facebook{
    background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%205h25v25H5z%22%2F%3E%3Cpath%20d%3D%22M27.708%200H7.292A7.292%207.292%200%200%200%200%207.292v20.416A7.292%207.292%200%200%200%207.292%2035h20.416A7.292%207.292%200%200%200%2035%2027.708V7.292A7.292%207.292%200%200%200%2027.708%200Zm-4.375%2010.208h-2.805c-.897%200-1.57.368-1.57%201.297v1.62h4.375l-.347%204.375h-4.028v11.667h-4.375V17.5h-2.916v-4.375h2.916v-2.804c0-2.95%201.552-4.488%205.048-4.488h3.702v4.375Z%22%20fill%3D%22%234267B2%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2235%22%20height%3D%2235%22%20rx%3D%227%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    height:35px;
    width:35px;
  }
  [class*="FM-BGI-Link-"].FM-BGI-Link-Instagram{
    background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22m27.239%2034.99-19.445.019c-4.277.004-7.78-3.492-7.785-7.77L-.01%207.794C-.014%203.517%203.483.014%207.76.01l19.445-.02c4.278-.004%207.78%203.492%207.785%207.77l.019%2019.445c.005%204.279-3.492%207.781-7.77%207.785Z%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Cpath%20d%3D%22m27.239%2034.99-19.445.019c-4.277.004-7.78-3.492-7.785-7.77L-.01%207.794C-.014%203.517%203.483.014%207.76.01l19.445-.02c4.278-.004%207.78%203.492%207.785%207.77l.019%2019.445c.005%204.279-3.492%207.781-7.77%207.785Z%22%20fill%3D%22url%28%23c%29%22%2F%3E%3Cpath%20d%3D%22M17.5%2024.306a6.814%206.814%200%200%201-6.806-6.806%206.814%206.814%200%200%201%206.806-6.806%206.814%206.814%200%200%201%206.806%206.806%206.814%206.814%200%200%201-6.806%206.806Zm0-11.667a4.867%204.867%200%200%200-4.861%204.861c0%202.68%202.18%204.861%204.861%204.861%202.68%200%204.861-2.18%204.861-4.861%200-2.68-2.18-4.861-4.861-4.861Zm7.292-.972a1.458%201.458%200%201%200%200-2.917%201.458%201.458%200%200%200%200%202.917Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M23.333%2030.139H11.667a6.814%206.814%200%200%201-6.806-6.806V11.667a6.814%206.814%200%200%201%206.806-6.806h11.666a6.814%206.814%200%200%201%206.806%206.806v11.666a6.814%206.814%200%200%201-6.806%206.806ZM11.667%206.806a4.867%204.867%200%200%200-4.861%204.86v11.667c0%202.68%202.18%204.861%204.86%204.861h11.667c2.68%200%204.861-2.18%204.861-4.86V11.666c0-2.68-2.18-4.861-4.86-4.861H11.666Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient%20id%3D%22b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate%2813.008%2035.034%29%20scale%2843.6518%29%22%3E%3Cstop%20stop-color%3D%22%23FD5%22%2F%3E%3Cstop%20offset%3D%22.328%22%20stop-color%3D%22%23FF543F%22%2F%3E%3Cstop%20offset%3D%22.348%22%20stop-color%3D%22%23FC5245%22%2F%3E%3Cstop%20offset%3D%22.504%22%20stop-color%3D%22%23E64771%22%2F%3E%3Cstop%20offset%3D%22.643%22%20stop-color%3D%22%23D53E91%22%2F%3E%3Cstop%20offset%3D%22.761%22%20stop-color%3D%22%23CC39A4%22%2F%3E%3Cstop%20offset%3D%22.841%22%20stop-color%3D%22%23C837AB%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22c%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix%2828.9849%200%200%2019.3126%205.625%20-.447%29%22%3E%3Cstop%20stop-color%3D%22%234168C9%22%2F%3E%3Cstop%20offset%3D%22.999%22%20stop-color%3D%22%234168C9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h35v35H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    height:35px;
    width:35px;
  }
  [class*="FM-BGI-Link-"].FM-BGI-Link-Apple-App-Store{
    background-image:url("https://static.frontendmasters.com/assets/fm/js/images/apple-app-store_1f7e4b3b.svg");
    height:40px;
    width:120px;
  }
  [class*="FM-BGI-Link-"].FM-BGI-Link-Google-App-Store{
    background-image:url("https://static.frontendmasters.com/assets/fm/js/images/google-app-store_26908358.svg");
    height:40px;
    width:135px;
  }
  [class*="FM-BGI-Link-"].FM-BGI-Link-Menu{
    background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%202h22M1%2012h22M1%2022h22%22%20stroke%3D%22%23aaa%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    height:24px;
    width:24px;
  }
    [class*="FM-BGI-Link-"].FM-BGI-Link-Menu:hover{
      background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%202h22M1%2012h22M1%2022h22%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }
  [class*="FM-BGI-Link-"].FM-BGI-Link-Close{
    background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m3.515%2020.485%2016.97-16.97m-16.97%200%2016.97%2016.97%22%20stroke%3D%22%23aaa%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    height:24px;
    width:24px;
  }
    [class*="FM-BGI-Link-"].FM-BGI-Link-Close:hover{
      background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m3.515%2020.485%2016.97-16.97m-16.97%200%2016.97%2016.97%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }
  [class*="FM-BGI-Link-"].FM-BGI-Link-Search{
    background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11%2019a8%208%200%201%200%200-16%208%208%200%200%200%200%2016Zm10%202-4.35-4.35%22%20stroke%3D%22%23AAA%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    height:24px;
    width:24px;
  }
    [class*="FM-BGI-Link-"].FM-BGI-Link-Search:hover{
      background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11%2019a8%208%200%201%200%200-16%208%208%200%200%200%200%2016Zm10%202-4.35-4.35%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    }
  [class*="FM-BGI-Link-"].FM-BGI-Link-Current-User{
    background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2239%22%20height%3D%2240%22%20viewBox%3D%220%200%2039%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%22.5%22%20width%3D%2239%22%20height%3D%2239%22%20rx%3D%2219.5%22%20fill%3D%22%23E66225%22%2F%3E%3Cpath%20d%3D%22M19.5%2018.63a5.478%205.478%200%201%200%200-10.956%205.478%205.478%200%200%200%200%2010.957Zm8.217%2013.695a1.369%201.369%200%200%200%201.37-1.37%209.586%209.586%200%200%200-19.173%200%201.37%201.37%200%200%200%201.37%201.37h16.433Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
    height:40px;
    width:39px;
  }
}@layer design-system{.FM-Btn,
.FM-BtnSmall,
.FM-BtnSecondary{
  background:var(--fm-btn);
  border:none;
  color:var(--white);
  cursor:pointer;
  display:inline-block;
  font-size:var(--fm-font-18);
  padding:var(--fm-space-16) var(--fm-space-24);
  border-radius:40px;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}

  .FM-Btn:hover, .FM-BtnSmall:hover, .FM-BtnSecondary:hover{
    background:var(--fm-btn-hover);
  }

  a.FM-Btn:-moz-any-link, a.FM-Btn:-moz-any-link:hover, a.FM-BtnSmall:-moz-any-link, a.FM-BtnSmall:-moz-any-link:hover, a.FM-BtnSecondary:-moz-any-link, a.FM-BtnSecondary:-moz-any-link:hover{
    color:var(--white);
    text-decoration:none;
  }

  a.FM-Btn:any-link,
  a.FM-Btn:any-link:hover,
  a.FM-BtnSmall:any-link,
  a.FM-BtnSmall:any-link:hover,
  a.FM-BtnSecondary:any-link,
  a.FM-BtnSecondary:any-link:hover{
    color:var(--white);
    text-decoration:none;
  }

  .FM-Btn:disabled,
  .FM-Btn:disabled:hover,
  .FM-Btn.disabled,
  .FM-Btn.disabled:hover,
  .FM-BtnSmall:disabled,
  .FM-BtnSmall:disabled:hover,
  .FM-BtnSmall.disabled,
  .FM-BtnSmall.disabled:hover,
  .FM-BtnSecondary:disabled,
  .FM-BtnSecondary:disabled:hover,
  .FM-BtnSecondary.disabled,
  .FM-BtnSecondary.disabled:hover{
    background:var(--fm-btn-disabled);
    cursor:not-allowed;
  }

.FM-BtnSmall{
  font-size:var(--fm-font-14);
  padding:var(--fm-space-12) var(--fm-space-24);
  border-radius:40px;
}

.FM-BtnSecondary{
  background:var(--fm-btn-secondary);
}

  .FM-BtnSecondary:hover{
    background:var(--fm-btn-secondary-hover);
  }

.FM-Btn-Control:-moz-any-link{
  background:transparent;
  border:1px solid var(--white);
  border-radius:4px;
  color:var(--white);
  cursor:pointer;
  display:inline-block;
  font-size:var(--fm-font-14);
  padding:var(--fm-space-12) var(--fm-space-24);
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}

.FM-Btn-Control,
.FM-Btn-Control:any-link{
  background:transparent;
  border:1px solid var(--white);
  border-radius:4px;
  color:var(--white);
  cursor:pointer;
  display:inline-block;
  font-size:var(--fm-font-14);
  padding:var(--fm-space-12) var(--fm-space-24);
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}

  .FM-Btn-Control:-moz-any-link:hover{
    background:var(--white);
    color:var(--black);
  }

  .FM-Btn-Control:hover, .FM-Btn-Control:any-link:hover{
    background:var(--white);
    color:var(--black);
  }

  .FM-Btn-Control:-moz-any-link.active{
    background:var(--fm-yellow-1);
    border-color:var(--fm-yellow-1);
    color:var(--black);
  }

  .FM-Btn-Control.active, .FM-Btn-Control:any-link.active{
    background:var(--fm-yellow-1);
    border-color:var(--fm-yellow-1);
    color:var(--black);
  }

[class*="FM-Button-Row"]{
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  gap:var(--fm-space-24);
  margin:var(--fm-space-24) 0;
}

  [class*="FM-Button-Row"]:last-child{
    margin-bottom:0;
  }

  [class*="FM-Button-Row"].FM-Button-Row-Center{
    justify-content:center;
  }

@container DuoBlock (width < 1024px){
  [class*="FM-Button-Row"]{
    justify-content:center;
  }
}
}@layer design-system{@media screen and (width < 650px){
  [class*="FM-Button-Row"]{
    flex-direction:column;
    justify-content:center;
  }

    [class*="FM-Button-Row"]:last-child{
      margin-bottom:0;
    }
}
}@layer design-system{.FM-Form input[type="text"],
  .FM-Form input[type="email"]{
    background-color:#fff;
    border:1px solid #ccc;
    box-shadow:inset 0 1px 3px #ddd;
    border-radius:5px;
    color:var(--fm-gray-1);
    display:block;
    font-family:inherit;
    margin-bottom:var(--fm-space-16);
    padding:var(--fm-space-12);
    width:100%;
  }

    .FM-Form input[type="text"]:focus, .FM-Form input[type="email"]:focus{
      outline:0;
      border-color:var(--fm-orange-1);
    }

  .FM-Form .FM-Form-Error{
    color:var(--fm-form-error);
    font-style:italic;
    font-weight:var(--fm-fw-medium);
    text-align:left;
    line-height:1.5;
    max-height:0;
    opacity:0;
    transition:max-height 0.1s ease, opacity 0.1s ease 0.1s;
  }

  .FM-Form input[type="text"] + .FM-Form-Error:not(:empty),
  .FM-Form input[type="email"] + .FM-Form-Error:not(:empty){
    margin-top:calc(var(--fm-space-16)*-1);
    margin-bottom:var(--fm-space-16);
    max-height:1.5em;
    opacity:1;
  }

  .FM-Form input[type="checkbox"]{
    margin-right:var(--fm-space-12);
    transform:scale(1.33);
    transform-origin:center left;
  }

  .FM-Form label{
    cursor:pointer;
    display:inline-block;
    margin:0 0 var(--fm-space-6);
  }
}@layer design-system{.FM-Dropdown{
  background:var(--black);
  border-bottom:3px solid var(--fm-orange-2);
  display:none;
  padding:var(--fm-space-16);
  position:absolute;
}

  .FM-Dropdown.active{
    display:block;
  }
}@layer design-system{.FM-Banner-Notice{
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  align-items:center;
  gap:var(--fm-space-12);
  line-height:1.4;
  padding:var(--fm-space-24) var(--fm-space-48);
  text-align:center;
}

  .FM-Banner-Notice > *:not(p){
    white-space:nowrap;
  }

  .FM-Banner-Notice > p{
    margin:0;
  }

  .FM-Banner-Notice a.cta-tag:-moz-any-link{
    color:inherit;
    border-radius:4px;
    margin:-2px 0;
    padding:2px 4px;
  }

  .FM-Banner-Notice a.cta-tag:any-link{
    color:inherit;
    border-radius:4px;
    margin:-2px 0;
    padding:2px 4px;
  }
}@layer design-system{@media screen and (width < 650px){
  .FM-Banner-Notice{
    flex-flow:column nowrap;
    padding:var(--fm-space-24);
  }

    .FM-Banner-Notice .cta-tag{
      margin:0;
    }
}
}@layer design-system{[class*="FM-Duo-Block"]{
  --gap:var(--fm-space-64);
  --gap-mobile:var(--fm-space-48);
  --order-mobile:0;

  container:DuoBlock / inline-size;
}

  [class*="FM-Duo-Block"] .duo-block-wrap{
    display:grid;
    align-items:center;
    grid-template-columns:1fr 1fr;
    grid-gap:var(--gap);
  }

    [class*="FM-Duo-Block"] .duo-block-wrap .duo-block{
      order:0;
    }

      [class*="FM-Duo-Block"] .duo-block-wrap .duo-block > *:first-child{
        margin-top:0;
      }

      [class*="FM-Duo-Block"] .duo-block-wrap .duo-block > *:last-child{
        margin-bottom:0;
      }

      [class*="FM-Duo-Block"] .duo-block-wrap .duo-block img{
        width:100%;
        height:auto;
      }
}@layer design-system{@media screen and (width < 1024px){
    [class*="FM-Duo-Block"] .duo-block-wrap{
      grid-template-columns:1fr;
      text-align:center;
    }

      [class*="FM-Duo-Block"] .duo-block-wrap .duo-block{
        width:100%;
        order:var(--order-mobile);
      }
}
}@layer design-system{header.FM-Header-Main{
  background:var(--fm-surface-header);
  border-width:0 0 4px;
}

  header.FM-Header-Main .FM-Header-Content{
    position:relative;
    padding:var(--fm-space-12) var(--fm-desktop-margin);
    max-width:var(--fm-max-width);
    margin:auto;
    width:100%;
    z-index:100;
  }

    header.FM-Header-Main .FM-Header-Content a:-moz-any-link{
      font-weight:var(--fm-fw-medium);
    }

    header.FM-Header-Main .FM-Header-Content a:any-link{
      font-weight:var(--fm-fw-medium);
    }

    header.FM-Header-Main .FM-Header-Content a:not([class*="FM-Btn"]):-moz-any-link{
      color:var(--fm-gray-5);
    }

    header.FM-Header-Main .FM-Header-Content a:not([class*="FM-Btn"]):any-link{
      color:var(--fm-gray-5);
    }

      header.FM-Header-Main .FM-Header-Content a:not([class*="FM-Btn"]):-moz-any-link:hover, header.FM-Header-Main .FM-Header-Content a:not([class*="FM-Btn"]):-moz-any-link.active{
        color:var(--white);
      }

      header.FM-Header-Main .FM-Header-Content a:not([class*="FM-Btn"]):any-link:hover,
      header.FM-Header-Main .FM-Header-Content a:not([class*="FM-Btn"]):any-link.active{
        color:var(--white);
      }

    header.FM-Header-Main .FM-Header-Content .header-nav{
      display:flex;
      flex-flow:row wrap;
      align-items:center;
      gap:var(--fm-space-12) var(--fm-space-24);
    }

      header.FM-Header-Main .FM-Header-Content .header-nav .logo-wrap{
        position:relative;
        top:-4px;
        margin-right:var(--fm-space-12);
      }

      header.FM-Header-Main .FM-Header-Content .header-nav .nav-stripe{
        display:none;
      }

      header.FM-Header-Main .FM-Header-Content .header-nav .primary-nav{
        display:flex;
        justify-content:flex-start;
        flex-grow:1;
        margin:0;
        padding:0;
        gap:var(--fm-space-36);
      }

        header.FM-Header-Main .FM-Header-Content .header-nav .primary-nav > li{
          display:block;
        }

          header.FM-Header-Main .FM-Header-Content .header-nav .primary-nav > li.my-account{
            display:none;
          }

          header.FM-Header-Main .FM-Header-Content .header-nav .primary-nav > li > a:-moz-any-link{
            display:block;
          }

          header.FM-Header-Main .FM-Header-Content .header-nav .primary-nav > li > a:any-link{
            display:block;
          }

      header.FM-Header-Main .FM-Header-Content .header-nav .logged-in-nav{
        position:relative;
      }

        header.FM-Header-Main .FM-Header-Content .header-nav .logged-in-nav [data-dropdown-body]{
          right:0;
          top:var(--fm-space-48);
        }

          header.FM-Header-Main .FM-Header-Content .header-nav .logged-in-nav [data-dropdown-body] ul{
            list-style:none;
            margin:0;
            padding:0;
          }

            header.FM-Header-Main .FM-Header-Content .header-nav .logged-in-nav [data-dropdown-body] ul > li{
              margin-bottom:var(--fm-space-12);
              white-space:nowrap;
            }

              header.FM-Header-Main .FM-Header-Content .header-nav .logged-in-nav [data-dropdown-body] ul > li:last-child{
                margin-bottom:0;
              }
        header.FM-Header-Main .FM-Header-Content .header-nav .secondary-nav .join{
          margin-right:var(--fm-space-24);
        }
        header.FM-Header-Main .FM-Header-Content .header-nav .secondary-nav .logout{
          display:none;
        }
        header.FM-Header-Main .FM-Header-Content .header-nav .secondary-nav .join:has(+ .logout){
          margin-right:0;
        }

      header.FM-Header-Main .FM-Header-Content .header-nav .logged-in-nav + .secondary-nav:not(:has(.join)){
        display:none;
      }

      header.FM-Header-Main .FM-Header-Content .header-nav .contact{
        display:none;
      }

      header.FM-Header-Main .FM-Header-Content .header-nav .FM-BGI-Link-Menu,
      header.FM-Header-Main .FM-Header-Content .header-nav .FM-BGI-Link-Close{
        display:none;
      }
}@layer design-system{@media screen and (width < 1140px){
      header.FM-Header-Main .FM-Header-Content .header-nav{
        flex-basis:100%;
      }

        header.FM-Header-Main .FM-Header-Content .header-nav .logo-wrap{
          order:1;
          flex-grow:1;
        }
        header.FM-Header-Main .FM-Header-Content .header-nav .FM-BGI-Link-Search,
        header.FM-Header-Main .FM-Header-Content .header-nav .secondary-nav,
        header.FM-Header-Main .FM-Header-Content .header-nav .logged-in-nav,
        header.FM-Header-Main .FM-Header-Content .header-nav .FM-BGI-Link-Menu,
        header.FM-Header-Main .FM-Header-Content .header-nav .FM-BGI-Link-Close{
          order:2;
        }
        header.FM-Header-Main .FM-Header-Content .header-nav .primary-nav{
          order:3;
          width:100%;
        }
        header.FM-Header-Main .FM-Header-Content .header-nav .loggedInNav{
          order:4;
        }
}
}@layer design-system{@media screen and (width < 650px){
  header.FM-Header-Main{
    position:relative;
    width:100%;
    height:100%;
    z-index:10000;
    border-bottom:none;
  }

    header.FM-Header-Main .FM-Header-Content{
      overflow:hidden;
      height:100%;
      padding-left:var(--fm-mobile-margin);
      padding-right:var(--fm-mobile-margin);
      padding-bottom:0;
      z-index:10000;
    }
        header.FM-Header-Main .FM-Header-Content .header-nav .logo-wrap{
          order:1;
        }

        header.FM-Header-Main .FM-Header-Content .header-nav .nav-stripe{
          border-bottom:4px solid var(--fm-orange-1);
          display:block;
          width:var(--fm-max-width);
          margin-left:calc(var(--fm-space-24)*-1);
          margin-right:calc(var(--fm-space-24)*-1);
          order:3;
        }

        header.FM-Header-Main .FM-Header-Content .header-nav .primary-nav{
          display:none;
          gap:var(--fm-space-24);
          order:3;
        }
            header.FM-Header-Main .FM-Header-Content .header-nav .primary-nav > li.my-account{
              display:block;
            }

        header.FM-Header-Main .FM-Header-Content .header-nav .logged-in-nav{
          display:none;
        }

        header.FM-Header-Main .FM-Header-Content .header-nav .secondary-nav{
          display:none;
          position:fixed;
          bottom:0;
          order:4;
          width:calc(100% - var(--fm-space-24)*2);
        }

          header.FM-Header-Main .FM-Header-Content .header-nav .secondary-nav .join,
          header.FM-Header-Main .FM-Header-Content .header-nav .secondary-nav .login,
          header.FM-Header-Main .FM-Header-Content .header-nav .secondary-nav .logout,
          header.FM-Header-Main .FM-Header-Content .header-nav .secondary-nav .contact{
            display:block;
            text-align:center;
            margin-right:0;
            margin-bottom:var(--fm-space-24);
          }
        header.FM-Header-Main .FM-Header-Content .header-nav .login,
        header.FM-Header-Main .FM-Header-Content .header-nav .logout{
          background:var(--fm-btn-secondary);
          border:none;
          color:var(--white);
          cursor:pointer;
          padding:10px 24px;
          border-radius:40px;
          text-decoration:none;
          white-space:nowrap;
        }

          header.FM-Header-Main .FM-Header-Content .header-nav .login:hover, header.FM-Header-Main .FM-Header-Content .header-nav .logout:hover{
            background:var(--fm-btn-secondary-hover);
          }

        header.FM-Header-Main .FM-Header-Content .header-nav .contact{
          flex-basis:100%;
          display:block;
          text-align:center;
          order:5;
        }

          header.FM-Header-Main .FM-Header-Content .header-nav .contact a:-moz-any-link{
            color:var(--fm-text-link-dark);
          }

          header.FM-Header-Main .FM-Header-Content .header-nav .contact a:any-link{
            color:var(--fm-text-link-dark);
          }

            header.FM-Header-Main .FM-Header-Content .header-nav .contact a:-moz-any-link:hover{
              color:var(--fm-text-link-hover-dark);
            }

            header.FM-Header-Main .FM-Header-Content .header-nav .contact a:any-link:hover{
              color:var(--fm-text-link-hover-dark);
            }
        header.FM-Header-Main .FM-Header-Content .header-nav .FM-BGI-Link-Menu,
        header.FM-Header-Main .FM-Header-Content .header-nav .FM-BGI-Link-Close{
          display:block;
        }

        header.FM-Header-Main .FM-Header-Content .header-nav .FM-BGI-Link-Search{
          order:2;
        }

  header.FM-Header-Main.active{
    position:fixed;
  }
        header.FM-Header-Main.active .FM-Header-Content .header-nav .nav-stripe{
          margin-bottom:var(--fm-space-24);
        }
        header.FM-Header-Main.active .FM-Header-Content .header-nav .primary-nav{
          display:flex;
          flex-flow:column nowrap;
        }
        header.FM-Header-Main.active .FM-Header-Content .header-nav .secondary-nav,
        header.FM-Header-Main.active .FM-Header-Content .header-nav .logged-in-nav + .secondary-nav:not(:has(.join)){
          display:block;
        }
}
}@layer design-system{footer{
  background-color:var(--fm-surface-0);
}

  footer .FM-Footer-Content{
    color:var(--fm-gray-5);
    display:flex;
    gap:var(--fm-space-24);
    flex-flow:row wrap;
    font-size:var(--fm-font-14);
    justify-content:space-between;
    align-items:flex-end;
    padding:var(--fm-font-48) var(--fm-desktop-margin);
    max-width:var(--fm-max-width);
    margin:auto;
    width:100%;
  }

    footer .FM-Footer-Content a:-moz-any-link{
      font-weight:var(--fm-fw-medium);
    }

    footer .FM-Footer-Content a:any-link{
      font-weight:var(--fm-fw-medium);
    }

      footer .FM-Footer-Content a:-moz-any-link:hover{
        color:var(--white);
      }

      footer .FM-Footer-Content a:any-link:hover{
        color:var(--white);
      }
      footer .FM-Footer-Content .footer-nav .FM-BGI-Link-FM-Logo{
        margin-bottom:var(--fm-space-24);
      }

      footer .FM-Footer-Content .footer-nav ul{
        margin:0;
        padding:0;
      }

        footer .FM-Footer-Content .footer-nav ul li{
          display:inline-block;
          margin-right:var(--fm-space-24);
        }

    footer .FM-Footer-Content .footer-additional{
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      gap:var(--fm-space-24);
    }

      footer .FM-Footer-Content .footer-additional .social{
        text-align:right;
      }

        footer .FM-Footer-Content .footer-additional .social a{
          margin-right:var(--fm-space-12);
        }

          footer .FM-Footer-Content .footer-additional .social a:last-child{
            margin-right:0;
          }
        footer .FM-Footer-Content .footer-additional .app-stores a{
          margin-right:var(--fm-space-12);
        }

          footer .FM-Footer-Content .footer-additional .app-stores a:last-child{
            margin-right:0;
          }

    footer .FM-Footer-Content .footer-legal{
      border-top:1px solid var(--fm-border-1);
      display:flex;
      justify-content:space-between;
      padding-top:var(--fm-space-24);
      width:100%;
    }

    footer .FM-Footer-Content .footer-nav a:-moz-any-link, footer .FM-Footer-Content .footer-legal a:-moz-any-link{
      color:var(--fm-gray-5);
      text-decoration:none;
    }

    footer .FM-Footer-Content .footer-nav a:any-link,
    footer .FM-Footer-Content .footer-legal a:any-link{
      color:var(--fm-gray-5);
      text-decoration:none;
    }

      footer .FM-Footer-Content .footer-nav a:-moz-any-link:hover, footer .FM-Footer-Content .footer-legal a:-moz-any-link:hover{
        color:white;
      }

      footer .FM-Footer-Content .footer-nav a:any-link:hover, footer .FM-Footer-Content .footer-legal a:any-link:hover{
        color:white;
      }
}@layer design-system{@media screen and (width < 1024px){
  footer .FM-Footer-Content{
    align-items:flex-start;
    flex-direction:column;
  }

    footer .FM-Footer-Content .footer-nav ul li{
      display:block;
      margin-bottom:var(--fm-space-16);
    }

    footer .FM-Footer-Content .footer-additional{
      flex-direction:column;
      align-items:flex-start;
    }

      footer .FM-Footer-Content .footer-additional .social{
        order:3;
        text-align:left;
      }
      footer .FM-Footer-Content .footer-additional .app-stores{
        order:1;
      }
      footer .FM-Footer-Content .footer-additional .contact{
        order:2;
        text-align:right;
      }

    footer .FM-Footer-Content .footer-legal{
      border:none;
      flex-direction:column;
      padding-top:0;
    }
}
}@layer design-system{@media screen and (width < 650px){
  footer .FM-Footer-Content{
    padding-left:var(--fm-mobile-margin);
    padding-right:var(--fm-mobile-margin);
  }
}
}@layer design-system{learning-path-quiz{
  --lpq-btn:var(--fm-btn);
  --lpq-btn-hover:var(--fm-btn-hover);
  --lqp-link:var(--fm-text-link-dark);
  --lpq-link-hover:var(--fm-text-link-hover-dark);
}

  learning-path-quiz .FM-Btn{
    background:var(--lpq-btn);
  }
    learning-path-quiz .FM-Btn:hover{
      background:var(--lpq-btn-hover);
    }

  learning-path-quiz .FM-Form{
    color:var(--fm-gray-8);
    font-size:var(--fm-font-14);
    text-align:center;
    margin:0 auto var(--fm-space-48);
    max-width:800px;
    overflow:hidden;
  }

    learning-path-quiz .FM-Form .quiz-steps{
      position:relative;
      margin-top:var(--fm-space-48);
      margin-bottom:var(--fm-space-48);
      transition:margin-top 0.4s ease;
    }

      learning-path-quiz .FM-Form .quiz-steps.hidden{
        margin-top:calc(var(--fm-space-48)*-1);
      }

      learning-path-quiz .FM-Form .quiz-steps ul{
        display:flex;
        justify-content:space-between;
        padding:0;
        position:relative;
        margin:0;
        align-items:center;
        gap:4px;
      }

      learning-path-quiz .FM-Form .quiz-steps li{
        display:inline-block;
        background:white;
        color:var(--fm-surface-1);
        line-height:1px;
        list-style-type:none;
        margin:0;
      }

        learning-path-quiz .FM-Form .quiz-steps li.quiz-step{
          width:40px;
          line-height:40px;
          text-align:center;
          border-radius:20px;
          transition:color 0.4s ease, background 0.4s ease;
        }

          learning-path-quiz .FM-Form .quiz-steps li.quiz-step.active{
            background:var(--lpq-btn);
            color:white;
          }

        learning-path-quiz .FM-Form .quiz-steps li.quiz-line{
          padding:0;
          height:2px;
          flex:1;
        }

          learning-path-quiz .FM-Form .quiz-steps li.quiz-line:has(+ .quiz-step.active){
            background:var(--lpq-btn);
          }

    learning-path-quiz .FM-Form input[type="email"]{
      margin-left:auto;
      margin-right:auto;
    }

    learning-path-quiz .FM-Form .quiz-button-options{
      display:flex;
      flex-flow:row wrap;
      justify-content:center;
      gap:var(--fm-space-16);
      margin:var(--fm-space-24) 0;
      max-height:500px;
      overflow:hidden;
      position:relative;
      opacity:1;
      transition:max-height 0.8s ease, opacity 0.5s linear 0.2s;
    }

      learning-path-quiz .FM-Form .quiz-button-options.hidden{
        margin-bottom:0;
        max-height:0;
        opacity:0;
      }

      learning-path-quiz .FM-Form .quiz-button-options input{
        display:none;
      }

      learning-path-quiz .FM-Form .quiz-button-options input:checked + label,
      learning-path-quiz .FM-Form .quiz-button-options label:hover{
        background:white;
        color:var(--fm-surface-1);
      }

      learning-path-quiz .FM-Form .quiz-button-options label{
        border:1px solid white;
        border-radius:8px;
        cursor:pointer;
        display:block;
        margin-bottom:0;
        padding:8px 30px;
      }

    learning-path-quiz .FM-Form .quiz-checkboxes{
      margin:var(--fm-space-24) 0;
    }

      learning-path-quiz .FM-Form .quiz-checkboxes ul{
        -moz-column-width:135px;
             column-width:135px;
        -moz-column-gap:145px;
             column-gap:145px;
        list-style-type:none;
        margin:0;
        padding:0;
        text-align:left;
      }

        learning-path-quiz .FM-Form .quiz-checkboxes ul li{
          white-space:nowrap;
        }

          learning-path-quiz .FM-Form .quiz-checkboxes ul li label{
            margin-bottom:var(--fm-space-12);
          }

    learning-path-quiz .FM-Form .quiz-text-fields{
      margin:auto;
      max-width:500px;
    }

    learning-path-quiz .FM-Form .error-message{
      color:var(--fm-form-error);
      font-style:italic;
      height:0;
      position:relative;
      top:-20px;
      margin-bottom:-25px;
      opacity:1;
      transition:opacity 0.1s ease;
    }

      learning-path-quiz .FM-Form .error-message:empty{
        margin-bottom:0;
        opacity:0;
      }
}@layer design-system{@media screen and (width < 915px){
      learning-path-quiz .FM-Form .quiz-checkboxes ul{
        max-width:500px;
        margin:0 auto;
      }
}
}@layer design-system{@media screen and (width < 650px){
    learning-path-quiz .FM-Form h1 + p{
      margin-bottom:var(--fm-space-24);
    }

    learning-path-quiz .FM-Form .error-message{
      top:-20px;
    }

    learning-path-quiz .FM-Form .quiz-button-options,
    learning-path-quiz .FM-Form .quiz-checkboxes{
      margin-bottom:var(--fm-space-24);
    }

      learning-path-quiz .FM-Form .quiz-button-options ul, learning-path-quiz .FM-Form .quiz-checkboxes ul{
        max-width:150px;
        margin:auto;
        -moz-column-width:auto;
             column-width:auto;
        -moz-column-gap:auto;
             column-gap:auto;
      }
}
}:root{--fem-red:#c02d28;--fem-lightred:#fc706b;--fem-lighterred:#e58480;--fem-brightred:#d00700;--fem-brighterred:#ff0d05;--fem-brightestred:#ff5550;--fem-teal:#adeaf2;--fem-tealmid:#4bc9da;--fem-tealdark:#5baec0;--fem-tealdarker:#327483;--fem-tealdarkest:#002837;--fem-orange:#e66225;--fem-blue:#4ea2b9;--fem-navy:#0a57a3;--fem-green:#296;--fem-tan:#e0c495;--fem-yellow:#f09e14;--fem-highlight-color:#adeaf2;--fem-highlight-background:#002837;--gray-darkest:#111;--gray-darker:#222;--gray-dark:#3e3e3e;--gray-middarker:#666;--gray-middark:#757575;--gray-mid:#8a8a8a;--gray-light:#aaa;--gray-lighter:#ccc;--gray-lightest:#e6e6e6;--gray-white:#f6f6f6;--font-xs:13px;--font-sm:14px;--font-md:16px;--font-lg:21px;--font-xl:27px;--font-xxl:36px;--font-xxxl:48px;--spacing-xxs:3px;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:40px;--spacing-xxl:60px;--viewport-sm:568px;--viewport-md:768px;--viewport-lg:1024px;--viewport-xl:1280px;--viewport-xxl:1600px;--fm-max-width:1248px}@media only screen and (min-width:768px){.s-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.s-grid-3-4{width:73.5%}.s-grid-1-4{width:23.5%}.s-grid-1-3{width:32%}.s-grid-1-2{width:48.5%}}.s-unspace{margin:0;padding:0}.s-vp-md{padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.s-vp-lg{padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg)}.s-vp-xl{padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}.s-vp-top-lg{padding-top:var(--spacing-lg)}.s-vp-top-xl{padding-top:var(--spacing-xl)}.s-vm-md{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.s-hp-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.s-hm-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.s-wrap{max-width:var(--fm-max-width);margin-left:auto;margin-right:auto;padding-left:var(--fm-desktop-margin);padding-right:var(--fm-desktop-margin);width:100%}@media screen and (width < 1024px){.s-wrap{padding-left:var(--fm-mobile-margin);padding-right:var(--fm-mobile-margin)}}.s-wrap-thin{max-width:600px}.s-tr{border:0;color:transparent;font:0/0 a;text-shadow:none;background-size:100%}.s-clearfix::before,.s-clearfix::after{content:" ";display:table}.s-clearfix::after{clear:both}.s-naked-list{list-style:none;list-style-image:none;padding-left:0}.s-hidden{display:none!important}.s-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.s-center{text-align:center}.s-smaller{font-size:80%}.s-right{float:right}.s-height-auto{height:auto}html{height:100%}body{min-height:100%}body,.s-vflex{display:flex;flex-direction:column}.s-vflex-outer{display:flex;flex-direction:column;flex:auto}.s-vflex-inner{flex:auto}.Button{background:#c94f17;border-radius:calc(var(--spacing-md)*2);border:none;color:#fff;display:block;font-weight:400;line-height:1.25;padding:var(--spacing-sm)var(--spacing-md);text-align:center;text-decoration:none;vertical-align:middle}.Button:hover{background:#e7682e;color:#fff}.Button.disabled,.Button[disabled]{background:var(--gray-mid)!important;color:var(--gray-lightest)!important;cursor:not-allowed}.Button+.Button{margin-top:var(--spacing-sm)}@media only screen and (min-width:568px){.Button{display:inline-block}.Button+.Button{margin-top:0;margin-left:var(--spacing-xs)}}.ButtonRed{background:var(--fem-red)}.ButtonRed:hover,.ButtonRed:focus{background:#d43530}.ButtonGray{background:var(--gray-dark)}.ButtonGray:hover{background:#515151}.ButtonWhite{background:var(--gray-lightest);color:rgba(0,0,0,.75)}.ButtonWhite:hover{background:#fff;color:rgba(0,0,0,.75)}.ButtonYellow{background:var(--fem-yellow);color:rgba(0,0,0,.75)}.ButtonYellow:hover{background:#f1a82b;color:rgba(0,0,0,.75)}.ButtonTransparent{background:0 0;border:1px solid var(--gray-light);color:var(--gray-light)}.ButtonTransparent:hover{background:0 0;border:1px solid var(--gray-lightest);color:var(--gray-lightest)}.ButtonTiny{font-size:var(--font-xs);padding:var(--spacing-xs)var(--spacing-sm)}.ButtonSmall{font-size:var(--font-sm);padding:var(--spacing-sm)var(--spacing-md)}.ButtonLarge{font-size:calc(var(--font-md) + 3px);padding:var(--spacing-md)var(--spacing-lg)}.ButtonWide{width:100%}.ButtonIcon::before{content:"";display:inline-block;height:calc(var(--font-md) + 2px);margin-right:var(--spacing-xs);opacity:.6;vertical-align:middle;width:calc(var(--font-md) + 2px)}.ButtonIcon:hover::before{opacity:.5}.ButtonIcon.hide-text{border:0;color:transparent;font:0/0 a;text-shadow:none;padding:var(--spacing-sm)}.ButtonIcon.hide-text::before{margin-right:0}.ButtonIcon.bookmark::before{background-image:url('data:image/svg+xml,%3Csvg viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22m18 24-6-5.3L6 24V0h12z%22/%3E%3C/svg%3E')}.ButtonIcon.expand,.ButtonIcon.compact{padding:5px;border-radius:2px}.ButtonIcon.expand.active,.ButtonIcon.compact.active{background:var(--gray-dark)}.ButtonIcon.expand::before{background-image:linear-gradient(#ccc 4px,transparent 0);background-size:100% 7px}.ButtonIcon.compact::before{background-image:linear-gradient(#ccc 2px,transparent 0);background-size:100% 4px}.ButtonRow{align-items:center;display:flex;gap:var(--spacing-md)}.ButtonRow a{white-space:nowrap}.ButtonRow .grow-1{flex-grow:1}.GlobalSearchHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-dark);gap:var(--spacing-sm);padding-bottom:10px}.GlobalSearchHeader svg{color:var(--gray-mid)}.GlobalSearchHeader input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:#fff;display:block;padding:0;outline:unset;flex:1;width:100%}.GlobalSearchHeader input[type=search]::-webkit-search-cancel-button,.GlobalSearchHeader input[type=search]::-webkit-search-decoration{display:none}.GlobalSearchHeader .close{background:#2b2b2b;border-radius:4px;color:var(--gray-mid);display:block;font-size:var(--font-xs);padding:2px 4px;text-decoration:none}.GlobalSearchHeader .close:hover{background:#383838}.GlobalSearchHeader .clear{background:#111;color:var(--gray-mid);display:block;font-size:18px;line-height:18px;text-align:center;text-decoration:none;width:18px;position:absolute}.GlobalSearchHeader .clear:hover{color:#fff}.GlobalSearchHeader input[type=search]:-moz-placeholder-shown+.clear{display:none}.GlobalSearchHeader input[type=search]:placeholder-shown+.clear{display:none}.ControlBar{display:flex;justify-content:space-between;align-items:center}.ControlBar .context-links{font-size:var(--font-sm);color:var(--gray-light);z-index:1}.ControlBar .context-links a.back{color:var(--fem-lightred);margin-right:var(--spacing-xs)}.ControlBar .context-links a.back:hover{color:var(--fem-lighterred)}.ControlBar .context-links a{color:var(--gray-mid);font-size:var(--font-sm);text-decoration:none;display:inline-block;margin:var(--spacing-sm)0 var(--spacing-xs)}.ControlBar .context-links a:hover{color:var(--gray-light)}.ControlBar .context-links a:link{margin-right:var(--spacing-sm)}@media only screen and (max-width:calc(568px - 1px)){.ControlBar .context-links .with-sort{display:none}}.ControlBar .SortOptions{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 height=%226%22 width=%2212%22 fill=%22%23aaa%22%3E%3Cpolygon points=%2210,0 0,0 5,5%22/%3E%3C/svg%3E")no-repeat right 4px top 50%;border-radius:0;border:0;box-shadow:none;color:var(--gray-mid);cursor:pointer;font-size:var(--font-sm);padding:var(--spacing-xs)calc(var(--spacing-sm) + 16px)var(--spacing-xs)var(--spacing-sm);width:154px;line-height:2}.ControlBar .SortOptions:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 height=%226%22 width=%2212%22 fill=%22%23ddd%22%3E%3Cpolygon points=%2210,0 0,0 5,5%22/%3E%3C/svg%3E");color:var(--gray-light)}.ResultListItem{margin:0;padding:0;list-style-type:none;display:flex;justify-content:flex-start;gap:15px;background:var(--gray-darker);border-radius:4px;color:var(--gray-lighter);margin:4px 0;padding:var(--spacing-sm)15px}.ResultListItem:hover{background-color:#333}.ResultListItem:hover .search-transcript{background-color:#5e5e5e}.ResultListItem:hover .drawer{height:32px}.ResultListItem[data-selected]{background-color:#333}.ResultListItem.scroll-loader{justify-content:center;background:0 0;color:var(--gray-light);animation-name:scrollLoading;animation-duration:1s;animation-timing-function:ease-out;animation-direction:alternate;animation-iteration-count:infinite;animation-play-state:running}@keyframes scrollLoading{0%{opacity:.5}100%{opacity:1}}.ResultListItem>div{overflow:hidden}.ResultListItem img,.ResultListItem svg{display:inline-block;height:40px;width:40px;margin-top:5px}.ResultListItem img[src*="computer-science.svg"],.ResultListItem img[src*="professional.svg"],.ResultListItem img[src*="beginner.svg"],.ResultListItem img[src*="advanced.svg"],.ResultListItem img[src*="fullstack.svg"],.ResultListItem img[src*="designers-code.svg"]{background-color:var(--gray-light);border-radius:5px}.ResultListItem h4{margin:0 0 var(--spacing-xs)}.ResultListItem h4 a{text-decoration:none;font-weight:400}.ResultListItem h4 span,.ResultListItem h4 span a{color:var(--gray-mid);font-weight:400;font-size:var(--font-xs)}.ResultListItem h4 span a:hover{color:var(--gray-light)}.ResultListItem .subtitle{font-size:var(--font-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.ResultListItem .subtitle.expanded{overflow:visible;white-space:normal}.ResultListItem .drawer{height:0;overflow:hidden;transition:height .2s linear .1s}.ResultListItem .drawer .meta{border-top:1px solid var(--gray-dark);font-size:var(--font-sm);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.ResultListItem .drawer .meta a{color:var(--gray-light);text-decoration:none}.ResultListItem .drawer .meta a:hover{color:var(--gray-lightest)}.ResultListItem .cell-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-xs)}.ResultListItem .cell-header img{height:40px;width:auto}.ResultListItem .cell-header>div{display:flex;flex-direction:column}.ResultListItem .cell-header>div>h4{margin:0}.ResultListItem .cell-header>div>div{font-size:var(--font-sm);color:var(--gray-mid)}.ResultListItem .cell-content{font-size:var(--font-sm)}.ResultListItem .cell-content .search-transcript{background-color:var(--gray-dark);border-radius:4px;margin-top:var(--spacing-sm);margin-left:var(--spacing-md);padding:var(--spacing-sm)}.ResultListItem .cell-content .search-transcript blockquote{margin:0;margin-bottom:var(--spacing-sm);padding:0}.ResultListItem .cell-content .search-transcript blockquote:last-of-type{margin-bottom:0}.ResultListItem .cell-content .search-transcript blockquote em{background:var(--fem-highlight-background);border-radius:2px;color:var(--fem-highlight-color);display:inline-block;padding:0 2px;line-height:16px}.ResultListItem .Button.bookmark{display:inline-block;padding:5px;position:relative;top:-2px;margin-left:5px}.ResultListItem .Button.bookmark:before{height:12px;width:12px}.IndividualResultsTitle{padding:var(--spacing-sm)0}.IndividualResultsTitle h3{margin:0}.IndividualResultsTitle a{text-decoration:none;color:#fff;display:flex;justify-content:flex-start;gap:10px}.IndividualResultsTitle a h3{margin:auto;line-height:1em}.IndividualResultsTitle a img,.IndividualResultsTitle a svg{height:40px;width:40px}.IndividualResultsTitle a div{display:flex;flex-direction:column}.IndividualResultsTitle a div div{font-size:var(--font-sm);color:var(--gray-mid)}.IndividualResultsList{margin:0;padding:0;list-style-type:none;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.IndividualResultsList::-webkit-scrollbar{display:none}.IndividualResultsList{scroll-padding-top:12px}.GroupedResultsNav{position:relative}.GroupedResultsNav .left,.GroupedResultsNav .right{display:none;cursor:pointer;position:absolute;top:0;width:20px;height:41px;color:#aaa;align-items:center}.GroupedResultsNav .left:hover,.GroupedResultsNav .right:hover{color:#e6e6e6}.GroupedResultsNav ul{overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.GroupedResultsNav ul::-webkit-scrollbar{display:none}.GroupedResultsNav li{display:inline-block}.GroupedResultsNav a{border-right:1px solid var(--gray-dark);color:var(--gray-light);display:block;font-size:var(--font-sm);font-weight:700;padding:var(--spacing-sm)}.GroupedResultsNav a:hover,.GroupedResultsNav .active a{color:var(--gray-lightest)}.GroupedResultsNav li:last-of-type a{border:none}.GroupedResultsNav.nav-helpers ul{margin-left:20px;margin-right:20px}.GroupedResultsNav.nav-helpers .left{display:flex;background:linear-gradient(.25turn,#101010,#00000000);left:0}.GroupedResultsNav.nav-helpers .right{display:flex;background:linear-gradient(.75turn,#101010,#00000000);right:0;text-align:right}@media only screen and (min-width:768px){.GroupedResultsNav{margin-top:14px;min-width:165px}.GroupedResultsNav ul{overflow-x:initial;white-space:initial}.GroupedResultsNav li{display:list-item}.GroupedResultsNav a{border:none;padding:0}}.GroupedResultsList{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;flex-grow:1;scroll-padding:10px}.GroupedResultsList::-webkit-scrollbar{display:none}.GroupedResultsList section{padding:var(--spacing-sm)0 var(--spacing-xs)}.GroupedResultsList section .category-header{color:var(--gray-lightest);margin:0 0 var(--spacing-sm);display:flex;flex-direction:row;align-items:center}.GroupedResultsList section .category-header .see-more{justify-self:flex-end;color:var(--fem-lightred);margin-left:var(--spacing-xs);font-size:var(--font-sm);text-decoration:none}.GroupedResultsList section .category-header .see-more:hover{color:var(--fem-lighterred)}.GroupedResultsList section .category-header h3{flex-grow:1;margin:0 0 var(--spacing-xs)}.GroupedResultsList section ul{margin:0;padding:0}.EmptyState{margin-top:var(--spacing-xl);width:100%}.EmptyState div{display:flex}.EmptyState div section{display:flex;flex-grow:1;flex-direction:column}.EmptyState div section h4{margin:0}.GlobalSearchNoResults{margin-top:var(--spacing-xl);width:100%}.GlobalSearchNoResults h3{margin:0}.GlobalSearchLoading{animation:spin .5s linear infinite,fadeIn .2s linear 1 .2s normal forwards;border:10px solid rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.1);border-radius:50%;height:100px;width:100px;margin:auto;margin-top:100px;opacity:0}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.global-search{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.2);height:100%;line-height:1.5;top:0;left:0;right:0;bottom:0;z-index:124000}.global-search .global-search-inner{background:var(--gray-darkest);box-shadow:0 5px rgba(0,0,0,.2);height:300px;margin:0 auto;padding:var(--spacing-md)var(--spacing-md)var(--spacing-xs);position:relative;transition:height .2s linear;display:flex;flex-direction:column}.global-search .global-search-inner.full-height{height:100%}.global-search.global-search-modal{position:fixed;padding:72px var(--spacing-sm)}.global-search.global-search-modal .global-search-inner{border-bottom:3px solid var(--fem-orange);max-width:900px}.global-search.global-search-sidebar{position:absolute;left:auto;max-width:300px;width:90%}.global-search.global-search-sidebar .global-search-inner{padding:var(--spacing-md)}.global-search.global-search-sidebar.global-search-sidebar-full{max-width:600px}.global-search.global-search.global-search-sidebar .GroupedResultsNav{min-width:auto}.global-search.global-search.global-search-sidebar .GroupedResultsNav ul{overflow-x:auto;white-space:nowrap}.global-search.global-search.global-search-sidebar .GroupedResultsNav li{display:inline-block}.global-search.global-search.global-search-sidebar .GroupedResultsNav a{border-right:1px solid var(--gray-dark);padding:var(--spacing-sm)}.global-search.global-search.global-search-sidebar .GroupedResultsNav li:last-of-type a{border:none}.global-search.global-search.global-search-sidebar .input-context{justify-content:space-between}.global-search.global-search.global-search-sidebar .SortOptions{position:relative}.global-search.global-search.global-search-sidebar .with-sort{display:none}.nav-results-wrapper{height:100%;overflow:hidden;display:flex;flex-direction:column}@media only screen and (min-width:768px){.nav-results-wrapper{flex-direction:row}.global-search.global-search-sidebar .nav-results-wrapper{flex-direction:column}}.impersonate-alert-bar{background:var(--fem-red);border-top:1px solid var(--fem-orange);border-bottom:1px solid var(--fem-orange);color:#fff;padding:var(--spacing-sm);text-align:center}.impersonate-alert-bar a{color:#fff;font-weight:700}.FmLogo{margin:0}.FmLogo a{background-image:url(https://static.frontendmasters.com/assets/fm/js/images/frontendmasters_3bcb5619.svg);display:block;width:250px;height:40px;margin-top:5px}.MessageArea{list-style:none;list-style-image:none;padding:0;margin:0;margin-top:10px}.MessageArea .Message{padding:10px;margin:5px 0}.Message{background:#111;border:1px solid var(--gray-mid);border-radius:5px;margin:var(--spacing-md)0;padding:var(--spacing-xs)var(--spacing-sm)}.MessageAlert{border-color:var(--fem-orange);color:#fff}.Nav a{color:var(--gray-light);line-height:var(--spacing-xl);transition:color .2s}.Nav a:hover{color:#fff;transition:color .2s}.Nav .Button{color:#fff;margin:var(--spacing-sm)0;padding:0 var(--spacing-md)}.Nav .active{font-weight:600}.Nav .active a{color:var(--gray-lightest)}@media only screen and (min-width:568px){.Nav ul{display:flex;gap:var(--spacing-md)}.Nav .Button{margin:0 0 0 var(--spacing-sm)}}.NavMobile{z-index:123456;position:relative}.NavMobile .toggle-target{display:none}.NavMobile ul{display:none}.NavMobile .toggle-target:checked+ul{display:flex;flex-direction:column}.NavMobileToggle{cursor:pointer}.NavMobileHamburger{border:0;color:transparent;font:0/0 a;text-shadow:none;background-size:100%;cursor:pointer;height:50px;padding-top:14px;position:relative;width:50px}.NavMobileHamburger::before,.NavMobileHamburger::after{border-bottom:2px solid rgba(255,255,255,.5);border-top:2px solid rgba(255,255,255,.5);content:"";display:block;height:12px;margin:0 auto;width:30px}.NavMobileHamburger::after{border-top:none;height:10px}.NavMobileHamburger:hover::before,.NavMobileHamburger:hover::after{border-color:#fff}@media only screen and (min-width:568px){.NavMobileToggle,.NavMobileHamburger{display:none}.NavMobile{z-index:1}.NavMobile ul{display:flex;flex-direction:row}}.skip-to-content{background:rgba(0,0,0,.7);left:var(--spacing-md);position:absolute;padding:var(--spacing-sm)var(--spacing-md);top:var(--spacing-md);transform:translateY(-1000px);z-index:1000}.skip-to-content:focus,.skip-to-content:active{transform:translateY(0)}@keyframes fade-in-top{0%{opacity:.5;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0%)}}.SiteBanner{display:flex;padding:var(--spacing-sm)var(--spacing-md);text-align:center}.SiteBanner .message{flex:1;margin:0 var(--spacing-md)}.SiteBanner .message a{color:inherit}.SiteBanner .close,.SiteBanner .number{background:rgba(255,255,255,.25);border-radius:50%;color:#000;font-size:var(--font-xs);height:26px;line-height:26px;width:26px}.SiteBanner .close{background:rgba(0,0,0,.75);color:#fff;font-size:var(--font-md);opacity:.75;text-decoration:none}.SiteBanner .close:hover{opacity:1}.FMIntercom{align-items:center;background:var(--fem-red);border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:flex!important;height:60px;justify-content:center;position:fixed;right:20px;width:60px;z-index:9000}.FMIntercom svg{fill:#fff;width:28px;height:32px}#NotificationTray{max-width:400px;position:fixed;right:0;top:0;width:100%;z-index:1000}.Notification{animation:fade-in-top .5s;background:#cae3ea;border-left:8px solid var(--fem-blue);box-shadow:0 2px 6px rgba(0,0,0,.5);color:#306b7a;margin:var(--spacing-sm);padding:var(--spacing-sm)}.Notification .close{--size:calc(var(--font-md)*1.5);background:rgba(0,0,0,.4);border-radius:calc(var(--size)/2);color:#fff;cursor:pointer;display:block;float:right;font-size:var(--size);height:var(--size);line-height:calc(var(--size)*.84);margin-left:var(--spacing-md);opacity:.5;text-align:center;text-decoration:none;width:var(--size)}.Notification .close:hover{opacity:1}.NotificationError{background:#f9d8a1;border-left-color:var(--fem-yellow);color:#865709}.grecaptcha-badge{bottom:100px!important}.g-recaptcha[data-validated]{display:inline-block}.g-recaptcha-error-msg{margin:4px 0 0}