html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }
/*! Leap Version 0.11.2 */
*, :after, :before { box-sizing: border-box; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

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

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: Monaco, monospace; font-size: 16px; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; text-transform: none; }

select { text-transform: none; }

button, html input[type="button"] { -webkit-appearance: button; cursor: pointer; }

input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input::-moz-focus-inner { border: 0; padding: 0; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

html { font-size: 100%; line-height: 1.5; -webkit-tap-highlight-color: transparent; }

body { font-size: 1rem; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { color: #40484a; display: block; font-weight: 700; margin: 0; line-height: 1.3 !important; text-rendering: optimizeLegibility; }

h0 { font-size: 3.75rem; }

h1 { font-size: 3rem; }

h2 { font-size: 2.25rem; }

h3 { font-size: 1.5rem; }

h4 { font-size: 1.125rem; }

h5 { font-size: 1rem; }

h6 { font-size: 0.875rem; }

@media screen { .text-0-xs { font-size: 3.75rem !important; }
  .text-1-xs { font-size: 3rem !important; }
  .text-2-xs { font-size: 2.25rem !important; }
  .text-3-xs { font-size: 1.5rem !important; }
  .text-4-xs { font-size: 1.125rem !important; }
  .text-5-xs { font-size: 1rem !important; }
  .text-6-xs { font-size: 0.875rem !important; } }

@media screen and (min-width: 480px) { .text-0-sm { font-size: 3.75rem !important; }
  .text-1-sm { font-size: 3rem !important; }
  .text-2-sm { font-size: 2.25rem !important; }
  .text-3-sm { font-size: 1.5rem !important; }
  .text-4-sm { font-size: 1.125rem !important; }
  .text-5-sm { font-size: 1rem !important; }
  .text-6-sm { font-size: 0.875rem !important; } }

@media screen and (min-width: 680px) { .text-0-md { font-size: 3.75rem !important; }
  .text-1-md { font-size: 3rem !important; }
  .text-2-md { font-size: 2.25rem !important; }
  .text-3-md { font-size: 1.5rem !important; }
  .text-4-md { font-size: 1.125rem !important; }
  .text-5-md { font-size: 1rem !important; }
  .text-6-md { font-size: 0.875rem !important; } }

@media screen and (min-width: 960px) { .text-0-lg { font-size: 3.75rem !important; }
  .text-1-lg { font-size: 3rem !important; }
  .text-2-lg { font-size: 2.25rem !important; }
  .text-3-lg { font-size: 1.5rem !important; }
  .text-4-lg { font-size: 1.125rem !important; }
  .text-5-lg { font-size: 1rem !important; }
  .text-6-lg { font-size: 0.875rem !important; } }

@media screen and (min-width: 1140px) { .text-0-xl { font-size: 3.75rem !important; }
  .text-1-xl { font-size: 3rem !important; }
  .text-2-xl { font-size: 2.25rem !important; }
  .text-3-xl { font-size: 1.5rem !important; }
  .text-4-xl { font-size: 1.125rem !important; }
  .text-5-xl { font-size: 1rem !important; }
  .text-6-xl { font-size: 0.875rem !important; } }

hr { height: 0; margin: 30px 0; border-top: 1px solid #f0f2f4; }

p { color: #576366; font-size: 1rem; line-height: 1.5; margin: 0; }

.regular { font-weight: 400 !important; }

strong, .bold { font-weight: 700 !important; }

em, .italic { font-style: italic !important; }

.caps { text-transform: uppercase; }

a { color: #387bab; cursor: pointer; transition: color 300ms 0s ease; text-decoration: none; }

a:hover, a:active { color: #2a5d81; }

a:focus { color: #2a5d81; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

code { font-family: monospace; font-size: 16px; }

address { font-size: 0.875rem; }

@media screen { .text-left-xs { text-align: left !important; }
  .text-right-xs { text-align: right !important; }
  .text-center-xs { text-align: center !important; }
  .text-justify-xs { text-align: justify !important; } }

@media screen and (min-width: 480px) { .text-left-sm { text-align: left !important; }
  .text-right-sm { text-align: right !important; }
  .text-center-sm { text-align: center !important; }
  .text-justify-sm { text-align: justify !important; } }

@media screen and (min-width: 680px) { .text-left-md { text-align: left !important; }
  .text-right-md { text-align: right !important; }
  .text-center-md { text-align: center !important; }
  .text-justify-md { text-align: justify !important; } }

@media screen and (min-width: 960px) { .text-left-lg { text-align: left !important; }
  .text-right-lg { text-align: right !important; }
  .text-center-lg { text-align: center !important; }
  .text-justify-lg { text-align: justify !important; } }

@media screen and (min-width: 1140px) { .text-left-xl { text-align: left !important; }
  .text-right-xl { text-align: right !important; }
  .text-center-xl { text-align: center !important; }
  .text-justify-xl { text-align: justify !important; } }

ul, ol { color: #576366; margin: 0; padding: 0 0 0 2rem; }

.list-unstyled { list-style: none; padding: 0; }

.list-lined { list-style: none; padding: 0; }

.list-lined li { list-style-type: none; padding: 1rem 0; border-bottom: 1px solid #e8ebed; }

.icon-16 { width: 16px; height: 16px; }

@media screen { .border-xs { border: solid 1px #e8ebed !important; }
  .border-t-xs { border-top: solid 1px #e8ebed !important; }
  .border-b-xs { border-bottom: solid 1px #e8ebed !important; }
  .border-l-xs { border-left: solid 1px #e8ebed !important; }
  .border-r-xs { border-right: solid 1px #e8ebed !important; }
  .border-dark-xs { border: solid 1px #b7c0c7 !important; }
  .border-t-dark-xs { border-top: solid 1px #b7c0c7 !important; }
  .border-b-dark-xs { border-bottom: solid 1px #b7c0c7 !important; }
  .border-l-dark-xs { border-left: solid 1px #b7c0c7 !important; }
  .border-r-dark-xs { border-right: solid 1px #b7c0c7 !important; }
  .border-mid-xs { border: solid 1px #d4d9dd !important; }
  .border-t-mid-xs { border-top: solid 1px #d4d9dd !important; }
  .border-b-mid-xs { border-bottom: solid 1px #d4d9dd !important; }
  .border-l-mid-xs { border-left: solid 1px #d4d9dd !important; }
  .border-r-mid-xs { border-right: solid 1px #d4d9dd !important; }
  .border-light-xs { border: solid 1px #f0f2f4 !important; }
  .border-t-light-xs { border-top: solid 1px #f0f2f4 !important; }
  .border-b-light-xs { border-bottom: solid 1px #f0f2f4 !important; }
  .border-l-light-xs { border-left: solid 1px #f0f2f4 !important; }
  .border-r-light-xs { border-right: solid 1px #f0f2f4 !important; }
  .border-none-xs { border: none !important; }
  .border-none-t-xs { border-top: none !important; }
  .border-none-b-xs { border-bottom: none !important; }
  .border-none-l-xs { border-left: none !important; }
  .border-none-r-xs { border-right: none !important; }
  .round { border-radius: 4px !important; }
  .round-t { border-radius: 4px 4px 0 0 !important; }
  .round-b { border-radius: 0 0 4px 4px !important; }
  .round-l { border-radius: 4px 0 0 4px !important; }
  .round-r { border-radius: 0 4px 4px 0 !important; }
  .circle { border-radius: 9999px !important; } }

@media screen and (min-width: 480px) { .border-sm { border: solid 1px #e8ebed !important; }
  .border-t-sm { border-top: solid 1px #e8ebed !important; }
  .border-b-sm { border-bottom: solid 1px #e8ebed !important; }
  .border-l-sm { border-left: solid 1px #e8ebed !important; }
  .border-r-sm { border-right: solid 1px #e8ebed !important; }
  .border-dark-sm { border: solid 1px #b7c0c7 !important; }
  .border-t-dark-sm { border-top: solid 1px #b7c0c7 !important; }
  .border-b-dark-sm { border-bottom: solid 1px #b7c0c7 !important; }
  .border-l-dark-sm { border-left: solid 1px #b7c0c7 !important; }
  .border-r-dark-sm { border-right: solid 1px #b7c0c7 !important; }
  .border-mid-sm { border: solid 1px #d4d9dd !important; }
  .border-t-mid-sm { border-top: solid 1px #d4d9dd !important; }
  .border-b-mid-sm { border-bottom: solid 1px #d4d9dd !important; }
  .border-l-mid-sm { border-left: solid 1px #d4d9dd !important; }
  .border-r-mid-sm { border-right: solid 1px #d4d9dd !important; }
  .border-light-sm { border: solid 1px #f0f2f4 !important; }
  .border-t-light-sm { border-top: solid 1px #f0f2f4 !important; }
  .border-b-light-sm { border-bottom: solid 1px #f0f2f4 !important; }
  .border-l-light-sm { border-left: solid 1px #f0f2f4 !important; }
  .border-r-light-sm { border-right: solid 1px #f0f2f4 !important; }
  .border-none-sm { border: none !important; }
  .border-none-t-sm { border-top: none !important; }
  .border-none-b-sm { border-bottom: none !important; }
  .border-none-l-sm { border-left: none !important; }
  .border-none-r-sm { border-right: none !important; }
  .round { border-radius: 4px !important; }
  .round-t { border-radius: 4px 4px 0 0 !important; }
  .round-b { border-radius: 0 0 4px 4px !important; }
  .round-l { border-radius: 4px 0 0 4px !important; }
  .round-r { border-radius: 0 4px 4px 0 !important; }
  .circle { border-radius: 9999px !important; } }

@media screen and (min-width: 680px) { .border-md { border: solid 1px #e8ebed !important; }
  .border-t-md { border-top: solid 1px #e8ebed !important; }
  .border-b-md { border-bottom: solid 1px #e8ebed !important; }
  .border-l-md { border-left: solid 1px #e8ebed !important; }
  .border-r-md { border-right: solid 1px #e8ebed !important; }
  .border-dark-md { border: solid 1px #b7c0c7 !important; }
  .border-t-dark-md { border-top: solid 1px #b7c0c7 !important; }
  .border-b-dark-md { border-bottom: solid 1px #b7c0c7 !important; }
  .border-l-dark-md { border-left: solid 1px #b7c0c7 !important; }
  .border-r-dark-md { border-right: solid 1px #b7c0c7 !important; }
  .border-mid-md { border: solid 1px #d4d9dd !important; }
  .border-t-mid-md { border-top: solid 1px #d4d9dd !important; }
  .border-b-mid-md { border-bottom: solid 1px #d4d9dd !important; }
  .border-l-mid-md { border-left: solid 1px #d4d9dd !important; }
  .border-r-mid-md { border-right: solid 1px #d4d9dd !important; }
  .border-light-md { border: solid 1px #f0f2f4 !important; }
  .border-t-light-md { border-top: solid 1px #f0f2f4 !important; }
  .border-b-light-md { border-bottom: solid 1px #f0f2f4 !important; }
  .border-l-light-md { border-left: solid 1px #f0f2f4 !important; }
  .border-r-light-md { border-right: solid 1px #f0f2f4 !important; }
  .border-none-md { border: none !important; }
  .border-none-t-md { border-top: none !important; }
  .border-none-b-md { border-bottom: none !important; }
  .border-none-l-md { border-left: none !important; }
  .border-none-r-md { border-right: none !important; }
  .round { border-radius: 4px !important; }
  .round-t { border-radius: 4px 4px 0 0 !important; }
  .round-b { border-radius: 0 0 4px 4px !important; }
  .round-l { border-radius: 4px 0 0 4px !important; }
  .round-r { border-radius: 0 4px 4px 0 !important; }
  .circle { border-radius: 9999px !important; } }

@media screen and (min-width: 960px) { .border-lg { border: solid 1px #e8ebed !important; }
  .border-t-lg { border-top: solid 1px #e8ebed !important; }
  .border-b-lg { border-bottom: solid 1px #e8ebed !important; }
  .border-l-lg { border-left: solid 1px #e8ebed !important; }
  .border-r-lg { border-right: solid 1px #e8ebed !important; }
  .border-dark-lg { border: solid 1px #b7c0c7 !important; }
  .border-t-dark-lg { border-top: solid 1px #b7c0c7 !important; }
  .border-b-dark-lg { border-bottom: solid 1px #b7c0c7 !important; }
  .border-l-dark-lg { border-left: solid 1px #b7c0c7 !important; }
  .border-r-dark-lg { border-right: solid 1px #b7c0c7 !important; }
  .border-mid-lg { border: solid 1px #d4d9dd !important; }
  .border-t-mid-lg { border-top: solid 1px #d4d9dd !important; }
  .border-b-mid-lg { border-bottom: solid 1px #d4d9dd !important; }
  .border-l-mid-lg { border-left: solid 1px #d4d9dd !important; }
  .border-r-mid-lg { border-right: solid 1px #d4d9dd !important; }
  .border-light-lg { border: solid 1px #f0f2f4 !important; }
  .border-t-light-lg { border-top: solid 1px #f0f2f4 !important; }
  .border-b-light-lg { border-bottom: solid 1px #f0f2f4 !important; }
  .border-l-light-lg { border-left: solid 1px #f0f2f4 !important; }
  .border-r-light-lg { border-right: solid 1px #f0f2f4 !important; }
  .border-none-lg { border: none !important; }
  .border-none-t-lg { border-top: none !important; }
  .border-none-b-lg { border-bottom: none !important; }
  .border-none-l-lg { border-left: none !important; }
  .border-none-r-lg { border-right: none !important; }
  .round { border-radius: 4px !important; }
  .round-t { border-radius: 4px 4px 0 0 !important; }
  .round-b { border-radius: 0 0 4px 4px !important; }
  .round-l { border-radius: 4px 0 0 4px !important; }
  .round-r { border-radius: 0 4px 4px 0 !important; }
  .circle { border-radius: 9999px !important; } }

@media screen and (min-width: 1140px) { .border-xl { border: solid 1px #e8ebed !important; }
  .border-t-xl { border-top: solid 1px #e8ebed !important; }
  .border-b-xl { border-bottom: solid 1px #e8ebed !important; }
  .border-l-xl { border-left: solid 1px #e8ebed !important; }
  .border-r-xl { border-right: solid 1px #e8ebed !important; }
  .border-dark-xl { border: solid 1px #b7c0c7 !important; }
  .border-t-dark-xl { border-top: solid 1px #b7c0c7 !important; }
  .border-b-dark-xl { border-bottom: solid 1px #b7c0c7 !important; }
  .border-l-dark-xl { border-left: solid 1px #b7c0c7 !important; }
  .border-r-dark-xl { border-right: solid 1px #b7c0c7 !important; }
  .border-mid-xl { border: solid 1px #d4d9dd !important; }
  .border-t-mid-xl { border-top: solid 1px #d4d9dd !important; }
  .border-b-mid-xl { border-bottom: solid 1px #d4d9dd !important; }
  .border-l-mid-xl { border-left: solid 1px #d4d9dd !important; }
  .border-r-mid-xl { border-right: solid 1px #d4d9dd !important; }
  .border-light-xl { border: solid 1px #f0f2f4 !important; }
  .border-t-light-xl { border-top: solid 1px #f0f2f4 !important; }
  .border-b-light-xl { border-bottom: solid 1px #f0f2f4 !important; }
  .border-l-light-xl { border-left: solid 1px #f0f2f4 !important; }
  .border-r-light-xl { border-right: solid 1px #f0f2f4 !important; }
  .border-none-xl { border: none !important; }
  .border-none-t-xl { border-top: none !important; }
  .border-none-b-xl { border-bottom: none !important; }
  .border-none-l-xl { border-left: none !important; }
  .border-none-r-xl { border-right: none !important; }
  .round { border-radius: 4px !important; }
  .round-t { border-radius: 4px 4px 0 0 !important; }
  .round-b { border-radius: 0 0 4px 4px !important; }
  .round-l { border-radius: 4px 0 0 4px !important; }
  .round-r { border-radius: 0 4px 4px 0 !important; }
  .circle { border-radius: 9999px !important; } }

.brand-fill-green { fill: #5fcf80 !important; }

.brand-stroke-green { stroke: #5fcf80 !important; }

.brand-color-green { color: #5fcf80 !important; }

.brand-border-green { border-color: #5fcf80 !important; }

.brand-bg-green { background-color: #5fcf80 !important; }

.brand-fill-green-dark { fill: #2F9D4F !important; }

.brand-stroke-green-dark { stroke: #2F9D4F !important; }

.brand-color-green-dark { color: #2F9D4F !important; }

.brand-border-green-dark { border-color: #2F9D4F !important; }

.brand-bg-green-dark { background-color: #2F9D4F !important; }

.brand-fill-gray { fill: #3e474f !important; }

.brand-stroke-gray { stroke: #3e474f !important; }

.brand-color-gray { color: #3e474f !important; }

.brand-border-gray { border-color: #3e474f !important; }

.brand-bg-gray { background-color: #3e474f !important; }

.brand-fill-blue-light { fill: #387bab !important; }

.brand-stroke-blue-light { stroke: #387bab !important; }

.brand-color-blue-light { color: #387bab !important; }

.brand-border-blue-light { border-color: #387bab !important; }

.brand-bg-blue-light { background-color: #387bab !important; }

.brand-fill-blue-medium { fill: #2a5d81 !important; }

.brand-stroke-blue-medium { stroke: #2a5d81 !important; }

.brand-color-blue-medium { color: #2a5d81 !important; }

.brand-border-blue-medium { border-color: #2a5d81 !important; }

.brand-bg-blue-medium { background-color: #2a5d81 !important; }

.brand-fill-blue-dark { fill: #303853 !important; }

.brand-stroke-blue-dark { stroke: #303853 !important; }

.brand-color-blue-dark { color: #303853 !important; }

.brand-border-blue-dark { border-color: #303853 !important; }

.brand-bg-blue-dark { background-color: #303853 !important; }

.brand-fill-ubora-orange { fill: #E98034 !important; }

.brand-stroke-ubora-orange { stroke: #E98034 !important; }

.brand-color-ubora-orange { color: #E98034 !important; }

.brand-border-ubora-orange { border-color: #E98034 !important; }

.brand-bg-ubora-orange { background-color: #E98034 !important; }

.brand-fill-ubora-magenta { fill: #A8438C !important; }

.brand-stroke-ubora-magenta { stroke: #A8438C !important; }

.brand-color-ubora-magenta { color: #A8438C !important; }

.brand-border-ubora-magenta { border-color: #A8438C !important; }

.brand-bg-ubora-magenta { background-color: #A8438C !important; }

.brand-fill-ubora-magenta-dark { fill: #741B5B !important; }

.brand-stroke-ubora-magenta-dark { stroke: #741B5B !important; }

.brand-color-ubora-magenta-dark { color: #741B5B !important; }

.brand-border-ubora-magenta-dark { border-color: #741B5B !important; }

.brand-bg-ubora-magenta-dark { background-color: #741B5B !important; }

.brand-fill-ubora-green { fill: #30826C !important; }

.brand-stroke-ubora-green { stroke: #30826C !important; }

.brand-color-ubora-green { color: #30826C !important; }

.brand-border-ubora-green { border-color: #30826C !important; }

.brand-bg-ubora-green { background-color: #30826C !important; }

.brand-fill-ubora-black { fill: #212121 !important; }

.brand-stroke-ubora-black { stroke: #212121 !important; }

.brand-color-ubora-black { color: #212121 !important; }

.brand-border-ubora-black { border-color: #212121 !important; }

.brand-bg-ubora-black { background-color: #212121 !important; }

.brand-fill-ubora-mint { fill: #E6F1EE !important; }

.brand-stroke-ubora-mint { stroke: #E6F1EE !important; }

.brand-color-ubora-mint { color: #E6F1EE !important; }

.brand-border-ubora-mint { border-color: #E6F1EE !important; }

.brand-bg-ubora-mint { background-color: #E6F1EE !important; }

.fill-blue { fill: #3f8abf !important; }

.stroke-blue { stroke: #3f8abf !important; }

.color-blue { color: #3f8abf !important; }

.border-blue { border-color: #3f8abf !important; }

.bg-blue { background-color: #3f8abf !important; }

.fill-green { fill: #36b55c !important; }

.stroke-green { stroke: #36b55c !important; }

.color-green { color: #36b55c !important; }

.border-green { border-color: #36b55c !important; }

.bg-green { background-color: #36b55c !important; }

.fill-yellow { fill: #ffd466 !important; }

.stroke-yellow { stroke: #ffd466 !important; }

.color-yellow { color: #ffd466 !important; }

.border-yellow { border-color: #ffd466 !important; }

.bg-yellow { background-color: #ffd466 !important; }

.fill-orange { fill: #ff9f1f !important; }

.stroke-orange { stroke: #ff9f1f !important; }

.color-orange { color: #ff9f1f !important; }

.border-orange { border-color: #ff9f1f !important; }

.bg-orange { background-color: #ff9f1f !important; }

.fill-red { fill: #ed5a5a !important; }

.stroke-red { stroke: #ed5a5a !important; }

.color-red { color: #ed5a5a !important; }

.border-red { border-color: #ed5a5a !important; }

.bg-red { background-color: #ed5a5a !important; }

.fill-error { fill: #be4a4a !important; }

.stroke-error { stroke: #be4a4a !important; }

.color-error { color: #be4a4a !important; }

.border-error { border-color: #be4a4a !important; }

.bg-error { background-color: #be4a4a !important; }

.fill-warning { fill: #bf570f !important; }

.stroke-warning { stroke: #bf570f !important; }

.color-warning { color: #bf570f !important; }

.border-warning { border-color: #bf570f !important; }

.bg-warning { background-color: #bf570f !important; }

.fill-success { fill: #24793d !important; }

.stroke-success { stroke: #24793d !important; }

.color-success { color: #24793d !important; }

.border-success { border-color: #24793d !important; }

.bg-success { background-color: #24793d !important; }

.fill-gray-darker { fill: #2d3339 !important; }

.stroke-gray-darker { stroke: #2d3339 !important; }

.color-gray-darker { color: #2d3339 !important; }

.border-gray-darker { border-color: #2d3339 !important; }

.bg-gray-darker { background-color: #2d3339 !important; }

.fill-gray-dark { fill: #3f4850 !important; }

.stroke-gray-dark { stroke: #3f4850 !important; }

.color-gray-dark { color: #3f4850 !important; }

.border-gray-dark { border-color: #3f4850 !important; }

.bg-gray-dark { background-color: #3f4850 !important; }

.fill-gray { fill: #c6ccd2 !important; }

.stroke-gray { stroke: #c6ccd2 !important; }

.color-gray { color: #c6ccd2 !important; }

.border-gray { border-color: #c6ccd2 !important; }

.bg-gray { background-color: #c6ccd2 !important; }

.fill-gray-light { fill: #edeff0 !important; }

.stroke-gray-light { stroke: #edeff0 !important; }

.color-gray-light { color: #edeff0 !important; }

.border-gray-light { border-color: #edeff0 !important; }

.bg-gray-light { background-color: #edeff0 !important; }

.fill-gray-lighter { fill: #f9fafa !important; }

.stroke-gray-lighter { stroke: #f9fafa !important; }

.color-gray-lighter { color: #f9fafa !important; }

.border-gray-lighter { border-color: #f9fafa !important; }

.bg-gray-lighter { background-color: #f9fafa !important; }

.text-fill-dark { fill: #40484a !important; }

.text-stroke-dark { stroke: #40484a !important; }

.text-color-dark { color: #40484a !important; }

.text-border-dark { border-color: #40484a !important; }

.text-bg-dark { background-color: #40484a !important; }

.text-fill-medium { fill: #4b5658 !important; }

.text-stroke-medium { stroke: #4b5658 !important; }

.text-color-medium { color: #4b5658 !important; }

.text-border-medium { border-color: #4b5658 !important; }

.text-bg-medium { background-color: #4b5658 !important; }

.text-fill-base { fill: #576366 !important; }

.text-stroke-base { stroke: #576366 !important; }

.text-color-base { color: #576366 !important; }

.text-border-base { border-color: #576366 !important; }

.text-bg-base { background-color: #576366 !important; }

.text-fill-light { fill: #7b8b8e !important; }

.text-stroke-light { stroke: #7b8b8e !important; }

.text-color-light { color: #7b8b8e !important; }

.text-border-light { border-color: #7b8b8e !important; }

.text-bg-light { background-color: #7b8b8e !important; }

.text-fill-white { fill: #fff !important; }

.text-stroke-white { stroke: #fff !important; }

.text-color-white { color: #fff !important; }

.text-border-white { border-color: #fff !important; }

.text-bg-white { background-color: #fff !important; }

.text-fill-blue-light { fill: #387bab !important; }

.text-stroke-blue-light { stroke: #387bab !important; }

.text-color-blue-light { color: #387bab !important; }

.text-border-blue-light { border-color: #387bab !important; }

.text-bg-blue-light { background-color: #387bab !important; }

.text-fill-blue-medium { fill: #2a5d81 !important; }

.text-stroke-blue-medium { stroke: #2a5d81 !important; }

.text-color-blue-medium { color: #2a5d81 !important; }

.text-border-blue-medium { border-color: #2a5d81 !important; }

.text-bg-blue-medium { background-color: #2a5d81 !important; }

.text-fill-blue-dark { fill: #303853 !important; }

.text-stroke-blue-dark { stroke: #303853 !important; }

.text-color-blue-dark { color: #303853 !important; }

.text-border-blue-dark { border-color: #303853 !important; }

.text-bg-blue-dark { background-color: #303853 !important; }

.category-fill-back-end-light { fill: #0098b1 !important; }

.category-stroke-back-end-light { stroke: #0098b1 !important; }

.category-color-back-end-light { color: #0098b1 !important; }

.category-border-back-end-light { border-color: #0098b1 !important; }

.category-bg-back-end-light { background-color: #0098b1 !important; }

.category-fill-back-end-base { fill: #008297 !important; }

.category-stroke-back-end-base { stroke: #008297 !important; }

.category-color-back-end-base { color: #008297 !important; }

.category-border-back-end-base { border-color: #008297 !important; }

.category-bg-back-end-base { background-color: #008297 !important; }

.category-fill-back-end-dark { fill: #006c7e !important; }

.category-stroke-back-end-dark { stroke: #006c7e !important; }

.category-color-back-end-dark { color: #006c7e !important; }

.category-border-back-end-dark { border-color: #006c7e !important; }

.category-bg-back-end-dark { background-color: #006c7e !important; }

.category-fill-data-light { fill: #af5592 !important; }

.category-stroke-data-light { stroke: #af5592 !important; }

.category-color-data-light { color: #af5592 !important; }

.category-border-data-light { border-color: #af5592 !important; }

.category-bg-data-light { background-color: #af5592 !important; }

.category-fill-data-base { fill: #9F4B84 !important; }

.category-stroke-data-base { stroke: #9F4B84 !important; }

.category-color-data-base { color: #9F4B84 !important; }

.category-border-data-base { border-color: #9F4B84 !important; }

.category-bg-data-base { background-color: #9F4B84 !important; }

.category-fill-data-dark { fill: #8e4376 !important; }

.category-stroke-data-dark { stroke: #8e4376 !important; }

.category-color-data-dark { color: #8e4376 !important; }

.category-border-data-dark { border-color: #8e4376 !important; }

.category-bg-data-dark { background-color: #8e4376 !important; }

.category-fill-design-light { fill: #534aa1 !important; }

.category-stroke-design-light { stroke: #534aa1 !important; }

.category-color-design-light { color: #534aa1 !important; }

.category-border-design-light { border-color: #534aa1 !important; }

.category-bg-design-light { background-color: #534aa1 !important; }

.category-fill-design-base { fill: #4a4290 !important; }

.category-stroke-design-base { stroke: #4a4290 !important; }

.category-color-design-base { color: #4a4290 !important; }

.category-border-design-base { border-color: #4a4290 !important; }

.category-bg-design-base { background-color: #4a4290 !important; }

.category-fill-design-dark { fill: #413a7f !important; }

.category-stroke-design-dark { stroke: #413a7f !important; }

.category-color-design-dark { color: #413a7f !important; }

.category-border-design-dark { border-color: #413a7f !important; }

.category-bg-design-dark { background-color: #413a7f !important; }

.category-fill-experimental-light { fill: #82429a !important; }

.category-stroke-experimental-light { stroke: #82429a !important; }

.category-color-experimental-light { color: #82429a !important; }

.category-border-experimental-light { border-color: #82429a !important; }

.category-bg-experimental-light { background-color: #82429a !important; }

.category-fill-experimental-base { fill: #733a88 !important; }

.category-stroke-experimental-base { stroke: #733a88 !important; }

.category-color-experimental-base { color: #733a88 !important; }

.category-border-experimental-base { border-color: #733a88 !important; }

.category-bg-experimental-base { background-color: #733a88 !important; }

.category-fill-experimental-dark { fill: #643276 !important; }

.category-stroke-experimental-dark { stroke: #643276 !important; }

.category-color-experimental-dark { color: #643276 !important; }

.category-border-experimental-dark { border-color: #643276 !important; }

.category-bg-experimental-dark { background-color: #643276 !important; }

.category-fill-front-end-light { fill: #3c64b5 !important; }

.category-stroke-front-end-light { stroke: #3c64b5 !important; }

.category-color-front-end-light { color: #3c64b5 !important; }

.category-border-front-end-light { border-color: #3c64b5 !important; }

.category-bg-front-end-light { background-color: #3c64b5 !important; }

.category-fill-front-end-base { fill: #3659a2 !important; }

.category-stroke-front-end-base { stroke: #3659a2 !important; }

.category-color-front-end-base { color: #3659a2 !important; }

.category-border-front-end-base { border-color: #3659a2 !important; }

.category-bg-front-end-base { background-color: #3659a2 !important; }

.category-fill-front-end-dark { fill: #304e8f !important; }

.category-stroke-front-end-dark { stroke: #304e8f !important; }

.category-color-front-end-dark { color: #304e8f !important; }

.category-border-front-end-dark { border-color: #304e8f !important; }

.category-bg-front-end-dark { background-color: #304e8f !important; }

.category-fill-fundamentals-light { fill: #ad4265 !important; }

.category-stroke-fundamentals-light { stroke: #ad4265 !important; }

.category-color-fundamentals-light { color: #ad4265 !important; }

.category-border-fundamentals-light { border-color: #ad4265 !important; }

.category-bg-fundamentals-light { background-color: #ad4265 !important; }

.category-fill-fundamentals-base { fill: #9b3b5a !important; }

.category-stroke-fundamentals-base { stroke: #9b3b5a !important; }

.category-color-fundamentals-base { color: #9b3b5a !important; }

.category-border-fundamentals-base { border-color: #9b3b5a !important; }

.category-bg-fundamentals-base { background-color: #9b3b5a !important; }

.category-fill-fundamentals-dark { fill: #89344f !important; }

.category-stroke-fundamentals-dark { stroke: #89344f !important; }

.category-color-fundamentals-dark { color: #89344f !important; }

.category-border-fundamentals-dark { border-color: #89344f !important; }

.category-bg-fundamentals-dark { background-color: #89344f !important; }

.category-fill-mobile-light { fill: #37957b !important; }

.category-stroke-mobile-light { stroke: #37957b !important; }

.category-color-mobile-light { color: #37957b !important; }

.category-border-mobile-light { border-color: #37957b !important; }

.category-bg-mobile-light { background-color: #37957b !important; }

.category-fill-mobile-base { fill: #30826C !important; }

.category-stroke-mobile-base { stroke: #30826C !important; }

.category-color-mobile-base { color: #30826C !important; }

.category-border-mobile-base { border-color: #30826C !important; }

.category-bg-mobile-base { background-color: #30826C !important; }

.category-fill-mobile-dark { fill: #296f5d !important; }

.category-stroke-mobile-dark { stroke: #296f5d !important; }

.category-color-mobile-dark { color: #296f5d !important; }

.category-border-mobile-dark { border-color: #296f5d !important; }

.category-bg-mobile-dark { background-color: #296f5d !important; }

.category-fill-internal-light { fill: #606e7a !important; }

.category-stroke-internal-light { stroke: #606e7a !important; }

.category-color-internal-light { color: #606e7a !important; }

.category-border-internal-light { border-color: #606e7a !important; }

.category-bg-internal-light { background-color: #606e7a !important; }

.category-fill-internal-base { fill: #55616c !important; }

.category-stroke-internal-base { stroke: #55616c !important; }

.category-color-internal-base { color: #55616c !important; }

.category-border-internal-base { border-color: #55616c !important; }

.category-bg-internal-base { background-color: #55616c !important; }

.category-fill-internal-dark { fill: #4a545e !important; }

.category-stroke-internal-dark { stroke: #4a545e !important; }

.category-color-internal-dark { color: #4a545e !important; }

.category-border-internal-dark { border-color: #4a545e !important; }

.category-bg-internal-dark { background-color: #4a545e !important; }

.category-fill-undefined-light { fill: #606e7a !important; }

.category-stroke-undefined-light { stroke: #606e7a !important; }

.category-color-undefined-light { color: #606e7a !important; }

.category-border-undefined-light { border-color: #606e7a !important; }

.category-bg-undefined-light { background-color: #606e7a !important; }

.category-fill-undefined-base { fill: #55616c !important; }

.category-stroke-undefined-base { stroke: #55616c !important; }

.category-color-undefined-base { color: #55616c !important; }

.category-border-undefined-base { border-color: #55616c !important; }

.category-bg-undefined-base { background-color: #55616c !important; }

.category-fill-undefined-dark { fill: #4a545e !important; }

.category-stroke-undefined-dark { stroke: #4a545e !important; }

.category-color-undefined-dark { color: #4a545e !important; }

.category-border-undefined-dark { border-color: #4a545e !important; }

.category-bg-undefined-dark { background-color: #4a545e !important; }

.pop-fill-blue-pastel { fill: #3887c8 !important; }

.pop-stroke-blue-pastel { stroke: #3887c8 !important; }

.pop-color-blue-pastel { color: #3887c8 !important; }

.pop-border-blue-pastel { border-color: #3887c8 !important; }

.pop-bg-blue-pastel { background-color: #3887c8 !important; }

.pop-fill-blue { fill: #133ea2 !important; }

.pop-stroke-blue { stroke: #133ea2 !important; }

.pop-color-blue { color: #133ea2 !important; }

.pop-border-blue { border-color: #133ea2 !important; }

.pop-bg-blue { background-color: #133ea2 !important; }

.pop-fill-blue-dark { fill: #323952 !important; }

.pop-stroke-blue-dark { stroke: #323952 !important; }

.pop-color-blue-dark { color: #323952 !important; }

.pop-border-blue-dark { border-color: #323952 !important; }

.pop-bg-blue-dark { background-color: #323952 !important; }

.pop-fill-teal { fill: #0098b1 !important; }

.pop-stroke-teal { stroke: #0098b1 !important; }

.pop-color-teal { color: #0098b1 !important; }

.pop-border-teal { border-color: #0098b1 !important; }

.pop-bg-teal { background-color: #0098b1 !important; }

.pop-fill-green { fill: #31af7f !important; }

.pop-stroke-green { stroke: #31af7f !important; }

.pop-color-green { color: #31af7f !important; }

.pop-border-green { border-color: #31af7f !important; }

.pop-bg-green { background-color: #31af7f !important; }

.pop-fill-golden { fill: #ecc148 !important; }

.pop-stroke-golden { stroke: #ecc148 !important; }

.pop-color-golden { color: #ecc148 !important; }

.pop-border-golden { border-color: #ecc148 !important; }

.pop-bg-golden { background-color: #ecc148 !important; }

.pop-fill-orange { fill: #e88034 !important; }

.pop-stroke-orange { stroke: #e88034 !important; }

.pop-color-orange { color: #e88034 !important; }

.pop-border-orange { border-color: #e88034 !important; }

.pop-bg-orange { background-color: #e88034 !important; }

.pop-fill-red-orange { fill: #e95e31 !important; }

.pop-stroke-red-orange { stroke: #e95e31 !important; }

.pop-color-red-orange { color: #e95e31 !important; }

.pop-border-red-orange { border-color: #e95e31 !important; }

.pop-bg-red-orange { background-color: #e95e31 !important; }

.pop-fill-purple-pastel { fill: #856fc4 !important; }

.pop-stroke-purple-pastel { stroke: #856fc4 !important; }

.pop-color-purple-pastel { color: #856fc4 !important; }

.pop-border-purple-pastel { border-color: #856fc4 !important; }

.pop-bg-purple-pastel { background-color: #856fc4 !important; }

.pop-fill-purple { fill: #4a4290 !important; }

.pop-stroke-purple { stroke: #4a4290 !important; }

.pop-color-purple { color: #4a4290 !important; }

.pop-border-purple { border-color: #4a4290 !important; }

.pop-bg-purple { background-color: #4a4290 !important; }

.pop-fill-magenta { fill: #be4e95 !important; }

.pop-stroke-magenta { stroke: #be4e95 !important; }

.pop-color-magenta { color: #be4e95 !important; }

.pop-border-magenta { border-color: #be4e95 !important; }

.pop-bg-magenta { background-color: #be4e95 !important; }

.button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border-radius: 4px; border: solid 2px #5fcf80; color: #5fcf80; cursor: pointer; display: inline-block; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 700; height: 40px; line-height: 36px; padding: 0 15px; position: relative; margin: 0 10px 0 0; text-align: center; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, opacity 0.3s ease; vertical-align: baseline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.button:hover, .button:active { color: #34ad58; border-color: #34ad58; }

.button:hover svg, .button:active svg { fill: #34ad58; }

.button:focus { color: #34ad58; border-color: #34ad58; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button:focus svg { fill: #34ad58; }

.button:last-child { margin-right: 0; }

.button svg { fill: #5fcf80; }

.button--primary { background: #50b06c !important; background: linear-gradient(to bottom, #55ba73 0%, #50b06c 100%) !important; border-color: transparent !important; color: #fff !important; }

.button--primary svg { fill: #fff !important; }

.button--primary:hover, .button--primary:active { background: linear-gradient(#408d56, #408d56) !important; border-color: transparent !important; color: #fff !important; }

.button--primary:focus { background: linear-gradient(#408d56, #408d56) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--primary-teal { background: #008298 !important; background: linear-gradient(to bottom, #008298 0%, #007589 100%) !important; border-color: transparent !important; color: #fff !important; }

.button--primary-teal svg { fill: #fff !important; }

.button--primary-teal:hover, .button--primary-teal:active { background: linear-gradient(#004652, #004652) !important; border-color: transparent !important; color: #fff !important; }

.button--primary-teal:focus { background: linear-gradient(#004652, #004652) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--primary-blue { background-color: #387bab !important; border-color: #387bab !important; color: #fff !important; }

.button--primary-blue svg { fill: #fff !important; }

.button--primary-blue:hover, .button--primary-blue:active { background-color: #2a5d81 !important; border-color: #2a5d81 !important; color: #fff !important; }

.button--primary-blue:focus { background-color: #2a5d81 !important; border-color: #2a5d81 !important; color: #fff !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--primary-ubora { background-color: #30826C !important; border-color: #30826C !important; color: #fff !important; }

.button--primary-ubora svg { fill: #fff !important; }

.button--primary-ubora:hover, .button--primary-ubora:active { background-color: #296f5d !important; border-color: #296f5d !important; color: #fff !important; }

.button--primary-ubora:focus { background-color: #296f5d !important; border-color: #296f5d !important; color: #fff !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--secondary { background-color: #fff !important; border-color: #e8ebed !important; color: #576366 !important; }

.button--secondary svg { fill: #576366 !important; }

.button--secondary:hover, .button--secondary:active { border-color: #bdc6cb !important; color: #505b5e !important; }

.button--secondary:focus { border-color: #bdc6cb !important; color: #505b5e !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--alert { background-color: transparent !important; border-color: #ed5a5a !important; color: #ed5a5a !important; }

.button--alert svg { fill: #ed5a5a !important; }

.button--alert:hover, .button--alert:active { border-color: #cb1616 !important; color: #cb1616 !important; }

.button--alert:focus { border-color: #cb1616 !important; color: #cb1616 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--disabled { background-color: transparent !important; border-color: #e8ebed !important; color: #7b8b8e !important; }

.button--disabled svg { fill: #7b8b8e !important; }

.button--disabled:hover, .button--disabled:active { background-color: transparent !important; border-color: #e8ebed !important; color: #7b8b8e !important; }

.button--disabled:hover svg, .button--disabled:active svg { fill: #576366 !important; }

.button--disabled:focus { background-color: transparent !important; border-color: #e8ebed !important; color: #7b8b8e !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--disabled:focus svg { fill: #576366 !important; }

.button--inverse { border-color: #fff !important; color: #fff !important; opacity: 0.88 !important; }

.button--inverse svg { fill: #fff !important; }

.button--inverse:hover, .button--inverse:active { border-color: #fff !important; color: #fff !important; opacity: 1 !important; }

.button--inverse:focus { border-color: #fff !important; color: #fff !important; opacity: 1 !important; box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; outline: 2px dotted transparent; outline-offset: 2px; }

.button--inverse-primary { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: 0.88; }

.button--inverse-primary svg { fill: #4b5658 !important; }

.button--inverse-primary:hover, .button--inverse-primary:active { opacity: 1 !important; }

.button--inverse-primary:focus { opacity: 1 !important; box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; outline: 2px dotted transparent; outline-offset: 2px; }

.button--inverse-primary-teal { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: 0.88; }

.button--inverse-primary-teal svg { fill: #0098b1 !important; }

.button--inverse-primary-teal:hover, .button--inverse-primary-teal:active { color: #007e92 !important; opacity: 1 !important; }

.button--inverse-primary-teal:focus { color: #007e92 !important; opacity: 1 !important; box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; outline: 2px dotted transparent; outline-offset: 2px; }

.button--inverse-disabled { border-color: #fff !important; color: #fff !important; opacity: 0.15 !important; }

.button--inverse-disabled:hover, .button--inverse-disabled:active { border-color: #fff !important; color: #fff !important; opacity: 0.15 !important; }

.button--inverse-disabled:focus { border-color: #fff !important; color: #fff !important; opacity: 0.15 !important; box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; outline: 2px dotted transparent; outline-offset: 2px; }

.button--inverse-primary-disabled { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: 0.15 !important; }

.button--inverse-primary-disabled:hover, .button--inverse-primary-disabled:active { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: 0.15 !important; }

.button--inverse-primary-disabled:focus { background-color: #fff !important; border-color: #fff !important; color: #4b5658 !important; opacity: 0.15 !important; box-shadow: 0 0 0 2px #000, 0 0 0px 3px #ffffff; outline: 2px dotted transparent; outline-offset: 2px; }

.button--inline { margin-top: 28px !important; padding: 0 26px !important; height: 47px !important; line-height: 43px !important; }

@media screen { .button--xlarge-xs { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; }
  .button--xlarge-xs.square { width: 58px !important; }
  .button--large-xs { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; }
  .button--large-xs.square { width: 50px !important; }
  .button--large-xs svg { top: -2px; }
  .button--normal-xs { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; }
  .button--normal-xs.square { width: 40px !important; }
  .button--small-xs { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; }
  .button--small-xs.square { width: 34px !important; }
  .button--xsmall-xs { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; }
  .button--xsmall-xs.square { width: 30px !important; } }

@media screen and (min-width: 480px) { .button--xlarge-sm { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; }
  .button--xlarge-sm.square { width: 58px !important; }
  .button--large-sm { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; }
  .button--large-sm.square { width: 50px !important; }
  .button--large-sm svg { top: -2px; }
  .button--normal-sm { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; }
  .button--normal-sm.square { width: 40px !important; }
  .button--small-sm { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; }
  .button--small-sm.square { width: 34px !important; }
  .button--xsmall-sm { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; }
  .button--xsmall-sm.square { width: 30px !important; } }

@media screen and (min-width: 680px) { .button--xlarge-md { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; }
  .button--xlarge-md.square { width: 58px !important; }
  .button--large-md { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; }
  .button--large-md.square { width: 50px !important; }
  .button--large-md svg { top: -2px; }
  .button--normal-md { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; }
  .button--normal-md.square { width: 40px !important; }
  .button--small-md { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; }
  .button--small-md.square { width: 34px !important; }
  .button--xsmall-md { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; }
  .button--xsmall-md.square { width: 30px !important; } }

@media screen and (min-width: 960px) { .button--xlarge-lg { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; }
  .button--xlarge-lg.square { width: 58px !important; }
  .button--large-lg { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; }
  .button--large-lg.square { width: 50px !important; }
  .button--large-lg svg { top: -2px; }
  .button--normal-lg { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; }
  .button--normal-lg.square { width: 40px !important; }
  .button--small-lg { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; }
  .button--small-lg.square { width: 34px !important; }
  .button--xsmall-lg { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; }
  .button--xsmall-lg.square { width: 30px !important; } }

@media screen and (min-width: 1140px) { .button--xlarge-xl { font-size: 18px !important; height: 58px !important; line-height: 54px !important; padding: 0 28px !important; }
  .button--xlarge-xl.square { width: 58px !important; }
  .button--large-xl { font-size: 16px !important; height: 50px !important; line-height: 46px !important; padding: 0 22px !important; }
  .button--large-xl.square { width: 50px !important; }
  .button--large-xl svg { top: -2px; }
  .button--normal-xl { font-size: 16px !important; height: 40px !important; line-height: 36px !important; padding: 0 15px !important; }
  .button--normal-xl.square { width: 40px !important; }
  .button--small-xl { font-size: 12px !important; height: 34px !important; line-height: 30px !important; padding: 0 12px !important; }
  .button--small-xl.square { width: 34px !important; }
  .button--xsmall-xl { font-size: 12px !important; height: 30px !important; line-height: 26px !important; padding: 0 10px !important; }
  .button--xsmall-xl.square { width: 30px !important; } }

.button--category-back-end { border-color: #008297 !important; color: #008297 !important; }

.button--category-back-end svg { fill: #008297 !important; }

.button--category-back-end:hover, .button--category-back-end:active { border-color: #005664 !important; color: #005664 !important; }

.button--category-back-end:hover svg, .button--category-back-end:active svg { fill: #005664 !important; }

.button--category-back-end:focus { border-color: #005664 !important; color: #005664 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-back-end:focus svg { fill: #005664 !important; }

.button--category-back-end.button--primary { background: #008297 !important; border-color: #008297 !important; color: #fff !important; }

.button--category-back-end.button--primary:hover, .button--category-back-end.button--primary:active { background: #005664 !important; border-color: #005664 !important; }

.button--category-back-end.button--primary:hover svg, .button--category-back-end.button--primary:active svg { fill: #fff !important; }

.button--category-back-end.button--primary:focus { background: #005664 !important; border-color: #005664 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-back-end.button--primary:focus svg { fill: #fff !important; }

.button--category-data { border-color: #9F4B84 !important; color: #9F4B84 !important; }

.button--category-data svg { fill: #9F4B84 !important; }

.button--category-data:hover, .button--category-data:active { border-color: #7c3b67 !important; color: #7c3b67 !important; }

.button--category-data:hover svg, .button--category-data:active svg { fill: #7c3b67 !important; }

.button--category-data:focus { border-color: #7c3b67 !important; color: #7c3b67 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-data:focus svg { fill: #7c3b67 !important; }

.button--category-data.button--primary { background: #9F4B84 !important; border-color: #9F4B84 !important; color: #fff !important; }

.button--category-data.button--primary:hover, .button--category-data.button--primary:active { background: #7c3b67 !important; border-color: #7c3b67 !important; }

.button--category-data.button--primary:hover svg, .button--category-data.button--primary:active svg { fill: #fff !important; }

.button--category-data.button--primary:focus { background: #7c3b67 !important; border-color: #7c3b67 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-data.button--primary:focus svg { fill: #fff !important; }

.button--category-design { border-color: #4a4290 !important; color: #4a4290 !important; }

.button--category-design svg { fill: #4a4290 !important; }

.button--category-design:hover, .button--category-design:active { border-color: #38326d !important; color: #38326d !important; }

.button--category-design:hover svg, .button--category-design:active svg { fill: #38326d !important; }

.button--category-design:focus { border-color: #38326d !important; color: #38326d !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-design:focus svg { fill: #38326d !important; }

.button--category-design.button--primary { background: #4a4290 !important; border-color: #4a4290 !important; color: #fff !important; }

.button--category-design.button--primary:hover, .button--category-design.button--primary:active { background: #38326d !important; border-color: #38326d !important; }

.button--category-design.button--primary:hover svg, .button--category-design.button--primary:active svg { fill: #fff !important; }

.button--category-design.button--primary:focus { background: #38326d !important; border-color: #38326d !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-design.button--primary:focus svg { fill: #fff !important; }

.button--category-experimental { border-color: #733a88 !important; color: #733a88 !important; }

.button--category-experimental svg { fill: #733a88 !important; }

.button--category-experimental:hover, .button--category-experimental:active { border-color: #552b64 !important; color: #552b64 !important; }

.button--category-experimental:hover svg, .button--category-experimental:active svg { fill: #552b64 !important; }

.button--category-experimental:focus { border-color: #552b64 !important; color: #552b64 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-experimental:focus svg { fill: #552b64 !important; }

.button--category-experimental.button--primary { background: #733a88 !important; border-color: #733a88 !important; color: #fff !important; }

.button--category-experimental.button--primary:hover, .button--category-experimental.button--primary:active { background: #552b64 !important; border-color: #552b64 !important; }

.button--category-experimental.button--primary:hover svg, .button--category-experimental.button--primary:active svg { fill: #fff !important; }

.button--category-experimental.button--primary:focus { background: #552b64 !important; border-color: #552b64 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-experimental.button--primary:focus svg { fill: #fff !important; }

.button--category-front-end { border-color: #3659a2 !important; color: #3659a2 !important; }

.button--category-front-end svg { fill: #3659a2 !important; }

.button--category-front-end:hover, .button--category-front-end:active { border-color: #29447c !important; color: #29447c !important; }

.button--category-front-end:hover svg, .button--category-front-end:active svg { fill: #29447c !important; }

.button--category-front-end:focus { border-color: #29447c !important; color: #29447c !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-front-end:focus svg { fill: #29447c !important; }

.button--category-front-end.button--primary { background: #3659a2 !important; border-color: #3659a2 !important; color: #fff !important; }

.button--category-front-end.button--primary:hover, .button--category-front-end.button--primary:active { background: #29447c !important; border-color: #29447c !important; }

.button--category-front-end.button--primary:hover svg, .button--category-front-end.button--primary:active svg { fill: #fff !important; }

.button--category-front-end.button--primary:focus { background: #29447c !important; border-color: #29447c !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-front-end.button--primary:focus svg { fill: #fff !important; }

.button--category-fundamentals { border-color: #9b3b5a !important; color: #9b3b5a !important; }

.button--category-fundamentals svg { fill: #9b3b5a !important; }

.button--category-fundamentals:hover, .button--category-fundamentals:active { border-color: #762d45 !important; color: #762d45 !important; }

.button--category-fundamentals:hover svg, .button--category-fundamentals:active svg { fill: #762d45 !important; }

.button--category-fundamentals:focus { border-color: #762d45 !important; color: #762d45 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-fundamentals:focus svg { fill: #762d45 !important; }

.button--category-fundamentals.button--primary { background: #9b3b5a !important; border-color: #9b3b5a !important; color: #fff !important; }

.button--category-fundamentals.button--primary:hover, .button--category-fundamentals.button--primary:active { background: #762d45 !important; border-color: #762d45 !important; }

.button--category-fundamentals.button--primary:hover svg, .button--category-fundamentals.button--primary:active svg { fill: #fff !important; }

.button--category-fundamentals.button--primary:focus { background: #762d45 !important; border-color: #762d45 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-fundamentals.button--primary:focus svg { fill: #fff !important; }

.button--category-mobile { border-color: #30826C !important; color: #30826C !important; }

.button--category-mobile svg { fill: #30826C !important; }

.button--category-mobile:hover, .button--category-mobile:active { border-color: #225d4d !important; color: #225d4d !important; }

.button--category-mobile:hover svg, .button--category-mobile:active svg { fill: #225d4d !important; }

.button--category-mobile:focus { border-color: #225d4d !important; color: #225d4d !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-mobile:focus svg { fill: #225d4d !important; }

.button--category-mobile.button--primary { background: #30826C !important; border-color: #30826C !important; color: #fff !important; }

.button--category-mobile.button--primary:hover, .button--category-mobile.button--primary:active { background: #225d4d !important; border-color: #225d4d !important; }

.button--category-mobile.button--primary:hover svg, .button--category-mobile.button--primary:active svg { fill: #fff !important; }

.button--category-mobile.button--primary:focus { background: #225d4d !important; border-color: #225d4d !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-mobile.button--primary:focus svg { fill: #fff !important; }

.button--category-internal { border-color: #55616c !important; color: #55616c !important; }

.button--category-internal svg { fill: #55616c !important; }

.button--category-internal:hover, .button--category-internal:active { border-color: #3f474f !important; color: #3f474f !important; }

.button--category-internal:hover svg, .button--category-internal:active svg { fill: #3f474f !important; }

.button--category-internal:focus { border-color: #3f474f !important; color: #3f474f !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-internal:focus svg { fill: #3f474f !important; }

.button--category-internal.button--primary { background: #55616c !important; border-color: #55616c !important; color: #fff !important; }

.button--category-internal.button--primary:hover, .button--category-internal.button--primary:active { background: #3f474f !important; border-color: #3f474f !important; }

.button--category-internal.button--primary:hover svg, .button--category-internal.button--primary:active svg { fill: #fff !important; }

.button--category-internal.button--primary:focus { background: #3f474f !important; border-color: #3f474f !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-internal.button--primary:focus svg { fill: #fff !important; }

.button--category-undefined { border-color: #55616c !important; color: #55616c !important; }

.button--category-undefined svg { fill: #55616c !important; }

.button--category-undefined:hover, .button--category-undefined:active { border-color: #3f474f !important; color: #3f474f !important; }

.button--category-undefined:hover svg, .button--category-undefined:active svg { fill: #3f474f !important; }

.button--category-undefined:focus { border-color: #3f474f !important; color: #3f474f !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-undefined:focus svg { fill: #3f474f !important; }

.button--category-undefined.button--primary { background: #55616c !important; border-color: #55616c !important; color: #fff !important; }

.button--category-undefined.button--primary:hover, .button--category-undefined.button--primary:active { background: #3f474f !important; border-color: #3f474f !important; }

.button--category-undefined.button--primary:hover svg, .button--category-undefined.button--primary:active svg { fill: #fff !important; }

.button--category-undefined.button--primary:focus { background: #3f474f !important; border-color: #3f474f !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.button--category-undefined.button--primary:focus svg { fill: #fff !important; }

.split-button .button { float: left; z-index: 1; margin: 0 !important; border-radius: 4px 0 0 4px; padding: 0 20px; }

.split-button .button:hover, .split-button .button:active { z-index: 2; }

.split-button .button:focus { z-index: 2; box-shadow: 0 0 0 2px #ffffff, 0 0 0px 3px #387bab; outline: 2px dotted transparent; outline-offset: 2px; }

.split-button .button.button--primary { border-right-color: rgba(0, 0, 0, 0.1); }

.split-button .button + .button { border-radius: 0 4px 4px 0; margin-left: -2px !important; }

.split-button .button + .button.button--primary { border-left-color: rgba(0, 0, 0, 0.1); }

.split-button { display: inline-block; margin: 0 15px 0 0; }

.split-button:before, .split-button:after { content: " "; display: table; }

.split-button:after { clear: both; }

.col { float: left !important; width: 100% !important; }

.col-gutters { margin: 0 -15px; }

.col-gutters > .col { padding: 0 15px; }

.col-container:before, .col-container:after { content: " "; display: table; }

.col-container:after { clear: both; }

.col-max { max-width: 1260px !important; margin: 0 auto !important; }

@media screen { .col-max { padding: 0; } }

@media screen and (min-width: 680px) { .col-max { padding: 0 5px; } }

@media screen and (min-width: 960px) { .col-max { padding: 0 15px; } }

.col-center { float: none !important; margin: 0 auto !important; }

.col-form { margin: 0 -6px !important; }

.col-form > .col { padding: 0 6px; }

@media screen { .col-5-xs { width: 5% !important; }
  .col-offset-5-xs { margin-left: 5% !important; }
  .col-10-xs { width: 10% !important; }
  .col-offset-10-xs { margin-left: 10% !important; }
  .col-15-xs { width: 15% !important; }
  .col-offset-15-xs { margin-left: 15% !important; }
  .col-20-xs { width: 20% !important; }
  .col-offset-20-xs { margin-left: 20% !important; }
  .col-25-xs { width: 25% !important; }
  .col-offset-25-xs { margin-left: 25% !important; }
  .col-30-xs { width: 30% !important; }
  .col-offset-30-xs { margin-left: 30% !important; }
  .col-33-xs { width: 33.3% !important; }
  .col-offset-33-xs { margin-left: 33.3% !important; }
  .col-35-xs { width: 35% !important; }
  .col-offset-35-xs { margin-left: 35% !important; }
  .col-40-xs { width: 40% !important; }
  .col-offset-40-xs { margin-left: 40% !important; }
  .col-45-xs { width: 45% !important; }
  .col-offset-45-xs { margin-left: 45% !important; }
  .col-50-xs { width: 50% !important; }
  .col-offset-50-xs { margin-left: 50% !important; }
  .col-55-xs { width: 55% !important; }
  .col-offset-55-xs { margin-left: 55% !important; }
  .col-60-xs { width: 60% !important; }
  .col-offset-60-xs { margin-left: 60% !important; }
  .col-65-xs { width: 65% !important; }
  .col-offset-65-xs { margin-left: 65% !important; }
  .col-70-xs { width: 70% !important; }
  .col-offset-70-xs { margin-left: 70% !important; }
  .col-75-xs { width: 75% !important; }
  .col-offset-75-xs { margin-left: 75% !important; }
  .col-80-xs { width: 80% !important; }
  .col-offset-80-xs { margin-left: 80% !important; }
  .col-85-xs { width: 85% !important; }
  .col-offset-85-xs { margin-left: 85% !important; }
  .col-90-xs { width: 90% !important; }
  .col-offset-90-xs { margin-left: 90% !important; }
  .col-95-xs { width: 95% !important; }
  .col-offset-95-xs { margin-left: 95% !important; }
  .col-100-xs { width: 100% !important; }
  .col-offset-100-xs { margin-left: 100% !important; } }

@media screen and (min-width: 480px) { .col-5-sm { width: 5% !important; }
  .col-offset-5-sm { margin-left: 5% !important; }
  .col-10-sm { width: 10% !important; }
  .col-offset-10-sm { margin-left: 10% !important; }
  .col-15-sm { width: 15% !important; }
  .col-offset-15-sm { margin-left: 15% !important; }
  .col-20-sm { width: 20% !important; }
  .col-offset-20-sm { margin-left: 20% !important; }
  .col-25-sm { width: 25% !important; }
  .col-offset-25-sm { margin-left: 25% !important; }
  .col-30-sm { width: 30% !important; }
  .col-offset-30-sm { margin-left: 30% !important; }
  .col-33-sm { width: 33.3% !important; }
  .col-offset-33-sm { margin-left: 33.3% !important; }
  .col-35-sm { width: 35% !important; }
  .col-offset-35-sm { margin-left: 35% !important; }
  .col-40-sm { width: 40% !important; }
  .col-offset-40-sm { margin-left: 40% !important; }
  .col-45-sm { width: 45% !important; }
  .col-offset-45-sm { margin-left: 45% !important; }
  .col-50-sm { width: 50% !important; }
  .col-offset-50-sm { margin-left: 50% !important; }
  .col-55-sm { width: 55% !important; }
  .col-offset-55-sm { margin-left: 55% !important; }
  .col-60-sm { width: 60% !important; }
  .col-offset-60-sm { margin-left: 60% !important; }
  .col-65-sm { width: 65% !important; }
  .col-offset-65-sm { margin-left: 65% !important; }
  .col-70-sm { width: 70% !important; }
  .col-offset-70-sm { margin-left: 70% !important; }
  .col-75-sm { width: 75% !important; }
  .col-offset-75-sm { margin-left: 75% !important; }
  .col-80-sm { width: 80% !important; }
  .col-offset-80-sm { margin-left: 80% !important; }
  .col-85-sm { width: 85% !important; }
  .col-offset-85-sm { margin-left: 85% !important; }
  .col-90-sm { width: 90% !important; }
  .col-offset-90-sm { margin-left: 90% !important; }
  .col-95-sm { width: 95% !important; }
  .col-offset-95-sm { margin-left: 95% !important; }
  .col-100-sm { width: 100% !important; }
  .col-offset-100-sm { margin-left: 100% !important; } }

@media screen and (min-width: 680px) { .col-5-md { width: 5% !important; }
  .col-offset-5-md { margin-left: 5% !important; }
  .col-10-md { width: 10% !important; }
  .col-offset-10-md { margin-left: 10% !important; }
  .col-15-md { width: 15% !important; }
  .col-offset-15-md { margin-left: 15% !important; }
  .col-20-md { width: 20% !important; }
  .col-offset-20-md { margin-left: 20% !important; }
  .col-25-md { width: 25% !important; }
  .col-offset-25-md { margin-left: 25% !important; }
  .col-30-md { width: 30% !important; }
  .col-offset-30-md { margin-left: 30% !important; }
  .col-33-md { width: 33.3% !important; }
  .col-offset-33-md { margin-left: 33.3% !important; }
  .col-35-md { width: 35% !important; }
  .col-offset-35-md { margin-left: 35% !important; }
  .col-40-md { width: 40% !important; }
  .col-offset-40-md { margin-left: 40% !important; }
  .col-45-md { width: 45% !important; }
  .col-offset-45-md { margin-left: 45% !important; }
  .col-50-md { width: 50% !important; }
  .col-offset-50-md { margin-left: 50% !important; }
  .col-55-md { width: 55% !important; }
  .col-offset-55-md { margin-left: 55% !important; }
  .col-60-md { width: 60% !important; }
  .col-offset-60-md { margin-left: 60% !important; }
  .col-65-md { width: 65% !important; }
  .col-offset-65-md { margin-left: 65% !important; }
  .col-70-md { width: 70% !important; }
  .col-offset-70-md { margin-left: 70% !important; }
  .col-75-md { width: 75% !important; }
  .col-offset-75-md { margin-left: 75% !important; }
  .col-80-md { width: 80% !important; }
  .col-offset-80-md { margin-left: 80% !important; }
  .col-85-md { width: 85% !important; }
  .col-offset-85-md { margin-left: 85% !important; }
  .col-90-md { width: 90% !important; }
  .col-offset-90-md { margin-left: 90% !important; }
  .col-95-md { width: 95% !important; }
  .col-offset-95-md { margin-left: 95% !important; }
  .col-100-md { width: 100% !important; }
  .col-offset-100-md { margin-left: 100% !important; } }

@media screen and (min-width: 960px) { .col-5-lg { width: 5% !important; }
  .col-offset-5-lg { margin-left: 5% !important; }
  .col-10-lg { width: 10% !important; }
  .col-offset-10-lg { margin-left: 10% !important; }
  .col-15-lg { width: 15% !important; }
  .col-offset-15-lg { margin-left: 15% !important; }
  .col-20-lg { width: 20% !important; }
  .col-offset-20-lg { margin-left: 20% !important; }
  .col-25-lg { width: 25% !important; }
  .col-offset-25-lg { margin-left: 25% !important; }
  .col-30-lg { width: 30% !important; }
  .col-offset-30-lg { margin-left: 30% !important; }
  .col-33-lg { width: 33.3% !important; }
  .col-offset-33-lg { margin-left: 33.3% !important; }
  .col-35-lg { width: 35% !important; }
  .col-offset-35-lg { margin-left: 35% !important; }
  .col-40-lg { width: 40% !important; }
  .col-offset-40-lg { margin-left: 40% !important; }
  .col-45-lg { width: 45% !important; }
  .col-offset-45-lg { margin-left: 45% !important; }
  .col-50-lg { width: 50% !important; }
  .col-offset-50-lg { margin-left: 50% !important; }
  .col-55-lg { width: 55% !important; }
  .col-offset-55-lg { margin-left: 55% !important; }
  .col-60-lg { width: 60% !important; }
  .col-offset-60-lg { margin-left: 60% !important; }
  .col-65-lg { width: 65% !important; }
  .col-offset-65-lg { margin-left: 65% !important; }
  .col-70-lg { width: 70% !important; }
  .col-offset-70-lg { margin-left: 70% !important; }
  .col-75-lg { width: 75% !important; }
  .col-offset-75-lg { margin-left: 75% !important; }
  .col-80-lg { width: 80% !important; }
  .col-offset-80-lg { margin-left: 80% !important; }
  .col-85-lg { width: 85% !important; }
  .col-offset-85-lg { margin-left: 85% !important; }
  .col-90-lg { width: 90% !important; }
  .col-offset-90-lg { margin-left: 90% !important; }
  .col-95-lg { width: 95% !important; }
  .col-offset-95-lg { margin-left: 95% !important; }
  .col-100-lg { width: 100% !important; }
  .col-offset-100-lg { margin-left: 100% !important; } }

@media screen and (min-width: 1140px) { .col-5-xl { width: 5% !important; }
  .col-offset-5-xl { margin-left: 5% !important; }
  .col-10-xl { width: 10% !important; }
  .col-offset-10-xl { margin-left: 10% !important; }
  .col-15-xl { width: 15% !important; }
  .col-offset-15-xl { margin-left: 15% !important; }
  .col-20-xl { width: 20% !important; }
  .col-offset-20-xl { margin-left: 20% !important; }
  .col-25-xl { width: 25% !important; }
  .col-offset-25-xl { margin-left: 25% !important; }
  .col-30-xl { width: 30% !important; }
  .col-offset-30-xl { margin-left: 30% !important; }
  .col-33-xl { width: 33.3% !important; }
  .col-offset-33-xl { margin-left: 33.3% !important; }
  .col-35-xl { width: 35% !important; }
  .col-offset-35-xl { margin-left: 35% !important; }
  .col-40-xl { width: 40% !important; }
  .col-offset-40-xl { margin-left: 40% !important; }
  .col-45-xl { width: 45% !important; }
  .col-offset-45-xl { margin-left: 45% !important; }
  .col-50-xl { width: 50% !important; }
  .col-offset-50-xl { margin-left: 50% !important; }
  .col-55-xl { width: 55% !important; }
  .col-offset-55-xl { margin-left: 55% !important; }
  .col-60-xl { width: 60% !important; }
  .col-offset-60-xl { margin-left: 60% !important; }
  .col-65-xl { width: 65% !important; }
  .col-offset-65-xl { margin-left: 65% !important; }
  .col-70-xl { width: 70% !important; }
  .col-offset-70-xl { margin-left: 70% !important; }
  .col-75-xl { width: 75% !important; }
  .col-offset-75-xl { margin-left: 75% !important; }
  .col-80-xl { width: 80% !important; }
  .col-offset-80-xl { margin-left: 80% !important; }
  .col-85-xl { width: 85% !important; }
  .col-offset-85-xl { margin-left: 85% !important; }
  .col-90-xl { width: 90% !important; }
  .col-offset-90-xl { margin-left: 90% !important; }
  .col-95-xl { width: 95% !important; }
  .col-offset-95-xl { margin-left: 95% !important; }
  .col-100-xl { width: 100% !important; }
  .col-offset-100-xl { margin-left: 100% !important; } }

.block-grid { padding: 0 !important; list-style: none !important; font-size: 0 !important; display: block !important; overflow: hidden !important; margin-bottom: 2rem !important; }

.block-grid-gutters { margin: -1rem -1rem 1rem -1rem !important; }

.block-grid-gutters .block-grid__item { padding: 1rem !important; }

.block-grid__item { display: block !important; float: left !important; font-size: 16px !important; }

@media screen { .block-1-xs .block-grid__item { width: 100% !important; }
  .block-1-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-1-xs .block-grid__item:nth-of-type(1n + 1) { clear: both !important; }
  .block-2-xs .block-grid__item { width: 50% !important; }
  .block-2-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-2-xs .block-grid__item:nth-of-type(2n + 1) { clear: both !important; }
  .block-3-xs .block-grid__item { width: 33.3333333333% !important; }
  .block-3-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-3-xs .block-grid__item:nth-of-type(3n + 1) { clear: both !important; }
  .block-4-xs .block-grid__item { width: 25% !important; }
  .block-4-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-4-xs .block-grid__item:nth-of-type(4n + 1) { clear: both !important; }
  .block-5-xs .block-grid__item { width: 20% !important; }
  .block-5-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-5-xs .block-grid__item:nth-of-type(5n + 1) { clear: both !important; }
  .block-6-xs .block-grid__item { width: 16.6666666667% !important; }
  .block-6-xs .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-6-xs .block-grid__item:nth-of-type(6n + 1) { clear: both !important; } }

@media screen and (min-width: 480px) { .block-1-sm .block-grid__item { width: 100% !important; }
  .block-1-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-1-sm .block-grid__item:nth-of-type(1n + 1) { clear: both !important; }
  .block-2-sm .block-grid__item { width: 50% !important; }
  .block-2-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-2-sm .block-grid__item:nth-of-type(2n + 1) { clear: both !important; }
  .block-3-sm .block-grid__item { width: 33.3333333333% !important; }
  .block-3-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-3-sm .block-grid__item:nth-of-type(3n + 1) { clear: both !important; }
  .block-4-sm .block-grid__item { width: 25% !important; }
  .block-4-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-4-sm .block-grid__item:nth-of-type(4n + 1) { clear: both !important; }
  .block-5-sm .block-grid__item { width: 20% !important; }
  .block-5-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-5-sm .block-grid__item:nth-of-type(5n + 1) { clear: both !important; }
  .block-6-sm .block-grid__item { width: 16.6666666667% !important; }
  .block-6-sm .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-6-sm .block-grid__item:nth-of-type(6n + 1) { clear: both !important; } }

@media screen and (min-width: 680px) { .block-1-md .block-grid__item { width: 100% !important; }
  .block-1-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-1-md .block-grid__item:nth-of-type(1n + 1) { clear: both !important; }
  .block-2-md .block-grid__item { width: 50% !important; }
  .block-2-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-2-md .block-grid__item:nth-of-type(2n + 1) { clear: both !important; }
  .block-3-md .block-grid__item { width: 33.3333333333% !important; }
  .block-3-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-3-md .block-grid__item:nth-of-type(3n + 1) { clear: both !important; }
  .block-4-md .block-grid__item { width: 25% !important; }
  .block-4-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-4-md .block-grid__item:nth-of-type(4n + 1) { clear: both !important; }
  .block-5-md .block-grid__item { width: 20% !important; }
  .block-5-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-5-md .block-grid__item:nth-of-type(5n + 1) { clear: both !important; }
  .block-6-md .block-grid__item { width: 16.6666666667% !important; }
  .block-6-md .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-6-md .block-grid__item:nth-of-type(6n + 1) { clear: both !important; } }

@media screen and (min-width: 960px) { .block-1-lg .block-grid__item { width: 100% !important; }
  .block-1-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-1-lg .block-grid__item:nth-of-type(1n + 1) { clear: both !important; }
  .block-2-lg .block-grid__item { width: 50% !important; }
  .block-2-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-2-lg .block-grid__item:nth-of-type(2n + 1) { clear: both !important; }
  .block-3-lg .block-grid__item { width: 33.3333333333% !important; }
  .block-3-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-3-lg .block-grid__item:nth-of-type(3n + 1) { clear: both !important; }
  .block-4-lg .block-grid__item { width: 25% !important; }
  .block-4-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-4-lg .block-grid__item:nth-of-type(4n + 1) { clear: both !important; }
  .block-5-lg .block-grid__item { width: 20% !important; }
  .block-5-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-5-lg .block-grid__item:nth-of-type(5n + 1) { clear: both !important; }
  .block-6-lg .block-grid__item { width: 16.6666666667% !important; }
  .block-6-lg .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-6-lg .block-grid__item:nth-of-type(6n + 1) { clear: both !important; } }

@media screen and (min-width: 1140px) { .block-1-xl .block-grid__item { width: 100% !important; }
  .block-1-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-1-xl .block-grid__item:nth-of-type(1n + 1) { clear: both !important; }
  .block-2-xl .block-grid__item { width: 50% !important; }
  .block-2-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-2-xl .block-grid__item:nth-of-type(2n + 1) { clear: both !important; }
  .block-3-xl .block-grid__item { width: 33.3333333333% !important; }
  .block-3-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-3-xl .block-grid__item:nth-of-type(3n + 1) { clear: both !important; }
  .block-4-xl .block-grid__item { width: 25% !important; }
  .block-4-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-4-xl .block-grid__item:nth-of-type(4n + 1) { clear: both !important; }
  .block-5-xl .block-grid__item { width: 20% !important; }
  .block-5-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-5-xl .block-grid__item:nth-of-type(5n + 1) { clear: both !important; }
  .block-6-xl .block-grid__item { width: 16.6666666667% !important; }
  .block-6-xl .block-grid__item:nth-of-type(1n) { clear: none !important; }
  .block-6-xl .block-grid__item:nth-of-type(6n + 1) { clear: both !important; } }

@media screen { .block-xs { display: block !important; }
  .hide-xs { display: none !important; }
  .inline-xs { display: inline !important; }
  .inline-block-xs { display: inline-block !important; } }

@media screen and (min-width: 480px) { .block-sm { display: block !important; }
  .hide-sm { display: none !important; }
  .inline-sm { display: inline !important; }
  .inline-block-sm { display: inline-block !important; } }

@media screen and (min-width: 680px) { .block-md { display: block !important; }
  .hide-md { display: none !important; }
  .inline-md { display: inline !important; }
  .inline-block-md { display: inline-block !important; } }

@media screen and (min-width: 960px) { .block-lg { display: block !important; }
  .hide-lg { display: none !important; }
  .inline-lg { display: inline !important; }
  .inline-block-lg { display: inline-block !important; } }

@media screen and (min-width: 1140px) { .block-xl { display: block !important; }
  .hide-xl { display: none !important; }
  .inline-xl { display: inline !important; }
  .inline-block-xl { display: inline-block !important; } }

@media screen { .m-0-xs { margin: 0rem !important; }
  .m-05-xs { margin: 0.5rem !important; }
  .m-1-xs { margin: 1rem !important; }
  .m-2-xs { margin: 1.5rem !important; }
  .m-3-xs { margin: 2rem !important; }
  .m-4-xs { margin: 3rem !important; }
  .m-5-xs { margin: 4rem !important; }
  .m-6-xs { margin: 5rem !important; }
  .m-t-0-xs { margin-top: 0rem !important; }
  .m-t-05-xs { margin-top: 0.5rem !important; }
  .m-t-1-xs { margin-top: 1rem !important; }
  .m-t-2-xs { margin-top: 1.5rem !important; }
  .m-t-3-xs { margin-top: 2rem !important; }
  .m-t-4-xs { margin-top: 3rem !important; }
  .m-t-5-xs { margin-top: 4rem !important; }
  .m-t-6-xs { margin-top: 5rem !important; }
  .m-b-0-xs { margin-bottom: 0rem !important; }
  .m-b-05-xs { margin-bottom: 0.5rem !important; }
  .m-b-1-xs { margin-bottom: 1rem !important; }
  .m-b-2-xs { margin-bottom: 1.5rem !important; }
  .m-b-3-xs { margin-bottom: 2rem !important; }
  .m-b-4-xs { margin-bottom: 3rem !important; }
  .m-b-5-xs { margin-bottom: 4rem !important; }
  .m-b-6-xs { margin-bottom: 5rem !important; }
  .m-l-0-xs { margin-left: 0rem !important; }
  .m-l-05-xs { margin-left: 0.5rem !important; }
  .m-l-1-xs { margin-left: 1rem !important; }
  .m-l-2-xs { margin-left: 1.5rem !important; }
  .m-l-3-xs { margin-left: 2rem !important; }
  .m-l-4-xs { margin-left: 3rem !important; }
  .m-l-5-xs { margin-left: 4rem !important; }
  .m-l-6-xs { margin-left: 5rem !important; }
  .m-r-0-xs { margin-right: 0rem !important; }
  .m-r-05-xs { margin-right: 0.5rem !important; }
  .m-r-1-xs { margin-right: 1rem !important; }
  .m-r-2-xs { margin-right: 1.5rem !important; }
  .m-r-3-xs { margin-right: 2rem !important; }
  .m-r-4-xs { margin-right: 3rem !important; }
  .m-r-5-xs { margin-right: 4rem !important; }
  .m-r-6-xs { margin-right: 5rem !important; }
  .m-lr-0-xs { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-xs { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-xs { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-xs { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-xs { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-xs { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-xs { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-xs { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-xs { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-xs { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-xs { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-xs { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-xs { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-xs { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-xs { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-xs { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-xs { margin: 0 auto !important; }
  .m-all-auto-xs { margin-all: auto !important; }
  .m-t-auto-xs { margin-top: auto !important; }
  .m-b-auto-xs { margin-bottom: auto !important; }
  .m-l-auto-xs { margin-left: auto !important; }
  .m-r-auto-xs { margin-right: auto !important; }
  .m-lr-auto-xs { margin-: auto !important; }
  .m-tb-auto-xs { margin-: auto !important; } }

@media screen and (min-width: 480px) { .m-0-sm { margin: 0rem !important; }
  .m-05-sm { margin: 0.5rem !important; }
  .m-1-sm { margin: 1rem !important; }
  .m-2-sm { margin: 1.5rem !important; }
  .m-3-sm { margin: 2rem !important; }
  .m-4-sm { margin: 3rem !important; }
  .m-5-sm { margin: 4rem !important; }
  .m-6-sm { margin: 5rem !important; }
  .m-t-0-sm { margin-top: 0rem !important; }
  .m-t-05-sm { margin-top: 0.5rem !important; }
  .m-t-1-sm { margin-top: 1rem !important; }
  .m-t-2-sm { margin-top: 1.5rem !important; }
  .m-t-3-sm { margin-top: 2rem !important; }
  .m-t-4-sm { margin-top: 3rem !important; }
  .m-t-5-sm { margin-top: 4rem !important; }
  .m-t-6-sm { margin-top: 5rem !important; }
  .m-b-0-sm { margin-bottom: 0rem !important; }
  .m-b-05-sm { margin-bottom: 0.5rem !important; }
  .m-b-1-sm { margin-bottom: 1rem !important; }
  .m-b-2-sm { margin-bottom: 1.5rem !important; }
  .m-b-3-sm { margin-bottom: 2rem !important; }
  .m-b-4-sm { margin-bottom: 3rem !important; }
  .m-b-5-sm { margin-bottom: 4rem !important; }
  .m-b-6-sm { margin-bottom: 5rem !important; }
  .m-l-0-sm { margin-left: 0rem !important; }
  .m-l-05-sm { margin-left: 0.5rem !important; }
  .m-l-1-sm { margin-left: 1rem !important; }
  .m-l-2-sm { margin-left: 1.5rem !important; }
  .m-l-3-sm { margin-left: 2rem !important; }
  .m-l-4-sm { margin-left: 3rem !important; }
  .m-l-5-sm { margin-left: 4rem !important; }
  .m-l-6-sm { margin-left: 5rem !important; }
  .m-r-0-sm { margin-right: 0rem !important; }
  .m-r-05-sm { margin-right: 0.5rem !important; }
  .m-r-1-sm { margin-right: 1rem !important; }
  .m-r-2-sm { margin-right: 1.5rem !important; }
  .m-r-3-sm { margin-right: 2rem !important; }
  .m-r-4-sm { margin-right: 3rem !important; }
  .m-r-5-sm { margin-right: 4rem !important; }
  .m-r-6-sm { margin-right: 5rem !important; }
  .m-lr-0-sm { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-sm { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-sm { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-sm { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-sm { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-sm { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-sm { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-sm { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-sm { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-sm { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-sm { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-sm { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-sm { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-sm { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-sm { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-sm { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-sm { margin: 0 auto !important; }
  .m-all-auto-sm { margin-all: auto !important; }
  .m-t-auto-sm { margin-top: auto !important; }
  .m-b-auto-sm { margin-bottom: auto !important; }
  .m-l-auto-sm { margin-left: auto !important; }
  .m-r-auto-sm { margin-right: auto !important; }
  .m-lr-auto-sm { margin-: auto !important; }
  .m-tb-auto-sm { margin-: auto !important; } }

@media screen and (min-width: 680px) { .m-0-md { margin: 0rem !important; }
  .m-05-md { margin: 0.5rem !important; }
  .m-1-md { margin: 1rem !important; }
  .m-2-md { margin: 1.5rem !important; }
  .m-3-md { margin: 2rem !important; }
  .m-4-md { margin: 3rem !important; }
  .m-5-md { margin: 4rem !important; }
  .m-6-md { margin: 5rem !important; }
  .m-t-0-md { margin-top: 0rem !important; }
  .m-t-05-md { margin-top: 0.5rem !important; }
  .m-t-1-md { margin-top: 1rem !important; }
  .m-t-2-md { margin-top: 1.5rem !important; }
  .m-t-3-md { margin-top: 2rem !important; }
  .m-t-4-md { margin-top: 3rem !important; }
  .m-t-5-md { margin-top: 4rem !important; }
  .m-t-6-md { margin-top: 5rem !important; }
  .m-b-0-md { margin-bottom: 0rem !important; }
  .m-b-05-md { margin-bottom: 0.5rem !important; }
  .m-b-1-md { margin-bottom: 1rem !important; }
  .m-b-2-md { margin-bottom: 1.5rem !important; }
  .m-b-3-md { margin-bottom: 2rem !important; }
  .m-b-4-md { margin-bottom: 3rem !important; }
  .m-b-5-md { margin-bottom: 4rem !important; }
  .m-b-6-md { margin-bottom: 5rem !important; }
  .m-l-0-md { margin-left: 0rem !important; }
  .m-l-05-md { margin-left: 0.5rem !important; }
  .m-l-1-md { margin-left: 1rem !important; }
  .m-l-2-md { margin-left: 1.5rem !important; }
  .m-l-3-md { margin-left: 2rem !important; }
  .m-l-4-md { margin-left: 3rem !important; }
  .m-l-5-md { margin-left: 4rem !important; }
  .m-l-6-md { margin-left: 5rem !important; }
  .m-r-0-md { margin-right: 0rem !important; }
  .m-r-05-md { margin-right: 0.5rem !important; }
  .m-r-1-md { margin-right: 1rem !important; }
  .m-r-2-md { margin-right: 1.5rem !important; }
  .m-r-3-md { margin-right: 2rem !important; }
  .m-r-4-md { margin-right: 3rem !important; }
  .m-r-5-md { margin-right: 4rem !important; }
  .m-r-6-md { margin-right: 5rem !important; }
  .m-lr-0-md { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-md { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-md { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-md { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-md { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-md { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-md { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-md { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-md { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-md { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-md { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-md { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-md { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-md { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-md { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-md { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-md { margin: 0 auto !important; }
  .m-all-auto-md { margin-all: auto !important; }
  .m-t-auto-md { margin-top: auto !important; }
  .m-b-auto-md { margin-bottom: auto !important; }
  .m-l-auto-md { margin-left: auto !important; }
  .m-r-auto-md { margin-right: auto !important; }
  .m-lr-auto-md { margin-: auto !important; }
  .m-tb-auto-md { margin-: auto !important; } }

@media screen and (min-width: 960px) { .m-0-lg { margin: 0rem !important; }
  .m-05-lg { margin: 0.5rem !important; }
  .m-1-lg { margin: 1rem !important; }
  .m-2-lg { margin: 1.5rem !important; }
  .m-3-lg { margin: 2rem !important; }
  .m-4-lg { margin: 3rem !important; }
  .m-5-lg { margin: 4rem !important; }
  .m-6-lg { margin: 5rem !important; }
  .m-t-0-lg { margin-top: 0rem !important; }
  .m-t-05-lg { margin-top: 0.5rem !important; }
  .m-t-1-lg { margin-top: 1rem !important; }
  .m-t-2-lg { margin-top: 1.5rem !important; }
  .m-t-3-lg { margin-top: 2rem !important; }
  .m-t-4-lg { margin-top: 3rem !important; }
  .m-t-5-lg { margin-top: 4rem !important; }
  .m-t-6-lg { margin-top: 5rem !important; }
  .m-b-0-lg { margin-bottom: 0rem !important; }
  .m-b-05-lg { margin-bottom: 0.5rem !important; }
  .m-b-1-lg { margin-bottom: 1rem !important; }
  .m-b-2-lg { margin-bottom: 1.5rem !important; }
  .m-b-3-lg { margin-bottom: 2rem !important; }
  .m-b-4-lg { margin-bottom: 3rem !important; }
  .m-b-5-lg { margin-bottom: 4rem !important; }
  .m-b-6-lg { margin-bottom: 5rem !important; }
  .m-l-0-lg { margin-left: 0rem !important; }
  .m-l-05-lg { margin-left: 0.5rem !important; }
  .m-l-1-lg { margin-left: 1rem !important; }
  .m-l-2-lg { margin-left: 1.5rem !important; }
  .m-l-3-lg { margin-left: 2rem !important; }
  .m-l-4-lg { margin-left: 3rem !important; }
  .m-l-5-lg { margin-left: 4rem !important; }
  .m-l-6-lg { margin-left: 5rem !important; }
  .m-r-0-lg { margin-right: 0rem !important; }
  .m-r-05-lg { margin-right: 0.5rem !important; }
  .m-r-1-lg { margin-right: 1rem !important; }
  .m-r-2-lg { margin-right: 1.5rem !important; }
  .m-r-3-lg { margin-right: 2rem !important; }
  .m-r-4-lg { margin-right: 3rem !important; }
  .m-r-5-lg { margin-right: 4rem !important; }
  .m-r-6-lg { margin-right: 5rem !important; }
  .m-lr-0-lg { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-lg { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-lg { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-lg { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-lg { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-lg { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-lg { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-lg { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-lg { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-lg { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-lg { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-lg { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-lg { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-lg { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-lg { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-lg { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-lg { margin: 0 auto !important; }
  .m-all-auto-lg { margin-all: auto !important; }
  .m-t-auto-lg { margin-top: auto !important; }
  .m-b-auto-lg { margin-bottom: auto !important; }
  .m-l-auto-lg { margin-left: auto !important; }
  .m-r-auto-lg { margin-right: auto !important; }
  .m-lr-auto-lg { margin-: auto !important; }
  .m-tb-auto-lg { margin-: auto !important; } }

@media screen and (min-width: 1140px) { .m-0-xl { margin: 0rem !important; }
  .m-05-xl { margin: 0.5rem !important; }
  .m-1-xl { margin: 1rem !important; }
  .m-2-xl { margin: 1.5rem !important; }
  .m-3-xl { margin: 2rem !important; }
  .m-4-xl { margin: 3rem !important; }
  .m-5-xl { margin: 4rem !important; }
  .m-6-xl { margin: 5rem !important; }
  .m-t-0-xl { margin-top: 0rem !important; }
  .m-t-05-xl { margin-top: 0.5rem !important; }
  .m-t-1-xl { margin-top: 1rem !important; }
  .m-t-2-xl { margin-top: 1.5rem !important; }
  .m-t-3-xl { margin-top: 2rem !important; }
  .m-t-4-xl { margin-top: 3rem !important; }
  .m-t-5-xl { margin-top: 4rem !important; }
  .m-t-6-xl { margin-top: 5rem !important; }
  .m-b-0-xl { margin-bottom: 0rem !important; }
  .m-b-05-xl { margin-bottom: 0.5rem !important; }
  .m-b-1-xl { margin-bottom: 1rem !important; }
  .m-b-2-xl { margin-bottom: 1.5rem !important; }
  .m-b-3-xl { margin-bottom: 2rem !important; }
  .m-b-4-xl { margin-bottom: 3rem !important; }
  .m-b-5-xl { margin-bottom: 4rem !important; }
  .m-b-6-xl { margin-bottom: 5rem !important; }
  .m-l-0-xl { margin-left: 0rem !important; }
  .m-l-05-xl { margin-left: 0.5rem !important; }
  .m-l-1-xl { margin-left: 1rem !important; }
  .m-l-2-xl { margin-left: 1.5rem !important; }
  .m-l-3-xl { margin-left: 2rem !important; }
  .m-l-4-xl { margin-left: 3rem !important; }
  .m-l-5-xl { margin-left: 4rem !important; }
  .m-l-6-xl { margin-left: 5rem !important; }
  .m-r-0-xl { margin-right: 0rem !important; }
  .m-r-05-xl { margin-right: 0.5rem !important; }
  .m-r-1-xl { margin-right: 1rem !important; }
  .m-r-2-xl { margin-right: 1.5rem !important; }
  .m-r-3-xl { margin-right: 2rem !important; }
  .m-r-4-xl { margin-right: 3rem !important; }
  .m-r-5-xl { margin-right: 4rem !important; }
  .m-r-6-xl { margin-right: 5rem !important; }
  .m-lr-0-xl { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-xl { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-xl { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-xl { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-xl { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-xl { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-xl { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-xl { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-xl { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-xl { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-xl { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-xl { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-xl { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-xl { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-xl { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-xl { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-xl { margin: 0 auto !important; }
  .m-all-auto-xl { margin-all: auto !important; }
  .m-t-auto-xl { margin-top: auto !important; }
  .m-b-auto-xl { margin-bottom: auto !important; }
  .m-l-auto-xl { margin-left: auto !important; }
  .m-r-auto-xl { margin-right: auto !important; }
  .m-lr-auto-xl { margin-: auto !important; }
  .m-tb-auto-xl { margin-: auto !important; } }

@media screen { .p-0-xs { padding: 0rem !important; }
  .p-05-xs { padding: 0.5rem !important; }
  .p-1-xs { padding: 1rem !important; }
  .p-2-xs { padding: 1.5rem !important; }
  .p-3-xs { padding: 2rem !important; }
  .p-4-xs { padding: 3rem !important; }
  .p-5-xs { padding: 4rem !important; }
  .p-6-xs { padding: 5rem !important; }
  .p-t-0-xs { padding-top: 0rem !important; }
  .p-t-05-xs { padding-top: 0.5rem !important; }
  .p-t-1-xs { padding-top: 1rem !important; }
  .p-t-2-xs { padding-top: 1.5rem !important; }
  .p-t-3-xs { padding-top: 2rem !important; }
  .p-t-4-xs { padding-top: 3rem !important; }
  .p-t-5-xs { padding-top: 4rem !important; }
  .p-t-6-xs { padding-top: 5rem !important; }
  .p-b-0-xs { padding-bottom: 0rem !important; }
  .p-b-05-xs { padding-bottom: 0.5rem !important; }
  .p-b-1-xs { padding-bottom: 1rem !important; }
  .p-b-2-xs { padding-bottom: 1.5rem !important; }
  .p-b-3-xs { padding-bottom: 2rem !important; }
  .p-b-4-xs { padding-bottom: 3rem !important; }
  .p-b-5-xs { padding-bottom: 4rem !important; }
  .p-b-6-xs { padding-bottom: 5rem !important; }
  .p-l-0-xs { padding-left: 0rem !important; }
  .p-l-05-xs { padding-left: 0.5rem !important; }
  .p-l-1-xs { padding-left: 1rem !important; }
  .p-l-2-xs { padding-left: 1.5rem !important; }
  .p-l-3-xs { padding-left: 2rem !important; }
  .p-l-4-xs { padding-left: 3rem !important; }
  .p-l-5-xs { padding-left: 4rem !important; }
  .p-l-6-xs { padding-left: 5rem !important; }
  .p-r-0-xs { padding-right: 0rem !important; }
  .p-r-05-xs { padding-right: 0.5rem !important; }
  .p-r-1-xs { padding-right: 1rem !important; }
  .p-r-2-xs { padding-right: 1.5rem !important; }
  .p-r-3-xs { padding-right: 2rem !important; }
  .p-r-4-xs { padding-right: 3rem !important; }
  .p-r-5-xs { padding-right: 4rem !important; }
  .p-r-6-xs { padding-right: 5rem !important; }
  .p-lr-0-xs { padding-left: 0rem !important; padding-right: 0rem !important; }
  .p-lr-05-xs { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-lr-1-xs { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-lr-2-xs { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-lr-3-xs { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-lr-4-xs { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-lr-5-xs { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-lr-6-xs { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-tb-0-xs { padding-top: 0rem !important; padding-bottom: 0rem !important; }
  .p-tb-05-xs { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-tb-1-xs { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-tb-2-xs { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-tb-3-xs { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-tb-4-xs { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-tb-5-xs { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-tb-6-xs { padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen and (min-width: 480px) { .p-0-sm { padding: 0rem !important; }
  .p-05-sm { padding: 0.5rem !important; }
  .p-1-sm { padding: 1rem !important; }
  .p-2-sm { padding: 1.5rem !important; }
  .p-3-sm { padding: 2rem !important; }
  .p-4-sm { padding: 3rem !important; }
  .p-5-sm { padding: 4rem !important; }
  .p-6-sm { padding: 5rem !important; }
  .p-t-0-sm { padding-top: 0rem !important; }
  .p-t-05-sm { padding-top: 0.5rem !important; }
  .p-t-1-sm { padding-top: 1rem !important; }
  .p-t-2-sm { padding-top: 1.5rem !important; }
  .p-t-3-sm { padding-top: 2rem !important; }
  .p-t-4-sm { padding-top: 3rem !important; }
  .p-t-5-sm { padding-top: 4rem !important; }
  .p-t-6-sm { padding-top: 5rem !important; }
  .p-b-0-sm { padding-bottom: 0rem !important; }
  .p-b-05-sm { padding-bottom: 0.5rem !important; }
  .p-b-1-sm { padding-bottom: 1rem !important; }
  .p-b-2-sm { padding-bottom: 1.5rem !important; }
  .p-b-3-sm { padding-bottom: 2rem !important; }
  .p-b-4-sm { padding-bottom: 3rem !important; }
  .p-b-5-sm { padding-bottom: 4rem !important; }
  .p-b-6-sm { padding-bottom: 5rem !important; }
  .p-l-0-sm { padding-left: 0rem !important; }
  .p-l-05-sm { padding-left: 0.5rem !important; }
  .p-l-1-sm { padding-left: 1rem !important; }
  .p-l-2-sm { padding-left: 1.5rem !important; }
  .p-l-3-sm { padding-left: 2rem !important; }
  .p-l-4-sm { padding-left: 3rem !important; }
  .p-l-5-sm { padding-left: 4rem !important; }
  .p-l-6-sm { padding-left: 5rem !important; }
  .p-r-0-sm { padding-right: 0rem !important; }
  .p-r-05-sm { padding-right: 0.5rem !important; }
  .p-r-1-sm { padding-right: 1rem !important; }
  .p-r-2-sm { padding-right: 1.5rem !important; }
  .p-r-3-sm { padding-right: 2rem !important; }
  .p-r-4-sm { padding-right: 3rem !important; }
  .p-r-5-sm { padding-right: 4rem !important; }
  .p-r-6-sm { padding-right: 5rem !important; }
  .p-lr-0-sm { padding-left: 0rem !important; padding-right: 0rem !important; }
  .p-lr-05-sm { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-lr-1-sm { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-lr-2-sm { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-lr-3-sm { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-lr-4-sm { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-lr-5-sm { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-lr-6-sm { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-tb-0-sm { padding-top: 0rem !important; padding-bottom: 0rem !important; }
  .p-tb-05-sm { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-tb-1-sm { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-tb-2-sm { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-tb-3-sm { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-tb-4-sm { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-tb-5-sm { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-tb-6-sm { padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen and (min-width: 680px) { .p-0-md { padding: 0rem !important; }
  .p-05-md { padding: 0.5rem !important; }
  .p-1-md { padding: 1rem !important; }
  .p-2-md { padding: 1.5rem !important; }
  .p-3-md { padding: 2rem !important; }
  .p-4-md { padding: 3rem !important; }
  .p-5-md { padding: 4rem !important; }
  .p-6-md { padding: 5rem !important; }
  .p-t-0-md { padding-top: 0rem !important; }
  .p-t-05-md { padding-top: 0.5rem !important; }
  .p-t-1-md { padding-top: 1rem !important; }
  .p-t-2-md { padding-top: 1.5rem !important; }
  .p-t-3-md { padding-top: 2rem !important; }
  .p-t-4-md { padding-top: 3rem !important; }
  .p-t-5-md { padding-top: 4rem !important; }
  .p-t-6-md { padding-top: 5rem !important; }
  .p-b-0-md { padding-bottom: 0rem !important; }
  .p-b-05-md { padding-bottom: 0.5rem !important; }
  .p-b-1-md { padding-bottom: 1rem !important; }
  .p-b-2-md { padding-bottom: 1.5rem !important; }
  .p-b-3-md { padding-bottom: 2rem !important; }
  .p-b-4-md { padding-bottom: 3rem !important; }
  .p-b-5-md { padding-bottom: 4rem !important; }
  .p-b-6-md { padding-bottom: 5rem !important; }
  .p-l-0-md { padding-left: 0rem !important; }
  .p-l-05-md { padding-left: 0.5rem !important; }
  .p-l-1-md { padding-left: 1rem !important; }
  .p-l-2-md { padding-left: 1.5rem !important; }
  .p-l-3-md { padding-left: 2rem !important; }
  .p-l-4-md { padding-left: 3rem !important; }
  .p-l-5-md { padding-left: 4rem !important; }
  .p-l-6-md { padding-left: 5rem !important; }
  .p-r-0-md { padding-right: 0rem !important; }
  .p-r-05-md { padding-right: 0.5rem !important; }
  .p-r-1-md { padding-right: 1rem !important; }
  .p-r-2-md { padding-right: 1.5rem !important; }
  .p-r-3-md { padding-right: 2rem !important; }
  .p-r-4-md { padding-right: 3rem !important; }
  .p-r-5-md { padding-right: 4rem !important; }
  .p-r-6-md { padding-right: 5rem !important; }
  .p-lr-0-md { padding-left: 0rem !important; padding-right: 0rem !important; }
  .p-lr-05-md { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-lr-1-md { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-lr-2-md { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-lr-3-md { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-lr-4-md { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-lr-5-md { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-lr-6-md { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-tb-0-md { padding-top: 0rem !important; padding-bottom: 0rem !important; }
  .p-tb-05-md { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-tb-1-md { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-tb-2-md { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-tb-3-md { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-tb-4-md { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-tb-5-md { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-tb-6-md { padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen and (min-width: 960px) { .p-0-lg { padding: 0rem !important; }
  .p-05-lg { padding: 0.5rem !important; }
  .p-1-lg { padding: 1rem !important; }
  .p-2-lg { padding: 1.5rem !important; }
  .p-3-lg { padding: 2rem !important; }
  .p-4-lg { padding: 3rem !important; }
  .p-5-lg { padding: 4rem !important; }
  .p-6-lg { padding: 5rem !important; }
  .p-t-0-lg { padding-top: 0rem !important; }
  .p-t-05-lg { padding-top: 0.5rem !important; }
  .p-t-1-lg { padding-top: 1rem !important; }
  .p-t-2-lg { padding-top: 1.5rem !important; }
  .p-t-3-lg { padding-top: 2rem !important; }
  .p-t-4-lg { padding-top: 3rem !important; }
  .p-t-5-lg { padding-top: 4rem !important; }
  .p-t-6-lg { padding-top: 5rem !important; }
  .p-b-0-lg { padding-bottom: 0rem !important; }
  .p-b-05-lg { padding-bottom: 0.5rem !important; }
  .p-b-1-lg { padding-bottom: 1rem !important; }
  .p-b-2-lg { padding-bottom: 1.5rem !important; }
  .p-b-3-lg { padding-bottom: 2rem !important; }
  .p-b-4-lg { padding-bottom: 3rem !important; }
  .p-b-5-lg { padding-bottom: 4rem !important; }
  .p-b-6-lg { padding-bottom: 5rem !important; }
  .p-l-0-lg { padding-left: 0rem !important; }
  .p-l-05-lg { padding-left: 0.5rem !important; }
  .p-l-1-lg { padding-left: 1rem !important; }
  .p-l-2-lg { padding-left: 1.5rem !important; }
  .p-l-3-lg { padding-left: 2rem !important; }
  .p-l-4-lg { padding-left: 3rem !important; }
  .p-l-5-lg { padding-left: 4rem !important; }
  .p-l-6-lg { padding-left: 5rem !important; }
  .p-r-0-lg { padding-right: 0rem !important; }
  .p-r-05-lg { padding-right: 0.5rem !important; }
  .p-r-1-lg { padding-right: 1rem !important; }
  .p-r-2-lg { padding-right: 1.5rem !important; }
  .p-r-3-lg { padding-right: 2rem !important; }
  .p-r-4-lg { padding-right: 3rem !important; }
  .p-r-5-lg { padding-right: 4rem !important; }
  .p-r-6-lg { padding-right: 5rem !important; }
  .p-lr-0-lg { padding-left: 0rem !important; padding-right: 0rem !important; }
  .p-lr-05-lg { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-lr-1-lg { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-lr-2-lg { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-lr-3-lg { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-lr-4-lg { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-lr-5-lg { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-lr-6-lg { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-tb-0-lg { padding-top: 0rem !important; padding-bottom: 0rem !important; }
  .p-tb-05-lg { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-tb-1-lg { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-tb-2-lg { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-tb-3-lg { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-tb-4-lg { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-tb-5-lg { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-tb-6-lg { padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen and (min-width: 1140px) { .p-0-xl { padding: 0rem !important; }
  .p-05-xl { padding: 0.5rem !important; }
  .p-1-xl { padding: 1rem !important; }
  .p-2-xl { padding: 1.5rem !important; }
  .p-3-xl { padding: 2rem !important; }
  .p-4-xl { padding: 3rem !important; }
  .p-5-xl { padding: 4rem !important; }
  .p-6-xl { padding: 5rem !important; }
  .p-t-0-xl { padding-top: 0rem !important; }
  .p-t-05-xl { padding-top: 0.5rem !important; }
  .p-t-1-xl { padding-top: 1rem !important; }
  .p-t-2-xl { padding-top: 1.5rem !important; }
  .p-t-3-xl { padding-top: 2rem !important; }
  .p-t-4-xl { padding-top: 3rem !important; }
  .p-t-5-xl { padding-top: 4rem !important; }
  .p-t-6-xl { padding-top: 5rem !important; }
  .p-b-0-xl { padding-bottom: 0rem !important; }
  .p-b-05-xl { padding-bottom: 0.5rem !important; }
  .p-b-1-xl { padding-bottom: 1rem !important; }
  .p-b-2-xl { padding-bottom: 1.5rem !important; }
  .p-b-3-xl { padding-bottom: 2rem !important; }
  .p-b-4-xl { padding-bottom: 3rem !important; }
  .p-b-5-xl { padding-bottom: 4rem !important; }
  .p-b-6-xl { padding-bottom: 5rem !important; }
  .p-l-0-xl { padding-left: 0rem !important; }
  .p-l-05-xl { padding-left: 0.5rem !important; }
  .p-l-1-xl { padding-left: 1rem !important; }
  .p-l-2-xl { padding-left: 1.5rem !important; }
  .p-l-3-xl { padding-left: 2rem !important; }
  .p-l-4-xl { padding-left: 3rem !important; }
  .p-l-5-xl { padding-left: 4rem !important; }
  .p-l-6-xl { padding-left: 5rem !important; }
  .p-r-0-xl { padding-right: 0rem !important; }
  .p-r-05-xl { padding-right: 0.5rem !important; }
  .p-r-1-xl { padding-right: 1rem !important; }
  .p-r-2-xl { padding-right: 1.5rem !important; }
  .p-r-3-xl { padding-right: 2rem !important; }
  .p-r-4-xl { padding-right: 3rem !important; }
  .p-r-5-xl { padding-right: 4rem !important; }
  .p-r-6-xl { padding-right: 5rem !important; }
  .p-lr-0-xl { padding-left: 0rem !important; padding-right: 0rem !important; }
  .p-lr-05-xl { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-lr-1-xl { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-lr-2-xl { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-lr-3-xl { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-lr-4-xl { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-lr-5-xl { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-lr-6-xl { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-tb-0-xl { padding-top: 0rem !important; padding-bottom: 0rem !important; }
  .p-tb-05-xl { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-tb-1-xl { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-tb-2-xl { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-tb-3-xl { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-tb-4-xl { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-tb-5-xl { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-tb-6-xl { padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen { .float-l-xs { float: left !important; }
  .float-r-xs { float: right !important; }
  .float-none-xs { float: none !important; } }

@media screen and (min-width: 480px) { .float-l-sm { float: left !important; }
  .float-r-sm { float: right !important; }
  .float-none-sm { float: none !important; } }

@media screen and (min-width: 680px) { .float-l-md { float: left !important; }
  .float-r-md { float: right !important; }
  .float-none-md { float: none !important; } }

@media screen and (min-width: 960px) { .float-l-lg { float: left !important; }
  .float-r-lg { float: right !important; }
  .float-none-lg { float: none !important; } }

@media screen and (min-width: 1140px) { .float-l-xl { float: left !important; }
  .float-r-xl { float: right !important; }
  .float-none-xl { float: none !important; } }

@media screen { .overflow-hidden-xs { overflow: hidden !important; }
  .overflow-auto-xs { overflow: auto !important; }
  .overflow-scroll-xs { overflow: scroll !important; }
  .overflow-visible-xs { overflow: visible !important; } }

@media screen and (min-width: 480px) { .overflow-hidden-sm { overflow: hidden !important; }
  .overflow-auto-sm { overflow: auto !important; }
  .overflow-scroll-sm { overflow: scroll !important; }
  .overflow-visible-sm { overflow: visible !important; } }

@media screen and (min-width: 680px) { .overflow-hidden-md { overflow: hidden !important; }
  .overflow-auto-md { overflow: auto !important; }
  .overflow-scroll-md { overflow: scroll !important; }
  .overflow-visible-md { overflow: visible !important; } }

@media screen and (min-width: 960px) { .overflow-hidden-lg { overflow: hidden !important; }
  .overflow-auto-lg { overflow: auto !important; }
  .overflow-scroll-lg { overflow: scroll !important; }
  .overflow-visible-lg { overflow: visible !important; } }

@media screen and (min-width: 1140px) { .overflow-hidden-xl { overflow: hidden !important; }
  .overflow-auto-xl { overflow: auto !important; }
  .overflow-scroll-xl { overflow: scroll !important; }
  .overflow-visible-xl { overflow: visible !important; } }

@media screen { .w-auto-xs { width: auto !important; }
  .w-full-xs { width: 100% !important; }
  .h-full-xs { height: 100% !important; }
  .w-fit-xs { max-width: 100% !important; } }

@media screen and (min-width: 480px) { .w-auto-sm { width: auto !important; }
  .w-full-sm { width: 100% !important; }
  .h-full-sm { height: 100% !important; }
  .w-fit-sm { max-width: 100% !important; } }

@media screen and (min-width: 680px) { .w-auto-md { width: auto !important; }
  .w-full-md { width: 100% !important; }
  .h-full-md { height: 100% !important; }
  .w-fit-md { max-width: 100% !important; } }

@media screen and (min-width: 960px) { .w-auto-lg { width: auto !important; }
  .w-full-lg { width: 100% !important; }
  .h-full-lg { height: 100% !important; }
  .w-fit-lg { max-width: 100% !important; } }

@media screen and (min-width: 1140px) { .w-auto-xl { width: auto !important; }
  .w-full-xl { width: 100% !important; }
  .h-full-xl { height: 100% !important; }
  .w-fit-xl { max-width: 100% !important; } }

@media screen { .relative-xs { position: relative !important; }
  .absolute-xs { position: absolute !important; }
  .fixed-xs { position: fixed !important; }
  .static-xs { position: static !important; }
  .pos-t-0-xs { top: 0rem !important; }
  .pos-t-05-xs { top: 0.5rem !important; }
  .pos-t-1-xs { top: 1rem !important; }
  .pos-t-2-xs { top: 1.5rem !important; }
  .pos-t-3-xs { top: 2rem !important; }
  .pos-t-4-xs { top: 3rem !important; }
  .pos-t-5-xs { top: 4rem !important; }
  .pos-t-6-xs { top: 5rem !important; }
  .pos-b-0-xs { bottom: 0rem !important; }
  .pos-b-05-xs { bottom: 0.5rem !important; }
  .pos-b-1-xs { bottom: 1rem !important; }
  .pos-b-2-xs { bottom: 1.5rem !important; }
  .pos-b-3-xs { bottom: 2rem !important; }
  .pos-b-4-xs { bottom: 3rem !important; }
  .pos-b-5-xs { bottom: 4rem !important; }
  .pos-b-6-xs { bottom: 5rem !important; }
  .pos-l-0-xs { left: 0rem !important; }
  .pos-l-05-xs { left: 0.5rem !important; }
  .pos-l-1-xs { left: 1rem !important; }
  .pos-l-2-xs { left: 1.5rem !important; }
  .pos-l-3-xs { left: 2rem !important; }
  .pos-l-4-xs { left: 3rem !important; }
  .pos-l-5-xs { left: 4rem !important; }
  .pos-l-6-xs { left: 5rem !important; }
  .pos-r-0-xs { right: 0rem !important; }
  .pos-r-05-xs { right: 0.5rem !important; }
  .pos-r-1-xs { right: 1rem !important; }
  .pos-r-2-xs { right: 1.5rem !important; }
  .pos-r-3-xs { right: 2rem !important; }
  .pos-r-4-xs { right: 3rem !important; }
  .pos-r-5-xs { right: 4rem !important; }
  .pos-r-6-xs { right: 5rem !important; }
  .z-1-xs { z-index: 100 !important; }
  .z-2-xs { z-index: 200 !important; }
  .z-3-xs { z-index: 300 !important; }
  .z-4-xs { z-index: 400 !important; } }

@media screen and (min-width: 480px) { .relative-sm { position: relative !important; }
  .absolute-sm { position: absolute !important; }
  .fixed-sm { position: fixed !important; }
  .static-sm { position: static !important; }
  .pos-t-0-sm { top: 0rem !important; }
  .pos-t-05-sm { top: 0.5rem !important; }
  .pos-t-1-sm { top: 1rem !important; }
  .pos-t-2-sm { top: 1.5rem !important; }
  .pos-t-3-sm { top: 2rem !important; }
  .pos-t-4-sm { top: 3rem !important; }
  .pos-t-5-sm { top: 4rem !important; }
  .pos-t-6-sm { top: 5rem !important; }
  .pos-b-0-sm { bottom: 0rem !important; }
  .pos-b-05-sm { bottom: 0.5rem !important; }
  .pos-b-1-sm { bottom: 1rem !important; }
  .pos-b-2-sm { bottom: 1.5rem !important; }
  .pos-b-3-sm { bottom: 2rem !important; }
  .pos-b-4-sm { bottom: 3rem !important; }
  .pos-b-5-sm { bottom: 4rem !important; }
  .pos-b-6-sm { bottom: 5rem !important; }
  .pos-l-0-sm { left: 0rem !important; }
  .pos-l-05-sm { left: 0.5rem !important; }
  .pos-l-1-sm { left: 1rem !important; }
  .pos-l-2-sm { left: 1.5rem !important; }
  .pos-l-3-sm { left: 2rem !important; }
  .pos-l-4-sm { left: 3rem !important; }
  .pos-l-5-sm { left: 4rem !important; }
  .pos-l-6-sm { left: 5rem !important; }
  .pos-r-0-sm { right: 0rem !important; }
  .pos-r-05-sm { right: 0.5rem !important; }
  .pos-r-1-sm { right: 1rem !important; }
  .pos-r-2-sm { right: 1.5rem !important; }
  .pos-r-3-sm { right: 2rem !important; }
  .pos-r-4-sm { right: 3rem !important; }
  .pos-r-5-sm { right: 4rem !important; }
  .pos-r-6-sm { right: 5rem !important; }
  .z-1-sm { z-index: 100 !important; }
  .z-2-sm { z-index: 200 !important; }
  .z-3-sm { z-index: 300 !important; }
  .z-4-sm { z-index: 400 !important; } }

@media screen and (min-width: 680px) { .relative-md { position: relative !important; }
  .absolute-md { position: absolute !important; }
  .fixed-md { position: fixed !important; }
  .static-md { position: static !important; }
  .pos-t-0-md { top: 0rem !important; }
  .pos-t-05-md { top: 0.5rem !important; }
  .pos-t-1-md { top: 1rem !important; }
  .pos-t-2-md { top: 1.5rem !important; }
  .pos-t-3-md { top: 2rem !important; }
  .pos-t-4-md { top: 3rem !important; }
  .pos-t-5-md { top: 4rem !important; }
  .pos-t-6-md { top: 5rem !important; }
  .pos-b-0-md { bottom: 0rem !important; }
  .pos-b-05-md { bottom: 0.5rem !important; }
  .pos-b-1-md { bottom: 1rem !important; }
  .pos-b-2-md { bottom: 1.5rem !important; }
  .pos-b-3-md { bottom: 2rem !important; }
  .pos-b-4-md { bottom: 3rem !important; }
  .pos-b-5-md { bottom: 4rem !important; }
  .pos-b-6-md { bottom: 5rem !important; }
  .pos-l-0-md { left: 0rem !important; }
  .pos-l-05-md { left: 0.5rem !important; }
  .pos-l-1-md { left: 1rem !important; }
  .pos-l-2-md { left: 1.5rem !important; }
  .pos-l-3-md { left: 2rem !important; }
  .pos-l-4-md { left: 3rem !important; }
  .pos-l-5-md { left: 4rem !important; }
  .pos-l-6-md { left: 5rem !important; }
  .pos-r-0-md { right: 0rem !important; }
  .pos-r-05-md { right: 0.5rem !important; }
  .pos-r-1-md { right: 1rem !important; }
  .pos-r-2-md { right: 1.5rem !important; }
  .pos-r-3-md { right: 2rem !important; }
  .pos-r-4-md { right: 3rem !important; }
  .pos-r-5-md { right: 4rem !important; }
  .pos-r-6-md { right: 5rem !important; }
  .z-1-md { z-index: 100 !important; }
  .z-2-md { z-index: 200 !important; }
  .z-3-md { z-index: 300 !important; }
  .z-4-md { z-index: 400 !important; } }

@media screen and (min-width: 960px) { .relative-lg { position: relative !important; }
  .absolute-lg { position: absolute !important; }
  .fixed-lg { position: fixed !important; }
  .static-lg { position: static !important; }
  .pos-t-0-lg { top: 0rem !important; }
  .pos-t-05-lg { top: 0.5rem !important; }
  .pos-t-1-lg { top: 1rem !important; }
  .pos-t-2-lg { top: 1.5rem !important; }
  .pos-t-3-lg { top: 2rem !important; }
  .pos-t-4-lg { top: 3rem !important; }
  .pos-t-5-lg { top: 4rem !important; }
  .pos-t-6-lg { top: 5rem !important; }
  .pos-b-0-lg { bottom: 0rem !important; }
  .pos-b-05-lg { bottom: 0.5rem !important; }
  .pos-b-1-lg { bottom: 1rem !important; }
  .pos-b-2-lg { bottom: 1.5rem !important; }
  .pos-b-3-lg { bottom: 2rem !important; }
  .pos-b-4-lg { bottom: 3rem !important; }
  .pos-b-5-lg { bottom: 4rem !important; }
  .pos-b-6-lg { bottom: 5rem !important; }
  .pos-l-0-lg { left: 0rem !important; }
  .pos-l-05-lg { left: 0.5rem !important; }
  .pos-l-1-lg { left: 1rem !important; }
  .pos-l-2-lg { left: 1.5rem !important; }
  .pos-l-3-lg { left: 2rem !important; }
  .pos-l-4-lg { left: 3rem !important; }
  .pos-l-5-lg { left: 4rem !important; }
  .pos-l-6-lg { left: 5rem !important; }
  .pos-r-0-lg { right: 0rem !important; }
  .pos-r-05-lg { right: 0.5rem !important; }
  .pos-r-1-lg { right: 1rem !important; }
  .pos-r-2-lg { right: 1.5rem !important; }
  .pos-r-3-lg { right: 2rem !important; }
  .pos-r-4-lg { right: 3rem !important; }
  .pos-r-5-lg { right: 4rem !important; }
  .pos-r-6-lg { right: 5rem !important; }
  .z-1-lg { z-index: 100 !important; }
  .z-2-lg { z-index: 200 !important; }
  .z-3-lg { z-index: 300 !important; }
  .z-4-lg { z-index: 400 !important; } }

@media screen and (min-width: 1140px) { .m-0-xl { margin: 0rem !important; }
  .m-05-xl { margin: 0.5rem !important; }
  .m-1-xl { margin: 1rem !important; }
  .m-2-xl { margin: 1.5rem !important; }
  .m-3-xl { margin: 2rem !important; }
  .m-4-xl { margin: 3rem !important; }
  .m-5-xl { margin: 4rem !important; }
  .m-6-xl { margin: 5rem !important; }
  .m-t-0-xl { margin-top: 0rem !important; }
  .m-t-05-xl { margin-top: 0.5rem !important; }
  .m-t-1-xl { margin-top: 1rem !important; }
  .m-t-2-xl { margin-top: 1.5rem !important; }
  .m-t-3-xl { margin-top: 2rem !important; }
  .m-t-4-xl { margin-top: 3rem !important; }
  .m-t-5-xl { margin-top: 4rem !important; }
  .m-t-6-xl { margin-top: 5rem !important; }
  .m-b-0-xl { margin-bottom: 0rem !important; }
  .m-b-05-xl { margin-bottom: 0.5rem !important; }
  .m-b-1-xl { margin-bottom: 1rem !important; }
  .m-b-2-xl { margin-bottom: 1.5rem !important; }
  .m-b-3-xl { margin-bottom: 2rem !important; }
  .m-b-4-xl { margin-bottom: 3rem !important; }
  .m-b-5-xl { margin-bottom: 4rem !important; }
  .m-b-6-xl { margin-bottom: 5rem !important; }
  .m-l-0-xl { margin-left: 0rem !important; }
  .m-l-05-xl { margin-left: 0.5rem !important; }
  .m-l-1-xl { margin-left: 1rem !important; }
  .m-l-2-xl { margin-left: 1.5rem !important; }
  .m-l-3-xl { margin-left: 2rem !important; }
  .m-l-4-xl { margin-left: 3rem !important; }
  .m-l-5-xl { margin-left: 4rem !important; }
  .m-l-6-xl { margin-left: 5rem !important; }
  .m-r-0-xl { margin-right: 0rem !important; }
  .m-r-05-xl { margin-right: 0.5rem !important; }
  .m-r-1-xl { margin-right: 1rem !important; }
  .m-r-2-xl { margin-right: 1.5rem !important; }
  .m-r-3-xl { margin-right: 2rem !important; }
  .m-r-4-xl { margin-right: 3rem !important; }
  .m-r-5-xl { margin-right: 4rem !important; }
  .m-r-6-xl { margin-right: 5rem !important; }
  .m-lr-0-xl { margin-left: 0rem !important; margin-right: 0rem !important; }
  .m-lr-05-xl { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-lr-1-xl { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-lr-2-xl { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-lr-3-xl { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-lr-4-xl { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-lr-5-xl { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-lr-6-xl { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-tb-0-xl { margin-top: 0rem !important; margin-bottom: 0rem !important; }
  .m-tb-05-xl { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-tb-1-xl { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-tb-2-xl { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-tb-3-xl { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-tb-4-xl { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-tb-5-xl { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-tb-6-xl { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-auto-xl { margin: 0 auto !important; }
  .m-all-auto-xl { margin-all: auto !important; }
  .m-t-auto-xl { margin-top: auto !important; }
  .m-b-auto-xl { margin-bottom: auto !important; }
  .m-l-auto-xl { margin-left: auto !important; }
  .m-r-auto-xl { margin-right: auto !important; }
  .m-lr-auto-xl { margin-: auto !important; }
  .m-tb-auto-xl { margin-: auto !important; } }

@media screen { .align-top-xs { vertical-align: top !important; }
  .align-middle-xs { vertical-align: middle !important; }
  .align-bottom-xs { vertical-align: bottom !important; } }

@media screen and (min-width: 480px) { .align-top-sm { vertical-align: top !important; }
  .align-middle-sm { vertical-align: middle !important; }
  .align-bottom-sm { vertical-align: bottom !important; } }

@media screen and (min-width: 680px) { .align-top-md { vertical-align: top !important; }
  .align-middle-md { vertical-align: middle !important; }
  .align-bottom-md { vertical-align: bottom !important; } }

@media screen and (min-width: 960px) { .align-top-lg { vertical-align: top !important; }
  .align-middle-lg { vertical-align: middle !important; }
  .align-bottom-lg { vertical-align: bottom !important; } }

@media screen and (min-width: 1140px) { .align-top-xl { vertical-align: top !important; }
  .align-middle-xl { vertical-align: middle !important; }
  .align-bottom-xl { vertical-align: bottom !important; } }

.form-fieldset { padding: 0; border: 0; margin: 0; }

.form-feedback { display: block; margin-top: .5rem; font-size: .9rem; }

.form-feedback-success .form-feedback { color: #24793d; }

.form-feedback-warning .form-feedback { color: #bf570f; }

.form-feedback-error .form-feedback { color: #be4a4a; }

.form-label, .form-helper { display: block; }

.form-label { color: #40484a; font-weight: 700; margin-bottom: .5rem; line-height: 1.3; }

.form-label-required { color: #be4a4a; font-weight: 700; }

.form-feedback-success .form-label { color: #24793d; }

.form-feedback-warning .form-label { color: #bf570f; }

.form-feedback-error .form-label { color: #be4a4a; }

.form-helper { color: #7b8b8e; font-weight: 400; font-size: .9rem; margin-top: .5rem; }

.form-text-input, .form-textarea { background-color: #f9fafa; border-color: #d4d9dd; transition: .2s; margin: 0; font-size: 1rem; padding: .75rem 1rem; outline: none; border: 2px solid #d4d9dd; border-radius: 4px; box-shadow: 0; box-sizing: border-box; color: #40484a; }

.form-text-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder { color: #4b5658; }

.form-text-input:-moz-placeholder, .form-textarea:-moz-placeholder { color: #4b5658; }

.form-text-input::-moz-placeholder, .form-textarea::-moz-placeholder { color: #4b5658; }

.form-text-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder { color: #4b5658; }

.form-text-input .placeholder, .form-textarea .placeholder { color: #4b5658; }

.form-feedback-success .form-text-input, .form-feedback-warning .form-text-input, .form-feedback-error .form-text-input, .form-feedback-success .form-textarea, .form-feedback-warning .form-textarea, .form-feedback-error .form-textarea { background-color: #fff; }

.form-feedback-success .form-text-input, .form-feedback-success .form-textarea { border-color: #24793d; }

.form-feedback-warning .form-text-input, .form-feedback-warning .form-textarea { border-color: #bf570f; }

.form-feedback-error .form-text-input, .form-feedback-error .form-textarea { border-color: #be4a4a; }

.form-text-input:focus, .form-textarea:focus { background-color: #fff; border-color: #8c9aa6; box-shadow: 0 0 0px 2px #8c9aa6; box-shadow: 0 0 0px 2px #8c9aa6; }

.form-feedback-success .form-text-input:focus, .form-feedback-warning .form-text-input:focus, .form-feedback-error .form-text-input:focus, .form-feedback-success .form-textarea:focus, .form-feedback-warning .form-textarea:focus, .form-feedback-error .form-textarea:focus { background-color: #fff; }

.form-feedback-success .form-text-input:focus, .form-feedback-success .form-textarea:focus { border-color: #164a25; }

.form-feedback-warning .form-text-input:focus, .form-feedback-warning .form-textarea:focus { border-color: #863d0b; }

.form-feedback-error .form-text-input:focus, .form-feedback-error .form-textarea:focus { border-color: #953636; }

.form-text-input:hover, .form-textarea:hover { border-color: #8c9aa6; }

.form-feedback-success .form-text-input:hover, .form-feedback-success .form-textarea:hover { border-color: #164a25; }

.form-feedback-warning .form-text-input:hover, .form-feedback-warning .form-textarea:hover { border-color: #863d0b; }

.form-feedback-error .form-text-input:hover, .form-feedback-error .form-textarea:hover { border-color: #953636; }

.form-textarea { vertical-align: top; }

.form-select { -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); background-size: .9rem; background-repeat: no-repeat; background-position: calc(100% - 1rem) center; background-color: #f9fafa; border: 2px solid #d4d9dd; border-radius: 4px; font-weight: 700; color: #4b5658; outline: none; padding: .844rem 1rem; padding-right: 3rem; line-height: 1; }

.form-feedback-success .form-select, .form-feedback-warning .form-select, .form-feedback-error .form-select { background-color: #fff; }

.form-feedback-success .form-select { border-color: #24793d; }

.form-feedback-warning .form-select { border-color: #bf570f; }

.form-feedback-error .form-select { border-color: #be4a4a; }

.safari .form-select { padding: .85rem 1rem; padding-right: 3rem; }

.ff .form-select { padding: .688rem 1rem; padding-right: 2rem; }

.form-select:focus { background-color: #fff; border: 2px solid #8c9aa6; box-shadow: 0 0 0px 2px #8c9aa6; }

.form-feedback-success .form-select:focus, .form-feedback-warning .form-select:focus, .form-feedback-error .form-select:focus { background-color: #fff; }

.form-feedback-success .form-select:focus { border-color: #164a25; }

.form-feedback-warning .form-select:focus { border-color: #863d0b; }

.form-feedback-error .form-select:focus { border-color: #953636; }

.form-select:hover { border: 2px solid #8c9aa6; color: #40484a; cursor: pointer; }

.form-feedback-success .form-select:hover, .form-feedback-warning .form-select:hover, .form-feedback-error .form-select:hover { background-color: #fff; }

.form-feedback-success .form-select:hover { border-color: #164a25; }

.form-feedback-warning .form-select:hover { border-color: #863d0b; }

.form-feedback-error .form-select:hover { border-color: #953636; }

.form-radio, .form-checkbox { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.form-radio + .form-label, .form-checkbox + .form-label { display: block; font-weight: 400; color: #4b5658; padding: .25rem 0; margin-left: 25px !important; }

.form-radio + .form-label:before, .form-checkbox + .form-label:before { content: ''; display: inline-block; width: 1rem; height: 1rem; position: relative; bottom: -2px; margin-right: .5rem; }

.form-radio + .form-label > .form-text-input, .form-checkbox + .form-label > .form-text-input { height: 24px; line-height: 24px; padding-left: 0.25rem; }

.form-radio:checked + .form-label, .form-checkbox:checked + .form-label { color: #40484a; }

.form-radio:focus + .form-label, .form-checkbox:focus + .form-label { color: #40484a; }

.form-radio:focus + .form-label:before, .form-checkbox:focus + .form-label:before { border: 2px solid #8c9aa6; box-shadow: 0 0 0px 2px #8c9aa6; }

.form-radio:hover + .form-label, .form-radio:focus + .form-label, .form-checkbox:hover + .form-label, .form-checkbox:focus + .form-label { cursor: pointer; }

.form-radio:hover + .form-label:before, .form-radio:focus + .form-label:before, .form-checkbox:hover + .form-label:before, .form-checkbox:focus + .form-label:before { border: 2px solid #8c9aa6; cursor: pointer; }

.form-radio:hover + .text-color-white:before, .form-radio:focus + .text-color-white:before, .form-checkbox:hover + .text-color-white:before, .form-checkbox:focus + .text-color-white:before { border: 2px solid #fff; box-shadow: 0 0 0px 2px #8c9aa6; }

.form-radio + .form-label:before { border-radius: 50%; border: 2px solid #d4d9dd; margin-left: -25px; }

.form-radio:checked + .form-label:before { border: 5px solid #3f8abf; background-color: #fff; }

.form-checkbox + .form-label:before { content: ''; display: inline-block; width: 1rem; height: 1rem; border-radius: 4px; border: 2px solid #d4d9dd; margin-left: -25px !important; }

.form-checkbox:checked + .form-label:before { border: none; background-color: #3f8abf; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%0D%0A%09%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M7%2C11c-0.3%2C0-0.5-0.1-0.7-0.3l-3-3c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l2.2%2C2.2l4.3-5.2%0D%0A%09%09c0.4-0.4%2C1-0.5%2C1.4-0.1c0.4%2C0.4%2C0.5%2C1%2C0.1%2C1.4l-5%2C6C7.6%2C10.9%2C7.3%2C11%2C7%2C11C7%2C11%2C7%2C11%2C7%2C11z%27%2F%3E%0D%0A%3C%2Fsvg%3E"); background-repeat: none; background-position: center 1px; }

.form-upload { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.form-upload + .form-label { background-color: #f9fafa; color: #4b5658; display: inline-block; border: 2px solid #d4d9dd; border-radius: 4px; padding: .75rem 1rem; cursor: pointer; transition: .2s; margin-bottom: 0; }

.form-feedback-success .form-upload + .form-label, .form-feedback-warning .form-upload + .form-label, .form-feedback-error .form-upload + .form-label { background-color: #fff; }

.form-feedback-success .form-upload + .form-label { border-color: #24793d; color: #24793d; }

.form-feedback-warning .form-upload + .form-label { border-color: #bf570f; color: #bf570f; }

.form-feedback-error .form-upload + .form-label { border-color: #be4a4a; color: #be4a4a; }

.form-upload:focus + .form-label { background-color: #fff; border: 2px solid #8c9aa6; box-shadow: 0 0 0px 2px #8c9aa6; color: #40484a; }

.form-feedback-success .form-upload:focus + .form-label { border-color: #164a25; color: #164a25; }

.form-feedback-warning .form-upload:focus + .form-label { border-color: #863d0b; color: #863d0b; }

.form-feedback-error .form-upload:focus + .form-label { border-color: #953636; color: #953636; }

.form-upload + .form-label:hover { border: 2px solid #8c9aa6; color: #40484a; }

.form-feedback-success .form-upload + .form-label:hover { border-color: #164a25; color: #164a25; }

.form-feedback-warning .form-upload + .form-label:hover { border-color: #863d0b; color: #863d0b; }

.form-feedback-error .form-upload + .form-label:hover { border-color: #953636; color: #953636; }

.form-inverse .form-fieldset { padding: 0; border: 0; margin: 0; }

.form-inverse .form-feedback { color: #fff; font-size: .9rem; display: block; padding: 1em; margin-top: 0px; font-weight: 500; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.form-inverse .form-feedback-error input, .form-inverse .form-feedback-error select, .form-inverse .form-feedback-error textarea, .form-inverse .form-feedback-warning input, .form-inverse .form-feedback-warning select, .form-inverse .form-feedback-warning textarea, .form-inverse .form-feedback-success input, .form-inverse .form-feedback-success select, .form-inverse .form-feedback-success textarea { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.form-inverse .form-feedback-error label:hover, .form-inverse .form-feedback-error label:focus, .form-inverse .form-feedback-warning label:hover, .form-inverse .form-feedback-warning label:focus, .form-inverse .form-feedback-success label:hover, .form-inverse .form-feedback-success label:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.form-inverse .form-feedback-error .form-upload ~ .form-feedback, .form-inverse .form-feedback-warning .form-upload ~ .form-feedback, .form-inverse .form-feedback-success .form-upload ~ .form-feedback { display: block; float: left; clear: both; top: 15px; }

.form-inverse .form-feedback-error .form-upload + .form-label, .form-inverse .form-feedback-warning .form-upload + .form-label, .form-inverse .form-feedback-success .form-upload + .form-label { display: block; float: left; }

.form-inverse .form-feedback-error .form-upload + .form-label:focus, .form-inverse .form-feedback-warning .form-upload + .form-label:focus, .form-inverse .form-feedback-success .form-upload + .form-label:focus { border: 2px solid #fff; box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); outline: 2px dotted transparent; outline-offset: 2px; }

.form-inverse .form-feedback-error .form-radio ~ .form-feedback, .form-inverse .form-feedback-error .form-checkbox ~ .form-feedback, .form-inverse .form-feedback-error .form-upload ~ .form-feedback, .form-inverse .form-feedback-warning .form-radio ~ .form-feedback, .form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback, .form-inverse .form-feedback-warning .form-upload ~ .form-feedback, .form-inverse .form-feedback-success .form-radio ~ .form-feedback, .form-inverse .form-feedback-success .form-checkbox ~ .form-feedback, .form-inverse .form-feedback-success .form-upload ~ .form-feedback { color: #fff; font-size: 12px; display: inline-block; position: relative; padding: 1em; margin-top: 0px; font-weight: 500; border-radius: 4px; }

.form-inverse .form-feedback-error .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-error .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-error .form-upload ~ .form-feedback:after, .form-inverse .form-feedback-warning .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-warning .form-upload ~ .form-feedback:after, .form-inverse .form-feedback-success .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-success .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-success .form-upload ~ .form-feedback:after { bottom: 100%; left: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(190, 74, 74, 0); border-width: 8px; margin-left: -8px; }

.form-inverse .form-feedback-success .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-success .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-success .form-upload ~ .form-feedback:after { border-bottom-color: #24793d; }

.form-inverse .form-feedback-warning .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-warning .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-warning .form-upload ~ .form-feedback:after { border-bottom-color: #bf570f; }

.form-inverse .form-feedback-error .form-radio ~ .form-feedback:after, .form-inverse .form-feedback-error .form-checkbox ~ .form-feedback:after, .form-inverse .form-feedback-error .form-upload ~ .form-feedback:after { border-bottom-color: #be4a4a; }

.form-inverse .form-feedback-success .form-feedback { background-color: #24793d; }

.form-inverse .form-feedback-success input, .form-inverse .form-feedback-success select, .form-inverse .form-feedback-success textarea { border: 2px solid #24793d; }

.form-inverse .form-feedback-warning .form-feedback { background-color: #bf570f; }

.form-inverse .form-feedback-warning input, .form-inverse .form-feedback-warning select, .form-inverse .form-feedback-warning textarea { border: 2px solid #bf570f; }

.form-inverse .form-feedback-error .form-feedback { background-color: #be4a4a; }

.form-inverse .form-feedback-error input, .form-inverse .form-feedback-error select, .form-inverse .form-feedback-error textarea { border: 2px solid #be4a4a; }

.form-inverse .form-feedback-success .form-upload + .form-label { border: 2px solid #24793d; }

.form-inverse .form-feedback-warning .form-upload + .form-label { border: 2px solid #bf570f; }

.form-inverse .form-feedback-error .form-upload + .form-label { border: 2px solid #be4a4a; }

.form-inverse .form-label, .form-inverse .form-helper { display: block; }

.form-inverse .form-label { color: #fff; font-weight: 700; margin-bottom: .5rem; line-height: 1.3; position: relative; }

.form-inverse .form-label:hover { cursor: pointer; }

.form-inverse .form-label-required { color: #be4a4a; font-weight: 700; }

.form-inverse .form-label-required-inset { color: #be4a4a; font-weight: 700; position: absolute; top: 33px; right: 8px; }

.form-feedback-success .form-inverse .form-label { color: #24793d; }

.form-feedback-warning .form-inverse .form-label { color: #bf570f; }

.form-feedback-error .form-inverse .form-label { color: #be4a4a; }

.form-inverse .form-helper { color: #fff; font-weight: 400; font-size: .9rem; margin-top: .5rem; }

.form-inverse .form-text-input, .form-inverse .form-textarea { background-color: #f9fafa; border-color: #d4d9dd; transition: .2s; margin: 0; font-size: 1rem; padding: .75rem 1rem; outline: none; border: 2px solid #fff; border-radius: 4px; box-shadow: 0; box-sizing: border-box; color: #40484a; }

.form-inverse .form-text-input::-webkit-input-placeholder, .form-inverse .form-textarea::-webkit-input-placeholder { color: #4b5658; }

.form-inverse .form-text-input:-moz-placeholder, .form-inverse .form-textarea:-moz-placeholder { color: #4b5658; }

.form-inverse .form-text-input::-moz-placeholder, .form-inverse .form-textarea::-moz-placeholder { color: #4b5658; }

.form-inverse .form-text-input:-ms-input-placeholder, .form-inverse .form-textarea:-ms-input-placeholder { color: #4b5658; }

.form-inverse .form-text-input .placeholder, .form-inverse .form-textarea .placeholder { color: #4b5658; }

.form-feedback-success .form-inverse .form-text-input, .form-feedback-warning .form-inverse .form-text-input, .form-feedback-error .form-inverse .form-text-input, .form-feedback-success .form-inverse .form-textarea, .form-feedback-warning .form-inverse .form-textarea, .form-feedback-error .form-inverse .form-textarea { background-color: #fff; }

.form-feedback-success .form-inverse .form-text-input, .form-feedback-success .form-inverse .form-textarea { border-color: #164a25; }

.form-feedback-warning .form-inverse .form-text-input, .form-feedback-warning .form-inverse .form-textarea { border-color: #863d0b; }

.form-feedback-error .form-inverse .form-text-input, .form-feedback-error .form-inverse .form-textarea { border-color: #953636; }

.form-inverse .form-text-input:hover, .form-inverse .form-textarea:hover { -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); }

.form-inverse .form-text-input:focus, .form-inverse .form-textarea:focus { border: 2px solid #fff; box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); outline: 2px dotted transparent; outline-offset: 2px; }

.form-feedback-success .form-inverse .form-text-input:focus, .form-feedback-warning .form-inverse .form-text-input:focus, .form-feedback-error .form-inverse .form-text-input:focus, .form-feedback-success .form-inverse .form-textarea:focus, .form-feedback-warning .form-inverse .form-textarea:focus, .form-feedback-error .form-inverse .form-textarea:focus { background-color: #fff; }

.form-inverse .form-textarea { vertical-align: top; }

.form-inverse .form-select { -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); background-size: .9rem; background-repeat: no-repeat; background-position: calc(100% - 1rem) center; background-color: #f9fafa; border: 2px solid #fff; border-radius: 4px; font-weight: 700; color: #4b5658; outline: none; padding: .844rem 1rem; padding-right: 3rem; line-height: 1; }

.safari .form-inverse .form-select { padding: .85rem 1rem; padding-right: 3rem; }

.ff .form-inverse .form-select { padding: .688rem 1rem; padding-right: 2rem; }

.form-inverse .form-select:focus { background-color: #fff; border: 2px solid #fff; box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); outline: 2px dotted transparent; outline-offset: 2px; }

.form-inverse .form-select:hover { background-color: #fff; color: #40484a; -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); cursor: pointer; }

.form-inverse .form-radio, .form-inverse .form-checkbox { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.form-inverse .form-radio + .form-label, .form-inverse .form-checkbox + .form-label { display: block; font-weight: 400; color: #fff; padding: .25rem 0; margin-left: 25px !important; }

.form-inverse .form-radio + .form-label:before, .form-inverse .form-checkbox + .form-label:before { content: ''; display: inline-block; width: 1rem; height: 1rem; position: relative; bottom: -2px; margin-right: .5rem; }

.form-inverse .form-radio + .form-label > .form-text-input, .form-inverse .form-checkbox + .form-label > .form-text-input { height: 24px; line-height: 24px; padding-left: 0.25rem; }

.form-inverse .form-radio:checked + .form-label, .form-inverse .form-checkbox:checked + .form-label { color: #fff; }

.form-inverse .form-radio:hover + .form-label:before, .form-inverse .form-checkbox:hover + .form-label:before { border: 2px solid #fff; cursor: pointer; -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); }

.form-inverse .form-radio:focus + .form-label:before, .form-inverse .form-checkbox:focus + .form-label:before { border: 2px solid #fff; cursor: pointer; box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); outline: 2px dotted transparent; outline-offset: 2px; }

.form-inverse .form-radio + .form-label:before { border-radius: 50%; border: 2px solid #f0f2f4; margin-left: -25px; }

.form-inverse .form-radio:checked + .form-label:before { border: 5px solid #fff; background-color: #3f8abf; }

.form-inverse .form-checkbox + .form-label:before { content: ''; display: inline-block; width: 1rem; height: 1rem; border-radius: 4px; border: 2px solid #f0f2f4; margin-left: -25px !important; }

.form-inverse .form-checkbox:checked + .form-label:before { border: none; background-color: #3f8abf; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%0D%0A%09%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M7%2C11c-0.3%2C0-0.5-0.1-0.7-0.3l-3-3c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l2.2%2C2.2l4.3-5.2%0D%0A%09%09c0.4-0.4%2C1-0.5%2C1.4-0.1c0.4%2C0.4%2C0.5%2C1%2C0.1%2C1.4l-5%2C6C7.6%2C10.9%2C7.3%2C11%2C7%2C11C7%2C11%2C7%2C11%2C7%2C11z%27%2F%3E%0D%0A%3C%2Fsvg%3E"); background-repeat: none; background-position: center 1px; border: 2px solid #fff; }

.form-inverse .form-upload { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.form-inverse .form-upload + .form-label { background-color: #f9fafa; color: #4b5658; display: inline-block; border: 2px solid #fff; border-radius: 4px; padding: .75rem 1rem; cursor: pointer; transition: .2s; margin-bottom: 0; }

.form-feedback-success .form-inverse .form-upload + .form-label, .form-feedback-warning .form-inverse .form-upload + .form-label, .form-feedback-error .form-inverse .form-upload + .form-label { background-color: #fff; }

.form-feedback-success .form-inverse .form-upload + .form-label { border-color: #24793d; color: #24793d; }

.form-feedback-warning .form-inverse .form-upload + .form-label { border-color: #bf570f; color: #bf570f; }

.form-feedback-error .form-inverse .form-upload + .form-label { border-color: #be4a4a; color: #be4a4a; }

.form-inverse .form-upload + .form-label:hover { -webkit-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); -moz-box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); box-shadow: 0px 0px 0px 3px rgba(45, 51, 57, 0.6); }

.form-inverse .form-upload:focus + .form-label { box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.75); outline: 2px dotted transparent; outline-offset: 2px; color: #40484a; }

table { width: 100%; border-collapse: collapse; }

table th { font-weight: 600; }

table th, table td { text-align: left; padding: .5rem; }

.table-border-rows { border: 1px solid #e8ebed !important; }

.table-border-rows th, .table-border-rows td { border-bottom: 1px solid #e8ebed !important; }

.table-border-rows tr:last-child td { border-bottom: none; }

.table-border-rows-dark { border: 1px solid #b7c0c7 !important; }

.table-border-rows-dark th, .table-border-rows-dark td { border-bottom: 1px solid #b7c0c7 !important; }

.table-border-rows-dark tr:last-child td { border-bottom: none; }

.table-border-rows-mid { border: 1px solid #d4d9dd !important; }

.table-border-rows-mid th, .table-border-rows-mid td { border-bottom: 1px solid #d4d9dd !important; }

.table-border-rows-mid tr:last-child td { border-bottom: none; }

.table-border-rows-light { border: 1px solid #f0f2f4 !important; }

.table-border-rows-light th, .table-border-rows-light td { border-bottom: 1px solid #f0f2f4 !important; }

.table-border-rows-light tr:last-child td { border-bottom: none; }

.table-border-cells { border: 1px solid #e8ebed !important; }

.table-border-cells th, .table-border-cells td { border-bottom: 1px solid #e8ebed !important; border-left: 1px solid #e8ebed !important; }

.table-border-cells tr:last-child td { border-bottom: none; }

.table-border-cells-dark { border: 1px solid #b7c0c7 !important; }

.table-border-cells-dark th, .table-border-cells-dark td { border-bottom: 1px solid #b7c0c7 !important; border-left: 1px solid #b7c0c7 !important; }

.table-border-cells-dark tr:last-child td { border-bottom: none; }

.table-border-cells-mid { border: 1px solid #d4d9dd !important; }

.table-border-cells-mid th, .table-border-cells-mid td { border-bottom: 1px solid #d4d9dd !important; border-left: 1px solid #d4d9dd !important; }

.table-border-cells-mid tr:last-child td { border-bottom: none; }

.table-border-cells-light { border: 1px solid #f0f2f4 !important; }

.table-border-cells-light th, .table-border-cells-light td { border-bottom: 1px solid #f0f2f4 !important; border-left: 1px solid #f0f2f4 !important; }

.table-border-cells-light tr:last-child td { border-bottom: none; }

.table-border-columns { border: 1px solid #e8ebed !important; }

.table-border-columns th, .table-border-columns td { border-left: 1px solid #e8ebed !important; }

.table-border-columns tr:last-child td { border-bottom: none; }

.table-border-columns-dark { border: 1px solid #b7c0c7 !important; }

.table-border-columns-dark th, .table-border-columns-dark td { border-left: 1px solid #b7c0c7 !important; }

.table-border-columns-dark tr:last-child td { border-bottom: none; }

.table-border-columns-mid { border: 1px solid #d4d9dd !important; }

.table-border-columns-mid th, .table-border-columns-mid td { border-left: 1px solid #d4d9dd !important; }

.table-border-columns-mid tr:last-child td { border-bottom: none; }

.table-border-columns-light { border: 1px solid #f0f2f4 !important; }

.table-border-columns-light th, .table-border-columns-light td { border-left: 1px solid #f0f2f4 !important; }

.table-border-columns-light tr:last-child td { border-bottom: none; }

@media screen { .rotate-0-xs { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
  .rotate-45-xs { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
  .rotate-90-xs { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
  .rotate-135-xs { -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
  .rotate-180-xs { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
  .rotate-225-xs { -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important; }
  .rotate-270-xs { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
  .rotate-315-xs { -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important; } }

@media screen and (min-width: 480px) { .rotate-0-sm { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
  .rotate-45-sm { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
  .rotate-90-sm { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
  .rotate-135-sm { -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
  .rotate-180-sm { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
  .rotate-225-sm { -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important; }
  .rotate-270-sm { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
  .rotate-315-sm { -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important; } }

@media screen and (min-width: 680px) { .rotate-0-md { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
  .rotate-45-md { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
  .rotate-90-md { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
  .rotate-135-md { -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
  .rotate-180-md { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
  .rotate-225-md { -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important; }
  .rotate-270-md { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
  .rotate-315-md { -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important; } }

@media screen and (min-width: 960px) { .rotate-0-lg { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
  .rotate-45-lg { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
  .rotate-90-lg { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
  .rotate-135-lg { -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
  .rotate-180-lg { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
  .rotate-225-lg { -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important; }
  .rotate-270-lg { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
  .rotate-315-lg { -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important; } }

@media screen and (min-width: 1140px) { .rotate-0-xl { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
  .rotate-45-xl { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
  .rotate-90-xl { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
  .rotate-135-xl { -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
  .rotate-180-xl { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
  .rotate-225-xl { -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important; }
  .rotate-270-xl { -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
  .rotate-315-xl { -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important; } }

@media screen { .flex-block-xs { display: flex !important; }
  .flex-inline-xs { display: inline-flex !important; }
  .flex-row-xs { flex-direction: row !important; }
  .flex-row-reverse-xs { flex-direction: row-reverse !important; }
  .flex-column-xs { flex-direction: column !important; }
  .flex-column-reverse-xs { flex-direction: column-reverse !important; }
  .flex-wrap-xs { flex-wrap: wrap !important; }
  .flex-nowrap-xs { flex-wrap: nowrap !important; }
  .flex-wrap-reverse-xs { flex-wrap: wrap-reverse !important; }
  .flex-justify-start-xs { justify-content: flex-start !important; }
  .flex-justify-end-xs { justify-content: flex-end !important; }
  .flex-justify-center-xs { justify-content: center !important; }
  .flex-justify-between-xs { justify-content: space-between !important; }
  .flex-justify-around-xs { justify-content: space-around !important; }
  .flex-item-start-xs { align-items: flex-start !important; }
  .flex-item-end-xs { align-items: flex-end !important; }
  .flex-item-center-xs { align-items: center !important; }
  .flex-item-stretch-xs { align-items: stretch !important; }
  .flex-item-baseline-xs { align-items: baseline !important; }
  .flex-content-start-xs { align-content: flex-start !important; }
  .flex-content-end-xs { align-content: flex-end !important; }
  .flex-content-center-xs { align-content: center !important; }
  .flex-content-around-xs { align-content: space-around !important; }
  .flex-content-between-xs { align-content: space-between !important; }
  .flex-content-stretch-xs { align-content: stretch !important; }
  .flex-order-1-xs { order: 1 !important; }
  .flex-order-2-xs { order: 2 !important; }
  .flex-order-3-xs { order: 3 !important; }
  .flex-order-4-xs { order: 4 !important; }
  .flex-order-5-xs { order: 5 !important; }
  .flex-order-6-xs { order: 6 !important; }
  .flex-grow-0-xs { flex-grow: 0 !important; }
  .flex-grow-1-xs { flex-grow: 1 !important; }
  .flex-grow-2-xs { flex-grow: 2 !important; }
  .flex-grow-3-xs { flex-grow: 3 !important; }
  .flex-grow-4-xs { flex-grow: 4 !important; }
  .flex-grow-5-xs { flex-grow: 5 !important; }
  .flex-grow-6-xs { flex-grow: 6 !important; }
  .flex-shrink-1-xs { flex-shrink: 1 !important; }
  .flex-shrink-2-xs { flex-shrink: 2 !important; }
  .flex-shrink-3-xs { flex-shrink: 3 !important; }
  .flex-shrink-4-xs { flex-shrink: 4 !important; }
  .flex-shrink-5-xs { flex-shrink: 5 !important; }
  .flex-shrink-6-xs { flex-shrink: 6 !important; }
  .flex-basis-5-xs { flex-basis: 5% !important; }
  .flex-basis-10-xs { flex-basis: 10% !important; }
  .flex-basis-15-xs { flex-basis: 15% !important; }
  .flex-basis-20-xs { flex-basis: 20% !important; }
  .flex-basis-25-xs { flex-basis: 25% !important; }
  .flex-basis-30-xs { flex-basis: 30% !important; }
  .flex-basis-33-xs { flex-basis: 33% !important; }
  .flex-basis-35-xs { flex-basis: 35% !important; }
  .flex-basis-40-xs { flex-basis: 40% !important; }
  .flex-basis-45-xs { flex-basis: 45% !important; }
  .flex-basis-50-xs { flex-basis: 50% !important; }
  .flex-basis-55-xs { flex-basis: 55% !important; }
  .flex-basis-60-xs { flex-basis: 60% !important; }
  .flex-basis-65-xs { flex-basis: 65% !important; }
  .flex-basis-70-xs { flex-basis: 70% !important; }
  .flex-basis-75-xs { flex-basis: 75% !important; }
  .flex-basis-80-xs { flex-basis: 80% !important; }
  .flex-basis-85-xs { flex-basis: 85% !important; }
  .flex-basis-90-xs { flex-basis: 90% !important; }
  .flex-basis-95-xs { flex-basis: 95% !important; }
  .flex-basis-100-xs { flex-basis: 100% !important; }
  .flex-basis-auto-xs { flex-basis: auto !important; }
  .flex-basis-s0-xs { flex-basis: 0rem !important; }
  .flex-basis-s05-xs { flex-basis: 0.5rem !important; }
  .flex-basis-s1-xs { flex-basis: 1rem !important; }
  .flex-basis-s2-xs { flex-basis: 1.5rem !important; }
  .flex-basis-s3-xs { flex-basis: 2rem !important; }
  .flex-basis-s4-xs { flex-basis: 3rem !important; }
  .flex-basis-s5-xs { flex-basis: 4rem !important; }
  .flex-basis-s6-xs { flex-basis: 5rem !important; }
  .flex-self-auto-xs { align-self: auto !important; }
  .flex-self-start-xs { align-self: flex-start !important; }
  .flex-self-start-flush-xs { align-self: start !important; }
  .flex-self-end-xs { align-self: flex-end !important; }
  .flex-self-end-flush-xs { align-self: end !important; }
  .flex-self-center-xs { align-self: center !important; }
  .flex-self-stretch-xs { align-self: stretch !important; }
  .flex-self-baseline-xs { align-self: baseline !important; } }

@media screen and (min-width: 480px) { .flex-block-sm { display: flex !important; }
  .flex-inline-sm { display: inline-flex !important; }
  .flex-row-sm { flex-direction: row !important; }
  .flex-row-reverse-sm { flex-direction: row-reverse !important; }
  .flex-column-sm { flex-direction: column !important; }
  .flex-column-reverse-sm { flex-direction: column-reverse !important; }
  .flex-wrap-sm { flex-wrap: wrap !important; }
  .flex-nowrap-sm { flex-wrap: nowrap !important; }
  .flex-wrap-reverse-sm { flex-wrap: wrap-reverse !important; }
  .flex-justify-start-sm { justify-content: flex-start !important; }
  .flex-justify-end-sm { justify-content: flex-end !important; }
  .flex-justify-center-sm { justify-content: center !important; }
  .flex-justify-between-sm { justify-content: space-between !important; }
  .flex-justify-around-sm { justify-content: space-around !important; }
  .flex-item-start-sm { align-items: flex-start !important; }
  .flex-item-end-sm { align-items: flex-end !important; }
  .flex-item-center-sm { align-items: center !important; }
  .flex-item-stretch-sm { align-items: stretch !important; }
  .flex-item-baseline-sm { align-items: baseline !important; }
  .flex-content-start-sm { align-content: flex-start !important; }
  .flex-content-end-sm { align-content: flex-end !important; }
  .flex-content-center-sm { align-content: center !important; }
  .flex-content-around-sm { align-content: space-around !important; }
  .flex-content-between-sm { align-content: space-between !important; }
  .flex-content-stretch-sm { align-content: stretch !important; }
  .flex-order-1-sm { order: 1 !important; }
  .flex-order-2-sm { order: 2 !important; }
  .flex-order-3-sm { order: 3 !important; }
  .flex-order-4-sm { order: 4 !important; }
  .flex-order-5-sm { order: 5 !important; }
  .flex-order-6-sm { order: 6 !important; }
  .flex-grow-0-sm { flex-grow: 0 !important; }
  .flex-grow-1-sm { flex-grow: 1 !important; }
  .flex-grow-2-sm { flex-grow: 2 !important; }
  .flex-grow-3-sm { flex-grow: 3 !important; }
  .flex-grow-4-sm { flex-grow: 4 !important; }
  .flex-grow-5-sm { flex-grow: 5 !important; }
  .flex-grow-6-sm { flex-grow: 6 !important; }
  .flex-shrink-1-sm { flex-shrink: 1 !important; }
  .flex-shrink-2-sm { flex-shrink: 2 !important; }
  .flex-shrink-3-sm { flex-shrink: 3 !important; }
  .flex-shrink-4-sm { flex-shrink: 4 !important; }
  .flex-shrink-5-sm { flex-shrink: 5 !important; }
  .flex-shrink-6-sm { flex-shrink: 6 !important; }
  .flex-basis-5-sm { flex-basis: 5% !important; }
  .flex-basis-10-sm { flex-basis: 10% !important; }
  .flex-basis-15-sm { flex-basis: 15% !important; }
  .flex-basis-20-sm { flex-basis: 20% !important; }
  .flex-basis-25-sm { flex-basis: 25% !important; }
  .flex-basis-30-sm { flex-basis: 30% !important; }
  .flex-basis-33-sm { flex-basis: 33% !important; }
  .flex-basis-35-sm { flex-basis: 35% !important; }
  .flex-basis-40-sm { flex-basis: 40% !important; }
  .flex-basis-45-sm { flex-basis: 45% !important; }
  .flex-basis-50-sm { flex-basis: 50% !important; }
  .flex-basis-55-sm { flex-basis: 55% !important; }
  .flex-basis-60-sm { flex-basis: 60% !important; }
  .flex-basis-65-sm { flex-basis: 65% !important; }
  .flex-basis-70-sm { flex-basis: 70% !important; }
  .flex-basis-75-sm { flex-basis: 75% !important; }
  .flex-basis-80-sm { flex-basis: 80% !important; }
  .flex-basis-85-sm { flex-basis: 85% !important; }
  .flex-basis-90-sm { flex-basis: 90% !important; }
  .flex-basis-95-sm { flex-basis: 95% !important; }
  .flex-basis-100-sm { flex-basis: 100% !important; }
  .flex-basis-auto-sm { flex-basis: auto !important; }
  .flex-basis-s0-sm { flex-basis: 0rem !important; }
  .flex-basis-s05-sm { flex-basis: 0.5rem !important; }
  .flex-basis-s1-sm { flex-basis: 1rem !important; }
  .flex-basis-s2-sm { flex-basis: 1.5rem !important; }
  .flex-basis-s3-sm { flex-basis: 2rem !important; }
  .flex-basis-s4-sm { flex-basis: 3rem !important; }
  .flex-basis-s5-sm { flex-basis: 4rem !important; }
  .flex-basis-s6-sm { flex-basis: 5rem !important; }
  .flex-self-auto-sm { align-self: auto !important; }
  .flex-self-start-sm { align-self: flex-start !important; }
  .flex-self-start-flush-sm { align-self: start !important; }
  .flex-self-end-sm { align-self: flex-end !important; }
  .flex-self-end-flush-sm { align-self: end !important; }
  .flex-self-center-sm { align-self: center !important; }
  .flex-self-stretch-sm { align-self: stretch !important; }
  .flex-self-baseline-sm { align-self: baseline !important; } }

@media screen and (min-width: 680px) { .flex-block-md { display: flex !important; }
  .flex-inline-md { display: inline-flex !important; }
  .flex-row-md { flex-direction: row !important; }
  .flex-row-reverse-md { flex-direction: row-reverse !important; }
  .flex-column-md { flex-direction: column !important; }
  .flex-column-reverse-md { flex-direction: column-reverse !important; }
  .flex-wrap-md { flex-wrap: wrap !important; }
  .flex-nowrap-md { flex-wrap: nowrap !important; }
  .flex-wrap-reverse-md { flex-wrap: wrap-reverse !important; }
  .flex-justify-start-md { justify-content: flex-start !important; }
  .flex-justify-end-md { justify-content: flex-end !important; }
  .flex-justify-center-md { justify-content: center !important; }
  .flex-justify-between-md { justify-content: space-between !important; }
  .flex-justify-around-md { justify-content: space-around !important; }
  .flex-item-start-md { align-items: flex-start !important; }
  .flex-item-end-md { align-items: flex-end !important; }
  .flex-item-center-md { align-items: center !important; }
  .flex-item-stretch-md { align-items: stretch !important; }
  .flex-item-baseline-md { align-items: baseline !important; }
  .flex-content-start-md { align-content: flex-start !important; }
  .flex-content-end-md { align-content: flex-end !important; }
  .flex-content-center-md { align-content: center !important; }
  .flex-content-around-md { align-content: space-around !important; }
  .flex-content-between-md { align-content: space-between !important; }
  .flex-content-stretch-md { align-content: stretch !important; }
  .flex-order-1-md { order: 1 !important; }
  .flex-order-2-md { order: 2 !important; }
  .flex-order-3-md { order: 3 !important; }
  .flex-order-4-md { order: 4 !important; }
  .flex-order-5-md { order: 5 !important; }
  .flex-order-6-md { order: 6 !important; }
  .flex-grow-0-md { flex-grow: 0 !important; }
  .flex-grow-1-md { flex-grow: 1 !important; }
  .flex-grow-2-md { flex-grow: 2 !important; }
  .flex-grow-3-md { flex-grow: 3 !important; }
  .flex-grow-4-md { flex-grow: 4 !important; }
  .flex-grow-5-md { flex-grow: 5 !important; }
  .flex-grow-6-md { flex-grow: 6 !important; }
  .flex-shrink-1-md { flex-shrink: 1 !important; }
  .flex-shrink-2-md { flex-shrink: 2 !important; }
  .flex-shrink-3-md { flex-shrink: 3 !important; }
  .flex-shrink-4-md { flex-shrink: 4 !important; }
  .flex-shrink-5-md { flex-shrink: 5 !important; }
  .flex-shrink-6-md { flex-shrink: 6 !important; }
  .flex-basis-5-md { flex-basis: 5% !important; }
  .flex-basis-10-md { flex-basis: 10% !important; }
  .flex-basis-15-md { flex-basis: 15% !important; }
  .flex-basis-20-md { flex-basis: 20% !important; }
  .flex-basis-25-md { flex-basis: 25% !important; }
  .flex-basis-30-md { flex-basis: 30% !important; }
  .flex-basis-33-md { flex-basis: 33% !important; }
  .flex-basis-35-md { flex-basis: 35% !important; }
  .flex-basis-40-md { flex-basis: 40% !important; }
  .flex-basis-45-md { flex-basis: 45% !important; }
  .flex-basis-50-md { flex-basis: 50% !important; }
  .flex-basis-55-md { flex-basis: 55% !important; }
  .flex-basis-60-md { flex-basis: 60% !important; }
  .flex-basis-65-md { flex-basis: 65% !important; }
  .flex-basis-70-md { flex-basis: 70% !important; }
  .flex-basis-75-md { flex-basis: 75% !important; }
  .flex-basis-80-md { flex-basis: 80% !important; }
  .flex-basis-85-md { flex-basis: 85% !important; }
  .flex-basis-90-md { flex-basis: 90% !important; }
  .flex-basis-95-md { flex-basis: 95% !important; }
  .flex-basis-100-md { flex-basis: 100% !important; }
  .flex-basis-auto-md { flex-basis: auto !important; }
  .flex-basis-s0-md { flex-basis: 0rem !important; }
  .flex-basis-s05-md { flex-basis: 0.5rem !important; }
  .flex-basis-s1-md { flex-basis: 1rem !important; }
  .flex-basis-s2-md { flex-basis: 1.5rem !important; }
  .flex-basis-s3-md { flex-basis: 2rem !important; }
  .flex-basis-s4-md { flex-basis: 3rem !important; }
  .flex-basis-s5-md { flex-basis: 4rem !important; }
  .flex-basis-s6-md { flex-basis: 5rem !important; }
  .flex-self-auto-md { align-self: auto !important; }
  .flex-self-start-md { align-self: flex-start !important; }
  .flex-self-start-flush-md { align-self: start !important; }
  .flex-self-end-md { align-self: flex-end !important; }
  .flex-self-end-flush-md { align-self: end !important; }
  .flex-self-center-md { align-self: center !important; }
  .flex-self-stretch-md { align-self: stretch !important; }
  .flex-self-baseline-md { align-self: baseline !important; } }

@media screen and (min-width: 960px) { .flex-block-lg { display: flex !important; }
  .flex-inline-lg { display: inline-flex !important; }
  .flex-row-lg { flex-direction: row !important; }
  .flex-row-reverse-lg { flex-direction: row-reverse !important; }
  .flex-column-lg { flex-direction: column !important; }
  .flex-column-reverse-lg { flex-direction: column-reverse !important; }
  .flex-wrap-lg { flex-wrap: wrap !important; }
  .flex-nowrap-lg { flex-wrap: nowrap !important; }
  .flex-wrap-reverse-lg { flex-wrap: wrap-reverse !important; }
  .flex-justify-start-lg { justify-content: flex-start !important; }
  .flex-justify-end-lg { justify-content: flex-end !important; }
  .flex-justify-center-lg { justify-content: center !important; }
  .flex-justify-between-lg { justify-content: space-between !important; }
  .flex-justify-around-lg { justify-content: space-around !important; }
  .flex-item-start-lg { align-items: flex-start !important; }
  .flex-item-end-lg { align-items: flex-end !important; }
  .flex-item-center-lg { align-items: center !important; }
  .flex-item-stretch-lg { align-items: stretch !important; }
  .flex-item-baseline-lg { align-items: baseline !important; }
  .flex-content-start-lg { align-content: flex-start !important; }
  .flex-content-end-lg { align-content: flex-end !important; }
  .flex-content-center-lg { align-content: center !important; }
  .flex-content-around-lg { align-content: space-around !important; }
  .flex-content-between-lg { align-content: space-between !important; }
  .flex-content-stretch-lg { align-content: stretch !important; }
  .flex-order-1-lg { order: 1 !important; }
  .flex-order-2-lg { order: 2 !important; }
  .flex-order-3-lg { order: 3 !important; }
  .flex-order-4-lg { order: 4 !important; }
  .flex-order-5-lg { order: 5 !important; }
  .flex-order-6-lg { order: 6 !important; }
  .flex-grow-0-lg { flex-grow: 0 !important; }
  .flex-grow-1-lg { flex-grow: 1 !important; }
  .flex-grow-2-lg { flex-grow: 2 !important; }
  .flex-grow-3-lg { flex-grow: 3 !important; }
  .flex-grow-4-lg { flex-grow: 4 !important; }
  .flex-grow-5-lg { flex-grow: 5 !important; }
  .flex-grow-6-lg { flex-grow: 6 !important; }
  .flex-shrink-1-lg { flex-shrink: 1 !important; }
  .flex-shrink-2-lg { flex-shrink: 2 !important; }
  .flex-shrink-3-lg { flex-shrink: 3 !important; }
  .flex-shrink-4-lg { flex-shrink: 4 !important; }
  .flex-shrink-5-lg { flex-shrink: 5 !important; }
  .flex-shrink-6-lg { flex-shrink: 6 !important; }
  .flex-basis-5-lg { flex-basis: 5% !important; }
  .flex-basis-10-lg { flex-basis: 10% !important; }
  .flex-basis-15-lg { flex-basis: 15% !important; }
  .flex-basis-20-lg { flex-basis: 20% !important; }
  .flex-basis-25-lg { flex-basis: 25% !important; }
  .flex-basis-30-lg { flex-basis: 30% !important; }
  .flex-basis-33-lg { flex-basis: 33% !important; }
  .flex-basis-35-lg { flex-basis: 35% !important; }
  .flex-basis-40-lg { flex-basis: 40% !important; }
  .flex-basis-45-lg { flex-basis: 45% !important; }
  .flex-basis-50-lg { flex-basis: 50% !important; }
  .flex-basis-55-lg { flex-basis: 55% !important; }
  .flex-basis-60-lg { flex-basis: 60% !important; }
  .flex-basis-65-lg { flex-basis: 65% !important; }
  .flex-basis-70-lg { flex-basis: 70% !important; }
  .flex-basis-75-lg { flex-basis: 75% !important; }
  .flex-basis-80-lg { flex-basis: 80% !important; }
  .flex-basis-85-lg { flex-basis: 85% !important; }
  .flex-basis-90-lg { flex-basis: 90% !important; }
  .flex-basis-95-lg { flex-basis: 95% !important; }
  .flex-basis-100-lg { flex-basis: 100% !important; }
  .flex-basis-auto-lg { flex-basis: auto !important; }
  .flex-basis-s0-lg { flex-basis: 0rem !important; }
  .flex-basis-s05-lg { flex-basis: 0.5rem !important; }
  .flex-basis-s1-lg { flex-basis: 1rem !important; }
  .flex-basis-s2-lg { flex-basis: 1.5rem !important; }
  .flex-basis-s3-lg { flex-basis: 2rem !important; }
  .flex-basis-s4-lg { flex-basis: 3rem !important; }
  .flex-basis-s5-lg { flex-basis: 4rem !important; }
  .flex-basis-s6-lg { flex-basis: 5rem !important; }
  .flex-self-auto-lg { align-self: auto !important; }
  .flex-self-start-lg { align-self: flex-start !important; }
  .flex-self-start-flush-lg { align-self: start !important; }
  .flex-self-end-lg { align-self: flex-end !important; }
  .flex-self-end-flush-lg { align-self: end !important; }
  .flex-self-center-lg { align-self: center !important; }
  .flex-self-stretch-lg { align-self: stretch !important; }
  .flex-self-baseline-lg { align-self: baseline !important; } }

@media screen and (min-width: 1140px) { .flex-block-xl { display: flex !important; }
  .flex-inline-xl { display: inline-flex !important; }
  .flex-row-xl { flex-direction: row !important; }
  .flex-row-reverse-xl { flex-direction: row-reverse !important; }
  .flex-column-xl { flex-direction: column !important; }
  .flex-column-reverse-xl { flex-direction: column-reverse !important; }
  .flex-wrap-xl { flex-wrap: wrap !important; }
  .flex-nowrap-xl { flex-wrap: nowrap !important; }
  .flex-wrap-reverse-xl { flex-wrap: wrap-reverse !important; }
  .flex-justify-start-xl { justify-content: flex-start !important; }
  .flex-justify-end-xl { justify-content: flex-end !important; }
  .flex-justify-center-xl { justify-content: center !important; }
  .flex-justify-between-xl { justify-content: space-between !important; }
  .flex-justify-around-xl { justify-content: space-around !important; }
  .flex-item-start-xl { align-items: flex-start !important; }
  .flex-item-end-xl { align-items: flex-end !important; }
  .flex-item-center-xl { align-items: center !important; }
  .flex-item-stretch-xl { align-items: stretch !important; }
  .flex-item-baseline-xl { align-items: baseline !important; }
  .flex-content-start-xl { align-content: flex-start !important; }
  .flex-content-end-xl { align-content: flex-end !important; }
  .flex-content-center-xl { align-content: center !important; }
  .flex-content-around-xl { align-content: space-around !important; }
  .flex-content-between-xl { align-content: space-between !important; }
  .flex-content-stretch-xl { align-content: stretch !important; }
  .flex-order-1-xl { order: 1 !important; }
  .flex-order-2-xl { order: 2 !important; }
  .flex-order-3-xl { order: 3 !important; }
  .flex-order-4-xl { order: 4 !important; }
  .flex-order-5-xl { order: 5 !important; }
  .flex-order-6-xl { order: 6 !important; }
  .flex-grow-0-xl { flex-grow: 0 !important; }
  .flex-grow-1-xl { flex-grow: 1 !important; }
  .flex-grow-2-xl { flex-grow: 2 !important; }
  .flex-grow-3-xl { flex-grow: 3 !important; }
  .flex-grow-4-xl { flex-grow: 4 !important; }
  .flex-grow-5-xl { flex-grow: 5 !important; }
  .flex-grow-6-xl { flex-grow: 6 !important; }
  .flex-shrink-1-xl { flex-shrink: 1 !important; }
  .flex-shrink-2-xl { flex-shrink: 2 !important; }
  .flex-shrink-3-xl { flex-shrink: 3 !important; }
  .flex-shrink-4-xl { flex-shrink: 4 !important; }
  .flex-shrink-5-xl { flex-shrink: 5 !important; }
  .flex-shrink-6-xl { flex-shrink: 6 !important; }
  .flex-basis-5-xl { flex-basis: 5% !important; }
  .flex-basis-10-xl { flex-basis: 10% !important; }
  .flex-basis-15-xl { flex-basis: 15% !important; }
  .flex-basis-20-xl { flex-basis: 20% !important; }
  .flex-basis-25-xl { flex-basis: 25% !important; }
  .flex-basis-30-xl { flex-basis: 30% !important; }
  .flex-basis-33-xl { flex-basis: 33% !important; }
  .flex-basis-35-xl { flex-basis: 35% !important; }
  .flex-basis-40-xl { flex-basis: 40% !important; }
  .flex-basis-45-xl { flex-basis: 45% !important; }
  .flex-basis-50-xl { flex-basis: 50% !important; }
  .flex-basis-55-xl { flex-basis: 55% !important; }
  .flex-basis-60-xl { flex-basis: 60% !important; }
  .flex-basis-65-xl { flex-basis: 65% !important; }
  .flex-basis-70-xl { flex-basis: 70% !important; }
  .flex-basis-75-xl { flex-basis: 75% !important; }
  .flex-basis-80-xl { flex-basis: 80% !important; }
  .flex-basis-85-xl { flex-basis: 85% !important; }
  .flex-basis-90-xl { flex-basis: 90% !important; }
  .flex-basis-95-xl { flex-basis: 95% !important; }
  .flex-basis-100-xl { flex-basis: 100% !important; }
  .flex-basis-auto-xl { flex-basis: auto !important; }
  .flex-basis-s0-xl { flex-basis: 0rem !important; }
  .flex-basis-s05-xl { flex-basis: 0.5rem !important; }
  .flex-basis-s1-xl { flex-basis: 1rem !important; }
  .flex-basis-s2-xl { flex-basis: 1.5rem !important; }
  .flex-basis-s3-xl { flex-basis: 2rem !important; }
  .flex-basis-s4-xl { flex-basis: 3rem !important; }
  .flex-basis-s5-xl { flex-basis: 4rem !important; }
  .flex-basis-s6-xl { flex-basis: 5rem !important; }
  .flex-self-auto-xl { align-self: auto !important; }
  .flex-self-start-xl { align-self: flex-start !important; }
  .flex-self-start-flush-xl { align-self: start !important; }
  .flex-self-end-xl { align-self: flex-end !important; }
  .flex-self-end-flush-xl { align-self: end !important; }
  .flex-self-center-xl { align-self: center !important; }
  .flex-self-stretch-xl { align-self: stretch !important; }
  .flex-self-baseline-xl { align-self: baseline !important; } }
svg { overflow: visible !important; display: inline-block; width: 100%; height: 100%; transform-origin: center center; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: fill 300ms 0s ease, stroke 300ms 0s ease, transform 300ms 0s ease, opacity 300ms 0s ease; }

.icon-defs { display: none; }

.quiz-18-icon { width: 18px; height: 18px; }

.quiz-22-icon { width: 22px; height: 22px; }

.quiz-40-icon { width: 40px; height: 40px; }

.code-challenge-18-icon { width: 18px; height: 18px; }

.code-challenge-22-icon { width: 22px; height: 22px; }

.code-challenge-40-icon { width: 40px; height: 40px; }

.local-code-challenge-18-icon { width: 18px; height: 18px; }

.local-code-challenge-22-icon { width: 22px; height: 22px; }

.local-code-challenge-40-icon { width: 40px; height: 40px; }

.video-18-icon { width: 18px; height: 18px; }

.video-22-icon { width: 22px; height: 22px; }

.video-40-icon { width: 40px; height: 40px; }

.step-complete-fill-18-icon { width: 18px; height: 18px; }

.step-complete-fill-22-icon { width: 22px; height: 22px; }

.step-complete-fill-40-icon { width: 40px; height: 40px; }

.instruction-18-icon { width: 18px; height: 18px; }

.instruction-22-icon { width: 22px; height: 22px; }

.instruction-40-icon { width: 40px; height: 40px; }

.quiz-suggested-22-icon { width: 22px; height: 22px; }

.code-challenge-suggested-22-icon { width: 22px; height: 22px; }

.local-code-challenge-suggested-22-icon { width: 22px; height: 22px; }

.video-suggested-22-icon { width: 22px; height: 22px; }

.step-complete-fill-suggested-22-icon { width: 22px; height: 22px; }

.instruction-suggested-22-icon { width: 22px; height: 22px; }

.checkmark-24-icon { width: 24px; height: 24px; }

.close-24-icon { width: 24px; height: 24px; }

.info-24-icon { width: 24px; height: 24px; }

.bonus-icon { width: 18px; height: 18px; }

.collection-icon { width: 18px; height: 18px; }

.conference-icon { width: 18px; height: 18px; }

.course-icon { width: 18px; height: 18px; }

.track-icon { width: 18px; height: 18px; }

.workshop-icon { width: 18px; height: 18px; }

.announcement-icon { width: 18px; height: 18px; }

.instruction-icon { width: 18px; height: 18px; }

.project-icon { width: 18px; height: 18px; }

.practice-icon { width: 18px; height: 18px; }

.play-icon { width: 24px; height: 26px; }

.pause-icon { width: 16px; height: 20px; }

.rewind-icon, .captions-icon, .volume-icon, .workspaces-outline-icon { width: 22px; height: 22px; }

.fullscreen-icon { width: 18px; height: 18px; }

.speed-icon { width: 23px; height: 23px; margin: 0 0 -3px -3px; }

.android-icon { width: 42px; height: 50px; }

.apis-icon { width: 50px; height: 50px; }

.business-icon { width: 60px; height: 50px; }

.csharp-icon { width: 46px; height: 50px; }

.css-icon { width: 58px; height: 50px; }

.data-analysis-icon { width: 60px; height: 57px; }

.databases-icon { width: 48px; height: 50px; }

.design-icon { width: 64px; height: 50px; }

.development-tools-icon { width: 50px; height: 50px; }

.digital-literacy-icon { width: 70px; height: 46px; }

.edi-icon { width: 60px; height: 60px; }

.go-icon { width: 70px; height: 57px; }

.html-icon { width: 70px; height: 42px; }

.ios-icon { width: 64px; height: 50px; }

.java-icon { width: 40px; height: 50px; }

.javascript-icon { width: 52px; height: 50px; }

.learning-resources-icon { width: 70px; height: 53px; }

.machine-learning-icon { width: 70px; height: 63px; }

.ai-icon { width: 70px; height: 63px; }

.php-icon { width: 70px; height: 36px; }

.python-icon { width: 50px; height: 50px; }

.quality-assurance-icon { width: 50px; height: 50px; }

.ruby-icon { width: 60px; height: 50px; }

.security-icon { width: 40px; height: 50px; }

.twentyfirst-century-skills-icon { width: 70px; height: 72px; }

.android-small-icon { width: 12px; height: 14px; }

.apis-small-icon { width: 14px; height: 14px; }

.business-small-icon { width: 12px; height: 10px; }

.csharp-small-icon { width: 11px; height: 12px; }

.css-small-icon { width: 16px; height: 6px; }

.data-analysis-small-icon { width: 14px; height: 14px; }

.databases-small-icon { width: 11px; height: 12px; }

.design-small-icon { width: 8px; height: 12px; }

.development-tools-small-icon { width: 8px; height: 14px; }

.digital-literacy-small-icon { width: 10px; height: 12px; }

.edi-small-icon { width: 12px; height: 12px; }

.go-small-icon { width: 16px; height: 13px; }

.html-small-icon { width: 24px; height: 6px; }

.ios-small-icon { width: 10px; height: 12px; }

.java-small-icon { width: 14px; height: 10px; }

.javascript-small-icon { width: 14px; height: 8px; }

.learning-resources-small-icon { width: 16px; height: 12px; }

.machine-learning-small-icon { width: 12px; height: 11px; }

.ai-small-icon { width: 12px; height: 11px; }

.php-small-icon { width: 18px; height: 6px; }

.python-small-icon { width: 14px; height: 14px; }

.quality-assurance-small-icon { width: 14px; height: 14px; }

.ruby-small-icon { width: 14px; height: 12px; }

.security-small-icon { width: 11px; height: 14px; }

.twentyfirst-century-skills-small-icon { width: 14px; height: 14px; }

.left-arrow-icon { width: 12px; height: 12px; }

.right-arrow-icon { width: 12px; height: 12px; }

.up-arrow-icon { width: 12px; height: 12px; }

.down-arrow-icon { width: 12px; height: 12px; }

.upvote-icon, .downvote-icon { width: 12px; height: 12px; }

.ellipses-icon { width: 18px; height: 18px; }

.support-icon { width: 30px; height: 30px; }

.workspaces-icon, .forum-icon { width: 30px; height: 28px; }

.tracks-icon { width: 30px; height: 26px; }

.library-icon { width: 30px; height: 24px; }

.gear-icon { width: 16px; height: 16px; }

.cash-icon, .ipad-icon, .briefcase-icon, .certificate-icon, .referrals-icon { width: 56px; height: 40px; }

.payment-generic-icon, .payment-mastercard-icon, .payment-visa-icon, .payment-paypal-icon, .payment-american-express-icon, .payment-discover-icon { width: 34px; height: 24px; }

.add-icon { width: 16px; height: 16px; }

.info-icon { width: 16px; height: 16px; }

.workspaces-small-icon { width: 16px; height: 16px; }

.search-icon { width: 16px; height: 16px; }

.star-small-icon { width: 16px; height: 16px; }

.play-outline-24-icon { width: 24px; height: 24px; }

.support-outline-24-icon { width: 24px; height: 24px; }

.search-outline-24-icon { width: 24px; height: 24px; }

.star-outline-24-icon { width: 24px; height: 24px; }

.help-outline-24-icon { width: 24px; height: 24px; }

.facebook-icon { width: 24px; height: 24px; }

.twitter-icon { width: 24px; height: 24px; }

.instagram-icon { width: 24px; height: 24px; }

.linked-in-icon { width: 24px; height: 24px; }

.website-icon { width: 24px; height: 24px; }

.github-icon { width: 24px; height: 24px; }

.dribbble-icon { width: 24px; height: 24px; }

.youtube-icon { width: 24px; height: 24px; }

.reddit-icon { width: 24px; height: 24px; }

.tiktok-icon { width: 24px; height: 24px; }

.discord-icon { width: 24px; height: 24px; }

.exam-icon, .bell-18-icon, .calendar-18-icon, .techdegree-18-icon, .megaphone-18-icon, .browser-18-icon, .briefcase-18-icon, .clock-icon { width: 18px; height: 18px; }

.mentor-18-icon, .techdegree-icon { width: 16px; height: 18px; }

.stat-quizzes-icon { width: 42px; height: 42px; }

.stat-badges-icon { width: 42px; height: 42px; }

.stat-challenges-icon { width: 42px; height: 42px; }

.stat-courses-icon { width: 42px; height: 42px; }

.stat-points-icon { width: 42px; height: 42px; }

.stat-projects-icon { width: 42px; height: 42px; }

.stat-months-icon { width: 42px; height: 42px; }

.stat-hours-icon { width: 42px; height: 42px; }

.workspaces-fork-icon { width: 16px; height: 18px; }

.trash-rounded-icon { width: 16px; height: 18px; }

.chevron-icon { width: 12px; height: 8px; }

.left-chevron-icon, .right-chevron-icon { width: 18px; height: 32px; }

.left-chevron-small-icon, .right-chevron-small-icon { width: 6px; height: 10px; }

.add-member-icon { width: 20px; height: 15px; }

.browser-handle-icon { width: 10px; height: 10px; }

.checkmark-18-icon { width: 18px; height: 18px; }

.info-i-icon { width: 2px; height: 12px; }

.failed-quiz-icon { width: 134px; height: 134px; }

.star-large-icon { width: 32px; height: 30px; }

.building-icon { width: 17px; height: 16px; }

.salary-icon { width: 16px; height: 21px; }

.complete-icon { width: 16px; height: 14px; }

.lock-thin-icon { width: 12px; height: 16px; }

.lock-wide-icon { width: 14px; height: 16px; }

.maintenance-icon { width: 30px; height: 30px; }

.complete-outline-icon { width: 22px; height: 22px; }

.treehouse-icon { width: 139px; height: 32px; }

.logo-icon { width: 30px; height: 32px; }

.resume-icon { width: 17px; height: 14px; }

.arrows-icon { width: 18px; height: 16px; }

.checkmark-icon { width: 10px; height: 8px; }

.close-icon { width: 12px; height: 12px; }

.points-icon { width: 30px; height: 30px; }

.drag-icon { width: 20px; height: 10px; }

.bell-icon { width: 26px; height: 25px; }

.fastforward-icon { margin-left: 4px; width: 14px; height: 11px; }

.beta-icon { width: 28px; height: 40px; }

.courses-grid-icon { width: 40px; height: 40px; }

.curriculum-icon { width: 40px; height: 8px; }

.download-icon { width: 32px; height: 40px; }

.library-book-icon { width: 40px; height: 31px; }

.courses-plus-icon { width: 40px; height: 40px; }

.project-review-icon { width: 40px; height: 40px; }

.quiz-click-icon { width: 40px; height: 40px; }

.community-icon { width: 40px; height: 30px; }

.video-camera-icon { width: 40px; height: 25px; }

.spotify-icon { width: 40px; height: 40px; }

.apple-podcasts-icon { width: 36px; height: 40px; }

.google-podcasts-icon { width: 40px; height: 40px; }

.loading-icon { width: 18px; height: 18px; -webkit-animation: spin 1.2s infinite linear; -moz-animation: spin 1.2s infinite linear; animation: spin 1.2s infinite linear; }

.loading-circle { fill: #b9c1c7; }

.loading-quarter-circle { fill: #60676d; }

.icon { background-repeat: no-repeat; background-position: 0 0; display: inline-block; vertical-align: middle; }

.icon-points { width: 30px; height: 30px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjk5LjU0NHB4IiBoZWlnaHQ9IjMwMHB4IiB2aWV3Qm94PSIwIDAgMjk5LjU0NCAzMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5OS41NDQgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNDksMGM1MCwwLDkyLDIyLDEyMSw2MmwtMTIxLDg4VjBIMHYzMDBoMzAwVjBIMTQ5eiIvPg0KCTxnPg0KCQk8cGF0aCBvcGFjaXR5PSIwLjQiIGZpbGw9IiNDMEM4Q0UiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTUwLDE1MEw2MiwyOWMyNy0xOSw1NS0yOSw4OC0yOVYxNTB6Ii8%2BDQoJCTxwYXRoIG9wYWNpdHk9IjAuNyIgZmlsbD0iI0MwQzhDRSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAgICAiIGQ9Ik0xNTAsMTUwTDgsMTk2Qy0xMiwxMzMsOSw2Nyw2MiwyOEwxNTAsMTUweiIvPg0KCQk8cGF0aCBvcGFjaXR5PSIwLjUiIGZpbGw9IiNDMEM4Q0UiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTUwLDE1MGw4OCwxMjFjLTY3LDQ5LTE2MSwzNC0yMDktMzNjLTEwLTEzLTE2LTI2LTIxLTQyDQoJCQlMMTUwLDE1MHoiLz4NCgkJPHBhdGggZmlsbD0iI0MwQzhDRSIgZD0iTTE1MCwxNTBsMTIxLTg4YzQ5LDY3LDM0LDE2MS0zMywyMTBMMTUwLDE1MHoiLz4NCgk8L2c%2BDQoJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMTUwIiBjeT0iMTUwIiByPSI3MCIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D); background-size: 30px 30px; }

.icon-left { width: 17px; height: 14px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEwcHgiIGhlaWdodD0iMTM5Ljk4NnB4IiB2aWV3Qm94PSIwIDAgNTEwIDEzOS45ODYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMCAxMzkuOTg2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik03MCw0LjExOWM5LDYuOTgyLDExLDIwLjk0Nyw0LDI5LjkyNEw2NCw0OC4wMDhoODVjMTIsMCwyMSw5Ljk3NSwyMSwyMS45NDVzLTEwLDIxLjk0NS0yMSwyMS45NDVINjQNCglsMTAsMTMuOTY1YzcsOC45NzcsNSwyMi45NDItNCwyOS45MjRzLTIzLDQuOTg3LTMwLTMuOTlMNCw4My45MThDMSw3OC45MywwLDc0Ljk0LDAsNjkuOTUzYzAtNC45ODcsMS04Ljk3Nyw0LTEyLjk2N0w0MCw5LjEwNw0KCUM0OC0wLjg2OCw2MS0yLjg2Myw3MCw0LjExOXoiLz4NCjxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik0yNDAsNC4xMTljOSw2Ljk4MiwxMSwyMC45NDcsNCwyOS45MjRsLTEwLDEzLjk2NWg4NWMxMiwwLDIxLDkuOTc1LDIxLDIxLjk0NXMtMTAsMjEuOTQ1LTIxLDIxLjk0NWgtODUNCglsMTAsMTMuOTY1YzcsOC45NzcsNSwyMi45NDItNCwyOS45MjRzLTIzLDQuOTg3LTMwLTMuOTlsLTM2LTQ3Ljg3OWMtMy00Ljk4Ny00LTguOTc3LTQtMTMuOTY1YzAtNC45ODcsMS04Ljk3Nyw0LTEyLjk2N2wzNi00Ny44NzkNCglDMjE4LTAuODY4LDIzMS0yLjg2MywyNDAsNC4xMTl6Ii8%2BDQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDEwLDQuMTE5YzksNi45ODIsMTEsMjAuOTQ3LDQsMjkuOTI0bC0xMCwxMy45NjVoODVjMTIsMCwyMSw5Ljk3NSwyMSwyMS45NDVzLTEwLDIxLjk0NS0yMSwyMS45NDVoLTg1DQoJbDEwLDEzLjk2NWM3LDguOTc3LDUsMjIuOTQyLTQsMjkuOTI0cy0yMyw0Ljk4Ny0zMC0zLjk5bC0zNi00Ny44NzljLTMtNC45ODctNC04Ljk3Ny00LTEzLjk2NWMwLTQuOTg3LDEtOC45NzcsNC0xMi45NjdsMzYtNDcuODc5DQoJQzM4OC0wLjg2OCw0MDEtMi44NjMsNDEwLDQuMTE5eiIvPg0KPC9zdmc%2BDQo%3D); background-size: 51px 14px; }

.icon-right-small { width: 11px; height: 9px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjUuOTcyIDQuOTQ4IDExIDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNS45NzIgNC45NDggMTEgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BDQo8cGF0aCBmaWxsPSIjNUZDRjgwIiBkPSJNMTQuMzQyLDUuNDk1bDIuMzUsMy4xMTZjMC4xODcsMC4yNDgsMC4yOCwwLjU0MiwwLjI4LDAuODM3YzAsMC4yOTYtMC4wOTMsMC41OS0wLjI4LDAuODM4TDE0LjM0MywxMy40DQoJYy0wLjQ1OSwwLjYxLTEuMzIzLDAuNzI5LTEuOTI3LDAuMjY2Yy0wLjYwNS0wLjQ2My0wLjcyMy0xLjMzMS0wLjI2My0xLjk0bDAuNjcyLTAuODkzSDcuMzQ3Yy0wLjc1OSwwLTEuMzc1LTAuNjIxLTEuMzc1LTEuMzg1DQoJczAuNjE2LTEuMzg0LDEuMzc1LTEuMzg0aDUuNDc4bC0wLjY3Mi0wLjg5M2MtMC40NTktMC42MTEtMC4zNDEtMS40NzgsMC4yNjMtMS45NDFDMTMuMDIsNC43NjgsMTMuODg0LDQuODg3LDE0LjM0Miw1LjQ5NXoiLz4NCjwvc3ZnPg0K); background-size: 11px 9px; }

.icon-chevron-down, .icon-chevron-up { width: 12px; height: 8px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQwLjMgMTYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNDAuMyAxNjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkU3ODgxO30KCS5zdDF7ZmlsbDojOEU5NjlEO30KPC9zdHlsZT4KPGc%2BCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjAsODBMNC41LDI1LjhjLTYtNS45LTYtMTUuNCwwLTIxLjNjNi01LjksMTUuOC01LjksMjEuOCwwTDYwLDM3LjNMOTMuNyw0LjRjNi01LjksMTUuOC01LjksMjEuOCwwCgkJYzYsNS45LDYsMTUuNSwwLDIxLjNMNjAsODB6Ii8%2BCjwvZz4KPGc%2BCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTgwLjMsODBsLTU1LjUtNTQuMmMtNi01LjktNi0xNS40LDAtMjEuM2M2LTUuOSwxNS44LTUuOSwyMS44LDBsMzMuNiwzMi45bDMzLjctMzIuOWM2LTUuOSwxNS44LTUuOSwyMS44LDAKCQlzNiwxNS40LDAsMjEuM0wxODAuMyw4MHoiLz4KPC9nPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xODAuMyw4MGw1NS41LDU0LjJjNiw1LjksNiwxNS40LDAsMjEuM2MtNiw1LjktMTUuOCw1LjktMjEuOCwwbC0zMy42LTMyLjlsLTMzLjcsMzIuOQoJCWMtNiw1LjktMTUuOCw1LjktMjEuOCwwYy02LTUuOS02LTE1LjQsMC0yMS4zTDE4MC4zLDgweiIvPgo8L2c%2BCjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTYwLDgwbDU1LjUsNTQuMmM2LDUuOSw2LDE1LjQsMCwyMS4zYy02LDUuOS0xNS44LDUuOS0yMS44LDBMNjAsMTIyLjdsLTMzLjcsMzIuOWMtNiw1LjktMTUuOCw1LjktMjEuOCwwCgkJcy02LTE1LjQsMC0yMS4zTDYwLDgweiIvPgo8L2c%2BCjwvc3ZnPgo%3D); background-size: 24px 16px; background-position: -12px 0; }

.icon-chevron-up { background-position: -12px -8px; }

.icon-chevron-left { width: 8px; height: 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTYwLjE1cHgiIGhlaWdodD0iMjQwLjAwM3B4IiB2aWV3Qm94PSIwIDAgMTYwLjE1IDI0MC4wMDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2MC4xNSAyNDAuMDAzIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik03OS45LDYwLjAxMkwyNS42NjEsMTE1LjQ4Yy01Ljg5NSw2LjAyOS0xNS40NSw2LjAyOS0yMS4zNCwwYy01Ljg5NS02LjAyOS01Ljg5NS0xNS43OTYsMC0yMS44MjYNCgkJTDM3LjIyLDYwLjAxMUw0LjMxNiwyNi4zNDljLTUuODg1LTYuMDI5LTUuODktMTUuNzk2LDAuMDA1LTIxLjgyNmM1Ljg5NS02LjAyOSwxNS40NS02LjAyOSwyMS4zNDUsMEw3OS45LDYwLjAxMnoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGZpbGw9IiM2MDY3NkQiIGQ9Ik0tMC4xLDE3OS45OTFsNTQuMjM5LTU1LjQ2OGM1Ljg5NS02LjAyOSwxNS40NS02LjAyOSwyMS4zNCwwYzUuODk1LDYuMDI5LDUuODk1LDE1Ljc5NiwwLDIxLjgyNg0KCQlMNDIuNTgsMTc5Ljk5MmwzMi45MDQsMzMuNjYzYzUuODg1LDYuMDI5LDUuODksMTUuNzk2LTAuMDA1LDIxLjgyNnMtMTUuNDUsNi4wMjktMjEuMzQ1LDBMLTAuMSwxNzkuOTkxeiIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTE2MC4xNSw2MC4wMTJsLTU0LjIzOSw1NS40NjhjLTUuODk1LDYuMDI5LTE1LjQ1LDYuMDI5LTIxLjM0LDBjLTUuODk1LTYuMDI5LTUuODk1LTE1Ljc5NiwwLTIxLjgyNg0KCQlsMzIuODk5LTMzLjY0M0w4NC41NjYsMjYuMzQ4Yy01Ljg4NS02LjAyOS01Ljg5LTE1Ljc5NiwwLjAwNS0yMS44MjZjNS44OTUtNi4wMjksMTUuNDUtNi4wMjksMjEuMzQ1LDBMMTYwLjE1LDYwLjAxMnoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik04MC4xNSwxNzkuOTkxbDU0LjIzOS01NS40NjhjNS44OTUtNi4wMjksMTUuNDUtNi4wMjksMjEuMzQsMGM1Ljg5NSw2LjAyOSw1Ljg5NSwxNS43OTYsMCwyMS44MjYNCgkJbC0zMi44OTksMzMuNjQzbDMyLjkwNCwzMy42NjNjNS44ODUsNi4wMjksNS44OSwxNS43OTYtMC4wMDUsMjEuODI2Yy01Ljg5NSw2LjAyOS0xNS40NSw2LjAyOS0yMS4zNDUsMEw4MC4xNSwxNzkuOTkxeiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D); background-size: 16px 24px; background-position: -8px -28px; }

.icon-complete { width: 28px; height: 28px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTAwcHgiIGhlaWdodD0iNTAwcHgiIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxjaXJjbGUgZmlsbD0iIzVGQ0Y4MCIgY3g9IjI1MCIgY3k9IjI1MCIgcj0iMjUwIi8%2BDQoJPGc%2BDQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMjgsMzc2bC05NS05M2MtMTItMTEtMTItMzAsMC00MmMxMi0xMSwzMS0xMSw0MiwwbDQ5LDQ4bDk4LTExNmMxMS0xMiwyOS0xNCw0Mi00czE0LDI5LDQsNDFMMjI4LDM3NnoiDQoJCQkvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 100%; }

.icon-complete.track-updated { width: 34px; height: 34px; }

.icon-complete.stage-completed { width: 50px; height: 50px; }

.icon-stage { width: 28px; height: 31px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTYwcHgiIGhlaWdodD0iMzEwcHgiIHZpZXdCb3g9IjAgMCA1NjAgMzEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NjAgMzEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik00MjAsMGMtMTEsMC0xMTgsNjItMTE4LDYycy0yMiwxMS0yMiwzNGMwLDI4LDAsOTAsMCwxMThjMCwxNywxNywyOCwxNywyOHMxMTIsNjgsMTIzLDY4czEyMy02OCwxMjMtNjgNCgkJczE3LTExLDE3LTI4YzAtMjgsMC05MCwwLTExOGMwLTIzLTIyLTM0LTIyLTM0UzQzMSwwLDQyMCwwTDQyMCwweiIvPg0KPC9nPg0KPGc%2BDQoJPGc%2BDQoJCTxwYXRoIGZpbGw9IiM1RkNGODAiIGQ9Ik0xNDAsMEMxMjksMCwyMiw2MiwyMiw2MlMwLDczLDAsOTZjMCwyOCwwLDkwLDAsMTE4YzAsMTcsMTcsMjgsMTcsMjhzMTEyLDY4LDEyMyw2OHMxMjMtNjgsMTIzLTY4DQoJCQlzMTctMTEsMTctMjhjMC0yOCwwLTkwLDAtMTE4YzAtMjMtMjItMzQtMjItMzRTMTUxLDAsMTQwLDBMMTQwLDB6Ii8%2BDQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTI3LDIyMGwtNTMtNTJjLTYtNi02LTE3LDAtMjNjNy02LDE3LTYsMjQsMGwyNywyN2w1NS02NmM2LTcsMTYtOCwyNC0yYzcsNiw4LDE2LDIsMjNMMTI3LDIyMHoiLz4NCgk8L2c%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 56px 31px; background-position: -28px 0; }

.icon-stage.icon-complete { background-position: 0 0; }

.icon-video, .icon-quiz, .icon-code-challenge, .icon-local-code-challenge, .icon-extra-credit { width: 28px; height: 28px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEyMHB4IiBoZWlnaHQ9IjI4MHB4IiB2aWV3Qm94PSIyNTAgMjI1IDExMjAgMjgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI1MCAyMjUgMTEyMCAyODAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc%2BDQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMzkwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzc0LjQsMzA4LjhjLTEwLjktNy44LTIwLjItMS42LTIwLjIsMTAuOVY0MTBjMCwxNCw5LjMsMTguNywyMC4yLDEwLjlsNjIuMi00My42DQoJCWMxMC45LTcuOCwxMC45LTIwLjIsMC0yNi40TDM3NC40LDMwOC44eiIvPg0KPC9nPg0KPGc%2BDQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iNjcwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGc%2BDQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjQxLjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN0w1NzksMzY0LjRsNTIuOS01MS4zYzYuMi00LjcsMTQtNC43LDIwLjIsMHM2LjIsMTQsMCwyMC4yDQoJCQkJbC0zMi43LDMxLjFsMzIuNywzMS4xYzYuMiw0LjcsNi4yLDE0LDAsMjAuMkM2NDksNDE4LjksNjQ1LjksNDIwLjQsNjQxLjIsNDIwLjR6Ii8%2BDQoJCTwvZz4NCgkJPGc%2BDQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjk3LjIsNDIwLjRjLTMuMSwwLTcuOC0xLjYtOS4zLTQuN2MtNi4yLTQuNy02LjItMTQsMC0yMC4ybDMyLjctMzEuMWwtMzIuNy0zMS4xDQoJCQkJYy02LjItNC43LTYuMi0xNCwwLTIwLjJjNi4yLTQuNywxNC00LjcsMjAuMiwwbDUyLjksNTEuM2wtNTIuOSw1MS4zQzcwMy40LDQxOC45LDcwMC4zLDQyMC40LDY5Ny4yLDQyMC40eiIvPg0KCQk8L2c%2BDQoJPC9nPg0KPC9nPg0KPGc%2BDQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iOTUwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iODcwLjciIGN5PSIzNjUiIHI9IjI0LjkiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTk1MCwzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42cy0xNS42LTYuMi0xNS42LTE1LjZTOTQyLjIsMzQ5LjQsOTUwLDM0OS40DQoJCQkgTTk1MCwzNDAuMWMtMTQsMC0yNC45LDEwLjktMjQuOSwyNC45czEwLjksMjQuOSwyNC45LDI0LjlzMjQuOS0xMC45LDI0LjktMjQuOVM5NjQsMzQwLjEsOTUwLDM0MC4xTDk1MCwzNDAuMXoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwMjkuMywzNDkuNGM3LjgsMCwxNS42LDYuMiwxNS42LDE1LjZjMCw3LjgtNi4yLDE1LjYtMTUuNiwxNS42Yy05LjMsMC0xNS42LTYuMi0xNS42LTE1LjYNCgkJCVMxMDIxLjYsMzQ5LjQsMTAyOS4zLDM0OS40IE0xMDI5LjMsMzQwLjFjLTE0LDAtMjQuOSwxMC45LTI0LjksMjQuOXMxMC45LDI0LjksMjQuOSwyNC45czI0LjktMTAuOSwyNC45LTI0LjkNCgkJCVMxMDQzLjMsMzQwLjEsMTAyOS4zLDM0MC4xTDEwMjkuMywzNDAuMXoiLz4NCgk8L2c%2BDQo8L2c%2BDQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSIxMjMwIiBjeT0iMzY1IiByPSIxNDAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTMwMSw0MDMuNWMtMi41LTQuMy02LTEwLTEwLjUtMTcuMWMtNS4yLTguMi0xMC41LTE2LjQtMTMuNC0yMC44YzIuNy0zLjcsNy4zLTEwLjEsMTEuOC0xNi44DQoJCWMxMy45LTIwLjgsMTQuNS0yNS43LDEzLjktMjljLTAuNC0xLjktMS40LTMuNS0zLjEtNC42Yy0xLTAuNi0yLTEtNC0xYy0xLjksMC00LjYsMC4zLTkuMSwxYy00LjYsMC43LTEwLjcsMS43LTE4LjMsMy4xDQoJCWMtOC44LDEuNi0xNy41LDMuMy0yMi4zLDQuMmMtMi42LTMuNi03LjItMTAtMTIuMy0xNi42Yy0xMi45LTE2LjgtMTguMy0yMS45LTIxLjItMjMuOWMtMS42LTEuNy0zLjQtMi4xLTQuNy0yLjENCgkJYy0wLjcsMC0xLjMsMC4xLTEuNiwwLjJjLTAuMSwwLTAuMywwLjEtMC40LDAuMWMtMC4xLDAtMC4zLDAuMS0wLjQsMC4xYy0wLjksMC4yLTMuNiwxLjMtNC40LDQuOWMtMS40LDMuMi0zLjQsMTAuNC01LjgsMzEuNA0KCQljLTAuOSw4LjItMS42LDE2LjEtMiwyMC41Yy00LjUsMS42LTEyLjksNC43LTIxLjMsNy44Yy03LjIsMi43LTEzLjEsNS0xNy4zLDYuOGMtOC42LDMuNi0xMC4xLDQuNi0xMS4yLDYuNw0KCQljLTAuOSwxLjctMC45LDMuNi0wLjMsNS41YzEuMiwzLjEsNC4yLDcsMjYuOSwxNy43YzcuMywzLjQsMTQuNiw2LjYsMTguOCw4LjRjLTAuMiw1LjItMC41LDE1LTAuNywyNC43Yy0wLjIsOC40LTAuMiwxNS4xLTAuMSwyMA0KCQljMC4yLDkuMywwLjUsMTIuNSwzLjgsMTQuNGMwLjgsMC40LDEuOSwwLjksMy40LDAuOWMwLjcsMCwxLjUtMC4xLDIuMy0wLjNjMi0wLjYsNi43LTEuOSwyNi40LTIwLjZjNy41LTcuMiwxNC41LTE0LjMsMTguMi0xOC4xDQoJCWM1LjIsMS40LDE0LjgsMy45LDI1LDYuMmMxNi42LDMuNywyNC42LDQuNSwyOC44LDQuNWMyLjUsMCwzLjctMC4zLDQuNC0wLjVjMi42LTAuNyw0LTIuMiw0LjYtMy40DQoJCUMxMzA3LjEsNDE0LjUsMTMwNS43LDQxMS42LDEzMDEsNDAzLjV6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 112px 28px; }

.icon-video { background-position: 0 0; }

.icon-code-challenge, .icon-local-code-challenge { background-position: -28px 0; }

.icon-quiz { background-position: -56px 0; }

.icon-extra-credit { background-position: -84px 0; }

.secondary-module .icon-video, .secondary-module .icon-video-small, .secondary-module .icon-code-challenge, .secondary-module .icon-quiz { width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTQwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCA1NDAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NDAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxjaXJjbGUgZmlsbD0iI0Q0RDlERCIgY3g9IjkwIiBjeT0iOTAiIHI9IjkwIi8%2BDQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTgwLDUzLjg5OGMtNy01LTEzLTEtMTMsN3Y1OGMwLDksNiwxMiwxMyw3bDQwLTI4YzctNSw3LTEzLDAtMTdMODAsNTMuODk4eiIvPg0KPC9nPg0KPGc%2BDQoJPGNpcmNsZSBmaWxsPSIjRDREOUREIiBjeD0iMjcwIiBjeT0iOTAiIHI9IjkwIi8%2BDQoJPGc%2BDQoJCTxnPg0KCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1MS41LDEyNS42MjVjLTIsMC01LTEtNi0zbC0zNC0zM2wzNC0zM2M0LTMsOS0zLDEzLDBzNCw5LDAsMTNsLTIxLDIwbDIxLDIwYzQsMyw0LDksMCwxMw0KCQkJCUMyNTYuNSwxMjQuNjI1LDI1NC41LDEyNS42MjUsMjUxLjUsMTI1LjYyNXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yODcuNSwxMjUuNjI1Yy0yLDAtNS0xLTYtM2MtNC0zLTQtOSwwLTEzbDIxLTIwbC0yMS0yMGMtNC0zLTQtOSwwLTEzYzQtMyw5LTMsMTMsMGwzNCwzM2wtMzQsMzMNCgkJCQlDMjkxLjUsMTI0LjYyNSwyODkuNSwxMjUuNjI1LDI4Ny41LDEyNS42MjV6Ii8%2BDQoJCTwvZz4NCgk8L2c%2BDQo8L2c%2BDQo8Zz4NCgk8Y2lyY2xlIGZpbGw9IiNENEQ5REQiIGN4PSI0NTAiIGN5PSI5MCIgcj0iOTAiLz4NCgk8Zz4NCgkJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMzk5IiBjeT0iOTAiIHI9IjE2Ii8%2BDQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NTAsODBjNSwwLDEwLDQsMTAsMTBjMCw1LTQsMTAtMTAsMTBzLTEwLTQtMTAtMTBTNDQ1LDgwLDQ1MCw4MCBNNDUwLDc0Yy05LDAtMTYsNy0xNiwxNnM3LDE2LDE2LDE2DQoJCQlzMTYtNywxNi0xNlM0NTksNzQsNDUwLDc0TDQ1MCw3NHoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUwMSw4MGM1LDAsMTAsNCwxMCwxMGMwLDUtNCwxMC0xMCwxMHMtMTAtNC0xMC0xMFM0OTYsODAsNTAxLDgwIE01MDEsNzRjLTksMC0xNiw3LTE2LDE2czcsMTYsMTYsMTYNCgkJCXMxNi03LDE2LTE2UzUxMCw3NCw1MDEsNzRMNTAxLDc0eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 54px 18px; }

.secondary-module .icon-video { background-position: 0 0; }

.icon-video-small { background-position: 0 0; }

.secondary-module .icon-quiz { background-position: -36px 0; }

.secondary-module .icon-code-challenge, .secondary-module .icon-local-code-challenge { background-position: -18px 0; }

.icon-search { width: 15px; height: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMwMCAxNTAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwMCAxNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IlNoYXBlXzI3Ml80XyI%2BDQoJPGc%2BDQoJCTxwYXRoIGZpbGw9IiNDMEM4Q0UiIGQ9Ik0xNDYuMzgyLDEyNi4yMWwtMzcuODQtMzcuMDYyYzUuOTc1LTkuMDE1LDguOTYyLTIwLjAzMyw4Ljk2Mi0zMS4wNTJDMTE3LjUwNCwyNi4wNDMsOTEuNjEzLDAsNTguNzUyLDANCgkJCUMyNi44ODYsMCwwLDI2LjA0MywwLDU4LjA5N2MwLDMyLjA1MywyNS44OTEsNTguMDk3LDU4Ljc1Miw1OC4wOTdjMTAuOTU0LDAsMjAuOTEyLTMuMDA1LDI4Ljg3OC04LjAxM2wzNy44NCwzOC4wNjMNCgkJCWM0Ljk3OSw1LjAwOCwxMy45NDEsNS4wMDgsMTkuOTE2LDBDMTUxLjM2MSwxNDAuMjM0LDE1MS4zNjEsMTMyLjIyLDE0Ni4zODIsMTI2LjIxeiBNNjAuNzQzLDg4LjE0Nw0KCQkJYy0xNi45MjgsMC0zMC44Ny0xNC4wMjMtMzAuODctMzAuMDVjMC0xNy4wMjgsMTMuOTQxLTMwLjA1LDMwLjg3LTMwLjA1czMwLjg3LDE0LjAyMywzMC44NywzMC4wNQ0KCQkJQzkwLjYxNyw3NS4xMjUsNzcuNjcyLDg4LjE0Nyw2MC43NDMsODguMTQ3eiIvPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJTaGFwZV8yNzJfMl8iPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjNUZDRjgwIiBkPSJNMjk2LjM4MiwxMjYuMjFsLTM3Ljg0LTM3LjA2MmM1Ljk3NS05LjAxNSw4Ljk2Mi0yMC4wMzMsOC45NjItMzEuMDUyQzI2Ny41MDQsMjYuMDQzLDI0MS42MTMsMCwyMDguNzUyLDANCgkJCUMxNzYuODg2LDAsMTUwLDI2LjA0MywxNTAsNTguMDk3YzAsMzIuMDUzLDI1Ljg5MSw1OC4wOTcsNTguNzUyLDU4LjA5N2MxMC45NTQsMCwyMC45MTItMy4wMDUsMjguODc4LTguMDEzbDM3Ljg0LDM4LjA2Mw0KCQkJYzQuOTc5LDUuMDA4LDEzLjk0MSw1LjAwOCwxOS45MTYsMEMzMDEuMzYxLDE0MC4yMzQsMzAxLjM2MSwxMzIuMjIsMjk2LjM4MiwxMjYuMjF6IE0yMTAuNzQzLDg4LjE0Nw0KCQkJYy0xNi45MjgsMC0zMC44Ny0xNC4wMjMtMzAuODctMzAuMDVjMC0xNy4wMjgsMTMuOTQxLTMwLjA1LDMwLjg3LTMwLjA1czMwLjg3LDE0LjAyMywzMC44NywzMC4wNQ0KCQkJQzI0MC42MTcsNzUuMTI1LDIyNy42NzIsODguMTQ3LDIxMC43NDMsODguMTQ3eiIvPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJTaGFwZV8yNzJfMV8iPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjNUZDRjgwIiBkPSJNMTY1LjUyNC0yMC41MjdsLTMuNzA2LTMuNzA2YzAuNjAxLTAuOTAyLDAuOTAyLTIuMDAzLDAuOTAyLTMuMTA1YzAtMy4yMDUtMi42MDQtNS44MS01LjkxLTUuODENCgkJCWMtMy4yMDUsMC01LjkxLDIuNjA0LTUuOTEsNS44MWMwLDMuMjA1LDIuNjA0LDUuODEsNS45MSw1LjgxYzEuMTAyLDAsMi4xMDQtMC4zMDEsMi45MDUtMC44MDFsMy44MDYsMy44MDYNCgkJCWMwLjUwMSwwLjUwMSwxLjQwMiwwLjUwMSwyLjAwMywwQzE2Ni4wMjUtMTkuMTI0LDE2Ni4wMjUtMTkuOTI2LDE2NS41MjQtMjAuNTI3eiBNMTU2LjkxLTI0LjMzMw0KCQkJYy0xLjcwMywwLTMuMTA1LTEuNDAyLTMuMTA1LTMuMDA1YzAtMS43MDMsMS40MDItMy4wMDUsMy4xMDUtMy4wMDVzMy4xMDUsMS40MDIsMy4xMDUsMy4wMDUNCgkJCUMxNTkuOTE1LTI1LjYzNSwxNTguNjEzLTI0LjMzMywxNTYuOTEtMjQuMzMzeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 30px 15px; }

.icon-zip, .icon-video-file, .icon-transcript-file { width: 30px; height: 37px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTAwcHgiIGhlaWdodD0iMzcwcHgiIHZpZXdCb3g9IjAgMCA5MDAgMzcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MDAgMzcwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHg9IjEzNSIgeT0iMTUwIiBmaWxsPSIjRDREOUREIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4NCgk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTM1LDExMHYyMGgzMHYtMjBjLTUsMS0xMCwyLTE1LDJDMTQ1LDExMiwxNDAsMTExLDEzNSwxMTB6Ii8%2BDQoJPHJlY3QgeD0iMTM1IiB5PSIyMDEiIGZpbGw9IiNENEQ5REQiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIvPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xOTEsMEgyNEMwLDAsMCwyNCwwLDI0djMyMmMwLDI0LDI0LDI0LDI0LDI0aDI1MmMwLDAsMjQsMCwyNC0yNFYxMDBMMTkxLDB6IE0yMjEsNjBsMjAsMjBoLTIwVjYweg0KCQkgTTE2Niw3MGMwLDgtNywxNS0xNSwxNWMtOCwwLTE1LTctMTUtMTVzNy0xNSwxNS0xNUMxNTksNTUsMTY2LDYyLDE2Niw3MHogTTI3MSwzNDFIMzBWMjRoMTAxbDAsMGMtNiwxNy0xMSwzOC0xMSw0Ng0KCQljMCwxNiwxMywyOSwzMCwyOXMzMC0xMywzMC0yOWMwLTktNC0zMC0xMS00N2gyMWMwLDAsMCw0NiwwLDU1YzAsMTUsNywzMSwyNCwzMWMxNCwwLDM2LDAsNTYsMEwyNzEsMzQxTDI3MSwzNDF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTEwNywyOThIODdsMjMtMjZjMS0xLDEtMiwyLTJjMS0xLDEtMSwyLTJjMS0xLDEtMiwxLTNzMC0yLDAtM3YtMWMwLTEsMC0yLTEtM2MwLTEtMS0yLTItMmMtMS0xLTItMS0zLTINCgkJYy0xLDAtMy0xLTQtMUg3MmMtMywwLTUsMS02LDJjLTEsMS0yLDMtMiw2djFjMCwzLDEsNCwyLDZjMSwxLDMsMiw2LDJoMThsLTIzLDI2Yy0xLDEtMSwyLTIsMmMtMSwxLTEsMS0yLDJjMCwxLTEsMi0xLDMNCgkJYzAsMSwwLDIsMCwzdjFjMCwxLDAsMiwxLDNjMCwxLDEsMiwyLDJjMSwxLDIsMSwzLDJjMSwwLDMsMSw0LDFoMzVjMywwLDUtMSw2LTJjMS0xLDItMywyLTZ2LTFjMC0zLTEtNC0yLTYNCgkJQzExMiwyOTksMTEwLDI5OCwxMDcsMjk4eiIvPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNTIsMjUzaC0zYy01LDAtOCwzLTgsOXY0M2MwLDYsMyw5LDgsOWgzYzUsMCw4LTMsOC05di00M0MxNjAsMjU2LDE1NywyNTMsMTUyLDI1M3oiLz4NCgk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTk3LDI1NGMtMywwLTUsMS03LDNjLTIsMi0yLDQtMiw4djQxYzAsMywxLDUsMiw2YzEsMSwzLDIsNiwyaDNjMywwLDUtMSw2LTJjMS0xLDItNCwyLTZ2LTloNw0KCQljOCwwLDE1LTIsMTktNXM3LTksNy0xNnMtMi0xMy03LTE2Yy00LTQtMTEtNS0yMC01TDE5NywyNTRMMTk3LDI1NHogTTIyMSwyNzVjMCwyLTEsNC0yLDZjLTEsMS00LDItNiwyaC03di0xNWg2DQoJCUMyMTgsMjY4LDIyMSwyNzAsMjIxLDI3NXoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik01ODMsMGMtNCwwLTE0LDAtMzMsMGgtMjBIMzY5aC0xMWMtMjQsMC0zNywwLTQxLDBjLTE3LDAtMTcsMTctMTcsMTd2MzM2YzAsMTcsMTcsMTcsMTcsMTdzMTQsMCw0MSwwaDEyDQoJaDE2MWgxMGMyOCwwLDQyLDAsNDIsMHMxNywwLDE3LTE3VjE3QzYwMCwxNyw2MDAsMCw1ODMsMHogTTM0OSwzMzBjMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMHYtMzBjMC02LDQtMTAsMTAtMTBoMTANCgljNiwwLDEwLDQsMTAsMTBWMzMweiBNMzQ5LDI0MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwdi0zMGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFYyNDB6IE0zNDksMTYwDQoJYzAsNi00LDEwLTEwLDEwaC0xMGMtNiwwLTEwLTQtMTAtMTB2LTMwYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjE2MHogTTM0OSw3MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwVjQwDQoJYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjcweiBNNTMwLDMwdjE0MEgzNjlWMzBINTMweiBNMzY5LDM0MFYyMDBoMTYxdjE0MEgzNjl6IE01ODAsMzMwYzAsNi00LDEwLTEwLDEwaC0xMA0KCWMtNiwwLTEwLTQtMTAtMTB2LTMwYzAtNiw0LTEwLDEwLTEwaDEwYzYsMCwxMCw0LDEwLDEwVjMzMHogTTU4MCwyNDBjMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMHYtMzBjMC02LDQtMTAsMTAtMTBoMTANCgljNiwwLDEwLDQsMTAsMTBWMjQweiBNNTgwLDE2MGMwLDYtNCwxMC0xMCwxMGgtMTBjLTYsMC0xMC00LTEwLTEwdi0zMGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFYxNjB6IE01ODAsNzANCgljMCw2LTQsMTAtMTAsMTBoLTEwYy02LDAtMTAtNC0xMC0xMFY0MGMwLTYsNC0xMCwxMC0xMGgxMGM2LDAsMTAsNCwxMCwxMFY3MHoiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04ODQuMTAzLDBjLTQuMDAxLDAtMTQuMDA1LDAtMzMuMDEyLDBoLTIwLjAwN0g2NjkuMDI1aC0xMS4wMDRjLTI0LjAwOSwwLTM3LjAxMywwLTQxLjAxNSwwDQoJCUM2MDAsMCw2MDAsMTcsNjAwLDE3djMzNmMwLDE3LDE3LjAwNiwxNywxNy4wMDYsMTdzMTQuMDA1LDAsNDEuMDE1LDBoMTEuMDA0aDE2MS4wNThoMTAuMDA0YzI4LjAxLDAsNDIuMDE1LDAsNDIuMDE1LDANCgkJczE3LjAwNiwwLDE3LjAwNi0xN1YxN0M5MDEuMTA5LDE3LDkwMS4xMDksMCw4ODQuMTAzLDB6IE02NDguMDE4LDMzMGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMWMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTANCgkJdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYzMzB6IE02NDguMDE4LDI0MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMQ0KCQljLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYyNDB6IE02NDguMDE4LDE2MA0KCQljMCw2LTQuMDAxLDEwLTEwLjAwNCwxMEg2MjguMDFjLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYxNjB6DQoJCSBNNjQ4LjAxOCw3MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwSDYyOC4wMWMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTBWNDBjMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDQNCgkJYzYuMDAyLDAsMTAuMDA0LDQsMTAuMDA0LDEwVjcweiBNODMwLjA4MywzMHYxNDBINjY4LjAyNVYzMEg4MzAuMDgzeiBNNjY4LjAyNSwzNDBWMjAwaDE2Mi4wNTl2MTQwSDY2OC4wMjV6IE04ODEuMTAyLDMzMA0KCQljMCw2LTQuMDAxLDEwLTEwLjAwNCwxMGgtMTAuMDA0Yy02LjAwMiwwLTEwLjAwNC00LTEwLjAwNC0xMHYtMzBjMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDRjNi4wMDIsMCwxMC4wMDQsNCwxMC4wMDQsMTBWMzMweg0KCQkgTTg4MS4xMDIsMjQwYzAsNi00LjAwMSwxMC0xMC4wMDQsMTBoLTEwLjAwNGMtNi4wMDIsMC0xMC4wMDQtNC0xMC4wMDQtMTB2LTMwYzAtNiw0LjAwMS0xMCwxMC4wMDQtMTBoMTAuMDA0DQoJCWM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFYyNDB6IE04ODEuMTAyLDE2MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwaC0xMC4wMDRjLTYuMDAyLDAtMTAuMDA0LTQtMTAuMDA0LTEwdi0zMA0KCQljMC02LDQuMDAxLTEwLDEwLjAwNC0xMGgxMC4wMDRjNi4wMDIsMCwxMC4wMDQsNCwxMC4wMDQsMTBWMTYweiBNODgxLjEwMiw3MGMwLDYtNC4wMDEsMTAtMTAuMDA0LDEwaC0xMC4wMDQNCgkJYy02LjAwMiwwLTEwLjAwNC00LTEwLjAwNC0xMFY0MGMwLTYsNC4wMDEtMTAsMTAuMDA0LTEwaDEwLjAwNGM2LjAwMiwwLDEwLjAwNCw0LDEwLjAwNCwxMFY3MHoiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTc0Ny4wNTMsMTA5YzAsNS0yLjAwMSw5LTUuMDAyLDExYy0zLjAwMSwzLTcuMDAzLDQtMTIuMDA0LDRjLTYuMDAyLDAtMTEuMDA0LTItMTQuMDA1LTYNCgkJCWMtNC4wMDEtNC01LjAwMi05LTUuMDAyLTE1YzAtNywxLTEyLDMuMDAxLTE3czUuMDAyLTgsNy4wMDMtMTFjMy4wMDEtMyw2LjAwMi01LDkuMDAzLTdjMy4wMDEtMiw2LjAwMi0zLDguMDAzLTRsOC4wMDMsMTMNCgkJCWMtMy4wMDEsMS02LjAwMiwzLTguMDAzLDZjLTIuMDAxLDMtNC4wMDEsNi00LjAwMSw5YzMuMDAxLDAsNi4wMDIsMSw5LjAwMyw0Qzc0NS4wNTMsMTAxLDc0Ny4wNTMsMTA1LDc0Ny4wNTMsMTA5eiBNNzkwLjA2OSwxMDkNCgkJCWMwLDUtMi4wMDEsOS01LjAwMiwxMWMtMy4wMDEsMi03LjAwMyw0LTEyLjAwNCw0Yy02LjAwMiwwLTExLjAwNC0yLTE1LjAwNS02Yy0zLjAwMS00LTUuMDAyLTktNS4wMDItMTVjMC03LDEtMTIsMy4wMDEtMTcNCgkJCXM1LjAwMi04LDcuMDAzLTExYzMuMDAxLTMsNi4wMDItNSw5LjAwMy03YzMuMDAxLTIsNi4wMDItMyw4LjAwMy00bDguMDAzLDEzYy0zLjAwMSwxLTYuMDAyLDMtOS4wMDMsNmMtMi4wMDEsMy00LjAwMSw2LTQuMDAxLDkNCgkJCWMzLjAwMSwwLDYuMDAyLDEsOS4wMDMsNEM3ODkuMDY5LDEwMSw3OTAuMDY5LDEwNSw3OTAuMDY5LDEwOXoiLz4NCgk8L2c%2BDQoJPGc%2BDQoJCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik03MDkuMDQsMjYxYzAtNSwyLjAwMS05LDUuMDAyLTExYzMuMDAxLTMsNy4wMDMtNCwxMi4wMDQtNGM2LjAwMiwwLDExLjAwNCwyLDE0LjAwNSw2DQoJCQljNC4wMDEsNCw1LjAwMiw5LDUuMDAyLDE1cy0xLDEyLTMuMDAxLDE3Yy0yLjAwMSw1LTUuMDAyLDgtOC4wMDMsMTFjLTMuMDAxLDMtNi4wMDIsNS05LjAwMyw3Yy0zLjAwMSwyLTYuMDAyLDMtOC4wMDMsNA0KCQkJbC04LjAwMy0xM2MzLjAwMS0xLDYuMDAyLTMsOS4wMDMtNmMzLjAwMS0yLDQuMDAxLTYsNC4wMDEtOWMtMy4wMDEsMC02LjAwMi0xLTkuMDAzLTRDNzEwLjA0LDI3MCw3MDkuMDQsMjY2LDcwOS4wNCwyNjF6DQoJCQkgTTc1My4wNTYsMjYxYzAtNSwyLjAwMS05LDUuMDAyLTExYzMuMDAxLTMsNy4wMDMtNCwxMi4wMDQtNGM2LjAwMiwwLDExLjAwNCwyLDE0LjAwNSw2YzQuMDAxLDQsNS4wMDIsOSw1LjAwMiwxNXMtMSwxMi0zLjAwMSwxNw0KCQkJYy0yLjAwMSw1LTUuMDAyLDgtOC4wMDMsMTFjLTMuMDAxLDMtNi4wMDIsNS05LjAwMyw3Yy0zLjAwMSwyLTYuMDAyLDMtOC4wMDMsNGwtOC4wMDMtMTNjMy4wMDEtMSw2LjAwMi0zLDkuMDAzLTYNCgkJCWMzLjAwMS0yLDQuMDAxLTYsNC4wMDEtOWMtMy4wMDEsMC02LjAwMi0xLTkuMDAzLTRDNzU1LjA1NiwyNzAsNzUzLjA1NiwyNjYsNzUzLjA1NiwyNjF6Ii8%2BDQoJPC9nPg0KPC9nPg0KPC9zdmc%2BDQo%3D); background-size: 90px 37px; }

.icon-video-file { background-position: -30px 0; }

.icon-transcript-file { background-position: -60px 0; }

.icon-play, .icon-play-white, .icon-video-small-white { width: 10px; height: 13px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTkuOTk3cHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCA5OS45OTcgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5OS45OTcgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMS45OTksMy41Yy0xMi04LTIyLTItMjIsMTN2OTdjMCwxNSwxMCwyMSwyMiwxM2w2OS00N2MxMi04LDEyLTIxLDAtMjlMMjEuOTk5LDMuNXoiLz4NCjwvc3ZnPg0K); background-size: 10px 13px; }

.icon-play-large { background: url("/assets/icons/icon-play-large-9f958a65a296dab0c53717cbd93cdf15425964fbb1b027de01be4d04d7a46503.svg") no-repeat; width: 21px; height: 28px; }

.icon-close { width: 12px; height: 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTIwcHgiIGhlaWdodD0iMTE5Ljk5OXB4IiB2aWV3Qm94PSIwIDAgMTIwIDExOS45OTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMCAxMTkuOTk5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMTcsOTIuMjMxTDg1LDU5LjUwNGwzMi0zMi43MjdjNC0zLjk2Nyw0LTkuOTE3LDAtMTMuODg0bC0xMS05LjkxN2MtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDYwLDM1LjcwMg0KCUwyOCwyLjk3NWMtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDMsMTIuODkzYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMzIsMzIuNzI3TDMsOTIuMjMxYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMTEsMTAuOTA5DQoJYzQsMy45NjcsMTAsMy45NjcsMTQsMGwzMi0zMi43MjdsMzIsMzIuNzI3YzQsMy45NjcsMTAsMy45NjcsMTQsMGwxMS05LjkxN0MxMjEsMTAyLjE0OSwxMjEsOTYuMTk4LDExNyw5Mi4yMzF6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 12px 12px; }

.icon-close-dark { width: 12px; height: 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTIwcHgiIGhlaWdodD0iMTE5Ljk5OXB4IiB2aWV3Qm94PSIwIDAgMTIwIDExOS45OTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMCAxMTkuOTk5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xMTcsOTIuMjMxTDg1LDU5LjUwNGwzMi0zMi43MjdjNC0zLjk2Nyw0LTkuOTE3LDAtMTMuODg0bC0xMS05LjkxN2MtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDYwLDM1LjcwMg0KCUwyOCwyLjk3NWMtNC0zLjk2Ny0xMC0zLjk2Ny0xNCwwTDMsMTIuODkzYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMzIsMzIuNzI3TDMsOTIuMjMxYy00LDMuOTY3LTQsOS45MTcsMCwxMy44ODRsMTEsMTAuOTA5DQoJYzQsMy45NjcsMTAsMy45NjcsMTQsMGwzMi0zMi43MjdsMzIsMzIuNzI3YzQsMy45NjcsMTAsMy45NjcsMTQsMGwxMS05LjkxN0MxMjEsMTAyLjE0OSwxMjEsOTYuMTk4LDExNyw5Mi4yMzF6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 12px 12px; }

.icon-add-green { width: 14px; height: 14px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDIwcHgiIGhlaWdodD0iMTQwcHgiIHZpZXdCb3g9IjAgMCA0MjAgMTQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MjAgMTQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDMEM4Q0UiIGQ9Ik0xMjAsNTBIOTAuN1YyMGMwLTExLTktMjAtMjAtMjBzLTIwLDktMjAsMjB2MzBIMjBDOSw1MCwwLDU5LDAsNzBzOSwyMCwyMCwyMGgzMC43djMwYzAsMTEsOSwyMCwyMCwyMA0KCXMyMC05LDIwLTIwVjkwSDEyMGMxMSwwLDIwLTksMjAtMjBTMTMxLDUwLDEyMCw1MHoiLz4NCjxwYXRoIGZpbGw9IiM2QkMxN0UiIGQ9Ik0yNjAsNTBoLTI5LjNWMjBjMC0xMS05LTIwLTIwLTIwcy0yMCw5LTIwLDIwdjMwSDE2MGMtMTEsMC0yMCw5LTIwLDIwczksMjAsMjAsMjBoMzAuN3YzMGMwLDExLDksMjAsMjAsMjANCglzMjAtOSwyMC0yMFY5MEgyNjBjMTEsMCwyMC05LDIwLTIwUzI3MSw1MCwyNjAsNTB6Ii8%2BDQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDAwLDUwaC0yOS4zVjIwYzAtMTEtOS0yMC0yMC0yMHMtMjAsOS0yMCwyMHYzMEgzMDBjLTExLDAtMjAsOS0yMCwyMHM5LDIwLDIwLDIwaDMwLjd2MzBjMCwxMSw5LDIwLDIwLDIwDQoJczIwLTksMjAtMjBWOTBINDAwYzExLDAsMjAtOSwyMC0yMFM0MTEsNTAsNDAwLDUweiIvPg0KPC9zdmc%2BDQo%3D); background-size: 42px 14px; background-position: -14px 0; }

.icon-mtf-error { width: 80px; height: 66px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODBweCIgaGVpZ2h0PSI2NnB4IiB2aWV3Qm94PSIwIDAgODAgNjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDY2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik04MCwxOC4zODljMC05LjkyNy04LjA4MS0xNy45NzUtMTguMDUtMTcuOTc1Yy05LjQwNSwwLTE3LjEyMSw3LjE2NC0xNy45NjYsMTYuMzA5DQoJYy0xLjQwMS0wLjEzOC0yLjgyNy0wLjIxNi00LjI3OC0wLjIxNmMtMS4yNDIsMC0yLjQ2NiwwLjA1Ny0zLjY3MiwwLjE1OEMzNS4zNTgsNy4zNTIsMjcuNTc2LDAsMTguMDUsMEM4LjA4MSwwLDAsOC4wNDcsMCwxNy45NzQNCgljMCw2LjQ4NywzLjQ2MiwxMi4xNTMsOC42MzQsMTUuMzE0Yy0xLjEyNywyLjUtMS43NDgsNS4xNzgtMS43NDgsNy45NjZDNi44ODYsNTQuOTIsMjEuNTgsNjYsMzkuNzA2LDY2czMyLjgyLTExLjA4LDMyLjgyLTI0Ljc0Ng0KCWMwLTIuNTYzLTAuNTE3LTUuMDM1LTEuNDc3LTcuMzZDNzYuMzk4LDMwLjc3Myw4MCwyNS4wMDYsODAsMTguMzg5eiBNMTguMDUsMzEuNTMzYy03LjUyMSwwLTEzLjYxNy02LjA2OS0xMy42MTctMTMuNTYNCgljMC03LjQ4OCw2LjA5Ni0xMy41NiwxMy42MTctMTMuNTZjNy41MiwwLDEzLjYxNyw2LjA3MSwxMy42MTcsMTMuNTZDMzEuNjY3LDI1LjQ2NCwyNS41NywzMS41MzMsMTguMDUsMzEuNTMzeiBNNjIuMDA5LDMxLjUzMw0KCWMtNy41MiwwLTEzLjYxNi02LjA2OS0xMy42MTYtMTMuNTZjMC03LjQ4OCw2LjA5Ny0xMy41NiwxMy42MTYtMTMuNTZjNy41MjEsMCwxMy42MTcsNi4wNzEsMTMuNjE3LDEzLjU2DQoJQzc1LjYyNiwyNS40NjQsNjkuNTI5LDMxLjUzMyw2Mi4wMDksMzEuNTMzeiIvPg0KPGcgaWQ9IlNoYXBlXzVfY29weV8yNl8xXyIgb3BhY2l0eT0iMC44Ij4NCgk8Zz4NCgkJPGVsbGlwc2UgZmlsbD0iIzYwNjg2RSIgY3g9IjM1LjY4NSIgY3k9IjMwLjc1MSIgcng9IjEuNzcxIiByeT0iMS43NjIiLz4NCgk8L2c%2BDQo8L2c%2BDQo8ZyBpZD0iU2hhcGVfNV9jb3B5XzI3XzFfIiBvcGFjaXR5PSIwLjgiPg0KCTxnPg0KCQk8ZWxsaXBzZSBmaWxsPSIjNjA2ODZFIiBjeD0iNDQuMDUxIiBjeT0iMzAuNzUxIiByeD0iMS43NyIgcnk9IjEuNzYxIi8%2BDQoJPC9nPg0KPC9nPg0KPGcgaWQ9IlNoYXBlXzVfY29weV8yNV8zXyI%2BDQoJPGc%2BDQoJCTxlbGxpcHNlIGZpbGw9IiM2MDY4NkUiIGN4PSIxNy45OTIiIGN5PSIxNy45MzEiIHJ4PSI0LjQ5MSIgcnk9IjQuNDczIi8%2BDQoJPC9nPg0KPC9nPg0KPGcgaWQ9IlNoYXBlXzVfY29weV8yNV8xXyI%2BDQoJPGc%2BDQoJCTxlbGxpcHNlIGZpbGw9IiM2MDY4NkUiIGN4PSI2MS45NTIiIGN5PSIxNy45MzEiIHJ4PSI0LjQ5MSIgcnk9IjQuNDczIi8%2BDQoJPC9nPg0KPC9nPg0KPHBhdGggZmlsbD0iIzYwNjg2RSIgZD0iTTQ2LjcyOSw0OS42MzVjMCwzLjMyNi0zLjY5Niw2LjAyMy03LjAyMyw2LjAyM3MtNy4wMjMtMi42OTctNy4wMjMtNi4wMjNzMy42OTYtNi4wMjMsNy4wMjMtNi4wMjMNCglTNDYuNzI5LDQ2LjMwOSw0Ni43MjksNDkuNjM1eiIvPg0KPC9zdmc%2BDQo%3D); background-size: 80px 66px; }

.icon-info { width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2ODAgMzQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2ODAgMzQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6IzhFOTY5RDt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzAsNTBjNjYsMCwxMjAsNTQsMTIwLDEyMHMtNTQsMTIwLTEyMCwxMjBTNTAsMjM2LDUwLDE3MFMxMDQsNTAsMTcwLDUwIE0xNzAsMEM3NiwwLDAsNzYsMCwxNzAKCXM3NiwxNzAsMTcwLDE3MHMxNzAtNzYsMTcwLTE3MFMyNjQsMCwxNzAsMEwxNzAsMHogTTE3MCwyNjBjLTE0LDAtMjUtMTEtMjUtMjR2LTY2YzAtMTQsMTEtMjQsMjUtMjRzMjUsMTEsMjUsMjR2NjYKCUMxOTUsMjQ5LDE4MywyNjAsMTcwLDI2MHogTTE3MCw4MGMxMy4zLDAsMjQsMTAuMywyNCwyM3MtMTAuNywyMy0yNCwyM3MtMjQtMTAuMy0yNC0yM1MxNTYuNyw4MCwxNzAsODB6Ii8%2BCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01MTAsNTBjNjYsMCwxMjAsNTQsMTIwLDEyMHMtNTQsMTIwLTEyMCwxMjBzLTEyMC01NC0xMjAtMTIwUzQ0NCw1MCw1MTAsNTAgTTUxMCwwYy05NCwwLTE3MCw3Ni0xNzAsMTcwCglzNzYsMTcwLDE3MCwxNzBzMTcwLTc2LDE3MC0xNzBTNjA0LDAsNTEwLDBMNTEwLDB6IE01MTAsMjYwYy0xNCwwLTI1LTExLTI1LTI0di02NmMwLTE0LDExLTI0LDI1LTI0czI1LDExLDI1LDI0djY2CglDNTM1LDI0OSw1MjMsMjYwLDUxMCwyNjB6IE01MTAsODBjMTMuMywwLDI0LDEwLjMsMjQsMjNzLTEwLjcsMjMtMjQsMjNzLTI0LTEwLjMtMjQtMjNTNDk2LjcsODAsNTEwLDgweiIvPgo8L3N2Zz4K); background-size: 68px 34px; }

.icon-info-small { width: 25px; height: 25px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjUwcHgiIGhlaWdodD0iMjUwcHgiIHZpZXdCb3g9IjAgMCAyNTAgMjUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNTAgMjUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTI1LDM2Ljc2YzQ4LjY1LDAsODguMjQsMzkuNTgsODguMjQsODguMjRzLTM5LjU4LDg4LjI0LTg4LjI0LDg4LjI0Yy00OC42NSwwLTg4LjI0LTM5LjU4LTg4LjI0LTg4LjI0DQoJCQlTNzYuMzUsMzYuNzYsMTI1LDM2Ljc2IE0xMjUsMEM1NS45NiwwLDAsNTUuOTYsMCwxMjVjMCw2OS4wMyw1NS45NiwxMjUsMTI1LDEyNWM2OS4wNSwwLDEyNS01NS45NywxMjUtMTI1DQoJCQlDMjUwLDU1Ljk2LDE5NC4wNSwwLDEyNSwwTDEyNSwweiIvPg0KCTwvZz4NCgk8Zz4NCgkJPGc%2BDQoJCQk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTI2LjE5LDE5My43MWMtMTAuMTUsMC0xOC4zOC04LjIzLTE4LjM4LTE4LjM4di01MGMwLTEwLjE1LDguMjMtMTguMzgsMTguMzgtMTguMzgNCgkJCQlzMTguMzgsOC4yMywxOC4zOCwxOC4zOHY1MEMxNDQuNTcsMTg1LjQ5LDEzNi4zNSwxOTMuNzEsMTI2LjE5LDE5My43MXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxjaXJjbGUgZmlsbD0iI0Q0RDlERCIgY3g9IjEyNi4yIiBjeT0iNzUuMDciIHI9IjE3Ljg2Ii8%2BDQoJCTwvZz4NCgk8L2c%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 25px 25px; }

.icon-alert { width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzQwcHgiIGhlaWdodD0iMzQwcHgiIHZpZXdCb3g9IjAgMCAzNDAgMzQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNDAgMzQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRUQ1QTVBIiBkPSJNMTYwLDE5NmMtMi0zLTMtNy01LTEybC0xNC03MGMtMi0xMC0xLTE4LDQtMjRjNS02LDEyLTksMjEtOWg2YzEwLDAsMTgsMywyMiw5YzUsNiw2LDE0LDQsMjRsLTEzLDcwDQoJCQljLTEsNi0zLDEwLTUsMTJjLTIsMy01LDQtOCw0aC01QzE2NCwyMDAsMTYxLDE5OCwxNjAsMTk2eiBNMTQ1LDIzOHYtNGMwLTE1LDctMjIsMjEtMjJoNmMxNCwwLDIyLDcsMjIsMjJ2NGMwLDE1LTcsMjItMjIsMjJoLTYNCgkJCUMxNTMsMjYwLDE0NSwyNTMsMTQ1LDIzOHoiLz4NCgk8L2c%2BDQoJPHBhdGggZmlsbD0iI0VENUE1QSIgZD0iTTE3MCw1MGM2NiwwLDEyMCw1NCwxMjAsMTIwcy01NCwxMjAtMTIwLDEyMFM1MCwyMzYsNTAsMTcwUzEwNCw1MCwxNzAsNTAgTTE3MCwwQzc2LDAsMCw3NiwwLDE3MA0KCQlzNzYsMTcwLDE3MCwxNzBzMTcwLTc2LDE3MC0xNzBTMjY0LDAsMTcwLDBMMTcwLDB6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 34px 34px; }

.icon-alert-gray { width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM0IDM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6IzhFOTY5RDt9Cjwvc3R5bGU%2BCjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDE5LjZjLTAuMi0wLjMtMC4zLTAuNy0wLjUtMS4ybC0xLjQtN2MtMC4yLTEtMC4xLTEuOCwwLjQtMi40QzE1LDguMywxNS43LDgsMTYuNiw4aDAuNgoJCWMxLDAsMS44LDAuMywyLjIsMC45YzAuNSwwLjYsMC42LDEuNCwwLjQsMi40bC0xLjMsN2MtMC4xLDAuNi0wLjMsMS0wLjUsMS4yYy0wLjIsMC4zLTAuNSwwLjQtMC44LDAuNGgtMC41CgkJQzE2LjQsMjAsMTYuMSwxOS44LDE2LDE5LjZ6IE0xNC41LDIzLjh2LTAuNGMwLTEuNSwwLjctMi4yLDIuMS0yLjJoMC42YzEuNCwwLDIuMiwwLjcsMi4yLDIuMnYwLjRjMCwxLjUtMC43LDIuMi0yLjIsMi4yaC0wLjYKCQlDMTUuMywyNiwxNC41LDI1LjMsMTQuNSwyMy44eiIvPgo8L2c%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNyw1YzYuNiwwLDEyLDUuNCwxMiwxMnMtNS40LDEyLTEyLDEyUzUsMjMuNiw1LDE3UzEwLjQsNSwxNyw1IE0xNywwQzcuNiwwLDAsNy42LDAsMTdjMCw5LjQsNy42LDE3LDE3LDE3CgljOS40LDAsMTctNy42LDE3LTE3QzM0LDcuNiwyNi40LDAsMTcsMEwxNywweiIvPgo8L3N2Zz4K); background-size: 34px 34px; text-indent: -9999px; }

.icon-alert-dark-gray { width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzRweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMzQgMzQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM0IDM0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM4MDhBOTEiIGQ9Ik0xNS45NTgsMTkuNTYyYy0wLjE4My0wLjI2LTAuMzQyLTAuNjctMC40ODEtMS4yMjhsLTEuMzU0LTcuMDQzYy0wLjI0NC0wLjk4OS0wLjEyNi0xLjc4NSwwLjM1Mi0yLjM4OQ0KCQljMC40NzktMC42MDMsMS4xOTMtMC45MDMsMi4xNDgtMC45MDNoMC42NWMxLjAwNiwwLDEuNzU0LDAuMzAxLDIuMjQsMC45MDNjMC40ODIsMC42MDQsMC42MDQsMS4zOTksMC4zNjIsMi4zODlsLTEuMzI4LDcuMDQzDQoJCWMtMC4xNDEsMC41NTgtMC4zMDgsMC45NjgtMC41MDksMS4yMjhjLTAuMTk5LDAuMjYyLTAuNDc1LDAuMzkzLTAuODIsMC4zOTNoLTAuNDkyQzE2LjM5NiwxOS45NTUsMTYuMTQzLDE5LjgyNCwxNS45NTgsMTkuNTYyeg0KCQkgTTE0LjU0LDIzLjgxM3YtMC40MzJjMC0xLjQ1NywwLjcxMi0yLjE4NywyLjEzNi0yLjE4N2gwLjZjMS40MzksMCwyLjE2LDAuNzI5LDIuMTYsMi4xODd2MC40MzJjMCwxLjQ1Ny0wLjcyMSwyLjE4Ny0yLjE2LDIuMTg3DQoJCWgtMC42QzE1LjI1MiwyNiwxNC41NCwyNS4yNzEsMTQuNTQsMjMuODEzeiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iIzgwOEE5MSIgZD0iTTE3LDVjNi42MTcsMCwxMiw1LjM4MywxMiwxMnMtNS4zODMsMTItMTIsMTJTNSwyMy42MTcsNSwxN1MxMC4zODMsNSwxNyw1IE0xNywwQzcuNjExLDAsMCw3LjYxLDAsMTcNCgljMCw5LjM4OCw3LjYxMSwxNywxNywxN2M5LjM5MSwwLDE3LTcuNjEyLDE3LTE3QzM0LDcuNjEsMjYuMzkxLDAsMTcsMEwxNywweiIvPg0KPC9zdmc%2BDQo%3D); background-size: 34px 34px; text-indent: -9999px; }

.icon-included, .icon-check-green { width: 22px; height: 18px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDM5Ljk5OXB4IiBoZWlnaHQ9IjE4MHB4IiB2aWV3Qm94PSIwIDAgNDM5Ljk5OSAxODAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQzOS45OTkgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM1RkNGODAiIGQ9Ik05MC41MDYsMTgwTDcuNSwxMDIuMDMyYy0xMC4wMDEtOS45OTYtMTAuMDAxLTI0Ljk5LDAtMzQuOTg1YzEwLjAwMS05Ljk5NiwyNy4wMDItOS45OTYsMzcuMDAyLDANCgkJbDQzLjAwMywzOS45ODNsODYuMDA2LTk3Ljk1OWM5LjAwMS0xMC45OTUsMjYuMDAyLTExLjk5NSwzNy4wMDItMi45OTljMTEuMDAxLDguOTk2LDEzLjAwMSwyMy45OSwzLDM0Ljk4NUw5MC41MDYsMTgweiIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTMxMC41MDYsMTgwTDIyNy41LDEwMi4wMzJjLTEwLjAwMS05Ljk5Ni0xMC4wMDEtMjQuOTksMC0zNC45ODVjMTAuMDAxLTkuOTk2LDI3LjAwMi05Ljk5NiwzNy4wMDIsMA0KCQlsNDMuMDAzLDM5Ljk4M0wzOTMuNTEsOS4wNzFjOS4wMDEtMTAuOTk1LDI2LjAwMi0xMS45OTUsMzcuMDAyLTIuOTk5YzExLjAwMSw4Ljk5NiwxMy4wMDEsMjMuOTksMywzNC45ODVMMzEwLjUwNiwxODB6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 44px 18px; }

.icon-not-included { width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTgwcHgiIGhlaWdodD0iMTgwLjAwMnB4IiB2aWV3Qm94PSIwIDAgMTgwIDE4MC4wMDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4MCAxODAuMDAyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNFRDVBNUEiIGQ9Ik0xNzUuNTI1LDEzOS43MjVsLTQ5LjcyNC00OS43MjRsNDkuNzI0LTQ5LjcyNGM1Ljk2Ny01Ljk2Nyw1Ljk2Ny0xNC45MTcsMC0xOS44OUwxNTkuNjEzLDQuNDc1DQoJYy01Ljk2Ny01Ljk2Ny0xNC45MTctNS45NjctMTkuODksMEw5MCw1NC4yTDQwLjI3Niw0LjQ3NmMtNS45NjctNS45NjctMTQuOTE3LTUuOTY3LTE5Ljg5LDBMNC40NzUsMjAuMzg4DQoJYy01Ljk2Nyw1Ljk2Ny01Ljk2NywxNC45MTcsMCwxOS44OWw0OS43MjQsNDkuNzIzTDQuNDc1LDEzOS43MjVjLTUuOTY3LDUuOTY3LTUuOTY3LDE0LjkxNywwLDE5Ljg4OWwxNS45MTIsMTUuOTEyDQoJYzUuOTY3LDUuOTY3LDE0LjkxNyw1Ljk2NywxOS44OSwwTDkwLDEyNS44MDJsNDkuNzI0LDQ5LjcyNGM1Ljk2Nyw1Ljk2NywxNC45MTcsNS45NjcsMTkuODksMGwxNS45MTItMTUuOTEyDQoJQzE3OS41MDMsMTUzLjY0NywxNzkuNTAzLDE0NC42OTcsMTc1LjUyNSwxMzkuNzI1eiIvPg0KPC9zdmc%2BDQo%3D); background-size: 18px 18px; }

.icon-play-button { width: 36px; height: 36px; border: 12px solid #fff; border-radius: 100px; }

.icon-play-button .icon-play { background: url("/assets/icons/icon-play-pause-ee3e40c3da0f1eb938dfb60167c06d5056912672d9ee8a46730402923528b124.png") no-repeat -10px 0; width: 12px; height: 18px; }

.icon-share { width: 23px; height: 18px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjMwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAyMzAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMzAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02NC4wNywxMjUuOTE4YzkuMDEtMTQuMDIxLDMzLjAzNi0zNi4wNTUsOTAuMDk4LTM2LjA1NXYzMC4wNDZjMCw3LjAxMSw0LjAwNCw5LjAxNCwxMC4wMTEsNS4wMDgNCgkJbDYyLjA2Ny01My4wODFjNS4wMDUtNS4wMDgsNS4wMDUtMTIuMDE4LDAtMTYuMDI0TDE2NC4xNzgsMi43M2MtNS4wMDUtNS4wMDgtMTAuMDExLTMuMDA1LTEwLjAxMSw1LjAwOHYyOS4wNDQNCgkJYy0xNC4wMTUsMC04Mi4wODksMi4wMDMtOTQuMTAyLDg5LjEzNkM1OS4wNjQsMTMxLjkyNyw2MS4wNjYsMTMxLjkyNyw2NC4wNywxMjUuOTE4eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMC4wMjIsMTU5Ljk3VjU5LjgxN2g0OS4wNTNDODEuMDg4LDQ2Ljc5Nyw5Mi4xLDQwLjc4OCw5NC4xMDIsMzkuNzg3SDEyLjAxMw0KCQlDNS4wMDUsMzkuNzg3LDAsNDQuNzk0LDAsNTEuODA1djExNi4xNzdDMCwxNzQuOTkyLDUuMDA1LDE4MCwxMi4wMTMsMTgwaDE3NS4xOWM3LjAwOCwwLDEzLjAxNC01LjAwOCwxMy4wMTQtMTIuMDE4di01NC4wODINCgkJbC0yMC4wMjIsMTcuMDI2djI5LjA0NEgyMC4wMjJ6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 23px 18px; }

.icon-doc { width: 13px; height: 16px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzAgMTYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzAgMTYwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6IzhFOTY5RDt9Cjwvc3R5bGU%2BCjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIwLDBDOSwwLDAsOSwwLDIwdjEyMGMwLDExLDksMjAsMjAsMjBoOTBjMTEsMCwyMC05LDIwLTIwVjQ1LjdMODYuNCwwSDIweiBNNzAsNDBjMCwxMSw5LDIwLDIwLDIwaDIwdjgwSDIwCgkJVjIwaDUwVjQweiIvPgo8L2c%2BCjwvc3ZnPgo%3D); background-size: 13px 16px; }

.icon-reply { width: 17px; height: 13px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTcwcHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCAxNzAgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNzAgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik00LjM3MSwxMjUuNzY5YzkuMTE5LTEzLjk5OSwzMi41NTgtMzUuODY4LDkwLjI0NC0zNS44Njh2MzAuMDI4YzAsNy4wNCw0LjMxLDkuMDU5LDkuNjQ5LDQuNTENCglsNjEuNzQ2LTUyLjc3NmM1LjMyLTQuNTUsNS4zMi0xMS45MDksMC0xNi40NDlMMTA0LjI2NCwyLjQxN2MtNS4zNC00LjUzLTkuNjQ5LTIuNTEtOS42NDksNC41M3YyOC42OTgNCgljLTEzLjUwOS0wLjM2LTgyLjAzNCwyLjIyLTk0LjI5NCw4OC45MTRDLTAuNjQ4LDEzMS41MDgsMC41NDEsMTMxLjY0OCw0LjM3MSwxMjUuNzY5eiIvPg0KPC9zdmc%2BDQo%3D); background-size: 17px 13px; }

.icon-money { width: 60px; height: 40px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjAwcHgiIGhlaWdodD0iNDAwcHgiIHZpZXdCb3g9IjAgMCA2MDAgNDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik01NzAsMEM1NDAsMCwzMCwwLDMwLDBDMCwwLDAsMjkuNjMxLDAsMjkuNjMxczAsMzExLjExOCwwLDM0MC43MzlDMCw0MDAsMzAsNDAwLDMwLDQwMHM1MTAsMCw1NDAsMA0KCXMzMC0yOS42MzEsMzAtMjkuNjMxVjI5LjYzMUM2MDAsMjkuNjMxLDYwMCwwLDU3MCwweiBNNDg4LjQ0LDY3LjA3MnYtN2MwLTUuNjIsNC42My0xMC4xNywxMC4zMi0xMC4xN2M1LjY3LDAsMTAuMyw0LjU2LDEwLjMsMTAuMTcNCgl2Ny4xM2MxMy40NCwyLjUxLDIwLjc4LDkuMTcsMjEuNzIsMTAuMWM0LjAxLDMuOTgsNC4wMSwxMC40MiwwLDE0LjM4Yy0zLjk5LDMuOTQtMTAuNDEsMy45OS0xNC40NSwwLjEzDQoJYy0wLjQ0LTAuMzgtNi4yMS01LjI4LTE3LjU3LTUuMjhjLTE4LjY0LDAtMjIuNywxMS40MS0yMi43LDE0LjIzYzAsNi45NiwwLDE2LjQ4LDI1LjE4LDIyLjY5MQ0KCWM0MC43OCwxMC4wNiw0MC43OCwzMy41OTEsNDAuNzgsNDIuNDUxYzAsMTIuNTctMTAuMzQsMjkuNjYxLTMyLjk2LDMzLjcwMXY3YzAsNS42MS00LjYzLDEwLjE3LTEwLjMsMTAuMTcNCgljLTUuNjksMC0xMC4zMi00LjU2LTEwLjMyLTEwLjE3di02Ljk5Yy0yMi45LTMuOTYtMzEuNDYtMjAuMjYxLTMxLjg4LTIxLjAzYy0yLjU1LTUuMDMtMC40Ny0xMS4xNCw0LjYzLTEzLjY2DQoJYzUuMDctMi41LDExLjI1LTAuNDUsMTMuODEsNC41NmMwLjE1LDAuMjYsNi4xNCwxMC42NCwyMy43NiwxMC42NGMxOC42MiwwLDIyLjYzLTExLjQxLDIyLjYzLTE0LjIzYzAtNi45NiwwLTE2LjQ4LTI1LjEzLTIyLjY5MQ0KCWMtNDAuNzctMTAuMDctNDAuNzctMzMuNTgxLTQwLjc3LTQyLjQ1MUM0NTUuNDksODguMTkyLDQ2NS43OSw3MS4xMDIsNDg4LjQ0LDY3LjA3MnogTTMwMCw0NC40NDFjNDkuNzEsMCw5MCwzOS44MDEsOTAsODguODkyDQoJYzAsMjMuNDIxLTkuMjUsNDQuNjgxLTI0LjI1LDYwLjU2MmMtNC4xNy03LjA3LTExLjI4LTE2LjY1LTIyLjkzLTI0Ljk2MWM4Ljk0LTExLjg5LDEzLjQyLTI4Ljc3MSwxMy40Mi01MC40MjENCgljMC0zMC42MzEtMjUuMjMtNTUuNTUxLTU2LjI0LTU1LjU1MXMtNTYuMjQsMjQuOTIxLTU2LjI0LDU1LjU1MWMwLDE2LjYsMi42NywzMC40NzEsOCw0MS40MjFjLTExLjg4LDYuMjYtMjAuMjYsMTUuMTYtMjYuMTgsMjMuMzYxDQoJYy05LjgyLTE0LjI0LTE1LjU4LTMxLjQ0MS0xNS41OC00OS45NzFDMjEwLDg0LjI0MiwyNTAuMyw0NC40NDEsMzAwLDQ0LjQ0MXogTTI3Ni45NiwxNTcuNzc0Yy03LjExLTcuODUtMTAuNy0yMS4wNS0xMC43LTM5LjI2MQ0KCWMwLTE4LjM4LDE1LjE1LTMzLjMzMSwzMy43NC0zMy4zMzFjMTguNjEsMCwzMy43NiwxNC45NSwzMy43NiwzMy4zMzFjMCwyMS45OTEtNS4yMiwzNi41NzEtMTUuNTIsNDMuMzMxDQoJYy0zLjM1LDIuMjItNS4yNiw2LjA2LTQuOTcsMTAuMDZjMC4yOSwzLjk5LDIuNzQsNy41Miw2LjQxLDkuMjNjMTcuODEsOC4zMSwyNS43OCwyMS42MTEsMjguNDksMjcuMTkxDQoJYy0xMy45Myw4Ljc1LTMwLjQzLDEzLjg5LTQ4LjE2LDEzLjg5Yy0yMi41NywwLTQzLjE0LTguMjctNTguOTYtMjEuODMxYzUuMzktOC43MSwxNS4wOC0yMC4yNDEsMzAuNTktMjQuNTIxDQoJYzMuNzMtMS4wNCw2LjY3LTMuOTEsNy43NS03LjU4QzI4MC40OCwxNjQuNjA0LDI3OS41NSwxNjAuNjI0LDI3Ni45NiwxNTcuNzc0eiBNOTIuOTcsNjcuMDcydi03YzAtNS42Miw0LjYzLTEwLjE3LDEwLjMtMTAuMTcNCgljNS42OCwwLDEwLjMxLDQuNTYsMTAuMzEsMTAuMTd2Ny4xM2MxMy40NSwyLjUxLDIwLjc3LDkuMTcsMjEuNzEsMTAuMWM0LjAxLDMuOTgsNC4wMSwxMC40MiwwLDE0LjM4DQoJYy0zLjk4LDMuOTQtMTAuNCwzLjk5LTE0LjQ0LDAuMTNjLTAuNDMtMC4zOC02LjIyLTUuMjgtMTcuNTgtNS4yOGMtMTguNjIsMC0yMi42OCwxMS40MS0yMi42OCwxNC4yM2MwLDYuOTYsMCwxNi40OCwyNS4xNywyMi42OTENCgljNDAuNzgsMTAuMDYsNDAuNzgsMzMuNTkxLDQwLjc4LDQyLjQ1MWMwLDEyLjU3LTEwLjMzLDI5LjY2MS0zMi45NiwzMy43MDF2N2MwLDUuNjEtNC42MywxMC4xNy0xMC4zMSwxMC4xNw0KCWMtNS42NywwLTEwLjMtNC41Ni0xMC4zLTEwLjE3di02Ljk5Yy0yMi45Mi0zLjk2LTMxLjQ2LTIwLjI2MS0zMS44OC0yMS4wM2MtMi41NS01LjAzLTAuNDctMTEuMTQsNC42My0xMy42Ng0KCWM1LjA2LTIuNSwxMS4yNS0wLjQ1LDEzLjgxLDQuNTZjMC4xNCwwLjI2LDYuMTQsMTAuNjQsMjMuNzUsMTAuNjRjMTguNjMsMCwyMi42NS0xMS40MSwyMi42NS0xNC4yM2MwLTYuOTYsMC0xNi40OC0yNS4xMy0yMi42OTENCglDNjAsMTMzLjE0Myw2MCwxMDkuNjMyLDYwLDEwMC43NzJDNjAsODguMTkyLDcwLjMsNzEuMTAyLDkyLjk3LDY3LjA3MnogTTU3MCwzNTUuNTU5YzAsMCwwLDE0LjgxLTE1LDE0Ljgxcy01MTAsMC01MTAsMA0KCXMtMTUsMC0xNS0xNC44MWMwLTE0LjgxLDAtMTQuODEsMC0xNC44MWg1NDBWMzU1LjU1OXogTTU3MCwyODEuNDg3YzAsMCwwLDE0LjgxLTE1LDE0Ljgxcy01MTAsMC01MTAsMHMtMTUsMC0xNS0xNC44MQ0KCXMwLTE0LjgxLDAtMTQuODFoNTQwVjI4MS40ODd6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 60px 40px; }

.icon-calendar, .icon-calendar-white { width: 16px; height: 16px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzIwcHgiIGhlaWdodD0iMTYwcHgiIHZpZXdCb3g9IjAgMCAzMjAgMTYwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMjAgMTYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDNkNCRDEiIGQ9Ik0xMzguMjk3LDE4LjA2NWgtMjQuOTI5VjkuODg0YzAtNS40NzEtNC40MzktOS44ODQtOS44ODQtOS44ODRDOTguMDM5LDAsOTMuNiw0LjQxMyw5My42LDkuODg0djguMTgxDQoJSDY2LjQyNlY5Ljg4NEM2Ni40MjYsNC40MzksNjIuMDEzLDAsNTYuNTQyLDBjLTUuNDQ1LDAtOS44ODQsNC40MTMtOS44ODQsOS44ODR2OC4xODFIMjEuNzI5QzkuNzI5LDE4LjA2NSwwLDI3Ljc5NCwwLDM5Ljc5NHY4LjgyNg0KCXYyOS42MjZ2NjBDMCwxNTAuMjcxLDkuNzI5LDE2MCwyMS43MjksMTYwaDExNi41NDJjMTIsMCwyMS43MjktOS43MjksMjEuNzI5LTIxLjcyOXYtNjBWNDguNjQ1di04LjgyNg0KCUMxNjAuMDI2LDI3Ljc5NCwxNTAuMjk3LDE4LjA2NSwxMzguMjk3LDE4LjA2NXogTTE0MC4wNTEsNjEuMzY4djc0LjMyM2MwLDIuNC0xLjk2MSw0LjMzNS00LjMzNSw0LjMzNUgyNC4zMQ0KCWMtMi40LDAtNC4zMzUtMS45MzUtNC4zMzUtNC4zMzVWNDIuMzc0YzAtMi40LDEuOTYxLTQuMzM1LDQuMzM1LTQuMzM1aDIyLjM0OHY4LjA3N2MwLDUuNDQ1LDQuNDEzLDkuODg0LDkuODg0LDkuODg0DQoJYzUuNDQ1LDAsOS44ODQtNC40MTMsOS44ODQtOS44ODR2LTguMDc3aDI3LjE0OHY4LjA3N2MwLDUuNDQ1LDQuNDEzLDkuODg0LDkuODg0LDkuODg0YzUuNDQ1LDAsOS44ODQtNC40MTMsOS44ODQtOS44ODR2LTguMDc3DQoJaDIyLjM0OGMyLjQsMCw0LjMzNSwxLjk2MSw0LjMzNSw0LjMzNUwxNDAuMDUxLDYxLjM2OEwxNDAuMDUxLDYxLjM2OHoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTguMjk3LDE4LjA2NWgtMjQuOTI5VjkuODg0YzAtNS40NzEtNC40MzktOS44ODQtOS44ODQtOS44ODRjLTUuNDQ1LDAtOS44ODQsNC40MTMtOS44ODQsOS44ODR2OC4xODENCgloLTI3LjE3NFY5Ljg4NGMwLTUuNDQ1LTQuNDEzLTkuODg0LTkuODg0LTkuODg0Yy01LjQ0NSwwLTkuODg0LDQuNDEzLTkuODg0LDkuODg0djguMTgxaC0yNC45MjljLTEyLDAtMjEuNzI5LDkuNzI5LTIxLjcyOSwyMS43MjkNCgl2OC44MjZ2MjkuNjI2djYwYzAsMTIuMDI2LDkuNzI5LDIxLjc1NSwyMS43MjksMjEuNzU1aDExNi41NDJjMTIsMCwyMS43MjktOS43MjksMjEuNzI5LTIxLjcyOXYtNjBWNDguNjQ1di04LjgyNg0KCUMzMjAuMDI2LDI3Ljc5NCwzMTAuMjk3LDE4LjA2NSwyOTguMjk3LDE4LjA2NXogTTMwMC4wNTEsNjEuMzY4djc0LjMyM2MwLDIuNC0xLjk2MSw0LjMzNS00LjMzNSw0LjMzNUgxODQuMzENCgljLTIuNCwwLTQuMzM1LTEuOTM1LTQuMzM1LTQuMzM1VjQyLjM3NGMwLTIuNCwxLjk2MS00LjMzNSw0LjMzNS00LjMzNWgyMi4zNDh2OC4wNzdjMCw1LjQ0NSw0LjQxMyw5Ljg4NCw5Ljg4NCw5Ljg4NA0KCWM1LjQ0NSwwLDkuODg0LTQuNDEzLDkuODg0LTkuODg0di04LjA3N2gyNy4xNDh2OC4wNzdjMCw1LjQ0NSw0LjQxMyw5Ljg4NCw5Ljg4NCw5Ljg4NGM1LjQ0NSwwLDkuODg0LTQuNDEzLDkuODg0LTkuODg0di04LjA3Nw0KCWgyMi4zNDhjMi40LDAsNC4zMzUsMS45NjEsNC4zMzUsNC4zMzVMMzAwLjA1MSw2MS4zNjhMMzAwLjA1MSw2MS4zNjh6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 32px 16px; }

.icon-calendar-white { background-position: -16px 0; }

.icon-github { width: 25px; height: 25px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjI1MHB4IiBoZWlnaHQ9Ijc1MHB4IiB2aWV3Qm94PSIwIDAgMjI1MCA3NTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyNTAgNzUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCQ0KCQk8ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCgwLjI2MjQgMC45NjUgLTAuOTY1IDAuMjYyNCA1MzIuOTY2IC01MDcuMDk2NikiIGZpbGw9IiNCN0MwQzciIGN4PSI1OTguMTgyIiBjeT0iOTUuMDcyIiByeD0iMjIuOTAyIiByeT0iMTYuMzUyIi8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTYyNC45OSwwQzU1NS45NywwLDUwMCw1NS45Nyw1MDAsMTI1czU1Ljk2LDEyNSwxMjQuOTksMTI1QzY5NC4wNCwyNTAsNzUwLDE5NC4wMyw3NTAsMTI1DQoJCVM2OTQuMDMsMCw2MjQuOTksMHogTTYzMS4zOCw5NS4zMWMwLDE5LjQxLTE4LjE2LDIxLjgzLTE4LjE2LDMwLjA4MWMwLDguMjYsMjQuMDksMTQuODcsMjQuMDksMzUuMzUNCgkJYzAsMzQuMTctNDIuMywzMi4yNS00Mi4zLDMyLjI1cy0zNi41NiwxLjMzLTM2LjU2LTI2LjIxczQxLjQ4LTI2LjQxLDQzLjYxLTI2LjQxYy0wLjUyLTYuMzMtNC43My01LjI4LTQuNzMtOC40di03LjcxDQoJCWMwLDAtMzEuMzksMy41MjEtMzEuMzktMjYuODhzMzUuOTItMzEuMjgsMzUuOTItMzEuMjhoMzUuNDRjMCw1LjQyLTE2LjE3LDMuNS0xNi4xNyw2LjM5QzYzMC4zMDEsNzYuNjYsNjMxLjM4LDgzLjY4LDYzMS4zOCw5NS4zMQ0KCQl6IE03MDMuODMxLDk4LjA3MWgtMjQuNjh2MjQuNjdoLTcuMjR2LTI0LjY3aC0yNC42OHYtNy4yNWgyNC42OFY2Ni4xMWg3LjI0djI0LjcxaDI0LjY4Vjk4LjA3MXoiLz4NCgk8cGF0aCBmaWxsPSIjQjdDMEM3IiBkPSJNNjAwLjY5MSwxODQuNDFjLTE0LjY0LDAuOTgtMjcuMDktNi44NS0yNy44Mi0xNy41M2MtMC43Mi0xMC42OCwxMC41Ny0yMC4xMywyNS4yLTIxLjEzDQoJCWMxNC42Mi0wLjk3LDI3LjA4LDYuODUsMjcuODEsMTcuNTNDNjI2LjU5LDE3My45NjEsNjE1LjMzMSwxODMuNDExLDYwMC42OTEsMTg0LjQxeiIvPg0KPC9nPg0KPGc%2BDQoJPHJlY3QgeD0iODM0LjA5IiB5PSIxMTEuNDQyIiBmaWxsPSIjQjdDMEM3IiB3aWR0aD0iMTcuNzciIGhlaWdodD0iNTMuNDM2Ii8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTg0My4xLDg1LjY5M2MtNi4xLDAtMTAuMDUsMy45OS0xMC4wNSw5LjIzOWMwLDUuMTI5LDMuODYsOS4yMzksOS44MSw5LjIzOWgwLjEyDQoJCWM2LjIxLDAsMTAuMDQtNC4xMSwxMC4wNC05LjIzOUM4NTIuOSw4OS42OTMsODQ5LjE3LDg1LjY5Myw4NDMuMSw4NS42OTN6Ii8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTg5NS40NSwxMTAuMTkxYy05LjQzLDAtMTMuNjY5LDUuMjA5LTE2LjAxLDguODV2MC4xNGgtMC4xMWMwLjAzLTAuMDMsMC4wOC0wLjEsMC4xMS0wLjE0di03LjU5OWgtMTcuNzUNCgkJYzAuMjEsNSwwLDUzLjQzNiwwLDUzLjQzNmgxNy43NVYxMzUuMDRjMC0xLjYsMC4xLTMuMTgsMC41OC00LjMxOWMxLjI5LTMuMTksNC4yLTYuNDksOS4xMS02LjQ5YzYuNDIsMCw4Ljk5MSw0LjksOC45OTEsMTIuMDY5DQoJCXYyOC41ODdoMTcuNzhWMTM0LjI3QzkxNS45MiwxMTcuODMsOTA3LjE2LDExMC4xOTEsODk1LjQ1LDExMC4xOTF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTg3NS4wMiwwQzgwNS45NSwwLDc1MCw1NS45NTUsNzUwLDEyNXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNiwwLDEyNC45OC01NS45NjUsMTI0Ljk4LTEyNQ0KCQlDMTAwMCw1NS45MzUsOTQ0LjA3LDAsODc1LjAyLDB6IE05MzMuNzksMTc1LjY3NmMwLDQuNy0zLjg4LDguNDk5LTguNjcsOC40OTlIODI0LjkxYy00LjgzLDAtOC43MS0zLjgtOC43MS04LjQ5OVY3NC4zMTQNCgkJYzAtNC42OSwzLjg4LTguNDg5LDguNzEtOC40ODloMTAwLjIxYzQuNzgsMCw4LjY3LDMuODEsOC42Nyw4LjQ4OVYxNzUuNjc2eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTM3NS4wMSwwQzMwNS45NjUsMCwyNTAsNTUuOTcsMjUwLDEyNC45OUMyNTAsMTk0LjAyLDMwNS45NjUsMjUwLDM3NS4wMSwyNTBTNTAwLDE5NC4wMyw1MDAsMTI0Ljk5DQoJQzUwMC4wMSw1NS45Nyw0NDQuMDU1LDAsMzc1LjAxLDAgTTQxMS4yNjcsNzQuMDloLTE3LjUxOWMtMy41LDAtNi45OTksMy42My02Ljk5OSw2LjMzdjE4LjA1aDI0LjQ4OA0KCWMtMC45OCwxMy44My0yLjk5LDI2LjQ4LTIuOTksMjYuNDhIMzg2LjY0djc4LjQxaC0zMi4yMTh2LTc4LjQxaC0xNS42NTl2LTI2LjRoMTUuNjU5di0yMS41NmMwLTMuOTUtMC43OS0zMC4zNiwzMi45ODgtMzAuMzYNCgloMjMuODQ5TDQxMS4yNjcsNzQuMDlMNDExLjI2Nyw3NC4wOXoiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNCN0MwQzciIGQ9Ik0xMzc0Ljk5NSwwQzEzMDUuOTQyLDAsMTI1MCw1NS45NywxMjUwLDEyNXM1NS45NTIsMTI1LDEyNC45OTUsMTI1QzE0NDQuMDI4LDI1MCwxNTAwLDE5NC4wMywxNTAwLDEyNQ0KCQlTMTQ0NC4wMjcsMCwxMzc0Ljk5NSwweiBNMTQ0Ny4zMzgsMTUwLjc1YzAsMTIuMzktMTAuNjIsMjIuNDgtMjMuNjIxLDIyLjQ4aC05Ny4zNTRjLTEzLjAxLDAtMjMuNzMxLTEwLjEtMjMuNzMxLTIyLjQ4di01MS41DQoJCWMwLTEyLjI4LDEwLjcyLTIyLjQ3LDIzLjczMS0yMi40N2g5Ny4zNTRjMTMsMCwyMy42MjEsMTAuMTksMjMuNjIxLDIyLjQ3VjE1MC43NUwxNDQ3LjMzOCwxNTAuNzV6Ii8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTE0MDQuMTA1LDEyMS40OGwtNDguMDczLTI2LjM0Yy0xLjc0LTAuOTYtNC4wNy0xLjEtNi0wLjM1Yy0xLjk0MSwwLjczLTMuMTgsMi4yNi0zLjE4LDMuODh2NTIuNjcNCgkJYzAsMS42MiwxLjI1LDMuMTMsMy4xOCwzLjg4YzAuODMsMC4zMSwxLjcsMC40NywyLjYyLDAuNDdjMS4xOCwwLDIuNC0wLjI3LDMuMzgtMC44M2w0OC4wNjItMjYuMzVjMS41MS0wLjgsMi4zNy0yLjEyLDIuMzctMy41MQ0KCQlDMTQwNi40NjYsMTIzLjYyLDE0MDUuNTY2LDEyMi4zMDEsMTQwNC4xMDUsMTIxLjQ4eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTEyNS4wMSwwQzU1Ljk2OSwwLDAsNTUuOTU5LDAsMTI0Ljk5OWMwLDY5LjAyLDU1Ljk2OSwxMjQuOTk5LDEyNS4wMSwxMjQuOTk5DQoJYzYyLjk1LDAsMTE1LjAxLTQ2LjUzOSwxMjMuNy0xMDcuMDdjMC44My00LjExLDEuMjItOC4zOCwxLjE1LTEyLjc2YzAuMDgtMS43MSwwLjE0LTMuNDMsMC4xNC01LjE2DQoJQzI0OS45OTksNTUuOTU5LDE5NC4wNSwwLDEyNS4wMSwweiBNMTgyLjU1LDEwMi4zMWMwLjA1LDEuMTgsMC4wNiwyLjMzLDAuMDYsMy41YzAsMzUuNjgtMjcuMTUsNzYuODMtNzYuODIsNzYuODMNCgljLTE1LjI2OSwwLTI5LjQ0LTQuNDQtNDEuNC0xMi4xMjljMi4xMSwwLjI0LDQuMjYsMC4zNyw2LjQzLDAuMzdjMTIuNjUsMCwyNC4yOS00LjI5LDMzLjU1LTExLjU0DQoJYy0xMS44Mi0wLjIyLTIxLjgtOC4wNC0yNS4yNi0xOC43NWMxLjY2LDAuMzEsMy4zNiwwLjQ5LDUuMTEsMC40OWMyLjQzLDAsNC44My0wLjM0LDcuMDktMC45NWMtMTIuMzUtMi40OC0yMS42Ny0xMy4zOS0yMS42Ny0yNi40Nw0KCWMwLTAuMTQsMC0wLjIzLDAtMC4zNGMzLjY2LDIuMDEsNy44MiwzLjI0LDEyLjI1LDMuMzhjLTcuMjgtNC44Ni0xMi4wMy0xMy4xMi0xMi4wMy0yMi40OWMwLTQuOTYsMS4zNC05LjU3LDMuNjYtMTMuNTkNCgljMTMuMzMsMTYuMzYsMzMuMjIsMjcuMDksNTUuNjgsMjguMjJjLTAuNDctMS45Ny0wLjcxLTQuMDYtMC43MS02LjE3YzAtMTQuOTIsMTIuMTItMjcuMDA5LDI3LjAxOS0yNy4wMDkNCgljNy43NiwwLDE0Ljc3LDMuMjksMTkuNyw4LjU0YzYuMTgtMS4yMiwxMS45NC0zLjQ1LDE3LjE3LTYuNTZjLTIuMDEsNi4zLTYuMjksMTEuNTktMTEuODksMTQuOTRjNS40OS0wLjYzLDEwLjY5LTIuMSwxNS41MS00LjI1DQoJQzE5Mi4zODksOTMuNzYsMTg3LjgyLDk4LjUsMTgyLjU1LDEwMi4zMXoiLz4NCjxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik0xMzc0Ljk4NCw1MDBDMTMwNS45NjcsNTAwLDEyNTAsNTU3LjM4MSwxMjUwLDYyOC4xNzJjMCw1Ni42MjEsMzUuODA4LDEwNC42NjIsODUuNDg3LDEyMS42MTMNCgljNi4yNSwxLjE4LDguNTMtMi43OCw4LjUzLTYuMThjMC0zLjA0LTAuMTEtMTEuMS0wLjE3LTIxLjhjLTM0Ljc2OSw3Ljc1LTQyLjEwOC0xNy4xOC00Mi4xMDgtMTcuMTgNCgljLTUuNjgtMTQuODEtMTMuODc5LTE4Ljc1LTEzLjg3OS0xOC43NWMtMTEuMzQ5LTcuOTUsMC44Ni03Ljc5LDAuODYtNy43OWMxMi41MzksMC45MSwxOS4xNSwxMy4yMSwxOS4xNSwxMy4yMQ0KCWMxMS4xNSwxOS41OSwyOS4yNTksMTMuOTMsMzYuMzc4LDEwLjY1YzEuMTQxLTguMjgsNC4zNTktMTMuOTMsNy45NC0xNy4xM2MtMjcuNzU5LTMuMjMtNTYuOTM3LTE0LjIzLTU2LjkzNy02My4zNDENCgljMC0xMy45OSw0Ljg3LTI1LjQzLDEyLjg3LTM0LjM5MWMtMS4yOS0zLjI0LTUuNTctMTYuMjcsMS4yMjktMzMuOTIxYzAsMCwxMC41LTMuNDUxLDM0LjM2OCwxMy4xNA0KCWM5Ljk2OS0yLjg0LDIwLjY2LTQuMjYxLDMxLjI4OS00LjMxYzEwLjYwOSwwLjA1LDIxLjMwOSwxLjQ3LDMxLjI4OSw0LjMxYzIzLjg1OS0xNi41ODEsMzQuMzM4LTEzLjE0LDM0LjMzOC0xMy4xNA0KCWM2LjgxOSwxNy42NSwyLjUzLDMwLjY4MSwxLjI0LDMzLjkyMWM4LjAxLDguOTYxLDEyLjg1LDIwLjQsMTIuODUsMzQuMzkxYzAsNDkuMjQxLTI5LjIyOSw2MC4wNzEtNTcuMDY4LDYzLjI0MQ0KCWM0LjQ5LDMuOTYsOC40OSwxMS43OCw4LjQ5LDIzLjczMWMwLDE3LjEzLTAuMTUsMzAuOTYtMC4xNSwzNS4xNjFjMCwzLjQzLDIuMjUsNy40MTEsOC42LDYuMTYNCgljNDkuNjI4LTE2Ljk4LDg1LjQwNy02NC45OTEsODUuNDA3LTEyMS41OTNDMTQ5OS45OSw1NTcuMzgxLDE0NDQuMDIyLDUwMCwxMzc0Ljk4NCw1MDB6Ii8%2BDQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYyOS40NzksNjI1LjY2MWMwLjgzLTAuMjcsMS42OC0wLjUyLDIuNTItMC43NmMtMS42MS0zLjY0LTMuMzYtNy4yOC01LjE4OS0xMC44Nw0KCQljLTMxLjk4Nyw5LjU3LTYzLjAzNSw5LjE3LTY1LjgzNSw5LjEyYy0wLjAyLDAuNjUtMC4wMywxLjMtMC4wMywxLjk1OWMwLDE2LjQ1LDYuMjQsMzEuNDgsMTYuNDY5LDQyLjgzDQoJCUMxNTc4Ljg2NCw2NjUuNDUxLDE1OTYuNDQyLDYzNi4zNDEsMTYyOS40NzksNjI1LjY2MXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYyMS41Miw2MDQuMTdjLTEwLjYxLTE4Ljg3LTIyLjA1OC0zNC43My0yMy43NDktMzcuMDVjLTE3LjkxOCw4LjQ1LTMxLjMxOCwyNC45OC0zNS40NjgsNDQuODUNCgkJQzE1NjUuMTY0LDYxMi4wMSwxNTkxLjU1Myw2MTIuMTMsMTYyMS41Miw2MDQuMTd6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE2NjcuNDY2LDU3Ny4xODFjLTExLjMxLTEwLjA0LTI2LjE4OC0xNi4xNC00Mi40NjctMTYuMTRjLTUuMTY5LDAtMTAuMTg5LDAuNjItMTUuMDA5LDEuNzgNCgkJYzEuNzcsMi4zNywxMy40MDksMTguMjIsMjMuODk4LDM3LjVDMTY1Ni42NjcsNTkxLjc4LDE2NjYuMzA3LDU3OC44MjEsMTY2Ny40NjYsNTc3LjE4MXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYzNS45MjksNjM1LjYzMWMtMzYuMTI3LDEyLjU5LTQ5LjA5NiwzNy42NS01MC4yNTYsNDAuMDFjMTAuODU5LDguNDcsMjQuNTA4LDEzLjUyLDM5LjMxNywxMy41Mg0KCQljOC44NywwLDE3LjMyOS0xLjgyLDI1LjAxOC01LjA5Yy0wLjk1LTUuNjItNC42Ny0yNS4yMS0xMy42NjgtNDguNThDMTYzNi4yMTgsNjM1LjU0LDE2MzYuMDc4LDYzNS41ODEsMTYzNS45MjksNjM1LjYzMXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYyNS4wMSw1MDBjLTY5LjA0NSwwLTEyNS4wMSw1NS45Ny0xMjUuMDEsMTI0Ljk5YzAsNjkuMDMsNTUuOTY1LDEyNS4wMSwxMjUuMDEsMTI1LjAxDQoJCVMxNzUwLDY5NC4wMywxNzUwLDYyNC45OUMxNzUwLjAxLDU1NS45NzEsMTY5NC4wNTQsNTAwLDE2MjUuMDEsNTAweiBNMTYyNSw3MDAuMDAxYy00MS4zNDcsMC03NC45OTQtMzMuNjUtNzQuOTk0LTc1DQoJCXMzMy42NDctNzUsNzQuOTk0LTc1czc0Ljk5NCwzMy42NSw3NC45OTQsNzVTMTY2Ni4zNDcsNzAwLjAwMSwxNjI1LDcwMC4wMDF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE2NDguMzQ4LDYzMi41MzFjOC4zNzksMjMuMDIxLDExLjc4OSw0MS43ODEsMTIuNDQ5LDQ1LjY4YzE0LjM2OS05LjcyLDI0LjU5OS0yNS4xMSwyNy40NTgtNDIuOTQNCgkJQzE2ODYuMDU1LDYzNC41NywxNjY4LjQxNiw2MjkuMzEsMTY0OC4zNDgsNjMyLjUzMXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTYzOC44MTksNjA5Ljg1MWMxLjQ5LDMuMDUsMi45Miw2LjE1LDQuMjUsOS4yOGMwLjQ2OSwxLjExLDAuOTMsMi4yMSwxLjM4LDMuMzENCgkJYzIxLjMxOS0yLjY4LDQyLjQ5NywxLjYyLDQ0LjYwNywyLjA2Yy0wLjE0LTE1LjEyLTUuNTQtMjktMTQuNDY5LTM5LjkxQzE2NzMuMjM2LDU4Ni40MTEsMTY2Mi40OTcsNjAwLjE4LDE2MzguODE5LDYwOS44NTF6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTgyMy45MjQsNjAzLjE5Yy0xLjk1LTEuMzYtNC4yMzktMi4xLTYuNjQ5LTIuMWMtNi41MywwLTExLjg0OSw1LjQ2LTExLjg0OSwxMi4xNw0KCQljMCwzLjUzLDEuNTEsNi44Myw0LjAzLDkuMTFDMTgxMi4wNTUsNjE1LjE4LDE4MTcuMDk0LDYwOC42NCwxODIzLjkyNCw2MDMuMTl6Ii8%2BDQoJPGVsbGlwc2UgZmlsbD0iI0QzRDlERCIgY3g9IjE5MjcuMTg2IiBjeT0iNTY0LjQ5IiByeD0iOC42NzkiIHJ5PSI4LjkyIi8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE4NzQuODcsNTkyLjY3MWMtMzQuMTY3LDAtNjEuOTY1LDE4LjM0LTYxLjk2NSw0MC44OGMwLDIyLjU0LDI3Ljc5Nyw0MC44OCw2MS45NjUsNDAuODgNCgkJYzM0LjE2NywwLDYxLjk2NS0xOC4zNCw2MS45NjUtNDAuODhDMTkzNi44MzUsNjExLjAxMSwxOTA5LjAzNyw1OTIuNjcxLDE4NzQuODcsNTkyLjY3MXogTTE4NDIuODQyLDYyNS4zNA0KCQljMC02LjAyLDQuNzUtMTAuOSwxMC42MTktMTAuOWM1Ljg2LDAsMTAuNjE5LDQuODgsMTAuNjE5LDEwLjlzLTQuNzUsMTAuOS0xMC42MTksMTAuOQ0KCQlDMTg0Ny41OTIsNjM2LjI1LDE4NDIuODQyLDYzMS4zNywxODQyLjg0Miw2MjUuMzR6IE0xODk5Ljg5OCw2NTQuODRjLTAuMzIsMC4zNC03Ljk0LDguMy0yNS4xNDgsOC4zDQoJCWMtMTcuMzA5LDAtMjQuMjI4LTguMDctMjQuNTE5LTguNDFjLTAuOTgtMS4xNzEtMC44NC0yLjkzLDAuMy0zLjkzYzEuMTMtMC45OSwyLjgzLTAuODYsMy44MSwwLjI5DQoJCWMwLjE2LDAuMTcsNS45MjksNi40OCwyMC40MDksNi40OGMxNC43MjksMCwyMS4xNzgtNi41MywyMS4yNDgtNi42YzEuMDQtMS4wOSwyLjc1OS0xLjEyLDMuODMtMC4wNQ0KCQlDMTkwMC44ODgsNjUxLjk5MSwxOTAwLjkyOCw2NTMuNzMxLDE4OTkuODk4LDY1NC44NHogTTE4OTcuNzg4LDYzNi4yNWMtNS44NywwLTEwLjYxOS00Ljg4LTEwLjYxOS0xMC45czQuNzUtMTAuOSwxMC42MTktMTAuOQ0KCQljNS44NiwwLDEwLjYxLDQuODgsMTAuNjEsMTAuOUMxOTA4LjM5Nyw2MzEuMzcsMTkwMy42NDcsNjM2LjI1LDE4OTcuNzg4LDYzNi4yNXoiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTkzMi43MTUsNjAxLjFjLTIuNDYsMC00LjgsMC43Ny02Ljc3OSwyLjJjNi44MjksNS40NywxMS44MzksMTIuMDMsMTQuMzk5LDE5LjI2DQoJCWMyLjY0LTIuMjksNC4yMy01LjY2LDQuMjMtOS4yOUMxOTQ0LjU2NCw2MDYuNTUsMTkzOS4yNTUsNjAxLjEsMTkzMi43MTUsNjAxLjF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTE4NzUuMDEsNTAwYy02OS4wNDUsMC0xMjUuMDEsNTUuOTctMTI1LjAxLDEyNC45OWMwLDY5LjAzLDU1Ljk2NSwxMjUuMDEsMTI1LjAxLDEyNS4wMQ0KCQlTMjAwMCw2OTQuMDMsMjAwMCw2MjQuOTlDMjAwMC4wMSw1NTUuOTcxLDE5NDQuMDU1LDUwMCwxODc1LjAxLDUwMHogTTE5NDEuODI1LDYyOC4zMWMwLjI4LDEuNzIsMC40NCwzLjQ3LDAuNDQsNS4yNA0KCQljMCwyNS42MS0zMC4yMjcsNDYuNDUtNjcuMzg1LDQ2LjQ1Yy0zNy4xNTgsMC02Ny4zODUtMjAuODQtNjcuMzg1LTQ2LjQ1YzAtMS44MywwLjE3LTMuNjIsMC40Ny01LjM5DQoJCWMtNC45MS0zLjI2LTcuOTQ5LTguODQtNy45NDktMTQuODljMC05Ljc4MSw3Ljc0OS0xNy43NCwxNy4yNzktMTcuNzRjNC4xOSwwLDguMTQsMS41NCwxMS4yOCw0LjMzDQoJCWMxMS42NDktNy42MSwyNy4yMjgtMTIuMzksNDQuMzk2LTEyLjcybDEyLjA3LTM1LjIybDI5LjA3OCw3LjE0YzIuMDk5LTUuMyw3LjE2LTkuMDUsMTMuMDY5LTkuMDVjNy43NzksMCwxNC4xMDksNi41LDE0LjEwOSwxNC40OQ0KCQljMCw3Ljk5LTYuMzMsMTQuNDktMTQuMTA5LDE0LjQ5Yy03Ljc2OSwwLTE0LjA4OS02LjQ4LTE0LjEwOS0xNC40NmwtMjQuNTQ4LTYuMDNsLTkuODMsMjguNjgNCgkJYzE2LjQ3OSwwLjY0LDMxLjM4OCw1LjM5LDQyLjYyNywxMi43N2MzLjE2LTIuODUsNy4xNS00LjQzLDExLjM4OS00LjQzYzkuNTI5LDAsMTcuMjc5LDcuOTYsMTcuMjc5LDE3Ljc0DQoJCUMxOTQ5Ljk5NCw2MTkuNDExLDE5NDYuODY0LDYyNS4wOCwxOTQxLjgyNSw2MjguMzF6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMjE4NS4xODUsNjA5Ljg4MWMwLjM4OSwwLjYyLDEuMDUxLDEuMjcsMS42MSwxLjc1YzAuNTUsMC40OCwxLjEwOSwwLjk4LDEuODY5LDAuOTUNCgkJYzAuMjItMC4wMSwxLjI3MS0wLjE2LDEuNDMtMC4yOWMwLjAyLTAuMDIsMC4wNC0wLjA2LDAuMDUtMC4wOGMtMC42NC0zLjI4LTEuNTItNi40Ny0yLjYyOS05LjU2Yy0wLjA3LDAuMTMtMC4xNSwwLjI1LTAuMzAxLDAuMzgNCgkJYy0wLjM2OSwwLjMzLTAuODEsMC40NC0xLjEzOSwwLjg2Yy0wLjMxMSwwLjM5LTAuMjUsMC43LTAuNTAxLDEuMTYxYy0wLjEyLDAuMjItMC40MDksMC4zMS0wLjUzLDAuNTcNCgkJYy0wLjI3MSwwLjU4LDAuMDQsMS40OSwwLjAxLDIuMTNDMjE4NS4wMjUsNjA4LjUzMSwyMTg0Ljc2NSw2MDkuMjExLDIxODUuMTg1LDYwOS44ODF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTIxMzMuNjU4LDU2MS45NGMwLjY5LDAuMTEsMS4zOSwwLjIxLDIuMDgsMC4zMmMtMSwzLjAyLTYuMjA5LDEtOC4zNjksMWMxLjY5LTAuNjYsNC4yMi0xLjU0LDUuNjQtMi41OA0KCQljMC43NS0wLjU1LTAuMDEtMC45MSwxLjAxLTEuNDVjLTIuOTU5LTAuNDAxLTUuOTY5LTAuNjMtOS4wMy0wLjYzYy00Ljc0LDAtOS4zNjksMC41MS0xMy44MjksMS40NmgwLjI0DQoJCWMtMC45OSwwLjU3LTIuOTA5LDIuNDQtMS43OSwzLjYxYzEuMTAxLDEuMTQxLDIuNC0wLjYxLDMuNS0xLjE2YzIuNTUtMS4yOCw1Ljk0OS0xLjQxLDguNzgtMS45NmMtMC41LDEuMzMtNC41MjksMC44NS01LjkzOSwxLjM2DQoJCWMtMS43NywwLjY1LTAuOTgsMS4xLTIuMjIsMy4wOGMwLjUzLTAuMDYsMS4xMDEsMC4yNSwxLjY0LDAuMjR2MC4zNmMtMS4yMTktMC4xMS0yLjM4LTAuNjgtMi42NCwwLjc2DQoJCWMtMS41Ni0yLjM0LTIuNTgtMi4xNS00LjI0LTAuMDhjMS42NCwwLjkxLDMuMjYsMi4wNSwxLjk2LDMuNjJjLTEuNTgsMS45MS0yLjUzLTAuNDQtMC45Mi0xLjQyYy0xLjQ3LTAuNjgtMi42MS0xLjgzLTMuNzYtMC4zNg0KCQljMC40OTEtMC4wNSwxLjAyLDAuMiwxLjUyLDAuMmMtMC4yODEsMC40MDEtMC41NiwxLjcxLTAuODMsMS44NmMtMC42MywwLjM2LTIuOTctMC40My0zLjY1OS0wLjUxYy0xLjc0LTAuMjEtMy40Ni0wLjE2LTUuMjI5LTAuMDcNCgkJYzAuMzIxLDIuMTctMi4xMDksMC4wOS0zLTAuNDRjMS42MS0xLjYzLDMuNTU5LTEuMDEsNS40Mi0wLjc2YzEuNTUsMC4yMSwzLjg1LDAuMiw0LjAzLTEuNzdjLTEuNjktMC4zNi0yLjUyLTAuMjUtMy4zOS0xLjU0DQoJCWMtMC4zNC0wLjUxLTAuNTctMS4wNC0wLjY1LTEuNTdjLTEwLjU0OSw0LjMxLTE5LjczOSwxMS4yNi0yNi43NjgsMjAuMDJjMS41NiwxLjA4LDMuMjMsMi4zOCwzLjg3LDIuOTMNCgkJYzEuMTIsMC45NiwxLjY3LDIuMTEsMi4zNywzLjI4YzAuMDQsMC4wNiwwLjY1LDEuMDMsMC45LDEuNDJjMC43NiwwLjc2LDEuMzcsMS42MiwxLjU0LDIuNjVjMC4yMSwxLjI1LTAuMjYsMi4yOC0wLjM3OSwzLjU4DQoJCWMtMC4zNTEsMy45OCwwLjIxLDcuNywzLjMxLDEwLjQ5YzAuODYsMC43OCwxLjk4LDEuMTgsMi44MzksMS45OWMwLjg5LDAuODUsMC43OCwxLjQyLDEuMzIsMi4zMWMxLjQyLDIuMzYsMy4zMiw0LjU3LDQuOTYsNi44DQoJCWMxLjQzLDEuOTQ5LDIuMDMsMS41NywwLjYyLTAuNDRjLTAuOTYtMS4zNy0yLjE0OS0yLjcxLTIuOTM5LTQuMTdjLTAuMDgtMC4xNS0wLjg5LTIuMDctMC42My0yLjAyYzIuMjIsMC40NywyLjY3LDEuOTgsNC4xMSwzLjc2DQoJCWMxLjQyLDEuNzUsMi42MywyLjczLDMuNDUsNC44NGMwLjk3LDIuNDUsMi40NCwzLjY1LDQuODUsNC43M2MxLjE4OSwwLjUzLDMuMTMsMS45NCw0LjM5OSwyLjExYzEuNSwwLjIsMi4yOS0wLjc4LDMuNzA5LTAuMQ0KCQljMC45NCwwLjQ1LDEuNjcsMS45LDIuODM5LDIuMjRjMS4xMTksMC4zMywxLjg2OS0wLjA5LDIuOTIsMC42MmMxLjI1LDAuODUsMS42OSwyLjMxLDIuODY5LDMuMmMwLjg0LDAuNjQsMi4wNTksMS40NCwzLjEzLDEuNjINCgkJYzAuNzcsMC4xMywxLjYyLTAuNDUsMi4zOC0wLjJjMS4zOCwwLjQ1LDEuNjksMi4xMywxLjI4MSwzLjQ3Yy0wLjQ1OSwxLjUtMS44NywyLjQzLTIuNDQsMy45M2MtMC41MSwxLjM1LTAuMTksMi41LTAuMzYxLDMuNzgNCgkJYy0wLjE4LDEuMzMtMS4yNS0wLjAxLTAuMTgsMi4yNGMwLjUsMS4wNSwxLjIzLDIuMDEsMS44NjksMi45N2MxLjI2LDEuOTEsMi4xNTksMy41OCwzLjg1LDUuMTJjMS4xOTksMS4wOSwzLjgwOSwyLjM2LDQuNDA5LDMuOTgNCgkJYzAuNTMsMS40NCwwLjA5LDQuNi0wLjE4LDYuMTFjLTAuNTYsMy4xNy0wLjQ3OSw2Ljk5LTEuMzU5LDkuOTRjLTAuODUsMi44Ny0xLjg1LDMuNzItMS4xMSw2Ljg1YzAuMzExLDEuMzQsMC41NSwwLjY5LDAsMi40MQ0KCQljLTAuMTYsMC41LDAsMC43LTAuMTksMS4yYy0wLjM5OSwxLjA3LTEuMzQ5LDEuNjktMS43NiwyLjc5YzEuNTEsMC4wNywxLjQsMC42LDAuOTIsMS4yYzIuNTQtMC4yMSw1LjAzOS0wLjU0LDcuNDg5LTEuMDMNCgkJYy0wLjQyOS0wLjQ1LTAuODktMC45MS0wLjg5LTEuMjNjMC0wLjM1LDEuMzU5LTIuMDksMS41NC0yLjUyYzAuMjkxLTAuNjksMC41MDEtMi4xOSwwLjkyLTIuNzNjMC43Mi0wLjkxLDIuMjgtMC41NywxLjk3OS0yLjI4DQoJCWMzLjQ4LTAuMDQsNC45Ny0wLjU2LDUuNTUtNC4xYy0wLjYyLTAuMzEtMC40OS0wLjEzLTAuNTktMC42N2MwLjEyLDAuNjQsMi42LTAuMjYsMi44MzksMC4xOWMwLjE4LDAuMzUsMy4zMy0zLjk2LDMuNjc5LTQuMzINCgkJYzAuODktMC45NSwxLjY3LTEuNjYsMi4yNC0yLjhjMC4yMi0wLjQ0LDAuNDU5LTEuOCwwLjkzLTIuNDdjLTAuMDMsMC4xMi0wLjA3LDAuMjMtMC4xMSwwLjM0YzEuMTItMS43OCwyLjU1LTEuNTYsNC4xNy0yLjI4DQoJCWMxLjYxLTAuNzIsMC40NS0wLjUyLDEuNjMtMS42NGMxLjQxLTEuMzMsMS43My0wLjU3LDIuMTMtMi43NmMwLjMtMS42Mi0wLjA5LTMuMDksMC40MjktNC41NWMwLjY2LTEuODQsMi4yNC0yLjQ0LDMuMjktNA0KCQljMC44LTEuMTksMS41Ni0zLjE0LDAuNDctNC4zNGMtMC45LTEtMy41ODktMS44Mi00LjgxLTIuMTFjLTEuNDQtMC4zNC0zLjA5LTAuMzctNC40MzktMC45MmMtMS41OC0wLjY0LTIuODk5LTIuMzItMy42OTksMC4yOA0KCQljLTAuMjYtMC4xOS0xLjM1LTAuNzktMS4zNS0xLjA4YzAsMC41NywxLjU0LTAuNTEsMS43NS0wLjc2Yy0wLjY2LDAuMDUtMi45MDksMC41NS0zLjI0LDAuMzNsMCwwYzAuMTYsMC4xMiwwLjU2LDAuMDYsMC43NCwwLjA5DQoJCWMtMC42OSwwLjM3LTAuODMsMC4yNS0wLjc0LTAuMDljMCwwLTAuMDEsMC0wLjAyLTAuMDFjMCwwLDAuMDIsMCwwLjAyLDAuMDFjMC4xOS0wLjY1LDEuMy0yLjEsMS4zMi0yLjM5DQoJCWMwLjEyLTEuNjEtMi4yMTktMy40NC0zLjQ4LTMuOGMtMS43My0wLjUtMi43Mi0wLjI4LTQuMi0xLjM2Yy0xLjgtMS4zMi0zLjU0OS0yLjc4LTUuODQtMy4wNGMtMC40NzktMC4wNS0xLjAxLDAuMjEtMS41MSwwLjE0DQoJCWMtMS4yNDEtMC4xOC0xLjY1LTAuOTgtMi42OC0xLjI0Yy0xLjI3LTAuMzItMS43NSwwLjc4LTIuNTEsMC43N2MtMS4xMiwwLTEuMzgtMS4xNy0zLjAyLTAuMTljLTIuNDIsMS40Ni0xLjEsMi4zNy0zLjg2LDEuNjcNCgkJYy0xLjQ2LTAuMzctMy4xLDAuNTItNC40ODktMC40NGMtMS4yNi0wLjg3LTEuNTQtMy4yOC0wLjMyLTQuMjk5Yy0wLjYyLDAuNTItMC42LTEuMTItMS4wNTEtMS40MmMtMC43Mi0wLjQ3LTEuODksMC4wOC0yLjcyLTAuMTINCgkJYy0xLjEyLTAuMjctMS43Ny0wLjM3LTEuNTItMS40NmMwLjI4LTEuMTgsMy4zOS00LjM5LDAuMjEtNC4zMDFjLTEuNzMsMC4wNS0yLjI5LDIuNjItNC4xMywzYy0yLjA2OSwwLjQyLTMuODctMC4yOC00Ljk1LTIuMTENCgkJYy0yLjIzLTMuODIsMS4zMS04LjUyLDQuOTQtOC44NWMyLjgyOS0wLjI2LDYuOTc5LTIuMzUsOS4wNDksMC43N2MwLjYsMC45MSwyLjA4OSw0LjQzLDIuODU5LDIuMTVjMC4yMy0wLjY5LTAuNi0zLjcxLTAuODYtNC45Nw0KCQljLTAuMDEsMC4wMS0wLjAyLDAuMDItMC4wMywwLjA0Yy0wLjAxLTAuMTQtMC4wMy0wLjI3LTAuMDQtMC40MWMwLjAxLDAuMDksMC4wNCwwLjIyLDAuMDcsMC4zN2MwLjUtMC43OCwxLjI4MS0xLjMxLDEuOTYtMS45NTENCgkJbDAsMGMwLjEtMC4wOSwwLjItMC4xOSwwLjI5MS0wLjI5Yy0wLjA5LDAuMS0wLjE5LDAuMTktMC4yOTEsMC4yOWMwLjc0LTAuNzIsMi42NS0xLjU4LDIuOTgtMi41OGMwLjE4LTAuNTUtMC42NS0xLjI3LTAuMjItMi4wMw0KCQljMC4zMzktMC41OSwxLjE1OS0wLjM1LDEuNDgtMC43NGMwLjQ1OS0wLjU2LDAuNTItMS40OCwxLTIuMDdjMC41LTAuNiwxLjQ2LTAuNjgsMS45Ni0xLjE0YzEuMTU5LTEuMDUsMS40OC0yLjI2LDIuODM5LTIuOQ0KCQljMS4yODEtMC44NywyLjY1LTIuMzYsNC4yOC0xLjY4Yy0wLjU5LDAuNjgtMi4wOSwxLjA5LTIuNTIsMS43MmMtMC4zLDAuNDMsMi4yMiwwLjE5LDIuNTYsMC4wN2MxLjQyLTAuNTIsMi41NC0xLjU4LDMuNzI5LTIuMzYNCgkJYzIuMDU5LTEuMzYsNC40NDktMS40Myw2LjkyOS0wLjkzYzAuNzYsMC4xNS0xLjM4LTIuOTItMS42LTMuMThjLTAuODYtMC45OS0xLjA4LTEuODctMi40Ny0wLjU5Yy0wLjQwOSwwLjM3LTAuODMsMS42NC0xLjEyLDIuMTYNCgkJYy0wLjg4LDEuNi0wLjY4LDEuMzktMi41OTksMi4zOGMwLjEtMC4wNSwwLjItMC4xLDAuMy0wLjE2Yy0xLjQsMC4yOC0yLjc0LDAuODktMy4zMS0wLjg1Yy0wLjE5LTAuNTgsMC42Mi0xLjQzLDAuMTctMi4wMQ0KCQljLTEtMS4yOS00LjMxOSwxLjQzLTUuNDc5LDEuODZjMC42MS00Ljc3LDYuMjUtMi4yNiw5LjI1OS0zLjIxYzAuODItMC4yNiwzLjktMS40NCw0LjA3LTIuMjJjMC4yNS0xLjE1MS0yLjQ0LTMuMDItMy4wNS0zLjU1DQoJCWMtMS4zMi0xLjEzLTIuMDMxLTEuNzgtMi43NzEtMy41M2MtMC43OS0xLjg3LTEuMzEtMy43NC0zLjMtMi4zNmMtMC43NCwwLjUxLTAuMjEsMS42My0xLjQ4LDEuOGMtMC44LDAuMTEtMS42My0wLjktMi4wODktMS4zOA0KCQljLTAuNjktMC43Mi0xLjQxLTIuNDgtMi42OC0yLjY0Yy0xLjA5LTAuMTMtNC4xMy0xLjc0LTUuNTUtMC43Yy0xLjA4OSwwLjgsMC4xNSwzLjgsMC40NzksNC44OGMwLjcxLDIuMzIsMS4xNSwyLjQxLTAuODIsMy44Ng0KCQljLTAuOTcsMC43MS0xLjU1LTAuMDUtMS4xOTksMS44N2MwLjE4LDEsMS4yNiwxLjE5LDAuNDksMi4wNmMtMC40NywwLjUzLTEuNiwwLjQ4LTIuMTUsMC4yMmMtMS43Mi0wLjgtMC4xOS0xLjg4LTEuMDEtMy4wMg0KCQljLTAuNjEtMC44NS0zLjktMS41NS01LjAyOS0yLjA2Yy0yLjQ5LTEuMTMtOS4wNi0yLjMyLTcuMDM5LTYuMThjMC41NS0xLjA1LDIuNi0yLjU5LDMuNTM5LTMuMTljMC45Ni0wLjYyLDIuMTUtMC43OSwyLjk1LTEuNjQNCgkJYzAuNDQ5LTAuNDgsMC40NzktMS44LDAuODktMi4xM2MwLjU3LTAuNDcsMi4yMy0wLjI1LDMuMTEtMC4yMmMzLjgzLTAuNzcsMC4zNDEtNi4zMiw1LjM4LTUuMzJjMS4zOSwwLjI4LDIuNzc5LDEuNjksMy45MywyLjQ3DQoJCWMxLjI5LDAuODgsMS43MiwwLjc4LDEuMzEsMi4xM2MtMC4xLDAuMzEtMS41NCwxLjcxLTEuODk5LDJjLTAuNjcsMC41Mi0xLjc2LDAuNzYtMi41NCwxLjA4YzIuNjMsMCwzLjcyOS0wLjEzLDUuODgsMS4zDQoJCWMxLjg0LDEuMjIsMi45OSwyLjA0LDUuMjQ5LDEuOTUxYy0wLjE0LTEuMS0yLjA3OS0wLjY3LTItMS43NmMwLjA2LTAuOTIsMS4yMywwLjI5LDEuMzgsMC4zYzAuNjMsMC4wMywyLjI2LDAuNzgsMS45LTAuOTgNCgkJYy0wLjMxMS0xLjU0LTMuNjc5LTAuODEtMi42LTMuMzJjMS41Mi0wLjE3LDEuMTA5LDEuNSwyLjEwOSwxLjg2YzEuMDcsMC4zNzksMi40Ni0wLjkyLDIuNjktMS44MmMtMS41LTAuNzYtNi4wNzktMi01LjU2LTQuMTYNCgkJYzMuMDYsMS45NDksNi4xMDksMy45LDkuMTY5LDUuODRjLTIuNDgsMi4yMSwxLjgsMC45NywyLjA1OSwxLjAzYzAuNzMsMC4xOCwyLjU4LDEuNzgsMS4zNywyLjA4Yy0xLjI2LDAuMzEtMS45MDktMS41MS0zLjE5LTAuMTUNCgkJYzEuMDYxLDAuMjgsNC44MSwwLjQ5LDMuODEsMi41MmMtMC4zOTksMC44MS0yLjgwOSwwLjY3LTMuNTI5LDIuMjVjMC41Mi0wLjEsMS4wOCwwLjA1LDEuNi0wLjA4Yy0xLjE0OSwxLjc5LDAuNTUsMi45OCwxLjQ5LDQuNDENCgkJYzEuMDYsMS42MywyLjU1LDQuMTIsNC42Niw0LjY0YzQuNDg5LDEuMSwzLjk1LTYuMiw3LjM1OS03LjM1YzAuOTQtMC4zMiwxLjk3LTAuMDksMi45Mi0wLjM1YzEuMDYxLTAuMywxLjYzLTEuMDYsMi40Ny0xLjY0DQoJCWMyLjA4LTEuNDMsMy44OC0xLjQ0LDYuNDYtMS41MmMwLjA2LDAsMC4xMywwLDAuMiwwYy05LjI2OS05Ljc2LTIxLjQ2OS0xNi43MS0zNS4xNzctMTkuNDMNCgkJQzIxMzYuNDA5LDU2MC4zOCwyMTM0Ljk1OSw1NjEuMDgsMjEzMy42NTgsNTYxLjk0eiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik0yMTIxLjIyOSw1NzEuOTExYy0wLjA2LDAtMC4xMywwLTAuMTktMC4wMWMtMC4wMSwwLTAuMDIsMC4wMS0wLjAzLDAuMDFIMjEyMS4yMjl6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTIxMjUuMDEsNTAwYy02OS4wNDUsMC0xMjUuMDEsNTUuOTctMTI1LjAxLDEyNC45OWMwLDY5LjAzLDU1Ljk2NSwxMjUuMDEsMTI1LjAxLDEyNS4wMQ0KCQlTMjI1MCw2OTQuMDMsMjI1MCw2MjQuOTlDMjI1MC4wMSw1NTUuOTcxLDIxOTQuMDU0LDUwMCwyMTI1LjAxLDUwMHogTTIxMjQuOTk5LDcwMC4wMDFjLTQxLjQxNywwLTc0Ljk5NC0zMy41OC03NC45OTQtNzUNCgkJczMzLjU3Ny03NSw3NC45OTQtNzVjNDEuNDE3LDAsNzQuOTk0LDMzLjU4LDc0Ljk5NCw3NVMyMTY2LjQxNiw3MDAuMDAxLDIxMjQuOTk5LDcwMC4wMDF6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTIxODIuMTc1LDYzNS45NTFjMC45MiwxLjQ1LDIuNDQsMi45NSwzLjcxOSw0LjA3YzAuOTksMC44NiwyLjAxLDEuNzYsMy4yNSwyLjA4DQoJCWMxLjQ2LTUuNDYsMi4yNC0xMS4xOSwyLjI0LTE3LjFjMC0zLjQyLTAuMjYtNi43Ny0wLjc2LTEwLjA1Yy0wLjkyLDAuNjYtMS44OTksMS45Mi0yLjMxLDIuNjdjLTAuNTcsMS4wMy0wLjU0LDEuNjctMS40NCwyLjQ4DQoJCWMtMC44NSwwLjc3LTEuODg5LDEuMDEtMi42NSwxLjk5Yy0wLjcyLDAuOTEtMC41OSwxLjYzLTEuMTY5LDIuNjljLTAuMjcsMC41LTAuOTQsMC43LTEuMjMsMS4zMmMtMC42MywxLjM0LDAuMDksMy40NiwwLjAzLDQuOTUNCgkJQzIxODEuNzk1LDYzMi44MTEsMjE4MS4xOTUsNjM0LjQwMSwyMTgyLjE3NSw2MzUuOTUxeiIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTExNjcuMzcsMTI2LjE4YzAsMjIuNi0xOC45MSw0MC45Mi00Mi4yNCw0MC45MmMtMjMuMzMsMC00Mi4yNC0xOC4zMi00Mi4yNC00MC45Mg0KCQljMC00LjA1LDAuNjEtNy45NiwxLjc0LTExLjY2aC0xMi40OHY1Ny40YzAsMi45NywyLjQzLDUuNCw1LjQsNS40aDk0LjYyYzIuOTcsMCw1LjQtMi40Myw1LjQtNS40di01Ny40aC0xMS45Ng0KCQlDMTE2Ni43NiwxMTguMjIsMTE2Ny4zNywxMjIuMTMsMTE2Ny4zNywxMjYuMTh6Ii8%2BDQoJPGVsbGlwc2UgZmlsbD0iI0I3QzBDNyIgY3g9IjExMjUuMTMiIGN5PSIxMjQuNzExIiByeD0iMjcuMjkiIHJ5PSIyNi40NCIvPg0KCTxwYXRoIGZpbGw9IiNCN0MwQzciIGQ9Ik0xMTU2LjA0MSw5OS4wM2gxNS4zNmMzLjM2LDAsNi4xMi0yLjc1LDYuMTItNi4xMlY3OC4yN2MwLTMuMzctMi43NS02LjEyLTYuMTItNi4xMmgtMTUuMzYNCgkJYy0zLjM2LDAtNi4xMiwyLjc1LTYuMTIsNi4xMnYxNC42NEMxMTQ5LjkzLDk2LjI4LDExNTIuNjgsOTkuMDMsMTE1Ni4wNDEsOTkuMDN6Ii8%2BDQoJPHBhdGggZmlsbD0iI0I3QzBDNyIgZD0iTTExMjUuMDIsMEMxMDU1Ljk1LDAsMTAwMCw1NS45NSwxMDAwLDEyNXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNSwwLDEyNC45OC01NS45NiwxMjQuOTgtMTI1DQoJCUMxMjUwLjAwMSw1NS45MywxMTk0LjA3LDAsMTEyNS4wMiwweiBNMTE5Mi45NCwxNzUuNTAxYzAsOS41OS03Ljg1LDE3LjQ0LTE3LjQ0LDE3LjQ0aC0xMDFjLTkuNTksMC0xNy40NC03Ljg1LTE3LjQ0LTE3LjQ0di0xMDENCgkJYzAtOS41OSw3Ljg1LTE3LjQ0LDE3LjQ0LTE3LjQ0aDEwMWM5LjU5LDAsMTcuNDQsNy44NSwxNy40NCwxNy40NFYxNzUuNTAxeiIvPg0KPC9nPg0KPGc%2BDQoJDQoJCTxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDAuMjYyNCAwLjk2NSAtMC45NjUgMC4yNjI0IDc3NC4yMDY0IC0zMjIuNjk0KSIgZmlsbD0iIzk5OTk5OSIgY3g9IjU5OC4xODIiIGN5PSIzNDUuMDcyIiByeD0iMjIuOTAyIiByeT0iMTYuMzUyIi8%2BDQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTYyNC45OSwyNTBDNTU1Ljk3LDI1MCw1MDAsMzA1Ljk3LDUwMCwzNzVzNTUuOTYsMTI1LDEyNC45OSwxMjVDNjk0LjA0LDUwMCw3NTAsNDQ0LjAzLDc1MCwzNzUNCgkJUzY5NC4wMywyNTAsNjI0Ljk5LDI1MHogTTYzMS4zOCwzNDUuMzFjMCwxOS40MS0xOC4xNiwyMS44My0xOC4xNiwzMC4wODFjMCw4LjI2LDI0LjA5LDE0Ljg3LDI0LjA5LDM1LjM1DQoJCWMwLDM0LjE3LTQyLjMsMzIuMjUtNDIuMywzMi4yNXMtMzYuNTYsMS4zMy0zNi41Ni0yNi4yMXM0MS40OC0yNi40MSw0My42MS0yNi40MWMtMC41Mi02LjMzLTQuNzMtNS4yOC00LjczLTguNHYtNy43MQ0KCQljMCwwLTMxLjM5LDMuNTIxLTMxLjM5LTI2Ljg4YzAtMzAuNDAxLDM1LjkyLTMxLjI4LDM1LjkyLTMxLjI4aDM1LjQ0YzAsNS40Mi0xNi4xNywzLjUtMTYuMTcsNi4zOQ0KCQlDNjMwLjMwMSwzMjYuNjYsNjMxLjM4LDMzMy42OCw2MzEuMzgsMzQ1LjMxeiBNNzAzLjgzMSwzNDguMDdoLTI0LjY4djI0LjY3aC03LjI0di0yNC42N2gtMjQuNjh2LTcuMjVoMjQuNjhWMzE2LjExaDcuMjR2MjQuNzENCgkJaDI0LjY4VjM0OC4wN3oiLz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNNjAwLjY5MSw0MzQuNDFjLTE0LjY0LDAuOTgtMjcuMDktNi44NS0yNy44Mi0xNy41M2MtMC43Mi0xMC42OCwxMC41Ny0yMC4xMywyNS4yLTIxLjEzDQoJCWMxNC42Mi0wLjk3LDI3LjA4LDYuODUsMjcuODEsMTcuNTNDNjI2LjU5LDQyMy45NjEsNjE1LjMzMSw0MzMuNDExLDYwMC42OTEsNDM0LjQxeiIvPg0KPC9nPg0KPGc%2BDQoJPHJlY3QgeD0iODM0LjA5IiB5PSIzNjEuNDQyIiBmaWxsPSIjOTk5OTk5IiB3aWR0aD0iMTcuNzciIGhlaWdodD0iNTMuNDM2Ii8%2BDQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTg0My4xLDMzNS42OTNjLTYuMSwwLTEwLjA1LDMuOTktMTAuMDUsOS4yMzljMCw1LjEyOSwzLjg2LDkuMjM5LDkuODEsOS4yMzloMC4xMg0KCQljNi4yMSwwLDEwLjA0LTQuMTEsMTAuMDQtOS4yMzlDODUyLjksMzM5LjY5Myw4NDkuMTcsMzM1LjY5Myw4NDMuMSwzMzUuNjkzeiIvPg0KCTxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik04OTUuNDUsMzYwLjE5MWMtOS40MywwLTEzLjY2OSw1LjIwOS0xNi4wMSw4Ljg1djAuMTRoLTAuMTFjMC4wMy0wLjAzLDAuMDgtMC4xLDAuMTEtMC4xNHYtNy41OTloLTE3Ljc1DQoJCWMwLjIxLDUsMCw1My40MzYsMCw1My40MzZoMTcuNzVWMzg1LjA0YzAtMS42LDAuMS0zLjE4LDAuNTgtNC4zMTljMS4yOS0zLjE5LDQuMi02LjQ5LDkuMTEtNi40OWM2LjQyLDAsOC45OTEsNC45LDguOTkxLDEyLjA2OQ0KCQl2MjguNTg3aDE3Ljc4VjM4NC4yN0M5MTUuOTIsMzY3LjgzLDkwNy4xNiwzNjAuMTkxLDg5NS40NSwzNjAuMTkxeiIvPg0KCTxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik04NzUuMDIsMjUwQzgwNS45NSwyNTAsNzUwLDMwNS45NTUsNzUwLDM3NXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNiwwLDEyNC45OC01NS45NjUsMTI0Ljk4LTEyNQ0KCQlDMTAwMCwzMDUuOTM1LDk0NC4wNywyNTAsODc1LjAyLDI1MHogTTkzMy43OSw0MjUuNjc2YzAsNC43LTMuODgsOC40OTktOC42Nyw4LjQ5OUg4MjQuOTFjLTQuODMsMC04LjcxLTMuOC04LjcxLTguNDk5VjMyNC4zMTQNCgkJYzAtNC42OSwzLjg4LTguNDg5LDguNzEtOC40ODloMTAwLjIxYzQuNzgsMCw4LjY3LDMuODEsOC42Nyw4LjQ4OVY0MjUuNjc2eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTM3NS4wMSwyNTBDMzA1Ljk2NSwyNTAsMjUwLDMwNS45NywyNTAsMzc0Ljk5QzI1MCw0NDQuMDIsMzA1Ljk2NSw1MDAsMzc1LjAxLDUwMFM1MDAsNDQ0LjAzLDUwMCwzNzQuOTkNCglDNTAwLjAxLDMwNS45Nyw0NDQuMDU1LDI1MCwzNzUuMDEsMjUwIE00MTEuMjY3LDMyNC4wOWgtMTcuNTE5Yy0zLjUsMC02Ljk5OSwzLjYzLTYuOTk5LDYuMzN2MTguMDVoMjQuNDg4DQoJYy0wLjk4LDEzLjgzLTIuOTksMjYuNDgtMi45OSwyNi40OEgzODYuNjR2NzguNDFoLTMyLjIxOHYtNzguNDFoLTE1LjY1OXYtMjYuNGgxNS42NTl2LTIxLjU2YzAtMy45NS0wLjc5LTMwLjM2LDMyLjk4OC0zMC4zNg0KCWgyMy44NDlMNDExLjI2NywzMjQuMDlMNDExLjI2NywzMjQuMDl6Ii8%2BDQo8Zz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTM3NC45OTUsMjUwQzEzMDUuOTQyLDI1MCwxMjUwLDMwNS45NywxMjUwLDM3NXM1NS45NTIsMTI1LDEyNC45OTUsMTI1DQoJCUMxNDQ0LjAyOCw1MDAsMTUwMCw0NDQuMDMsMTUwMCwzNzVTMTQ0NC4wMjcsMjUwLDEzNzQuOTk1LDI1MHogTTE0NDcuMzM4LDQwMC43NWMwLDEyLjM5LTEwLjYyLDIyLjQ4LTIzLjYyMSwyMi40OGgtOTcuMzU0DQoJCWMtMTMuMDEsMC0yMy43MzEtMTAuMS0yMy43MzEtMjIuNDh2LTUxLjVjMC0xMi4yOCwxMC43Mi0yMi40NywyMy43MzEtMjIuNDdoOTcuMzU0YzEzLDAsMjMuNjIxLDEwLjE5LDIzLjYyMSwyMi40N1Y0MDAuNzUNCgkJTDE0NDcuMzM4LDQwMC43NXoiLz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTQwNC4xMDUsMzcxLjQ4bC00OC4wNzMtMjYuMzRjLTEuNzQtMC45Ni00LjA3LTEuMS02LTAuMzVjLTEuOTQxLDAuNzMtMy4xOCwyLjI2LTMuMTgsMy44OHY1Mi42Nw0KCQljMCwxLjYyLDEuMjUsMy4xMywzLjE4LDMuODhjMC44MywwLjMxLDEuNywwLjQ3LDIuNjIsMC40N2MxLjE4LDAsMi40LTAuMjcsMy4zOC0wLjgzbDQ4LjA2Mi0yNi4zNWMxLjUxLTAuOCwyLjM3LTIuMTIsMi4zNy0zLjUxDQoJCUMxNDA2LjQ2NiwzNzMuNjIsMTQwNS41NjYsMzcyLjMwMSwxNDA0LjEwNSwzNzEuNDh6Ii8%2BDQo8L2c%2BDQo8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTI1LjAxLDI1MEM1NS45NjksMjUwLDAsMzA1Ljk2LDAsMzc1YzAsNjkuMDIsNTUuOTY5LDEyNC45OTksMTI1LjAxLDEyNC45OTkNCgljNjIuOTUsMCwxMTUuMDEtNDYuNTM5LDEyMy43LTEwNy4wN2MwLjgzLTQuMTEsMS4yMi04LjM4LDEuMTUtMTIuNzZjMC4wOC0xLjcxLDAuMTQtMy40MywwLjE0LTUuMTYNCglDMjQ5Ljk5OSwzMDUuOTYsMTk0LjA1LDI1MCwxMjUuMDEsMjUweiBNMTgyLjU1LDM1Mi4zMWMwLjA1LDEuMTgsMC4wNiwyLjMzLDAuMDYsMy41YzAsMzUuNjgtMjcuMTUsNzYuODMtNzYuODIsNzYuODMNCgljLTE1LjI2OSwwLTI5LjQ0LTQuNDQtNDEuNC0xMi4xMjljMi4xMSwwLjI0LDQuMjYsMC4zNyw2LjQzLDAuMzdjMTIuNjUsMCwyNC4yOS00LjI5LDMzLjU1LTExLjU0DQoJYy0xMS44Mi0wLjIyLTIxLjgtOC4wNC0yNS4yNi0xOC43NWMxLjY2LDAuMzEsMy4zNiwwLjQ5LDUuMTEsMC40OWMyLjQzLDAsNC44My0wLjM0LDcuMDktMC45NWMtMTIuMzUtMi40OC0yMS42Ny0xMy4zOS0yMS42Ny0yNi40Nw0KCWMwLTAuMTQsMC0wLjIzLDAtMC4zNGMzLjY2LDIuMDEsNy44MiwzLjI0LDEyLjI1LDMuMzhjLTcuMjgtNC44Ni0xMi4wMy0xMy4xMi0xMi4wMy0yMi40OWMwLTQuOTYsMS4zNC05LjU3LDMuNjYtMTMuNTkNCgljMTMuMzMsMTYuMzYsMzMuMjIsMjcuMDksNTUuNjgsMjguMjJjLTAuNDctMS45Ny0wLjcxLTQuMDYtMC43MS02LjE3YzAtMTQuOTIsMTIuMTItMjcuMDA5LDI3LjAxOS0yNy4wMDkNCgljNy43NiwwLDE0Ljc3LDMuMjksMTkuNyw4LjU0YzYuMTgtMS4yMiwxMS45NC0zLjQ1LDE3LjE3LTYuNTZjLTIuMDEsNi4zLTYuMjksMTEuNTktMTEuODksMTQuOTRjNS40OS0wLjYzLDEwLjY5LTIuMSwxNS41MS00LjI1DQoJQzE5Mi4zODksMzQzLjc2LDE4Ny44MiwzNDguNSwxODIuNTUsMzUyLjMxeiIvPg0KPGc%2BDQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTExNjcuMzcsMzc2LjE4YzAsMjIuNi0xOC45MSw0MC45Mi00Mi4yNCw0MC45MmMtMjMuMzMsMC00Mi4yNC0xOC4zMi00Mi4yNC00MC45Mg0KCQljMC00LjA1LDAuNjEtNy45NiwxLjc0LTExLjY2aC0xMi40OHY1Ny40YzAsMi45NywyLjQzLDUuNCw1LjQsNS40aDk0LjYyYzIuOTcsMCw1LjQtMi40Myw1LjQtNS40di01Ny40aC0xMS45Ng0KCQlDMTE2Ni43NiwzNjguMjIsMTE2Ny4zNywzNzIuMTMsMTE2Ny4zNywzNzYuMTh6Ii8%2BDQoJPGVsbGlwc2UgZmlsbD0iIzk5OTk5OSIgY3g9IjExMjUuMTMiIGN5PSIzNzQuNzExIiByeD0iMjcuMjkiIHJ5PSIyNi40NCIvPg0KCTxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik0xMTU2LjA0MSwzNDkuMDNoMTUuMzZjMy4zNiwwLDYuMTItMi43NSw2LjEyLTYuMTJ2LTE0LjY0YzAtMy4zNy0yLjc1LTYuMTItNi4xMi02LjEyaC0xNS4zNg0KCQljLTMuMzYsMC02LjEyLDIuNzUtNi4xMiw2LjEydjE0LjY0QzExNDkuOTMsMzQ2LjI4LDExNTIuNjgsMzQ5LjAzLDExNTYuMDQxLDM0OS4wM3oiLz4NCgk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTEyNS4wMiwyNTBjLTY5LjA3LDAtMTI1LjAyLDU1Ljk1LTEyNS4wMiwxMjVzNTUuOTUsMTI1LDEyNS4wMiwxMjVjNjkuMDUsMCwxMjQuOTgtNTUuOTYsMTI0Ljk4LTEyNQ0KCQlDMTI1MC4wMDEsMzA1LjkzLDExOTQuMDcsMjUwLDExMjUuMDIsMjUweiBNMTE5Mi45NCw0MjUuNTAxYzAsOS41OS03Ljg1LDE3LjQ0LTE3LjQ0LDE3LjQ0aC0xMDFjLTkuNTksMC0xNy40NC03Ljg1LTE3LjQ0LTE3LjQ0DQoJCXYtMTAxYzAtOS41OSw3Ljg1LTE3LjQ0LDE3LjQ0LTE3LjQ0aDEwMWM5LjU5LDAsMTcuNDQsNy44NSwxNy40NCwxNy40NFY0MjUuNTAxeiIvPg0KPC9nPg0KPGc%2BDQoJDQoJCTxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDAuMjYyNCAwLjk2NSAtMC45NjUgMC4yNjI0IDEwMTUuNDQ3IC0xMzguMjkxNCkiIGZpbGw9IiNEM0Q5REQiIGN4PSI1OTguMTgyIiBjeT0iNTk1LjA3MiIgcng9IjIyLjkwMiIgcnk9IjE2LjM1MiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik02MjQuOTksNTAwQzU1NS45Nyw1MDAsNTAwLDU1NS45Nyw1MDAsNjI1czU1Ljk2LDEyNSwxMjQuOTksMTI1QzY5NC4wNCw3NTAsNzUwLDY5NC4wMyw3NTAsNjI1DQoJCVM2OTQuMDMsNTAwLDYyNC45OSw1MDB6IE02MzEuMzgsNTk1LjMxYzAsMTkuNDEtMTguMTYsMjEuODMtMTguMTYsMzAuMDgxYzAsOC4yNiwyNC4wOSwxNC44NywyNC4wOSwzNS4zNQ0KCQljMCwzNC4xNy00Mi4zLDMyLjI1LTQyLjMsMzIuMjVzLTM2LjU2LDEuMzMtMzYuNTYtMjYuMjFjMC0yNy41MzksNDEuNDgtMjYuNDEsNDMuNjEtMjYuNDFjLTAuNTItNi4zMy00LjczLTUuMjgtNC43My04LjR2LTcuNzENCgkJYzAsMC0zMS4zOSwzLjUyMS0zMS4zOS0yNi44OGMwLTMwLjQwMSwzNS45Mi0zMS4yOCwzNS45Mi0zMS4yOGgzNS40NGMwLDUuNDItMTYuMTcsMy41LTE2LjE3LDYuMzkNCgkJQzYzMC4zMDEsNTc2LjY2LDYzMS4zOCw1ODMuNjgsNjMxLjM4LDU5NS4zMXogTTcwMy44MzEsNTk4LjA3aC0yNC42OHYyNC42N2gtNy4yNHYtMjQuNjdoLTI0LjY4di03LjI1aDI0LjY4VjU2Ni4xMWg3LjI0djI0LjcxDQoJCWgyNC42OFY1OTguMDd6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTYwMC42OTEsNjg0LjQxYy0xNC42NCwwLjk4LTI3LjA5LTYuODUtMjcuODItMTcuNTNjLTAuNzItMTAuNjgsMTAuNTctMjAuMTMsMjUuMi0yMS4xMw0KCQljMTQuNjItMC45NywyNy4wOCw2Ljg1LDI3LjgxLDE3LjUzQzYyNi41OSw2NzMuOTYxLDYxNS4zMzEsNjgzLjQxMSw2MDAuNjkxLDY4NC40MXoiLz4NCjwvZz4NCjxnPg0KCTxyZWN0IHg9IjgzNC4wOSIgeT0iNjExLjQ0MiIgZmlsbD0iI0QzRDlERCIgd2lkdGg9IjE3Ljc3IiBoZWlnaHQ9IjUzLjQzNiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04NDMuMSw1ODUuNjkzYy02LjEsMC0xMC4wNSwzLjk5LTEwLjA1LDkuMjM5YzAsNS4xMjksMy44Niw5LjIzOSw5LjgxLDkuMjM5aDAuMTINCgkJYzYuMjEsMCwxMC4wNC00LjExLDEwLjA0LTkuMjM5Qzg1Mi45LDU4OS42OTMsODQ5LjE3LDU4NS42OTMsODQzLjEsNTg1LjY5M3oiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNODk1LjQ1LDYxMC4xOTFjLTkuNDMsMC0xMy42NjksNS4yMDktMTYuMDEsOC44NXYwLjE0aC0wLjExYzAuMDMtMC4wMywwLjA4LTAuMSwwLjExLTAuMTR2LTcuNTk5aC0xNy43NQ0KCQljMC4yMSw1LDAsNTMuNDM2LDAsNTMuNDM2aDE3Ljc1VjYzNS4wNGMwLTEuNiwwLjEtMy4xOCwwLjU4LTQuMzE5YzEuMjktMy4xOSw0LjItNi40OSw5LjExLTYuNDljNi40MiwwLDguOTkxLDQuOSw4Ljk5MSwxMi4wNw0KCQl2MjguNTg3aDE3Ljc4VjYzNC4yN0M5MTUuOTIsNjE3LjgzLDkwNy4xNiw2MTAuMTkxLDg5NS40NSw2MTAuMTkxeiIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik04NzUuMDIsNTAwQzgwNS45NSw1MDAsNzUwLDU1NS45NTUsNzUwLDYyNXM1NS45NSwxMjUsMTI1LjAyLDEyNWM2OS4wNiwwLDEyNC45OC01NS45NjUsMTI0Ljk4LTEyNQ0KCQlDMTAwMCw1NTUuOTM1LDk0NC4wNyw1MDAsODc1LjAyLDUwMHogTTkzMy43OSw2NzUuNjc2YzAsNC43LTMuODgsOC40OTktOC42Nyw4LjQ5OUg4MjQuOTFjLTQuODMsMC04LjcxLTMuOC04LjcxLTguNDk5VjU3NC4zMTQNCgkJYzAtNC42OSwzLjg4LTguNDg5LDguNzEtOC40ODloMTAwLjIxYzQuNzgsMCw4LjY3LDMuODEsOC42Nyw4LjQ4OVY2NzUuNjc2eiIvPg0KPC9nPg0KPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTM3NS4wMSw1MDBDMzA1Ljk2NSw1MDAsMjUwLDU1NS45NywyNTAsNjI0Ljk5QzI1MCw2OTQuMDIsMzA1Ljk2NSw3NTAsMzc1LjAxLDc1MFM1MDAsNjk0LjAzLDUwMCw2MjQuOTkNCglDNTAwLjAxLDU1NS45Nyw0NDQuMDU1LDUwMCwzNzUuMDEsNTAwIE00MTEuMjY3LDU3NC4wOWgtMTcuNTE5Yy0zLjUsMC02Ljk5OSwzLjYzLTYuOTk5LDYuMzN2MTguMDVoMjQuNDg4DQoJYy0wLjk4LDEzLjgzLTIuOTksMjYuNDgtMi45OSwyNi40OEgzODYuNjR2NzguNDFoLTMyLjIxOHYtNzguNDFoLTE1LjY1OXYtMjYuNGgxNS42NTl2LTIxLjU2YzAtMy45NS0wLjc5LTMwLjM2LDMyLjk4OC0zMC4zNg0KCWgyMy44NDlMNDExLjI2Nyw1NzQuMDlMNDExLjI2Nyw1NzQuMDl6Ii8%2BDQo8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTI1LjAxLDUwMC4wMDFDNTUuOTY5LDUwMC4wMDEsMCw1NTUuOTYsMCw2MjVDMCw2OTQuMDIxLDU1Ljk2OSw3NTAsMTI1LjAxLDc1MA0KCWM2Mi45NSwwLDExNS4wMS00Ni41MzksMTIzLjctMTA3LjA3YzAuODMtNC4xMSwxLjIyLTguMzgsMS4xNS0xMi43NmMwLjA4LTEuNzEsMC4xNC0zLjQzLDAuMTQtNS4xNg0KCUMyNDkuOTk5LDU1NS45NiwxOTQuMDUsNTAwLjAwMSwxMjUuMDEsNTAwLjAwMXogTTE4Mi41NSw2MDIuMzExYzAuMDUsMS4xOCwwLjA2LDIuMzMsMC4wNiwzLjVjMCwzNS42OC0yNy4xNSw3Ni44My03Ni44Miw3Ni44Mw0KCWMtMTUuMjY5LDAtMjkuNDQtNC40NC00MS40LTEyLjEzYzIuMTEsMC4yNCw0LjI2LDAuMzcsNi40MywwLjM3YzEyLjY1LDAsMjQuMjktNC4yOSwzMy41NS0xMS41NGMtMTEuODItMC4yMi0yMS44LTguMDQtMjUuMjYtMTguNzUNCgljMS42NiwwLjMxLDMuMzYsMC40OSw1LjExLDAuNDljMi40MywwLDQuODMtMC4zNCw3LjA5LTAuOTVjLTEyLjM1LTIuNDgtMjEuNjctMTMuMzktMjEuNjctMjYuNDdjMC0wLjE0LDAtMC4yMywwLTAuMzQNCgljMy42NiwyLjAxLDcuODIsMy4yNCwxMi4yNSwzLjM4Yy03LjI4LTQuODYtMTIuMDMtMTMuMTItMTIuMDMtMjIuNDljMC00Ljk2LDEuMzQtOS41NywzLjY2LTEzLjU5DQoJYzEzLjMzLDE2LjM2LDMzLjIyLDI3LjA5LDU1LjY4LDI4LjIyYy0wLjQ3LTEuOTY5LTAuNzEtNC4wNi0wLjcxLTYuMTdjMC0xNC45MiwxMi4xMi0yNy4wMDksMjcuMDE5LTI3LjAwOQ0KCWM3Ljc2LDAsMTQuNzcsMy4yOSwxOS43LDguNTRjNi4xOC0xLjIyLDExLjk0LTMuNDUsMTcuMTctNi41NmMtMi4wMSw2LjMtNi4yOSwxMS41OS0xMS44OSwxNC45NGM1LjQ5LTAuNjMsMTAuNjktMi4xLDE1LjUxLTQuMjUNCglDMTkyLjM4OSw1OTMuNzYxLDE4Ny44Miw1OTguNTAxLDE4Mi41NSw2MDIuMzExeiIvPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0QzRDlERCIgZD0iTTExNjcuMzcsNjI2LjE4YzAsMjIuNi0xOC45MSw0MC45Mi00Mi4yNCw0MC45MmMtMjMuMzMsMC00Mi4yNC0xOC4zMi00Mi4yNC00MC45Mg0KCQljMC00LjA1LDAuNjEtNy45NiwxLjc0LTExLjY2aC0xMi40OHY1Ny40YzAsMi45NywyLjQzLDUuNCw1LjQsNS40aDk0LjYyYzIuOTcsMCw1LjQtMi40Myw1LjQtNS40di01Ny40aC0xMS45Ng0KCQlDMTE2Ni43Niw2MTguMjIsMTE2Ny4zNyw2MjIuMTMsMTE2Ny4zNyw2MjYuMTh6Ii8%2BDQoJPGVsbGlwc2UgZmlsbD0iI0QzRDlERCIgY3g9IjExMjUuMTMiIGN5PSI2MjQuNzExIiByeD0iMjcuMjkiIHJ5PSIyNi40NCIvPg0KCTxwYXRoIGZpbGw9IiNEM0Q5REQiIGQ9Ik0xMTU2LjA0MSw1OTkuMDNoMTUuMzZjMy4zNiwwLDYuMTItMi43NSw2LjEyLTYuMTJ2LTE0LjY0YzAtMy4zNy0yLjc1LTYuMTItNi4xMi02LjEyaC0xNS4zNg0KCQljLTMuMzYsMC02LjEyLDIuNzUtNi4xMiw2LjEydjE0LjY0QzExNDkuOTMsNTk2LjI4LDExNTIuNjgsNTk5LjAzLDExNTYuMDQxLDU5OS4wM3oiLz4NCgk8cGF0aCBmaWxsPSIjRDNEOUREIiBkPSJNMTEyNS4wMiw1MDBjLTY5LjA3LDAtMTI1LjAyLDU1Ljk1LTEyNS4wMiwxMjVzNTUuOTUsMTI1LDEyNS4wMiwxMjVjNjkuMDUsMCwxMjQuOTgtNTUuOTYsMTI0Ljk4LTEyNQ0KCQlDMTI1MC4wMDEsNTU1LjkzLDExOTQuMDcsNTAwLDExMjUuMDIsNTAweiBNMTE5Mi45NCw2NzUuNTAxYzAsOS41OS03Ljg1LDE3LjQ0LTE3LjQ0LDE3LjQ0aC0xMDFjLTkuNTksMC0xNy40NC03Ljg1LTE3LjQ0LTE3LjQ0DQoJCXYtMTAxYzAtOS41OSw3Ljg1LTE3LjQ0LDE3LjQ0LTE3LjQ0aDEwMWM5LjU5LDAsMTcuNDQsNy44NSwxNy40NCwxNy40NFY2NzUuNTAxeiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D); background-size: 225px 75px; background-position: -125px -50px; }

.icon-link, .icon-networks, .icon-image { width: 28px; height: 28px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjgwcHgiIGhlaWdodD0iNzYwLjAxM3B4IiB2aWV3Qm94PSIwIDAgMjgwIDc2MC4wMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4MCA3NjAuMDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0yNTkuODQ5LDU0MC4wMTNIMjAuMTUxQzkuMDIsNTQwLjAxMywwLDU0OS4zNjMsMCw1NjAuOTAydjE3OC4yMjJjMCwxMS41MzksOS4wMiwyMC44ODksMjAuMTUxLDIwLjg4OQ0KCQloMjM5LjY5OGMxMS4xMywwLDIwLjE1MS05LjM1LDIwLjE1MS0yMC44ODlWNTYwLjkwMkMyODAsNTQ5LjM2MywyNzAuOTgsNTQwLjAxMywyNTkuODQ5LDU0MC4wMTN6IE0yMzkuNjg5LDU4MS43ODF2MTEyLjU0NQ0KCQlsLTU1LjU4Mi01Ny41OTdjLTMuMzctMy41LTguODQtMy41LTEyLjIxMSwwbC01OS4xMDIsNjEuMjQ3bC0xOC43MzEtMTkuNDA5Yy0zLjIyLTMuMzMtOC4zOS0zLjUxLTExLjgxLTAuMzlsLTQxLjk2MiwzOC4yMjgNCgkJVjU4MS43ODFIMjM5LjY4OUwyMzkuNjg5LDU4MS43ODF6Ii8%2BDQoJPGVsbGlwc2UgZmlsbD0iI0Q0RDlERCIgY3g9Ijg2LjQxMyIgY3k9IjYxNy4yMzkiIHJ4PSIxOC43NjEiIHJ5PSIxOS40MzkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik02NS44ODgsMjE0LjFjLTYuODItNi44Mi02LjgyLTE3Ljg3OSwwLTI0LjY5OUwxODkuMzk3LDY1Ljg5OGM2LjgyLTYuODIsMTcuODgtNi44MiwyNC43LDANCgljNi44Miw2LjgyLDYuODIsMTcuODc5LDAsMjQuNjk5TDkwLjU4OCwyMTQuMUM4My43NjgsMjIwLjkzLDcyLjcwOCwyMjAuOTMsNjUuODg4LDIxNC4xeiBNMTc5LjA5Nyw1NS42MDlsMTEuMzItMTEuMzE5DQoJYzEyLjQ4LTEyLjQ3OSwzMi44LTEyLjQ3OSw0NS4yOSwwYzEyLjQ4LDEyLjQ3OSwxMi40OCwzMi43OTgsMCw0NS4yNzhsLTExLjMyLDExLjMxOWwtMTEuMzIsMTEuMzE5bC00MS41Niw0MS41NTgNCgljMjIuNzUsNi42Niw0OC4zNiwxLjA1LDY2LjI3LTE2Ljg1OWwyMi42NC0yMi42MzljMjYuMTEtMjYuMTA5LDI2LjExLTY4LjU3NywwLTk0LjY4NWMtMjYuMTEtMjYuMTA5LTY4LjU4LTI2LjEwOS05NC42OSwwDQoJbC0yMi42NCwyMi42MzljLTE3LjkxLDE3LjkwOS0yMy41Miw0My41MTgtMTYuODYsNjYuMjU3bDQxLjU2LTQxLjU1OEwxNzkuMDk3LDU1LjYwOXogTTk4LjE3OCwyMjcuMWwtOC42Miw4LjYyDQoJYy0xMi40OCwxMi40NzktMzIuOCwxMi40NzktNDUuMjgsMGMtMTIuNDktMTIuNDg5LTEyLjQ5LTMyLjc5OCwwLTQ1LjI4OGw4LjYyLTguNjJsMTQuMDItMTQuMDE5bDQxLjU2LTQxLjU1OA0KCWMtMjIuNzUtNi42Ni00OC4zNi0xLjA1LTY2LjI2LDE2Ljg1OWwtMjIuNjQsMjIuNjM5Yy0yNi4xMSwyNi4xMDktMjYuMSw2OC41NzcsMCw5NC42ODVzNjguNTgsMjYuMTA5LDk0LjY5LDBsMjIuNjQtMjIuNjM5DQoJYzE3LjkxLTE3LjkwOSwyMy41My00My41MTgsMTYuODYtNjYuMjY3bC00MS41Niw0MS41NThMOTguMTc4LDIyNy4xeiIvPg0KPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTI0Ny4yNyw0ODQuMzczYy0xMS4xMy0xMS4wNy01MS45Ny0yMy41NS03MC41Ni0yOC44M2MtMi45My00LjY5LTUuNjItMTEtNi44OC0xOC44Mw0KCWM1LjUxLTUuNzQsOS40OC0xMy4wNywxNC40MS0yMS4yMmMxMC45Mi0xOC4xNSwxNS43Ni0zOC43LDE1Ljc2LTUzLjI0YzAtMjkuMDQtMy42Mi04Mi4yNC02MS44Mi04Mi4yNA0KCWMtNTguMTcsMC02MC45LDUzLjIxLTYwLjksODIuMjRjMCwxNC41MSw2LjM0LDM2Ljg4LDE3LjI2LDU1LjAzYzQuNDQsNy4zNSw3LjY2LDEzLjcxLDExLjg4LDE4LjgxYy0xLjYzLDguOC01LjMzLDE1LjgtOS4yNywyMC44OQ0KCWMtMjAuMzksNy4xLTYwLjg1LDIxLjk5LTcxLjU4LDMyLjc0QzExLjAyLDUwNC4yNTMsMCw1MjUuNTEzLDAsNTQwLjAxM2gyODBDMjgwLjAyLDUyNS41MjMsMjYxLjgzLDQ5OC44OTMsMjQ3LjI3LDQ4NC4zNzN6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 28px 76px; }

.icon-link { background-position: 0 0; margin: 6px 0 0 10px; }

.icon-networks { background-position: 0 -28px; margin: 6px 0 0 10px; }

.icon-image { background-position: 0 -54px; margin: 0 0 0 10px; }

.icon-show-hide { width: 20px; height: 13px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxlbGxpcHNlIGZpbGw9IiNENEQ5REQiIGN4PSI5OS45OSIgY3k9IjY0LjMiIHJ4PSIyMi42MiIgcnk9IjIyLjU0Ii8%2BDQoJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTEwMCwwQzQxLjc3LDAsMCw2NSwwLDY1czQxLjc2LDY1LDEwMCw2NXMxMDAtNjUsMTAwLTY1UzE1OC4yNCwwLDEwMCwweiBNOTkuOTksMTEwLjMxDQoJCWMtMjUuNDksMC00Ni4xNS0yMC41OC00Ni4xNS00Ni4wMWMwLTI1LjQsMjAuNjYtNDUuOTksNDYuMTUtNDUuOTljMjUuNSwwLDQ2LjE3LDIwLjU5LDQ2LjE3LDQ1Ljk5DQoJCUMxNDYuMTYsODkuNzMsMTI1LjUsMTEwLjMxLDk5Ljk5LDExMC4zMXoiLz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 20px 13px; }

.selected .icon-show-hide { width: 20px; height: 13px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNzYuODksMGMzLjM1LDAsNi43MSwxLjI4LDkuMjcsMy44NGM1LjEyLDUuMTIsNS4xMiwxMy40MiwwLDE4LjU0TDMyLjM4LDE3Ni4xNg0KCQljLTIuNTYsMi41Ni01LjkxLDMuODQtOS4yNywzLjg0cy02LjcxLTEuMjgtOS4yNy0zLjg0Yy01LjEyLTUuMTItNS4xMi0xMy40MiwwLTE4LjU0TDE2Ny42MiwzLjg0QzE3MC4xOCwxLjI4LDE3My41NCwwLDE3Ni44OSwwIg0KCQkvPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMTY4LjI3LDU0LjRsLTIzLjY2LDIzLjY2YzAuOTEsMy42MSwxLjU1LDcuMzMsMS41NSwxMS4yM2MwLDI1LjQ0LTIwLjY2LDQ2LjAxLTQ2LjE3LDQ2LjAxDQoJCQljLTMuODYsMC03LjU0LTAuNjEtMTEuMTItMS41bC0xNi4zMSwxNi4zMUM4MS4yLDE1My4xLDkwLjM0LDE1NSwxMDAsMTU1YzU4LjI0LDAsMTAwLTY1LDEwMC02NVMxODguMSw3MS42MiwxNjguMjcsNTQuNHoiLz4NCgkJPHBhdGggZmlsbD0iI0Q0RDlERCIgZD0iTTMxLjczLDEyNS42bDI0LTI0Yy0xLjEtMy45NC0xLjg4LTguMDEtMS44OC0xMi4zMWMwLTI1LjQsMjAuNjYtNDUuOTksNDYuMTUtNDUuOTkNCgkJCWM0LjI1LDAsOC4yOSwwLjc2LDEyLjIsMS44M2wxNS4yNS0xNS4yNUMxMTguOCwyNi45LDEwOS42NSwyNSwxMDAsMjVDNDEuNzcsMjUsMCw5MCwwLDkwUzExLjksMTA4LjM4LDMxLjczLDEyNS42eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); background-size: 20px 18px; }

.workspace-settings .icon-settings { width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTgwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxODAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNBQ0FFQjAiIGQ9Ik0yOC44NjIsMTA5Ljg4YzEuMDQ0LDMuMjE0LDIuMzM5LDYuMzE2LDMuODU3LDkuMjg3bC0xMi40MTgsMjIuMzQ5YzAsMCwwLDYuMDY0LDYuMDU4LDEyLjEyNQ0KCWM2LjA2Miw2LjA2LDEyLjEyNSw2LjA2LDEyLjEyNSw2LjA2bDIyLjM1MS0xMi40MThjMi45NzIsMS41MTUsNi4wNjksMi44MDgsOS4yODUsMy44NTVsNy4wMjMsMjQuNTc2YzAsMCw0LjI4Niw0LjI4NiwxMi44NTcsNC4yODYNCglzMTIuODU3LTQuMjg2LDEyLjg1Ny00LjI4Nmw3LjAyMS0yNC41NzZjMy4yMTQtMS4wNDYsNi4zMTUtMi4zNCw5LjI4Ny0zLjg1NWwyMi4zNTYsMTIuNDE4YzAsMCw2LjA1NiwwLDEyLjExOC02LjA2DQoJYzYuMDYtNi4wNiw2LjA2LTEyLjEyNSw2LjA2LTEyLjEyNWwtMTIuNDItMjIuMzQ5YzEuNTE3LTIuOTcxLDIuODEyLTYuMDczLDMuODU3LTkuMjg3bDI0LjU3OC03LjAyM2MwLDAsNC4yODYtNC4yODYsNC4yODYtMTIuODU3DQoJcy00LjI4Ni0xMi44NTctNC4yODYtMTIuODU3bC0yNC41NzgtNy4wMjNjLTEuMDQ0LTMuMjE0LTIuMzQtNi4zMTItMy44NTctOS4yODNsMTIuNDItMjIuMzUzYzAsMCwwLTYuMDYtNi4wNi0xMi4xMjENCgljLTYuMDYyLTYuMDYtMTIuMTE4LTYuMDY0LTEyLjExOC02LjA2NEwxMTkuMTY3LDMyLjcyYy0yLjk3MS0xLjUxOS02LjA3My0yLjgxMi05LjI4OS0zLjg1OWwtNy4wMjEtMjQuNTc2DQoJQzEwMi44NTcsNC4yODYsOTguNTcxLDAsOTAsMFM3Ny4xNDMsNC4yODYsNzcuMTQzLDQuMjg2TDcwLjEyLDI4Ljg2MmMtMy4yMTYsMS4wNDYtNi4zMTgsMi4zMzktOS4yODksMy44NTlMMzguNDg0LDIwLjI5OQ0KCWMwLDAtNi4wNjIsMC4wMDQtMTIuMTI1LDYuMDY0Yy02LjA1OCw2LjA2LTYuMDU4LDEyLjEyMS02LjA1OCwxMi4xMjFsMTIuNDE4LDIyLjM0OWMtMS41MTcsMi45NzItMi44MTMsNi4wNzMtMy44NTcsOS4yODcNCglMNC4yODYsNzcuMTQzQzQuMjg2LDc3LjE0MywwLDgxLjQyOSwwLDkwczQuMjg2LDEyLjg1Nyw0LjI4NiwxMi44NTdMMjguODYyLDEwOS44OHogTTYwLDkwYzAtMTYuNTY1LDEzLjQyNi0zMCwzMC0zMA0KCWMxNi41NjUsMCwzMCwxMy40MzUsMzAsMzBjMCwxNi41NjktMTMuNDM1LDMwLTMwLDMwQzczLjQyNiwxMjAsNjAsMTA2LjU2OSw2MCw5MHoiLz4NCjwvc3ZnPg0K); background-size: 18px 18px; }

.icon-new-workspace { width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzQwcHgiIGhlaWdodD0iMzQwcHgiIHZpZXdCb3g9IjAgMCAzNDAgMzQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNDAgMzQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM4RDlBQTUiIGQ9Ik0zMTcuODUsMTMwLjU1N2wtMTA4LjU3LDAuMDhsLTAuMS0xMDguNTI0QzIwOS4xOCw5Ljg2NiwxOTkuMjUsMCwxODcuMDgsMGwtMzQuMzcsMC4wMg0KCUMxNDAuNDYsMCwxMzAuNTYsOS45MDYsMTMwLjU2LDIyLjE4M2wwLjE4LDEwOC40NDRsLTEwOC41Mi0wLjAzYy0xMi4yNywwLTIyLjE1LDkuODg2LTIyLjE3LDIyLjE0M0wwLDE4Ny4xNg0KCWMwLjA1LDEyLjEyNyw5Ljk2LDIyLjA1MywyMi4yLDIyLjA1M2gxMDguNTZsMC4wNywxMDguNTU0Yy0wLjAzLDEyLjI0Nyw5Ljg2LDIyLjE0MywyMi4wMiwyMi4yMzNsMzQuNDUtMC4wNw0KCWMxMi4xNSwwLjAyLDIyLjEtOS45MzYsMjIuMS0yMi4yMTNsLTAuMTEtMTA4LjUwNGwxMDguNDMsMC4wN2MxMi4yNywwLDIyLjE1LTkuODg2LDIyLjE4LTIyLjEzM2wwLjEtMzQuNDkNCglDMzQwLDE0MC41NDMsMzMwLjA3LDEzMC42MDcsMzE3Ljg1LDEzMC41NTd6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 34px 34px; }

.workspace-delete .icon-trash { width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEzIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkI2RTcxO30KPC9zdHlsZT4KPGc%2BCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOSwyVjBIOC43SDhINUg0LjNINHYySDB2MmgxdjEyaDFoMWg3aDFoMVY0aDFWMkg5eiBNNSwxaDN2MUg1VjF6IE0xMCwxNEgzVjRoN1YxNHoiLz4KCTxyZWN0IHg9IjUiIHk9IjUiIGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjgiLz4KCTxyZWN0IHg9IjciIHk9IjUiIGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjgiLz4KPC9nPgo8L3N2Zz4K); background-size: 18px 18px; }

.icon-workspace { width: 58px; height: 50px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTc5Ljk5OXB4IiBoZWlnaHQ9IjQ5OS45OThweCIgdmlld0JveD0iMCAwIDU3OS45OTkgNDk5Ljk5OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTc5Ljk5OSA0OTkuOTk4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM4RDlBQTUiIGQ9Ik01NjEuNjMsMEgxOC4zOEM4LjIyLDAsMCw4LjIyLDAsMTguMzh2MTIzLjgwMnYzMzkuNDM2YzAsMTAuMTYsOC4yMiwxOC4zOCwxOC4zOCwxOC4zOGg1NDMuMjM5DQoJYzEwLjE2LDAsMTguMzgtOC4yMiwxOC4zOC0xOC4zOFYxNDIuMTkyVjE4LjM4QzU4MC4wMSw4LjIyLDU3MS43OSwwLDU2MS42MywweiBNMjQwLjc5NCwzNDcuNjQ2YzEwLjMzLDksMTEuNDMsMjQuNjUsMi40MywzNC45OTENCgljLTQuOTEsNS42NC0xMS44LDguNTMtMTguNzEsOC41M2MtNS43OSwwLTExLjU4LTItMTYuMjgtNi4wOWwtNzAuOTYxLTYxLjc3MWMtNS40My00LjcyLTguNTMtMTEuNTQtOC41My0xOC43MQ0KCXMzLjEtMTMuOTksOC41My0xOC43MWw3MC45NjEtNjEuNzcxYzEwLjI5LTguOTgsMjUuOTQtNy45MiwzNC45OTEsMi40M2M5LDEwLjMzLDcuOSwyNS45OS0yLjQzLDM0Ljk5MWwtNDkuNDUxLDQzLjA2MQ0KCUwyNDAuNzk0LDM0Ny42NDZ6IE00NDIuNzI4LDMyMy4yOTZsLTcwLjk2MSw2MS43NzFjLTQuNjksNC4wOS0xMC40OSw2LjA5LTE2LjI4LDYuMDljLTYuOTEsMC0xMy44LTIuODktMTguNzEtOC41Mw0KCWMtOS0xMC4zMy03LjktMjUuOTksMi40My0zNC45OTFsNDkuNDUxLTQzLjA2MWwtNDkuNDUxLTQzLjA2MWMtMTAuMzMtOS0xMS40My0yNC42NS0yLjQzLTM0Ljk5MWM5LjAyLTEwLjM2LDI0LjctMTEuNDEsMzQuOTktMi40Mw0KCWw3MC45NjEsNjEuNzcxYzUuNDMsNC43Miw4LjUzLDExLjU0LDguNTMsMTguNzFTNDQ4LjE1OCwzMTguNTg1LDQ0Mi43MjgsMzIzLjI5NnogTTU0MC4wMDksNDAuMDAxdjgwLjAwMUg0MFY0MC4wMDFINTQwLjAwOXoNCgkgTTExMC4wMDIsODAuMDAxYzAsMTEuMDUtOC45NSwyMC0yMCwyMHMtMjAtOC45NS0yMC0yMHM4Ljk1LTIwLDIwLTIwUzExMC4wMDIsNjguOTUxLDExMC4wMDIsODAuMDAxeiBNMTcwLjAwMyw4MC4wMDENCgljMCwxMS4wNS04Ljk1LDIwLTIwLDIwcy0yMC04Ljk1LTIwLTIwczguOTUtMjAsMjAtMjBTMTcwLjAwMyw2OC45NTEsMTcwLjAwMyw4MC4wMDF6IE0yMzAuMDA0LDgwLjAwMWMwLDExLjA1LTguOTUsMjAtMjAsMjANCglzLTIwLTguOTUtMjAtMjBzOC45NS0yMCwyMC0yMEMyMjEuMDU0LDYwLjAwMSwyMzAuMDA0LDY4Ljk1MSwyMzAuMDA0LDgwLjAwMXoiLz4NCjwvc3ZnPg0K); background-size: 58px 50px; }

.icon-collapse, .icon-expand { width: 15px; height: 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMDAgMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNENEQ5REQiIGQ9Ik0xNTAsMTguNDg0YzAsNC43LTEuODUsOS40MzEtNS40OSwxMy4wMzFMNzQuOTY1LDk5Ljk5OUw1LjQ5LDMxLjUxNWMtNy4zMi03LjItNy4zMi0xOC44OTEsMC0yNi4xMjINCgljNy4yOTEtNy4xOSwxOS4xOTEtNy4xOSwyNi41MzIsMGw0Mi45NjMsNDIuMzczbDQyLjk0My00Mi4zNzNjNy4zNC03LjE5LDE5LjIxMS03LjE5LDI2LjU4MiwwQzE0OC4xNSw4Ljk4MywxNTAsMTMuNzYzLDE1MCwxOC40ODR6DQoJIi8%2BDQo8cGF0aCBmaWxsPSIjRDREOUREIiBkPSJNMCwxODEuNTE2YzAtNC43LDEuODUtOS40MzEsNS40OS0xMy4wMzFsNjkuNTQ1LTY4LjQ4NWw2OS40NzUsNjguNDg1YzcuMzIsNy4yLDcuMzIsMTguODkxLDAsMjYuMTIyDQoJYy03LjI5MSw3LjE5LTE5LjE5MSw3LjE5LTI2LjUzMiwwbC00Mi45NjMtNDIuMzczbC00Mi45NDMsNDIuMzczYy03LjM0LDcuMTktMTkuMjExLDcuMTktMjYuNTgyLDANCglDMS44NSwxOTEuMDE3LDAsMTg2LjIzNywwLDE4MS41MTZ6Ii8%2BDQo8cGF0aCBmaWxsPSIjNjA2NzZEIiBkPSJNMzAwLDE4LjQ4NGMwLDQuNy0xLjg1LDkuNDMxLTUuNDksMTMuMDMxbC02OS41NDUsNjguNDg1TDE1NS40OSwzMS41MTVjLTcuMzItNy4yLTcuMzItMTguODkxLDAtMjYuMTIyDQoJYzcuMjkxLTcuMTksMTkuMTkxLTcuMTksMjYuNTMyLDBsNDIuOTYzLDQyLjM3M2w0Mi45NDMtNDIuMzczYzcuMzQtNy4xOSwxOS4yMTEtNy4xOSwyNi41ODIsMEMyOTguMTUsOC45ODMsMzAwLDEzLjc2MywzMDAsMTguNDg0eg0KCSIvPg0KPHBhdGggZmlsbD0iIzYwNjc2RCIgZD0iTTE1MC4wODcsMTgxLjUxNmMwLTQuNywxLjg1LTkuNDMxLDUuNDktMTMuMDMxbDY5LjU0NS02OC40ODVsNjkuNDc1LDY4LjQ4NWM3LjMyLDcuMiw3LjMyLDE4Ljg5MSwwLDI2LjEyMg0KCWMtNy4yOSw3LjE5LTE5LjE5MSw3LjE5LTI2LjUzMiwwbC00Mi45NjMtNDIuMzczbC00Mi45NDMsNDIuMzczYy03LjM0LDcuMTktMTkuMjExLDcuMTktMjYuNTgyLDANCglDMTUxLjkzOCwxOTEuMDE3LDE1MC4wODcsMTg2LjIzNywxNTAuMDg3LDE4MS41MTZ6Ii8%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 30px 20px; }

.icon-expand { background-position: 0 -10px; }

.icon-arrow-right-dark { width: 15px; height: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU4IDQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6IzhFOTY5RDt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NC4xLDIuOWwxMi40LDE2LjZjMSwxLjMsMS41LDIuOSwxLjUsNC41cy0wLjUsMy4xLTEuNSw0LjVMNDQuMSw0NS4xYy0yLjQsMy4zLTcsMy45LTEwLjIsMS40CglzLTMuOC03LjEtMS40LTEwLjNsMy41LTQuOEg3LjNjLTQsMC03LjMtMy4zLTcuMy03LjRzMy4yLTcuNCw3LjItNy40aDI4LjlsLTMuNS00LjhDMzAuMiw4LjYsMzAuOCw0LDM0LDEuNVM0MS43LTAuMyw0NC4xLDIuOXoiLz4KPC9zdmc%2BCg%3D%3D); background-size: 100%; }

.icon-arrow-right-light { width: 15px; height: 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1OHB4IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCA1OCA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ0LjEsMi45bDEyLjQsMTYuNmMxLDEuMywxLjUsMi45LDEuNSw0LjVzLTAuNSwzLjEtMS41LDQuNUw0NC4xLDQ1LjFjLTIuNCwzLjMtNywzLjktMTAuMiwxLjQNCglzLTMuOC03LjEtMS40LTEwLjNsMy41LTQuOEg3LjNjLTQsMC03LjMtMy4zLTcuMy03LjRzMy4yLTcuNCw3LjItNy40aDI4LjlsLTMuNS00LjhDMzAuMiw4LjYsMzAuOCw0LDM0LDEuNVM0MS43LTAuMyw0NC4xLDIuOXoiLz4NCjwvc3ZnPg0K); background-size: 100%; }

.icon-maintenance { width: 30px; height: 30px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIzODAgMzgwIDQwIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDM4MCAzODAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0QyRDdEQiIgZD0iTTQwMCwzNzkuOWMtMTEsMC0yMCw5LTIwLDIwYzAsMTEsOSwyMCwyMCwyMGMxMSwwLDIwLTksMjAtMjBDNDIwLDM4OC45LDQxMSwzNzkuOSw0MDAsMzc5Ljl6IE00MDAsNDE1LjcNCgkJYy04LjcsMC0xNS44LTcuMS0xNS44LTE1LjhjMC04LjcsNy4xLTE1LjgsMTUuOC0xNS44YzguNywwLDE1LjgsNy4xLDE1LjgsMTUuOEM0MTUuOCw0MDguNiw0MDguNyw0MTUuNyw0MDAsNDE1Ljd6Ii8%2BDQoJPHBhdGggZmlsbD0iI0QyRDdEQiIgZD0iTTQwNy4zLDM5MC4ySDQwNWMtMC42LDAtMSwwLjUtMSwxdjAuMWgtNi41Yy0yLjMsMC00LjEsMS4xLTUuMywzLjNjLTAuOCwxLjUtMS4xLDMuMS0xLjEsMy4xDQoJCWMtMC4xLDAuNSwwLjIsMC45LDAuNywxLjFjMC4xLDAsMC4yLDAuMSwwLjMsMC4xYzAuNCwwLDAuNy0wLjIsMC45LTAuNWMwLDAsMS4xLTEuOCw0LjItMS44aDYuOHYwLjZjMCwwLjYsMC41LDEsMSwxaDIuMw0KCQljMC42LDAsMS0wLjUsMS0xdi02QzQwOC4zLDM5MC43LDQwNy45LDM5MC4yLDQwNy4zLDM5MC4yeiIvPg0KCTxwYXRoIGZpbGw9IiNEMkQ3REIiIGQ9Ik00MDEuNiwzOTcuOGgtMy4zYy0wLjYsMC0xLDAuNS0xLDF2MTAuOGMwLDAuNiwwLjUsMSwxLDFoMy4zYzAuNiwwLDEtMC41LDEtMXYtMTAuOA0KCQlDNDAyLjcsMzk4LjIsNDAyLjIsMzk3LjgsNDAxLjYsMzk3Ljh6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D); background-size: 30px 30px; }
.add-ai-fill, .add-ai-fill-before:before, .add-ai-fill-after:after, .add-ai-fill-on-hover:hover, .add-ai-fill-to-child-on-hover:hover .add-ai-fill-on-parent-hover { fill: #733A88 !important; }

.add-ai-fill-light, .add-ai-fill-light-before:before, .add-ai-fill-light-after:after, .add-ai-fill-light-on-hover:hover, .add-ai-fill-light-to-child-on-hover:hover .add-ai-fill-light-on-parent-hover { fill: #82429a !important; }

.add-ai-fill-lighter, .add-ai-fill-lighter-before:before, .add-ai-fill-lighter-after:after, .add-ai-fill-lighter-on-hover:hover, .add-ai-fill-lighter-to-child-on-hover:hover .add-ai-fill-lighter-on-parent-hover { fill: #9149ac !important; }

.add-ai-fill-lightest, .add-ai-fill-lightest-before:before, .add-ai-fill-lightest-after:after, .add-ai-fill-lightest-on-hover:hover, .add-ai-fill-lightest-to-child-on-hover:hover .add-ai-fill-lightest-on-parent-hover { fill: #a869bf !important; }

.add-ai-fill-dark, .add-ai-fill-dark-before:before, .add-ai-fill-dark-after:after, .add-ai-fill-dark-on-hover:hover, .add-ai-fill-dark-to-child-on-hover:hover .add-ai-fill-dark-on-parent-hover { fill: #643276 !important; }

.add-ai-fill-darker, .add-ai-fill-darker-before:before, .add-ai-fill-darker-after:after, .add-ai-fill-darker-on-hover:hover, .add-ai-fill-darker-to-child-on-hover:hover .add-ai-fill-darker-on-parent-hover { fill: #552b64 !important; }

.add-ai-fill-darkest, .add-ai-fill-darkest-before:before, .add-ai-fill-darkest-after:after, .add-ai-fill-darkest-on-hover:hover, .add-ai-fill-darkest-to-child-on-hover:hover .add-ai-fill-darkest-on-parent-hover { fill: #371c40 !important; }

.add-ai-stroke, .add-ai-stroke-before:before, .add-ai-stroke-after:after, .add-ai-stroke-on-hover:hover, .add-ai-stroke-to-child-on-hover:hover .add-ai-stroke-on-parent-hover { stroke: #733A88 !important; }

.add-ai-stroke-light, .add-ai-stroke-light-before:before, .add-ai-stroke-light-after:after, .add-ai-stroke-light-on-hover:hover, .add-ai-stroke-light-to-child-on-hover:hover .add-ai-stroke-light-on-parent-hover { stroke: #82429a !important; }

.add-ai-stroke-lighter, .add-ai-stroke-lighter-before:before, .add-ai-stroke-lighter-after:after, .add-ai-stroke-lighter-on-hover:hover, .add-ai-stroke-lighter-to-child-on-hover:hover .add-ai-stroke-lighter-on-parent-hover { stroke: #9149ac !important; }

.add-ai-stroke-lightest, .add-ai-stroke-lightest-before:before, .add-ai-stroke-lightest-after:after, .add-ai-stroke-lightest-on-hover:hover, .add-ai-stroke-lightest-to-child-on-hover:hover .add-ai-stroke-lightest-on-parent-hover { stroke: #a869bf !important; }

.add-ai-stroke-dark, .add-ai-stroke-dark-before:before, .add-ai-stroke-dark-after:after, .add-ai-stroke-dark-on-hover:hover, .add-ai-stroke-dark-to-child-on-hover:hover .add-ai-stroke-dark-on-parent-hover { stroke: #643276 !important; }

.add-ai-stroke-darker, .add-ai-stroke-darker-before:before, .add-ai-stroke-darker-after:after, .add-ai-stroke-darker-on-hover:hover, .add-ai-stroke-darker-to-child-on-hover:hover .add-ai-stroke-darker-on-parent-hover { stroke: #552b64 !important; }

.add-ai-stroke-darkest, .add-ai-stroke-darkest-before:before, .add-ai-stroke-darkest-after:after, .add-ai-stroke-darkest-on-hover:hover, .add-ai-stroke-darkest-to-child-on-hover:hover .add-ai-stroke-darkest-on-parent-hover { stroke: #371c40 !important; }

.add-ai-color, .add-ai-color-before:before, .add-ai-color-after:after, .add-ai-color-on-hover:hover, .add-ai-color-to-child-on-hover:hover .add-ai-color-on-parent-hover { color: #733A88 !important; }

.add-ai-color-light, .add-ai-color-light-before:before, .add-ai-color-light-after:after, .add-ai-color-light-on-hover:hover, .add-ai-color-light-to-child-on-hover:hover .add-ai-color-light-on-parent-hover { color: #82429a !important; }

.add-ai-color-lighter, .add-ai-color-lighter-before:before, .add-ai-color-lighter-after:after, .add-ai-color-lighter-on-hover:hover, .add-ai-color-lighter-to-child-on-hover:hover .add-ai-color-lighter-on-parent-hover { color: #9149ac !important; }

.add-ai-color-lightest, .add-ai-color-lightest-before:before, .add-ai-color-lightest-after:after, .add-ai-color-lightest-on-hover:hover, .add-ai-color-lightest-to-child-on-hover:hover .add-ai-color-lightest-on-parent-hover { color: #a869bf !important; }

.add-ai-color-dark, .add-ai-color-dark-before:before, .add-ai-color-dark-after:after, .add-ai-color-dark-on-hover:hover, .add-ai-color-dark-to-child-on-hover:hover .add-ai-color-dark-on-parent-hover { color: #643276 !important; }

.add-ai-color-darker, .add-ai-color-darker-before:before, .add-ai-color-darker-after:after, .add-ai-color-darker-on-hover:hover, .add-ai-color-darker-to-child-on-hover:hover .add-ai-color-darker-on-parent-hover { color: #552b64 !important; }

.add-ai-color-darkest, .add-ai-color-darkest-before:before, .add-ai-color-darkest-after:after, .add-ai-color-darkest-on-hover:hover, .add-ai-color-darkest-to-child-on-hover:hover .add-ai-color-darkest-on-parent-hover { color: #371c40 !important; }

.add-ai-border-color, .add-ai-border-color-before:before, .add-ai-border-color-after:after, .add-ai-border-color-on-hover:hover, .add-ai-border-color-to-child-on-hover:hover .add-ai-border-color-on-parent-hover { border-color: #733A88 !important; }

.add-ai-border-color-light, .add-ai-border-color-light-before:before, .add-ai-border-color-light-after:after, .add-ai-border-color-light-on-hover:hover, .add-ai-border-color-light-to-child-on-hover:hover .add-ai-border-color-light-on-parent-hover { border-color: #82429a !important; }

.add-ai-border-color-lighter, .add-ai-border-color-lighter-before:before, .add-ai-border-color-lighter-after:after, .add-ai-border-color-lighter-on-hover:hover, .add-ai-border-color-lighter-to-child-on-hover:hover .add-ai-border-color-lighter-on-parent-hover { border-color: #9149ac !important; }

.add-ai-border-color-lightest, .add-ai-border-color-lightest-before:before, .add-ai-border-color-lightest-after:after, .add-ai-border-color-lightest-on-hover:hover, .add-ai-border-color-lightest-to-child-on-hover:hover .add-ai-border-color-lightest-on-parent-hover { border-color: #a869bf !important; }

.add-ai-border-color-dark, .add-ai-border-color-dark-before:before, .add-ai-border-color-dark-after:after, .add-ai-border-color-dark-on-hover:hover, .add-ai-border-color-dark-to-child-on-hover:hover .add-ai-border-color-dark-on-parent-hover { border-color: #643276 !important; }

.add-ai-border-color-darker, .add-ai-border-color-darker-before:before, .add-ai-border-color-darker-after:after, .add-ai-border-color-darker-on-hover:hover, .add-ai-border-color-darker-to-child-on-hover:hover .add-ai-border-color-darker-on-parent-hover { border-color: #552b64 !important; }

.add-ai-border-color-darkest, .add-ai-border-color-darkest-before:before, .add-ai-border-color-darkest-after:after, .add-ai-border-color-darkest-on-hover:hover, .add-ai-border-color-darkest-to-child-on-hover:hover .add-ai-border-color-darkest-on-parent-hover { border-color: #371c40 !important; }

.add-ai-background-color, .add-ai-background-color-before:before, .add-ai-background-color-after:after, .add-ai-background-color-on-hover:hover, .add-ai-background-color-to-child-on-hover:hover .add-ai-background-color-on-parent-hover { background-color: #733A88 !important; }

.add-ai-background-color-light, .add-ai-background-color-light-before:before, .add-ai-background-color-light-after:after, .add-ai-background-color-light-on-hover:hover, .add-ai-background-color-light-to-child-on-hover:hover .add-ai-background-color-light-on-parent-hover { background-color: #82429a !important; }

.add-ai-background-color-lighter, .add-ai-background-color-lighter-before:before, .add-ai-background-color-lighter-after:after, .add-ai-background-color-lighter-on-hover:hover, .add-ai-background-color-lighter-to-child-on-hover:hover .add-ai-background-color-lighter-on-parent-hover { background-color: #9149ac !important; }

.add-ai-background-color-lightest, .add-ai-background-color-lightest-before:before, .add-ai-background-color-lightest-after:after, .add-ai-background-color-lightest-on-hover:hover, .add-ai-background-color-lightest-to-child-on-hover:hover .add-ai-background-color-lightest-on-parent-hover { background-color: #a869bf !important; }

.add-ai-background-color-dark, .add-ai-background-color-dark-before:before, .add-ai-background-color-dark-after:after, .add-ai-background-color-dark-on-hover:hover, .add-ai-background-color-dark-to-child-on-hover:hover .add-ai-background-color-dark-on-parent-hover { background-color: #643276 !important; }

.add-ai-background-color-darker, .add-ai-background-color-darker-before:before, .add-ai-background-color-darker-after:after, .add-ai-background-color-darker-on-hover:hover, .add-ai-background-color-darker-to-child-on-hover:hover .add-ai-background-color-darker-on-parent-hover { background-color: #552b64 !important; }

.add-ai-background-color-darkest, .add-ai-background-color-darkest-before:before, .add-ai-background-color-darkest-after:after, .add-ai-background-color-darkest-on-hover:hover, .add-ai-background-color-darkest-to-child-on-hover:hover .add-ai-background-color-darkest-on-parent-hover { background-color: #371c40 !important; }

.add-back-end-fill, .add-back-end-fill-before:before, .add-back-end-fill-after:after, .add-back-end-fill-on-hover:hover, .add-back-end-fill-to-child-on-hover:hover .add-back-end-fill-on-parent-hover { fill: #008297 !important; }

.add-back-end-fill-light, .add-back-end-fill-light-before:before, .add-back-end-fill-light-after:after, .add-back-end-fill-light-on-hover:hover, .add-back-end-fill-light-to-child-on-hover:hover .add-back-end-fill-light-on-parent-hover { fill: #0098b1 !important; }

.add-back-end-fill-lighter, .add-back-end-fill-lighter-before:before, .add-back-end-fill-lighter-after:after, .add-back-end-fill-lighter-on-hover:hover, .add-back-end-fill-lighter-to-child-on-hover:hover .add-back-end-fill-lighter-on-parent-hover { fill: #00aeca !important; }

.add-back-end-fill-lightest, .add-back-end-fill-lightest-before:before, .add-back-end-fill-lightest-after:after, .add-back-end-fill-lightest-on-hover:hover, .add-back-end-fill-lightest-to-child-on-hover:hover .add-back-end-fill-lightest-on-parent-hover { fill: #00dafd !important; }

.add-back-end-fill-dark, .add-back-end-fill-dark-before:before, .add-back-end-fill-dark-after:after, .add-back-end-fill-dark-on-hover:hover, .add-back-end-fill-dark-to-child-on-hover:hover .add-back-end-fill-dark-on-parent-hover { fill: #006c7e !important; }

.add-back-end-fill-darker, .add-back-end-fill-darker-before:before, .add-back-end-fill-darker-after:after, .add-back-end-fill-darker-on-hover:hover, .add-back-end-fill-darker-to-child-on-hover:hover .add-back-end-fill-darker-on-parent-hover { fill: #005664 !important; }

.add-back-end-fill-darkest, .add-back-end-fill-darkest-before:before, .add-back-end-fill-darkest-after:after, .add-back-end-fill-darkest-on-hover:hover, .add-back-end-fill-darkest-to-child-on-hover:hover .add-back-end-fill-darkest-on-parent-hover { fill: #002a31 !important; }

.add-back-end-stroke, .add-back-end-stroke-before:before, .add-back-end-stroke-after:after, .add-back-end-stroke-on-hover:hover, .add-back-end-stroke-to-child-on-hover:hover .add-back-end-stroke-on-parent-hover { stroke: #008297 !important; }

.add-back-end-stroke-light, .add-back-end-stroke-light-before:before, .add-back-end-stroke-light-after:after, .add-back-end-stroke-light-on-hover:hover, .add-back-end-stroke-light-to-child-on-hover:hover .add-back-end-stroke-light-on-parent-hover { stroke: #0098b1 !important; }

.add-back-end-stroke-lighter, .add-back-end-stroke-lighter-before:before, .add-back-end-stroke-lighter-after:after, .add-back-end-stroke-lighter-on-hover:hover, .add-back-end-stroke-lighter-to-child-on-hover:hover .add-back-end-stroke-lighter-on-parent-hover { stroke: #00aeca !important; }

.add-back-end-stroke-lightest, .add-back-end-stroke-lightest-before:before, .add-back-end-stroke-lightest-after:after, .add-back-end-stroke-lightest-on-hover:hover, .add-back-end-stroke-lightest-to-child-on-hover:hover .add-back-end-stroke-lightest-on-parent-hover { stroke: #00dafd !important; }

.add-back-end-stroke-dark, .add-back-end-stroke-dark-before:before, .add-back-end-stroke-dark-after:after, .add-back-end-stroke-dark-on-hover:hover, .add-back-end-stroke-dark-to-child-on-hover:hover .add-back-end-stroke-dark-on-parent-hover { stroke: #006c7e !important; }

.add-back-end-stroke-darker, .add-back-end-stroke-darker-before:before, .add-back-end-stroke-darker-after:after, .add-back-end-stroke-darker-on-hover:hover, .add-back-end-stroke-darker-to-child-on-hover:hover .add-back-end-stroke-darker-on-parent-hover { stroke: #005664 !important; }

.add-back-end-stroke-darkest, .add-back-end-stroke-darkest-before:before, .add-back-end-stroke-darkest-after:after, .add-back-end-stroke-darkest-on-hover:hover, .add-back-end-stroke-darkest-to-child-on-hover:hover .add-back-end-stroke-darkest-on-parent-hover { stroke: #002a31 !important; }

.add-back-end-color, .add-back-end-color-before:before, .add-back-end-color-after:after, .add-back-end-color-on-hover:hover, .add-back-end-color-to-child-on-hover:hover .add-back-end-color-on-parent-hover { color: #008297 !important; }

.add-back-end-color-light, .add-back-end-color-light-before:before, .add-back-end-color-light-after:after, .add-back-end-color-light-on-hover:hover, .add-back-end-color-light-to-child-on-hover:hover .add-back-end-color-light-on-parent-hover { color: #0098b1 !important; }

.add-back-end-color-lighter, .add-back-end-color-lighter-before:before, .add-back-end-color-lighter-after:after, .add-back-end-color-lighter-on-hover:hover, .add-back-end-color-lighter-to-child-on-hover:hover .add-back-end-color-lighter-on-parent-hover { color: #00aeca !important; }

.add-back-end-color-lightest, .add-back-end-color-lightest-before:before, .add-back-end-color-lightest-after:after, .add-back-end-color-lightest-on-hover:hover, .add-back-end-color-lightest-to-child-on-hover:hover .add-back-end-color-lightest-on-parent-hover { color: #00dafd !important; }

.add-back-end-color-dark, .add-back-end-color-dark-before:before, .add-back-end-color-dark-after:after, .add-back-end-color-dark-on-hover:hover, .add-back-end-color-dark-to-child-on-hover:hover .add-back-end-color-dark-on-parent-hover { color: #006c7e !important; }

.add-back-end-color-darker, .add-back-end-color-darker-before:before, .add-back-end-color-darker-after:after, .add-back-end-color-darker-on-hover:hover, .add-back-end-color-darker-to-child-on-hover:hover .add-back-end-color-darker-on-parent-hover { color: #005664 !important; }

.add-back-end-color-darkest, .add-back-end-color-darkest-before:before, .add-back-end-color-darkest-after:after, .add-back-end-color-darkest-on-hover:hover, .add-back-end-color-darkest-to-child-on-hover:hover .add-back-end-color-darkest-on-parent-hover { color: #002a31 !important; }

.add-back-end-border-color, .add-back-end-border-color-before:before, .add-back-end-border-color-after:after, .add-back-end-border-color-on-hover:hover, .add-back-end-border-color-to-child-on-hover:hover .add-back-end-border-color-on-parent-hover { border-color: #008297 !important; }

.add-back-end-border-color-light, .add-back-end-border-color-light-before:before, .add-back-end-border-color-light-after:after, .add-back-end-border-color-light-on-hover:hover, .add-back-end-border-color-light-to-child-on-hover:hover .add-back-end-border-color-light-on-parent-hover { border-color: #0098b1 !important; }

.add-back-end-border-color-lighter, .add-back-end-border-color-lighter-before:before, .add-back-end-border-color-lighter-after:after, .add-back-end-border-color-lighter-on-hover:hover, .add-back-end-border-color-lighter-to-child-on-hover:hover .add-back-end-border-color-lighter-on-parent-hover { border-color: #00aeca !important; }

.add-back-end-border-color-lightest, .add-back-end-border-color-lightest-before:before, .add-back-end-border-color-lightest-after:after, .add-back-end-border-color-lightest-on-hover:hover, .add-back-end-border-color-lightest-to-child-on-hover:hover .add-back-end-border-color-lightest-on-parent-hover { border-color: #00dafd !important; }

.add-back-end-border-color-dark, .add-back-end-border-color-dark-before:before, .add-back-end-border-color-dark-after:after, .add-back-end-border-color-dark-on-hover:hover, .add-back-end-border-color-dark-to-child-on-hover:hover .add-back-end-border-color-dark-on-parent-hover { border-color: #006c7e !important; }

.add-back-end-border-color-darker, .add-back-end-border-color-darker-before:before, .add-back-end-border-color-darker-after:after, .add-back-end-border-color-darker-on-hover:hover, .add-back-end-border-color-darker-to-child-on-hover:hover .add-back-end-border-color-darker-on-parent-hover { border-color: #005664 !important; }

.add-back-end-border-color-darkest, .add-back-end-border-color-darkest-before:before, .add-back-end-border-color-darkest-after:after, .add-back-end-border-color-darkest-on-hover:hover, .add-back-end-border-color-darkest-to-child-on-hover:hover .add-back-end-border-color-darkest-on-parent-hover { border-color: #002a31 !important; }

.add-back-end-background-color, .add-back-end-background-color-before:before, .add-back-end-background-color-after:after, .add-back-end-background-color-on-hover:hover, .add-back-end-background-color-to-child-on-hover:hover .add-back-end-background-color-on-parent-hover { background-color: #008297 !important; }

.add-back-end-background-color-light, .add-back-end-background-color-light-before:before, .add-back-end-background-color-light-after:after, .add-back-end-background-color-light-on-hover:hover, .add-back-end-background-color-light-to-child-on-hover:hover .add-back-end-background-color-light-on-parent-hover { background-color: #0098b1 !important; }

.add-back-end-background-color-lighter, .add-back-end-background-color-lighter-before:before, .add-back-end-background-color-lighter-after:after, .add-back-end-background-color-lighter-on-hover:hover, .add-back-end-background-color-lighter-to-child-on-hover:hover .add-back-end-background-color-lighter-on-parent-hover { background-color: #00aeca !important; }

.add-back-end-background-color-lightest, .add-back-end-background-color-lightest-before:before, .add-back-end-background-color-lightest-after:after, .add-back-end-background-color-lightest-on-hover:hover, .add-back-end-background-color-lightest-to-child-on-hover:hover .add-back-end-background-color-lightest-on-parent-hover { background-color: #00dafd !important; }

.add-back-end-background-color-dark, .add-back-end-background-color-dark-before:before, .add-back-end-background-color-dark-after:after, .add-back-end-background-color-dark-on-hover:hover, .add-back-end-background-color-dark-to-child-on-hover:hover .add-back-end-background-color-dark-on-parent-hover { background-color: #006c7e !important; }

.add-back-end-background-color-darker, .add-back-end-background-color-darker-before:before, .add-back-end-background-color-darker-after:after, .add-back-end-background-color-darker-on-hover:hover, .add-back-end-background-color-darker-to-child-on-hover:hover .add-back-end-background-color-darker-on-parent-hover { background-color: #005664 !important; }

.add-back-end-background-color-darkest, .add-back-end-background-color-darkest-before:before, .add-back-end-background-color-darkest-after:after, .add-back-end-background-color-darkest-on-hover:hover, .add-back-end-background-color-darkest-to-child-on-hover:hover .add-back-end-background-color-darkest-on-parent-hover { background-color: #002a31 !important; }

.add-data-fill, .add-data-fill-before:before, .add-data-fill-after:after, .add-data-fill-on-hover:hover, .add-data-fill-to-child-on-hover:hover .add-data-fill-on-parent-hover { fill: #9F4B84 !important; }

.add-data-fill-light, .add-data-fill-light-before:before, .add-data-fill-light-after:after, .add-data-fill-light-on-hover:hover, .add-data-fill-light-to-child-on-hover:hover .add-data-fill-light-on-parent-hover { fill: #af5592 !important; }

.add-data-fill-lighter, .add-data-fill-lighter-before:before, .add-data-fill-lighter-after:after, .add-data-fill-lighter-on-hover:hover, .add-data-fill-lighter-to-child-on-hover:hover .add-data-fill-lighter-on-parent-hover { fill: #b7669d !important; }

.add-data-fill-lightest, .add-data-fill-lightest-before:before, .add-data-fill-lightest-after:after, .add-data-fill-lightest-on-hover:hover, .add-data-fill-lightest-to-child-on-hover:hover .add-data-fill-lightest-on-parent-hover { fill: #c789b3 !important; }

.add-data-fill-dark, .add-data-fill-dark-before:before, .add-data-fill-dark-after:after, .add-data-fill-dark-on-hover:hover, .add-data-fill-dark-to-child-on-hover:hover .add-data-fill-dark-on-parent-hover { fill: #8e4376 !important; }

.add-data-fill-darker, .add-data-fill-darker-before:before, .add-data-fill-darker-after:after, .add-data-fill-darker-on-hover:hover, .add-data-fill-darker-to-child-on-hover:hover .add-data-fill-darker-on-parent-hover { fill: #7c3b67 !important; }

.add-data-fill-darkest, .add-data-fill-darkest-before:before, .add-data-fill-darkest-after:after, .add-data-fill-darkest-on-hover:hover, .add-data-fill-darkest-to-child-on-hover:hover .add-data-fill-darkest-on-parent-hover { fill: #5a2a4a !important; }

.add-data-stroke, .add-data-stroke-before:before, .add-data-stroke-after:after, .add-data-stroke-on-hover:hover, .add-data-stroke-to-child-on-hover:hover .add-data-stroke-on-parent-hover { stroke: #9F4B84 !important; }

.add-data-stroke-light, .add-data-stroke-light-before:before, .add-data-stroke-light-after:after, .add-data-stroke-light-on-hover:hover, .add-data-stroke-light-to-child-on-hover:hover .add-data-stroke-light-on-parent-hover { stroke: #af5592 !important; }

.add-data-stroke-lighter, .add-data-stroke-lighter-before:before, .add-data-stroke-lighter-after:after, .add-data-stroke-lighter-on-hover:hover, .add-data-stroke-lighter-to-child-on-hover:hover .add-data-stroke-lighter-on-parent-hover { stroke: #b7669d !important; }

.add-data-stroke-lightest, .add-data-stroke-lightest-before:before, .add-data-stroke-lightest-after:after, .add-data-stroke-lightest-on-hover:hover, .add-data-stroke-lightest-to-child-on-hover:hover .add-data-stroke-lightest-on-parent-hover { stroke: #c789b3 !important; }

.add-data-stroke-dark, .add-data-stroke-dark-before:before, .add-data-stroke-dark-after:after, .add-data-stroke-dark-on-hover:hover, .add-data-stroke-dark-to-child-on-hover:hover .add-data-stroke-dark-on-parent-hover { stroke: #8e4376 !important; }

.add-data-stroke-darker, .add-data-stroke-darker-before:before, .add-data-stroke-darker-after:after, .add-data-stroke-darker-on-hover:hover, .add-data-stroke-darker-to-child-on-hover:hover .add-data-stroke-darker-on-parent-hover { stroke: #7c3b67 !important; }

.add-data-stroke-darkest, .add-data-stroke-darkest-before:before, .add-data-stroke-darkest-after:after, .add-data-stroke-darkest-on-hover:hover, .add-data-stroke-darkest-to-child-on-hover:hover .add-data-stroke-darkest-on-parent-hover { stroke: #5a2a4a !important; }

.add-data-color, .add-data-color-before:before, .add-data-color-after:after, .add-data-color-on-hover:hover, .add-data-color-to-child-on-hover:hover .add-data-color-on-parent-hover { color: #9F4B84 !important; }

.add-data-color-light, .add-data-color-light-before:before, .add-data-color-light-after:after, .add-data-color-light-on-hover:hover, .add-data-color-light-to-child-on-hover:hover .add-data-color-light-on-parent-hover { color: #af5592 !important; }

.add-data-color-lighter, .add-data-color-lighter-before:before, .add-data-color-lighter-after:after, .add-data-color-lighter-on-hover:hover, .add-data-color-lighter-to-child-on-hover:hover .add-data-color-lighter-on-parent-hover { color: #b7669d !important; }

.add-data-color-lightest, .add-data-color-lightest-before:before, .add-data-color-lightest-after:after, .add-data-color-lightest-on-hover:hover, .add-data-color-lightest-to-child-on-hover:hover .add-data-color-lightest-on-parent-hover { color: #c789b3 !important; }

.add-data-color-dark, .add-data-color-dark-before:before, .add-data-color-dark-after:after, .add-data-color-dark-on-hover:hover, .add-data-color-dark-to-child-on-hover:hover .add-data-color-dark-on-parent-hover { color: #8e4376 !important; }

.add-data-color-darker, .add-data-color-darker-before:before, .add-data-color-darker-after:after, .add-data-color-darker-on-hover:hover, .add-data-color-darker-to-child-on-hover:hover .add-data-color-darker-on-parent-hover { color: #7c3b67 !important; }

.add-data-color-darkest, .add-data-color-darkest-before:before, .add-data-color-darkest-after:after, .add-data-color-darkest-on-hover:hover, .add-data-color-darkest-to-child-on-hover:hover .add-data-color-darkest-on-parent-hover { color: #5a2a4a !important; }

.add-data-border-color, .add-data-border-color-before:before, .add-data-border-color-after:after, .add-data-border-color-on-hover:hover, .add-data-border-color-to-child-on-hover:hover .add-data-border-color-on-parent-hover { border-color: #9F4B84 !important; }

.add-data-border-color-light, .add-data-border-color-light-before:before, .add-data-border-color-light-after:after, .add-data-border-color-light-on-hover:hover, .add-data-border-color-light-to-child-on-hover:hover .add-data-border-color-light-on-parent-hover { border-color: #af5592 !important; }

.add-data-border-color-lighter, .add-data-border-color-lighter-before:before, .add-data-border-color-lighter-after:after, .add-data-border-color-lighter-on-hover:hover, .add-data-border-color-lighter-to-child-on-hover:hover .add-data-border-color-lighter-on-parent-hover { border-color: #b7669d !important; }

.add-data-border-color-lightest, .add-data-border-color-lightest-before:before, .add-data-border-color-lightest-after:after, .add-data-border-color-lightest-on-hover:hover, .add-data-border-color-lightest-to-child-on-hover:hover .add-data-border-color-lightest-on-parent-hover { border-color: #c789b3 !important; }

.add-data-border-color-dark, .add-data-border-color-dark-before:before, .add-data-border-color-dark-after:after, .add-data-border-color-dark-on-hover:hover, .add-data-border-color-dark-to-child-on-hover:hover .add-data-border-color-dark-on-parent-hover { border-color: #8e4376 !important; }

.add-data-border-color-darker, .add-data-border-color-darker-before:before, .add-data-border-color-darker-after:after, .add-data-border-color-darker-on-hover:hover, .add-data-border-color-darker-to-child-on-hover:hover .add-data-border-color-darker-on-parent-hover { border-color: #7c3b67 !important; }

.add-data-border-color-darkest, .add-data-border-color-darkest-before:before, .add-data-border-color-darkest-after:after, .add-data-border-color-darkest-on-hover:hover, .add-data-border-color-darkest-to-child-on-hover:hover .add-data-border-color-darkest-on-parent-hover { border-color: #5a2a4a !important; }

.add-data-background-color, .add-data-background-color-before:before, .add-data-background-color-after:after, .add-data-background-color-on-hover:hover, .add-data-background-color-to-child-on-hover:hover .add-data-background-color-on-parent-hover { background-color: #9F4B84 !important; }

.add-data-background-color-light, .add-data-background-color-light-before:before, .add-data-background-color-light-after:after, .add-data-background-color-light-on-hover:hover, .add-data-background-color-light-to-child-on-hover:hover .add-data-background-color-light-on-parent-hover { background-color: #af5592 !important; }

.add-data-background-color-lighter, .add-data-background-color-lighter-before:before, .add-data-background-color-lighter-after:after, .add-data-background-color-lighter-on-hover:hover, .add-data-background-color-lighter-to-child-on-hover:hover .add-data-background-color-lighter-on-parent-hover { background-color: #b7669d !important; }

.add-data-background-color-lightest, .add-data-background-color-lightest-before:before, .add-data-background-color-lightest-after:after, .add-data-background-color-lightest-on-hover:hover, .add-data-background-color-lightest-to-child-on-hover:hover .add-data-background-color-lightest-on-parent-hover { background-color: #c789b3 !important; }

.add-data-background-color-dark, .add-data-background-color-dark-before:before, .add-data-background-color-dark-after:after, .add-data-background-color-dark-on-hover:hover, .add-data-background-color-dark-to-child-on-hover:hover .add-data-background-color-dark-on-parent-hover { background-color: #8e4376 !important; }

.add-data-background-color-darker, .add-data-background-color-darker-before:before, .add-data-background-color-darker-after:after, .add-data-background-color-darker-on-hover:hover, .add-data-background-color-darker-to-child-on-hover:hover .add-data-background-color-darker-on-parent-hover { background-color: #7c3b67 !important; }

.add-data-background-color-darkest, .add-data-background-color-darkest-before:before, .add-data-background-color-darkest-after:after, .add-data-background-color-darkest-on-hover:hover, .add-data-background-color-darkest-to-child-on-hover:hover .add-data-background-color-darkest-on-parent-hover { background-color: #5a2a4a !important; }

.add-design-fill, .add-design-fill-before:before, .add-design-fill-after:after, .add-design-fill-on-hover:hover, .add-design-fill-to-child-on-hover:hover .add-design-fill-on-parent-hover { fill: #4a4290 !important; }

.add-design-fill-light, .add-design-fill-light-before:before, .add-design-fill-light-after:after, .add-design-fill-light-on-hover:hover, .add-design-fill-light-to-child-on-hover:hover .add-design-fill-light-on-parent-hover { fill: #534aa1 !important; }

.add-design-fill-lighter, .add-design-fill-lighter-before:before, .add-design-fill-lighter-after:after, .add-design-fill-lighter-on-hover:hover, .add-design-fill-lighter-to-child-on-hover:hover .add-design-fill-lighter-on-parent-hover { fill: #5e54b1 !important; }

.add-design-fill-lightest, .add-design-fill-lightest-before:before, .add-design-fill-lightest-after:after, .add-design-fill-lightest-on-hover:hover, .add-design-fill-lightest-to-child-on-hover:hover .add-design-fill-lightest-on-parent-hover { fill: #7f77c1 !important; }

.add-design-fill-dark, .add-design-fill-dark-before:before, .add-design-fill-dark-after:after, .add-design-fill-dark-on-hover:hover, .add-design-fill-dark-to-child-on-hover:hover .add-design-fill-dark-on-parent-hover { fill: #413a7f !important; }

.add-design-fill-darker, .add-design-fill-darker-before:before, .add-design-fill-darker-after:after, .add-design-fill-darker-on-hover:hover, .add-design-fill-darker-to-child-on-hover:hover .add-design-fill-darker-on-parent-hover { fill: #38326d !important; }

.add-design-fill-darkest, .add-design-fill-darkest-before:before, .add-design-fill-darkest-after:after, .add-design-fill-darkest-on-hover:hover, .add-design-fill-darkest-to-child-on-hover:hover .add-design-fill-darkest-on-parent-hover { fill: #26224a !important; }

.add-design-stroke, .add-design-stroke-before:before, .add-design-stroke-after:after, .add-design-stroke-on-hover:hover, .add-design-stroke-to-child-on-hover:hover .add-design-stroke-on-parent-hover { stroke: #4a4290 !important; }

.add-design-stroke-light, .add-design-stroke-light-before:before, .add-design-stroke-light-after:after, .add-design-stroke-light-on-hover:hover, .add-design-stroke-light-to-child-on-hover:hover .add-design-stroke-light-on-parent-hover { stroke: #534aa1 !important; }

.add-design-stroke-lighter, .add-design-stroke-lighter-before:before, .add-design-stroke-lighter-after:after, .add-design-stroke-lighter-on-hover:hover, .add-design-stroke-lighter-to-child-on-hover:hover .add-design-stroke-lighter-on-parent-hover { stroke: #5e54b1 !important; }

.add-design-stroke-lightest, .add-design-stroke-lightest-before:before, .add-design-stroke-lightest-after:after, .add-design-stroke-lightest-on-hover:hover, .add-design-stroke-lightest-to-child-on-hover:hover .add-design-stroke-lightest-on-parent-hover { stroke: #7f77c1 !important; }

.add-design-stroke-dark, .add-design-stroke-dark-before:before, .add-design-stroke-dark-after:after, .add-design-stroke-dark-on-hover:hover, .add-design-stroke-dark-to-child-on-hover:hover .add-design-stroke-dark-on-parent-hover { stroke: #413a7f !important; }

.add-design-stroke-darker, .add-design-stroke-darker-before:before, .add-design-stroke-darker-after:after, .add-design-stroke-darker-on-hover:hover, .add-design-stroke-darker-to-child-on-hover:hover .add-design-stroke-darker-on-parent-hover { stroke: #38326d !important; }

.add-design-stroke-darkest, .add-design-stroke-darkest-before:before, .add-design-stroke-darkest-after:after, .add-design-stroke-darkest-on-hover:hover, .add-design-stroke-darkest-to-child-on-hover:hover .add-design-stroke-darkest-on-parent-hover { stroke: #26224a !important; }

.add-design-color, .add-design-color-before:before, .add-design-color-after:after, .add-design-color-on-hover:hover, .add-design-color-to-child-on-hover:hover .add-design-color-on-parent-hover { color: #4a4290 !important; }

.add-design-color-light, .add-design-color-light-before:before, .add-design-color-light-after:after, .add-design-color-light-on-hover:hover, .add-design-color-light-to-child-on-hover:hover .add-design-color-light-on-parent-hover { color: #534aa1 !important; }

.add-design-color-lighter, .add-design-color-lighter-before:before, .add-design-color-lighter-after:after, .add-design-color-lighter-on-hover:hover, .add-design-color-lighter-to-child-on-hover:hover .add-design-color-lighter-on-parent-hover { color: #5e54b1 !important; }

.add-design-color-lightest, .add-design-color-lightest-before:before, .add-design-color-lightest-after:after, .add-design-color-lightest-on-hover:hover, .add-design-color-lightest-to-child-on-hover:hover .add-design-color-lightest-on-parent-hover { color: #7f77c1 !important; }

.add-design-color-dark, .add-design-color-dark-before:before, .add-design-color-dark-after:after, .add-design-color-dark-on-hover:hover, .add-design-color-dark-to-child-on-hover:hover .add-design-color-dark-on-parent-hover { color: #413a7f !important; }

.add-design-color-darker, .add-design-color-darker-before:before, .add-design-color-darker-after:after, .add-design-color-darker-on-hover:hover, .add-design-color-darker-to-child-on-hover:hover .add-design-color-darker-on-parent-hover { color: #38326d !important; }

.add-design-color-darkest, .add-design-color-darkest-before:before, .add-design-color-darkest-after:after, .add-design-color-darkest-on-hover:hover, .add-design-color-darkest-to-child-on-hover:hover .add-design-color-darkest-on-parent-hover { color: #26224a !important; }

.add-design-border-color, .add-design-border-color-before:before, .add-design-border-color-after:after, .add-design-border-color-on-hover:hover, .add-design-border-color-to-child-on-hover:hover .add-design-border-color-on-parent-hover { border-color: #4a4290 !important; }

.add-design-border-color-light, .add-design-border-color-light-before:before, .add-design-border-color-light-after:after, .add-design-border-color-light-on-hover:hover, .add-design-border-color-light-to-child-on-hover:hover .add-design-border-color-light-on-parent-hover { border-color: #534aa1 !important; }

.add-design-border-color-lighter, .add-design-border-color-lighter-before:before, .add-design-border-color-lighter-after:after, .add-design-border-color-lighter-on-hover:hover, .add-design-border-color-lighter-to-child-on-hover:hover .add-design-border-color-lighter-on-parent-hover { border-color: #5e54b1 !important; }

.add-design-border-color-lightest, .add-design-border-color-lightest-before:before, .add-design-border-color-lightest-after:after, .add-design-border-color-lightest-on-hover:hover, .add-design-border-color-lightest-to-child-on-hover:hover .add-design-border-color-lightest-on-parent-hover { border-color: #7f77c1 !important; }

.add-design-border-color-dark, .add-design-border-color-dark-before:before, .add-design-border-color-dark-after:after, .add-design-border-color-dark-on-hover:hover, .add-design-border-color-dark-to-child-on-hover:hover .add-design-border-color-dark-on-parent-hover { border-color: #413a7f !important; }

.add-design-border-color-darker, .add-design-border-color-darker-before:before, .add-design-border-color-darker-after:after, .add-design-border-color-darker-on-hover:hover, .add-design-border-color-darker-to-child-on-hover:hover .add-design-border-color-darker-on-parent-hover { border-color: #38326d !important; }

.add-design-border-color-darkest, .add-design-border-color-darkest-before:before, .add-design-border-color-darkest-after:after, .add-design-border-color-darkest-on-hover:hover, .add-design-border-color-darkest-to-child-on-hover:hover .add-design-border-color-darkest-on-parent-hover { border-color: #26224a !important; }

.add-design-background-color, .add-design-background-color-before:before, .add-design-background-color-after:after, .add-design-background-color-on-hover:hover, .add-design-background-color-to-child-on-hover:hover .add-design-background-color-on-parent-hover { background-color: #4a4290 !important; }

.add-design-background-color-light, .add-design-background-color-light-before:before, .add-design-background-color-light-after:after, .add-design-background-color-light-on-hover:hover, .add-design-background-color-light-to-child-on-hover:hover .add-design-background-color-light-on-parent-hover { background-color: #534aa1 !important; }

.add-design-background-color-lighter, .add-design-background-color-lighter-before:before, .add-design-background-color-lighter-after:after, .add-design-background-color-lighter-on-hover:hover, .add-design-background-color-lighter-to-child-on-hover:hover .add-design-background-color-lighter-on-parent-hover { background-color: #5e54b1 !important; }

.add-design-background-color-lightest, .add-design-background-color-lightest-before:before, .add-design-background-color-lightest-after:after, .add-design-background-color-lightest-on-hover:hover, .add-design-background-color-lightest-to-child-on-hover:hover .add-design-background-color-lightest-on-parent-hover { background-color: #7f77c1 !important; }

.add-design-background-color-dark, .add-design-background-color-dark-before:before, .add-design-background-color-dark-after:after, .add-design-background-color-dark-on-hover:hover, .add-design-background-color-dark-to-child-on-hover:hover .add-design-background-color-dark-on-parent-hover { background-color: #413a7f !important; }

.add-design-background-color-darker, .add-design-background-color-darker-before:before, .add-design-background-color-darker-after:after, .add-design-background-color-darker-on-hover:hover, .add-design-background-color-darker-to-child-on-hover:hover .add-design-background-color-darker-on-parent-hover { background-color: #38326d !important; }

.add-design-background-color-darkest, .add-design-background-color-darkest-before:before, .add-design-background-color-darkest-after:after, .add-design-background-color-darkest-on-hover:hover, .add-design-background-color-darkest-to-child-on-hover:hover .add-design-background-color-darkest-on-parent-hover { background-color: #26224a !important; }

.add-experimental-fill, .add-experimental-fill-before:before, .add-experimental-fill-after:after, .add-experimental-fill-on-hover:hover, .add-experimental-fill-to-child-on-hover:hover .add-experimental-fill-on-parent-hover { fill: #733a88 !important; }

.add-experimental-fill-light, .add-experimental-fill-light-before:before, .add-experimental-fill-light-after:after, .add-experimental-fill-light-on-hover:hover, .add-experimental-fill-light-to-child-on-hover:hover .add-experimental-fill-light-on-parent-hover { fill: #82429a !important; }

.add-experimental-fill-lighter, .add-experimental-fill-lighter-before:before, .add-experimental-fill-lighter-after:after, .add-experimental-fill-lighter-on-hover:hover, .add-experimental-fill-lighter-to-child-on-hover:hover .add-experimental-fill-lighter-on-parent-hover { fill: #9149ac !important; }

.add-experimental-fill-lightest, .add-experimental-fill-lightest-before:before, .add-experimental-fill-lightest-after:after, .add-experimental-fill-lightest-on-hover:hover, .add-experimental-fill-lightest-to-child-on-hover:hover .add-experimental-fill-lightest-on-parent-hover { fill: #a869bf !important; }

.add-experimental-fill-dark, .add-experimental-fill-dark-before:before, .add-experimental-fill-dark-after:after, .add-experimental-fill-dark-on-hover:hover, .add-experimental-fill-dark-to-child-on-hover:hover .add-experimental-fill-dark-on-parent-hover { fill: #643276 !important; }

.add-experimental-fill-darker, .add-experimental-fill-darker-before:before, .add-experimental-fill-darker-after:after, .add-experimental-fill-darker-on-hover:hover, .add-experimental-fill-darker-to-child-on-hover:hover .add-experimental-fill-darker-on-parent-hover { fill: #552b64 !important; }

.add-experimental-fill-darkest, .add-experimental-fill-darkest-before:before, .add-experimental-fill-darkest-after:after, .add-experimental-fill-darkest-on-hover:hover, .add-experimental-fill-darkest-to-child-on-hover:hover .add-experimental-fill-darkest-on-parent-hover { fill: #371c40 !important; }

.add-experimental-stroke, .add-experimental-stroke-before:before, .add-experimental-stroke-after:after, .add-experimental-stroke-on-hover:hover, .add-experimental-stroke-to-child-on-hover:hover .add-experimental-stroke-on-parent-hover { stroke: #733a88 !important; }

.add-experimental-stroke-light, .add-experimental-stroke-light-before:before, .add-experimental-stroke-light-after:after, .add-experimental-stroke-light-on-hover:hover, .add-experimental-stroke-light-to-child-on-hover:hover .add-experimental-stroke-light-on-parent-hover { stroke: #82429a !important; }

.add-experimental-stroke-lighter, .add-experimental-stroke-lighter-before:before, .add-experimental-stroke-lighter-after:after, .add-experimental-stroke-lighter-on-hover:hover, .add-experimental-stroke-lighter-to-child-on-hover:hover .add-experimental-stroke-lighter-on-parent-hover { stroke: #9149ac !important; }

.add-experimental-stroke-lightest, .add-experimental-stroke-lightest-before:before, .add-experimental-stroke-lightest-after:after, .add-experimental-stroke-lightest-on-hover:hover, .add-experimental-stroke-lightest-to-child-on-hover:hover .add-experimental-stroke-lightest-on-parent-hover { stroke: #a869bf !important; }

.add-experimental-stroke-dark, .add-experimental-stroke-dark-before:before, .add-experimental-stroke-dark-after:after, .add-experimental-stroke-dark-on-hover:hover, .add-experimental-stroke-dark-to-child-on-hover:hover .add-experimental-stroke-dark-on-parent-hover { stroke: #643276 !important; }

.add-experimental-stroke-darker, .add-experimental-stroke-darker-before:before, .add-experimental-stroke-darker-after:after, .add-experimental-stroke-darker-on-hover:hover, .add-experimental-stroke-darker-to-child-on-hover:hover .add-experimental-stroke-darker-on-parent-hover { stroke: #552b64 !important; }

.add-experimental-stroke-darkest, .add-experimental-stroke-darkest-before:before, .add-experimental-stroke-darkest-after:after, .add-experimental-stroke-darkest-on-hover:hover, .add-experimental-stroke-darkest-to-child-on-hover:hover .add-experimental-stroke-darkest-on-parent-hover { stroke: #371c40 !important; }

.add-experimental-color, .add-experimental-color-before:before, .add-experimental-color-after:after, .add-experimental-color-on-hover:hover, .add-experimental-color-to-child-on-hover:hover .add-experimental-color-on-parent-hover { color: #733a88 !important; }

.add-experimental-color-light, .add-experimental-color-light-before:before, .add-experimental-color-light-after:after, .add-experimental-color-light-on-hover:hover, .add-experimental-color-light-to-child-on-hover:hover .add-experimental-color-light-on-parent-hover { color: #82429a !important; }

.add-experimental-color-lighter, .add-experimental-color-lighter-before:before, .add-experimental-color-lighter-after:after, .add-experimental-color-lighter-on-hover:hover, .add-experimental-color-lighter-to-child-on-hover:hover .add-experimental-color-lighter-on-parent-hover { color: #9149ac !important; }

.add-experimental-color-lightest, .add-experimental-color-lightest-before:before, .add-experimental-color-lightest-after:after, .add-experimental-color-lightest-on-hover:hover, .add-experimental-color-lightest-to-child-on-hover:hover .add-experimental-color-lightest-on-parent-hover { color: #a869bf !important; }

.add-experimental-color-dark, .add-experimental-color-dark-before:before, .add-experimental-color-dark-after:after, .add-experimental-color-dark-on-hover:hover, .add-experimental-color-dark-to-child-on-hover:hover .add-experimental-color-dark-on-parent-hover { color: #643276 !important; }

.add-experimental-color-darker, .add-experimental-color-darker-before:before, .add-experimental-color-darker-after:after, .add-experimental-color-darker-on-hover:hover, .add-experimental-color-darker-to-child-on-hover:hover .add-experimental-color-darker-on-parent-hover { color: #552b64 !important; }

.add-experimental-color-darkest, .add-experimental-color-darkest-before:before, .add-experimental-color-darkest-after:after, .add-experimental-color-darkest-on-hover:hover, .add-experimental-color-darkest-to-child-on-hover:hover .add-experimental-color-darkest-on-parent-hover { color: #371c40 !important; }

.add-experimental-border-color, .add-experimental-border-color-before:before, .add-experimental-border-color-after:after, .add-experimental-border-color-on-hover:hover, .add-experimental-border-color-to-child-on-hover:hover .add-experimental-border-color-on-parent-hover { border-color: #733a88 !important; }

.add-experimental-border-color-light, .add-experimental-border-color-light-before:before, .add-experimental-border-color-light-after:after, .add-experimental-border-color-light-on-hover:hover, .add-experimental-border-color-light-to-child-on-hover:hover .add-experimental-border-color-light-on-parent-hover { border-color: #82429a !important; }

.add-experimental-border-color-lighter, .add-experimental-border-color-lighter-before:before, .add-experimental-border-color-lighter-after:after, .add-experimental-border-color-lighter-on-hover:hover, .add-experimental-border-color-lighter-to-child-on-hover:hover .add-experimental-border-color-lighter-on-parent-hover { border-color: #9149ac !important; }

.add-experimental-border-color-lightest, .add-experimental-border-color-lightest-before:before, .add-experimental-border-color-lightest-after:after, .add-experimental-border-color-lightest-on-hover:hover, .add-experimental-border-color-lightest-to-child-on-hover:hover .add-experimental-border-color-lightest-on-parent-hover { border-color: #a869bf !important; }

.add-experimental-border-color-dark, .add-experimental-border-color-dark-before:before, .add-experimental-border-color-dark-after:after, .add-experimental-border-color-dark-on-hover:hover, .add-experimental-border-color-dark-to-child-on-hover:hover .add-experimental-border-color-dark-on-parent-hover { border-color: #643276 !important; }

.add-experimental-border-color-darker, .add-experimental-border-color-darker-before:before, .add-experimental-border-color-darker-after:after, .add-experimental-border-color-darker-on-hover:hover, .add-experimental-border-color-darker-to-child-on-hover:hover .add-experimental-border-color-darker-on-parent-hover { border-color: #552b64 !important; }

.add-experimental-border-color-darkest, .add-experimental-border-color-darkest-before:before, .add-experimental-border-color-darkest-after:after, .add-experimental-border-color-darkest-on-hover:hover, .add-experimental-border-color-darkest-to-child-on-hover:hover .add-experimental-border-color-darkest-on-parent-hover { border-color: #371c40 !important; }

.add-experimental-background-color, .add-experimental-background-color-before:before, .add-experimental-background-color-after:after, .add-experimental-background-color-on-hover:hover, .add-experimental-background-color-to-child-on-hover:hover .add-experimental-background-color-on-parent-hover { background-color: #733a88 !important; }

.add-experimental-background-color-light, .add-experimental-background-color-light-before:before, .add-experimental-background-color-light-after:after, .add-experimental-background-color-light-on-hover:hover, .add-experimental-background-color-light-to-child-on-hover:hover .add-experimental-background-color-light-on-parent-hover { background-color: #82429a !important; }

.add-experimental-background-color-lighter, .add-experimental-background-color-lighter-before:before, .add-experimental-background-color-lighter-after:after, .add-experimental-background-color-lighter-on-hover:hover, .add-experimental-background-color-lighter-to-child-on-hover:hover .add-experimental-background-color-lighter-on-parent-hover { background-color: #9149ac !important; }

.add-experimental-background-color-lightest, .add-experimental-background-color-lightest-before:before, .add-experimental-background-color-lightest-after:after, .add-experimental-background-color-lightest-on-hover:hover, .add-experimental-background-color-lightest-to-child-on-hover:hover .add-experimental-background-color-lightest-on-parent-hover { background-color: #a869bf !important; }

.add-experimental-background-color-dark, .add-experimental-background-color-dark-before:before, .add-experimental-background-color-dark-after:after, .add-experimental-background-color-dark-on-hover:hover, .add-experimental-background-color-dark-to-child-on-hover:hover .add-experimental-background-color-dark-on-parent-hover { background-color: #643276 !important; }

.add-experimental-background-color-darker, .add-experimental-background-color-darker-before:before, .add-experimental-background-color-darker-after:after, .add-experimental-background-color-darker-on-hover:hover, .add-experimental-background-color-darker-to-child-on-hover:hover .add-experimental-background-color-darker-on-parent-hover { background-color: #552b64 !important; }

.add-experimental-background-color-darkest, .add-experimental-background-color-darkest-before:before, .add-experimental-background-color-darkest-after:after, .add-experimental-background-color-darkest-on-hover:hover, .add-experimental-background-color-darkest-to-child-on-hover:hover .add-experimental-background-color-darkest-on-parent-hover { background-color: #371c40 !important; }

.add-front-end-fill, .add-front-end-fill-before:before, .add-front-end-fill-after:after, .add-front-end-fill-on-hover:hover, .add-front-end-fill-to-child-on-hover:hover .add-front-end-fill-on-parent-hover { fill: #3659a2 !important; }

.add-front-end-fill-light, .add-front-end-fill-light-before:before, .add-front-end-fill-light-after:after, .add-front-end-fill-light-on-hover:hover, .add-front-end-fill-light-to-child-on-hover:hover .add-front-end-fill-light-on-parent-hover { fill: #3c64b5 !important; }

.add-front-end-fill-lighter, .add-front-end-fill-lighter-before:before, .add-front-end-fill-lighter-after:after, .add-front-end-fill-lighter-on-hover:hover, .add-front-end-fill-lighter-to-child-on-hover:hover .add-front-end-fill-lighter-on-parent-hover { fill: #4970c2 !important; }

.add-front-end-fill-lightest, .add-front-end-fill-lightest-before:before, .add-front-end-fill-lightest-after:after, .add-front-end-fill-lightest-on-hover:hover, .add-front-end-fill-lightest-to-child-on-hover:hover .add-front-end-fill-lightest-on-parent-hover { fill: #6f8ecf !important; }

.add-front-end-fill-dark, .add-front-end-fill-dark-before:before, .add-front-end-fill-dark-after:after, .add-front-end-fill-dark-on-hover:hover, .add-front-end-fill-dark-to-child-on-hover:hover .add-front-end-fill-dark-on-parent-hover { fill: #304e8f !important; }

.add-front-end-fill-darker, .add-front-end-fill-darker-before:before, .add-front-end-fill-darker-after:after, .add-front-end-fill-darker-on-hover:hover, .add-front-end-fill-darker-to-child-on-hover:hover .add-front-end-fill-darker-on-parent-hover { fill: #29447c !important; }

.add-front-end-fill-darkest, .add-front-end-fill-darkest-before:before, .add-front-end-fill-darkest-after:after, .add-front-end-fill-darkest-on-hover:hover, .add-front-end-fill-darkest-to-child-on-hover:hover .add-front-end-fill-darkest-on-parent-hover { fill: #1d2f56 !important; }

.add-front-end-stroke, .add-front-end-stroke-before:before, .add-front-end-stroke-after:after, .add-front-end-stroke-on-hover:hover, .add-front-end-stroke-to-child-on-hover:hover .add-front-end-stroke-on-parent-hover { stroke: #3659a2 !important; }

.add-front-end-stroke-light, .add-front-end-stroke-light-before:before, .add-front-end-stroke-light-after:after, .add-front-end-stroke-light-on-hover:hover, .add-front-end-stroke-light-to-child-on-hover:hover .add-front-end-stroke-light-on-parent-hover { stroke: #3c64b5 !important; }

.add-front-end-stroke-lighter, .add-front-end-stroke-lighter-before:before, .add-front-end-stroke-lighter-after:after, .add-front-end-stroke-lighter-on-hover:hover, .add-front-end-stroke-lighter-to-child-on-hover:hover .add-front-end-stroke-lighter-on-parent-hover { stroke: #4970c2 !important; }

.add-front-end-stroke-lightest, .add-front-end-stroke-lightest-before:before, .add-front-end-stroke-lightest-after:after, .add-front-end-stroke-lightest-on-hover:hover, .add-front-end-stroke-lightest-to-child-on-hover:hover .add-front-end-stroke-lightest-on-parent-hover { stroke: #6f8ecf !important; }

.add-front-end-stroke-dark, .add-front-end-stroke-dark-before:before, .add-front-end-stroke-dark-after:after, .add-front-end-stroke-dark-on-hover:hover, .add-front-end-stroke-dark-to-child-on-hover:hover .add-front-end-stroke-dark-on-parent-hover { stroke: #304e8f !important; }

.add-front-end-stroke-darker, .add-front-end-stroke-darker-before:before, .add-front-end-stroke-darker-after:after, .add-front-end-stroke-darker-on-hover:hover, .add-front-end-stroke-darker-to-child-on-hover:hover .add-front-end-stroke-darker-on-parent-hover { stroke: #29447c !important; }

.add-front-end-stroke-darkest, .add-front-end-stroke-darkest-before:before, .add-front-end-stroke-darkest-after:after, .add-front-end-stroke-darkest-on-hover:hover, .add-front-end-stroke-darkest-to-child-on-hover:hover .add-front-end-stroke-darkest-on-parent-hover { stroke: #1d2f56 !important; }

.add-front-end-color, .add-front-end-color-before:before, .add-front-end-color-after:after, .add-front-end-color-on-hover:hover, .add-front-end-color-to-child-on-hover:hover .add-front-end-color-on-parent-hover { color: #3659a2 !important; }

.add-front-end-color-light, .add-front-end-color-light-before:before, .add-front-end-color-light-after:after, .add-front-end-color-light-on-hover:hover, .add-front-end-color-light-to-child-on-hover:hover .add-front-end-color-light-on-parent-hover { color: #3c64b5 !important; }

.add-front-end-color-lighter, .add-front-end-color-lighter-before:before, .add-front-end-color-lighter-after:after, .add-front-end-color-lighter-on-hover:hover, .add-front-end-color-lighter-to-child-on-hover:hover .add-front-end-color-lighter-on-parent-hover { color: #4970c2 !important; }

.add-front-end-color-lightest, .add-front-end-color-lightest-before:before, .add-front-end-color-lightest-after:after, .add-front-end-color-lightest-on-hover:hover, .add-front-end-color-lightest-to-child-on-hover:hover .add-front-end-color-lightest-on-parent-hover { color: #6f8ecf !important; }

.add-front-end-color-dark, .add-front-end-color-dark-before:before, .add-front-end-color-dark-after:after, .add-front-end-color-dark-on-hover:hover, .add-front-end-color-dark-to-child-on-hover:hover .add-front-end-color-dark-on-parent-hover { color: #304e8f !important; }

.add-front-end-color-darker, .add-front-end-color-darker-before:before, .add-front-end-color-darker-after:after, .add-front-end-color-darker-on-hover:hover, .add-front-end-color-darker-to-child-on-hover:hover .add-front-end-color-darker-on-parent-hover { color: #29447c !important; }

.add-front-end-color-darkest, .add-front-end-color-darkest-before:before, .add-front-end-color-darkest-after:after, .add-front-end-color-darkest-on-hover:hover, .add-front-end-color-darkest-to-child-on-hover:hover .add-front-end-color-darkest-on-parent-hover { color: #1d2f56 !important; }

.add-front-end-border-color, .add-front-end-border-color-before:before, .add-front-end-border-color-after:after, .add-front-end-border-color-on-hover:hover, .add-front-end-border-color-to-child-on-hover:hover .add-front-end-border-color-on-parent-hover { border-color: #3659a2 !important; }

.add-front-end-border-color-light, .add-front-end-border-color-light-before:before, .add-front-end-border-color-light-after:after, .add-front-end-border-color-light-on-hover:hover, .add-front-end-border-color-light-to-child-on-hover:hover .add-front-end-border-color-light-on-parent-hover { border-color: #3c64b5 !important; }

.add-front-end-border-color-lighter, .add-front-end-border-color-lighter-before:before, .add-front-end-border-color-lighter-after:after, .add-front-end-border-color-lighter-on-hover:hover, .add-front-end-border-color-lighter-to-child-on-hover:hover .add-front-end-border-color-lighter-on-parent-hover { border-color: #4970c2 !important; }

.add-front-end-border-color-lightest, .add-front-end-border-color-lightest-before:before, .add-front-end-border-color-lightest-after:after, .add-front-end-border-color-lightest-on-hover:hover, .add-front-end-border-color-lightest-to-child-on-hover:hover .add-front-end-border-color-lightest-on-parent-hover { border-color: #6f8ecf !important; }

.add-front-end-border-color-dark, .add-front-end-border-color-dark-before:before, .add-front-end-border-color-dark-after:after, .add-front-end-border-color-dark-on-hover:hover, .add-front-end-border-color-dark-to-child-on-hover:hover .add-front-end-border-color-dark-on-parent-hover { border-color: #304e8f !important; }

.add-front-end-border-color-darker, .add-front-end-border-color-darker-before:before, .add-front-end-border-color-darker-after:after, .add-front-end-border-color-darker-on-hover:hover, .add-front-end-border-color-darker-to-child-on-hover:hover .add-front-end-border-color-darker-on-parent-hover { border-color: #29447c !important; }

.add-front-end-border-color-darkest, .add-front-end-border-color-darkest-before:before, .add-front-end-border-color-darkest-after:after, .add-front-end-border-color-darkest-on-hover:hover, .add-front-end-border-color-darkest-to-child-on-hover:hover .add-front-end-border-color-darkest-on-parent-hover { border-color: #1d2f56 !important; }

.add-front-end-background-color, .add-front-end-background-color-before:before, .add-front-end-background-color-after:after, .add-front-end-background-color-on-hover:hover, .add-front-end-background-color-to-child-on-hover:hover .add-front-end-background-color-on-parent-hover { background-color: #3659a2 !important; }

.add-front-end-background-color-light, .add-front-end-background-color-light-before:before, .add-front-end-background-color-light-after:after, .add-front-end-background-color-light-on-hover:hover, .add-front-end-background-color-light-to-child-on-hover:hover .add-front-end-background-color-light-on-parent-hover { background-color: #3c64b5 !important; }

.add-front-end-background-color-lighter, .add-front-end-background-color-lighter-before:before, .add-front-end-background-color-lighter-after:after, .add-front-end-background-color-lighter-on-hover:hover, .add-front-end-background-color-lighter-to-child-on-hover:hover .add-front-end-background-color-lighter-on-parent-hover { background-color: #4970c2 !important; }

.add-front-end-background-color-lightest, .add-front-end-background-color-lightest-before:before, .add-front-end-background-color-lightest-after:after, .add-front-end-background-color-lightest-on-hover:hover, .add-front-end-background-color-lightest-to-child-on-hover:hover .add-front-end-background-color-lightest-on-parent-hover { background-color: #6f8ecf !important; }

.add-front-end-background-color-dark, .add-front-end-background-color-dark-before:before, .add-front-end-background-color-dark-after:after, .add-front-end-background-color-dark-on-hover:hover, .add-front-end-background-color-dark-to-child-on-hover:hover .add-front-end-background-color-dark-on-parent-hover { background-color: #304e8f !important; }

.add-front-end-background-color-darker, .add-front-end-background-color-darker-before:before, .add-front-end-background-color-darker-after:after, .add-front-end-background-color-darker-on-hover:hover, .add-front-end-background-color-darker-to-child-on-hover:hover .add-front-end-background-color-darker-on-parent-hover { background-color: #29447c !important; }

.add-front-end-background-color-darkest, .add-front-end-background-color-darkest-before:before, .add-front-end-background-color-darkest-after:after, .add-front-end-background-color-darkest-on-hover:hover, .add-front-end-background-color-darkest-to-child-on-hover:hover .add-front-end-background-color-darkest-on-parent-hover { background-color: #1d2f56 !important; }

.add-fundamentals-fill, .add-fundamentals-fill-before:before, .add-fundamentals-fill-after:after, .add-fundamentals-fill-on-hover:hover, .add-fundamentals-fill-to-child-on-hover:hover .add-fundamentals-fill-on-parent-hover { fill: #9b3b5a !important; }

.add-fundamentals-fill-light, .add-fundamentals-fill-light-before:before, .add-fundamentals-fill-light-after:after, .add-fundamentals-fill-light-on-hover:hover, .add-fundamentals-fill-light-to-child-on-hover:hover .add-fundamentals-fill-light-on-parent-hover { fill: #ad4265 !important; }

.add-fundamentals-fill-lighter, .add-fundamentals-fill-lighter-before:before, .add-fundamentals-fill-lighter-after:after, .add-fundamentals-fill-lighter-on-hover:hover, .add-fundamentals-fill-lighter-to-child-on-hover:hover .add-fundamentals-fill-lighter-on-parent-hover { fill: #bb4e71 !important; }

.add-fundamentals-fill-lightest, .add-fundamentals-fill-lightest-before:before, .add-fundamentals-fill-lightest-after:after, .add-fundamentals-fill-lightest-on-hover:hover, .add-fundamentals-fill-lightest-to-child-on-hover:hover .add-fundamentals-fill-lightest-on-parent-hover { fill: #ca728f !important; }

.add-fundamentals-fill-dark, .add-fundamentals-fill-dark-before:before, .add-fundamentals-fill-dark-after:after, .add-fundamentals-fill-dark-on-hover:hover, .add-fundamentals-fill-dark-to-child-on-hover:hover .add-fundamentals-fill-dark-on-parent-hover { fill: #89344f !important; }

.add-fundamentals-fill-darker, .add-fundamentals-fill-darker-before:before, .add-fundamentals-fill-darker-after:after, .add-fundamentals-fill-darker-on-hover:hover, .add-fundamentals-fill-darker-to-child-on-hover:hover .add-fundamentals-fill-darker-on-parent-hover { fill: #762d45 !important; }

.add-fundamentals-fill-darkest, .add-fundamentals-fill-darkest-before:before, .add-fundamentals-fill-darkest-after:after, .add-fundamentals-fill-darkest-on-hover:hover, .add-fundamentals-fill-darkest-to-child-on-hover:hover .add-fundamentals-fill-darkest-on-parent-hover { fill: #511f2f !important; }

.add-fundamentals-stroke, .add-fundamentals-stroke-before:before, .add-fundamentals-stroke-after:after, .add-fundamentals-stroke-on-hover:hover, .add-fundamentals-stroke-to-child-on-hover:hover .add-fundamentals-stroke-on-parent-hover { stroke: #9b3b5a !important; }

.add-fundamentals-stroke-light, .add-fundamentals-stroke-light-before:before, .add-fundamentals-stroke-light-after:after, .add-fundamentals-stroke-light-on-hover:hover, .add-fundamentals-stroke-light-to-child-on-hover:hover .add-fundamentals-stroke-light-on-parent-hover { stroke: #ad4265 !important; }

.add-fundamentals-stroke-lighter, .add-fundamentals-stroke-lighter-before:before, .add-fundamentals-stroke-lighter-after:after, .add-fundamentals-stroke-lighter-on-hover:hover, .add-fundamentals-stroke-lighter-to-child-on-hover:hover .add-fundamentals-stroke-lighter-on-parent-hover { stroke: #bb4e71 !important; }

.add-fundamentals-stroke-lightest, .add-fundamentals-stroke-lightest-before:before, .add-fundamentals-stroke-lightest-after:after, .add-fundamentals-stroke-lightest-on-hover:hover, .add-fundamentals-stroke-lightest-to-child-on-hover:hover .add-fundamentals-stroke-lightest-on-parent-hover { stroke: #ca728f !important; }

.add-fundamentals-stroke-dark, .add-fundamentals-stroke-dark-before:before, .add-fundamentals-stroke-dark-after:after, .add-fundamentals-stroke-dark-on-hover:hover, .add-fundamentals-stroke-dark-to-child-on-hover:hover .add-fundamentals-stroke-dark-on-parent-hover { stroke: #89344f !important; }

.add-fundamentals-stroke-darker, .add-fundamentals-stroke-darker-before:before, .add-fundamentals-stroke-darker-after:after, .add-fundamentals-stroke-darker-on-hover:hover, .add-fundamentals-stroke-darker-to-child-on-hover:hover .add-fundamentals-stroke-darker-on-parent-hover { stroke: #762d45 !important; }

.add-fundamentals-stroke-darkest, .add-fundamentals-stroke-darkest-before:before, .add-fundamentals-stroke-darkest-after:after, .add-fundamentals-stroke-darkest-on-hover:hover, .add-fundamentals-stroke-darkest-to-child-on-hover:hover .add-fundamentals-stroke-darkest-on-parent-hover { stroke: #511f2f !important; }

.add-fundamentals-color, .add-fundamentals-color-before:before, .add-fundamentals-color-after:after, .add-fundamentals-color-on-hover:hover, .add-fundamentals-color-to-child-on-hover:hover .add-fundamentals-color-on-parent-hover { color: #9b3b5a !important; }

.add-fundamentals-color-light, .add-fundamentals-color-light-before:before, .add-fundamentals-color-light-after:after, .add-fundamentals-color-light-on-hover:hover, .add-fundamentals-color-light-to-child-on-hover:hover .add-fundamentals-color-light-on-parent-hover { color: #ad4265 !important; }

.add-fundamentals-color-lighter, .add-fundamentals-color-lighter-before:before, .add-fundamentals-color-lighter-after:after, .add-fundamentals-color-lighter-on-hover:hover, .add-fundamentals-color-lighter-to-child-on-hover:hover .add-fundamentals-color-lighter-on-parent-hover { color: #bb4e71 !important; }

.add-fundamentals-color-lightest, .add-fundamentals-color-lightest-before:before, .add-fundamentals-color-lightest-after:after, .add-fundamentals-color-lightest-on-hover:hover, .add-fundamentals-color-lightest-to-child-on-hover:hover .add-fundamentals-color-lightest-on-parent-hover { color: #ca728f !important; }

.add-fundamentals-color-dark, .add-fundamentals-color-dark-before:before, .add-fundamentals-color-dark-after:after, .add-fundamentals-color-dark-on-hover:hover, .add-fundamentals-color-dark-to-child-on-hover:hover .add-fundamentals-color-dark-on-parent-hover { color: #89344f !important; }

.add-fundamentals-color-darker, .add-fundamentals-color-darker-before:before, .add-fundamentals-color-darker-after:after, .add-fundamentals-color-darker-on-hover:hover, .add-fundamentals-color-darker-to-child-on-hover:hover .add-fundamentals-color-darker-on-parent-hover { color: #762d45 !important; }

.add-fundamentals-color-darkest, .add-fundamentals-color-darkest-before:before, .add-fundamentals-color-darkest-after:after, .add-fundamentals-color-darkest-on-hover:hover, .add-fundamentals-color-darkest-to-child-on-hover:hover .add-fundamentals-color-darkest-on-parent-hover { color: #511f2f !important; }

.add-fundamentals-border-color, .add-fundamentals-border-color-before:before, .add-fundamentals-border-color-after:after, .add-fundamentals-border-color-on-hover:hover, .add-fundamentals-border-color-to-child-on-hover:hover .add-fundamentals-border-color-on-parent-hover { border-color: #9b3b5a !important; }

.add-fundamentals-border-color-light, .add-fundamentals-border-color-light-before:before, .add-fundamentals-border-color-light-after:after, .add-fundamentals-border-color-light-on-hover:hover, .add-fundamentals-border-color-light-to-child-on-hover:hover .add-fundamentals-border-color-light-on-parent-hover { border-color: #ad4265 !important; }

.add-fundamentals-border-color-lighter, .add-fundamentals-border-color-lighter-before:before, .add-fundamentals-border-color-lighter-after:after, .add-fundamentals-border-color-lighter-on-hover:hover, .add-fundamentals-border-color-lighter-to-child-on-hover:hover .add-fundamentals-border-color-lighter-on-parent-hover { border-color: #bb4e71 !important; }

.add-fundamentals-border-color-lightest, .add-fundamentals-border-color-lightest-before:before, .add-fundamentals-border-color-lightest-after:after, .add-fundamentals-border-color-lightest-on-hover:hover, .add-fundamentals-border-color-lightest-to-child-on-hover:hover .add-fundamentals-border-color-lightest-on-parent-hover { border-color: #ca728f !important; }

.add-fundamentals-border-color-dark, .add-fundamentals-border-color-dark-before:before, .add-fundamentals-border-color-dark-after:after, .add-fundamentals-border-color-dark-on-hover:hover, .add-fundamentals-border-color-dark-to-child-on-hover:hover .add-fundamentals-border-color-dark-on-parent-hover { border-color: #89344f !important; }

.add-fundamentals-border-color-darker, .add-fundamentals-border-color-darker-before:before, .add-fundamentals-border-color-darker-after:after, .add-fundamentals-border-color-darker-on-hover:hover, .add-fundamentals-border-color-darker-to-child-on-hover:hover .add-fundamentals-border-color-darker-on-parent-hover { border-color: #762d45 !important; }

.add-fundamentals-border-color-darkest, .add-fundamentals-border-color-darkest-before:before, .add-fundamentals-border-color-darkest-after:after, .add-fundamentals-border-color-darkest-on-hover:hover, .add-fundamentals-border-color-darkest-to-child-on-hover:hover .add-fundamentals-border-color-darkest-on-parent-hover { border-color: #511f2f !important; }

.add-fundamentals-background-color, .add-fundamentals-background-color-before:before, .add-fundamentals-background-color-after:after, .add-fundamentals-background-color-on-hover:hover, .add-fundamentals-background-color-to-child-on-hover:hover .add-fundamentals-background-color-on-parent-hover { background-color: #9b3b5a !important; }

.add-fundamentals-background-color-light, .add-fundamentals-background-color-light-before:before, .add-fundamentals-background-color-light-after:after, .add-fundamentals-background-color-light-on-hover:hover, .add-fundamentals-background-color-light-to-child-on-hover:hover .add-fundamentals-background-color-light-on-parent-hover { background-color: #ad4265 !important; }

.add-fundamentals-background-color-lighter, .add-fundamentals-background-color-lighter-before:before, .add-fundamentals-background-color-lighter-after:after, .add-fundamentals-background-color-lighter-on-hover:hover, .add-fundamentals-background-color-lighter-to-child-on-hover:hover .add-fundamentals-background-color-lighter-on-parent-hover { background-color: #bb4e71 !important; }

.add-fundamentals-background-color-lightest, .add-fundamentals-background-color-lightest-before:before, .add-fundamentals-background-color-lightest-after:after, .add-fundamentals-background-color-lightest-on-hover:hover, .add-fundamentals-background-color-lightest-to-child-on-hover:hover .add-fundamentals-background-color-lightest-on-parent-hover { background-color: #ca728f !important; }

.add-fundamentals-background-color-dark, .add-fundamentals-background-color-dark-before:before, .add-fundamentals-background-color-dark-after:after, .add-fundamentals-background-color-dark-on-hover:hover, .add-fundamentals-background-color-dark-to-child-on-hover:hover .add-fundamentals-background-color-dark-on-parent-hover { background-color: #89344f !important; }

.add-fundamentals-background-color-darker, .add-fundamentals-background-color-darker-before:before, .add-fundamentals-background-color-darker-after:after, .add-fundamentals-background-color-darker-on-hover:hover, .add-fundamentals-background-color-darker-to-child-on-hover:hover .add-fundamentals-background-color-darker-on-parent-hover { background-color: #762d45 !important; }

.add-fundamentals-background-color-darkest, .add-fundamentals-background-color-darkest-before:before, .add-fundamentals-background-color-darkest-after:after, .add-fundamentals-background-color-darkest-on-hover:hover, .add-fundamentals-background-color-darkest-to-child-on-hover:hover .add-fundamentals-background-color-darkest-on-parent-hover { background-color: #511f2f !important; }

.add-mobile-fill, .add-mobile-fill-before:before, .add-mobile-fill-after:after, .add-mobile-fill-on-hover:hover, .add-mobile-fill-to-child-on-hover:hover .add-mobile-fill-on-parent-hover { fill: #30826C !important; }

.add-mobile-fill-light, .add-mobile-fill-light-before:before, .add-mobile-fill-light-after:after, .add-mobile-fill-light-on-hover:hover, .add-mobile-fill-light-to-child-on-hover:hover .add-mobile-fill-light-on-parent-hover { fill: #37957b !important; }

.add-mobile-fill-lighter, .add-mobile-fill-lighter-before:before, .add-mobile-fill-lighter-after:after, .add-mobile-fill-lighter-on-hover:hover, .add-mobile-fill-lighter-to-child-on-hover:hover .add-mobile-fill-lighter-on-parent-hover { fill: #3ea78b !important; }

.add-mobile-fill-lightest, .add-mobile-fill-lightest-before:before, .add-mobile-fill-lightest-after:after, .add-mobile-fill-lightest-on-hover:hover, .add-mobile-fill-lightest-to-child-on-hover:hover .add-mobile-fill-lightest-on-parent-hover { fill: #57c1a5 !important; }

.add-mobile-fill-dark, .add-mobile-fill-dark-before:before, .add-mobile-fill-dark-after:after, .add-mobile-fill-dark-on-hover:hover, .add-mobile-fill-dark-to-child-on-hover:hover .add-mobile-fill-dark-on-parent-hover { fill: #296f5d !important; }

.add-mobile-fill-darker, .add-mobile-fill-darker-before:before, .add-mobile-fill-darker-after:after, .add-mobile-fill-darker-on-hover:hover, .add-mobile-fill-darker-to-child-on-hover:hover .add-mobile-fill-darker-on-parent-hover { fill: #225d4d !important; }

.add-mobile-fill-darkest, .add-mobile-fill-darkest-before:before, .add-mobile-fill-darkest-after:after, .add-mobile-fill-darkest-on-hover:hover, .add-mobile-fill-darkest-to-child-on-hover:hover .add-mobile-fill-darkest-on-parent-hover { fill: #14382e !important; }

.add-mobile-stroke, .add-mobile-stroke-before:before, .add-mobile-stroke-after:after, .add-mobile-stroke-on-hover:hover, .add-mobile-stroke-to-child-on-hover:hover .add-mobile-stroke-on-parent-hover { stroke: #30826C !important; }

.add-mobile-stroke-light, .add-mobile-stroke-light-before:before, .add-mobile-stroke-light-after:after, .add-mobile-stroke-light-on-hover:hover, .add-mobile-stroke-light-to-child-on-hover:hover .add-mobile-stroke-light-on-parent-hover { stroke: #37957b !important; }

.add-mobile-stroke-lighter, .add-mobile-stroke-lighter-before:before, .add-mobile-stroke-lighter-after:after, .add-mobile-stroke-lighter-on-hover:hover, .add-mobile-stroke-lighter-to-child-on-hover:hover .add-mobile-stroke-lighter-on-parent-hover { stroke: #3ea78b !important; }

.add-mobile-stroke-lightest, .add-mobile-stroke-lightest-before:before, .add-mobile-stroke-lightest-after:after, .add-mobile-stroke-lightest-on-hover:hover, .add-mobile-stroke-lightest-to-child-on-hover:hover .add-mobile-stroke-lightest-on-parent-hover { stroke: #57c1a5 !important; }

.add-mobile-stroke-dark, .add-mobile-stroke-dark-before:before, .add-mobile-stroke-dark-after:after, .add-mobile-stroke-dark-on-hover:hover, .add-mobile-stroke-dark-to-child-on-hover:hover .add-mobile-stroke-dark-on-parent-hover { stroke: #296f5d !important; }

.add-mobile-stroke-darker, .add-mobile-stroke-darker-before:before, .add-mobile-stroke-darker-after:after, .add-mobile-stroke-darker-on-hover:hover, .add-mobile-stroke-darker-to-child-on-hover:hover .add-mobile-stroke-darker-on-parent-hover { stroke: #225d4d !important; }

.add-mobile-stroke-darkest, .add-mobile-stroke-darkest-before:before, .add-mobile-stroke-darkest-after:after, .add-mobile-stroke-darkest-on-hover:hover, .add-mobile-stroke-darkest-to-child-on-hover:hover .add-mobile-stroke-darkest-on-parent-hover { stroke: #14382e !important; }

.add-mobile-color, .add-mobile-color-before:before, .add-mobile-color-after:after, .add-mobile-color-on-hover:hover, .add-mobile-color-to-child-on-hover:hover .add-mobile-color-on-parent-hover { color: #30826C !important; }

.add-mobile-color-light, .add-mobile-color-light-before:before, .add-mobile-color-light-after:after, .add-mobile-color-light-on-hover:hover, .add-mobile-color-light-to-child-on-hover:hover .add-mobile-color-light-on-parent-hover { color: #37957b !important; }

.add-mobile-color-lighter, .add-mobile-color-lighter-before:before, .add-mobile-color-lighter-after:after, .add-mobile-color-lighter-on-hover:hover, .add-mobile-color-lighter-to-child-on-hover:hover .add-mobile-color-lighter-on-parent-hover { color: #3ea78b !important; }

.add-mobile-color-lightest, .add-mobile-color-lightest-before:before, .add-mobile-color-lightest-after:after, .add-mobile-color-lightest-on-hover:hover, .add-mobile-color-lightest-to-child-on-hover:hover .add-mobile-color-lightest-on-parent-hover { color: #57c1a5 !important; }

.add-mobile-color-dark, .add-mobile-color-dark-before:before, .add-mobile-color-dark-after:after, .add-mobile-color-dark-on-hover:hover, .add-mobile-color-dark-to-child-on-hover:hover .add-mobile-color-dark-on-parent-hover { color: #296f5d !important; }

.add-mobile-color-darker, .add-mobile-color-darker-before:before, .add-mobile-color-darker-after:after, .add-mobile-color-darker-on-hover:hover, .add-mobile-color-darker-to-child-on-hover:hover .add-mobile-color-darker-on-parent-hover { color: #225d4d !important; }

.add-mobile-color-darkest, .add-mobile-color-darkest-before:before, .add-mobile-color-darkest-after:after, .add-mobile-color-darkest-on-hover:hover, .add-mobile-color-darkest-to-child-on-hover:hover .add-mobile-color-darkest-on-parent-hover { color: #14382e !important; }

.add-mobile-border-color, .add-mobile-border-color-before:before, .add-mobile-border-color-after:after, .add-mobile-border-color-on-hover:hover, .add-mobile-border-color-to-child-on-hover:hover .add-mobile-border-color-on-parent-hover { border-color: #30826C !important; }

.add-mobile-border-color-light, .add-mobile-border-color-light-before:before, .add-mobile-border-color-light-after:after, .add-mobile-border-color-light-on-hover:hover, .add-mobile-border-color-light-to-child-on-hover:hover .add-mobile-border-color-light-on-parent-hover { border-color: #37957b !important; }

.add-mobile-border-color-lighter, .add-mobile-border-color-lighter-before:before, .add-mobile-border-color-lighter-after:after, .add-mobile-border-color-lighter-on-hover:hover, .add-mobile-border-color-lighter-to-child-on-hover:hover .add-mobile-border-color-lighter-on-parent-hover { border-color: #3ea78b !important; }

.add-mobile-border-color-lightest, .add-mobile-border-color-lightest-before:before, .add-mobile-border-color-lightest-after:after, .add-mobile-border-color-lightest-on-hover:hover, .add-mobile-border-color-lightest-to-child-on-hover:hover .add-mobile-border-color-lightest-on-parent-hover { border-color: #57c1a5 !important; }

.add-mobile-border-color-dark, .add-mobile-border-color-dark-before:before, .add-mobile-border-color-dark-after:after, .add-mobile-border-color-dark-on-hover:hover, .add-mobile-border-color-dark-to-child-on-hover:hover .add-mobile-border-color-dark-on-parent-hover { border-color: #296f5d !important; }

.add-mobile-border-color-darker, .add-mobile-border-color-darker-before:before, .add-mobile-border-color-darker-after:after, .add-mobile-border-color-darker-on-hover:hover, .add-mobile-border-color-darker-to-child-on-hover:hover .add-mobile-border-color-darker-on-parent-hover { border-color: #225d4d !important; }

.add-mobile-border-color-darkest, .add-mobile-border-color-darkest-before:before, .add-mobile-border-color-darkest-after:after, .add-mobile-border-color-darkest-on-hover:hover, .add-mobile-border-color-darkest-to-child-on-hover:hover .add-mobile-border-color-darkest-on-parent-hover { border-color: #14382e !important; }

.add-mobile-background-color, .add-mobile-background-color-before:before, .add-mobile-background-color-after:after, .add-mobile-background-color-on-hover:hover, .add-mobile-background-color-to-child-on-hover:hover .add-mobile-background-color-on-parent-hover { background-color: #30826C !important; }

.add-mobile-background-color-light, .add-mobile-background-color-light-before:before, .add-mobile-background-color-light-after:after, .add-mobile-background-color-light-on-hover:hover, .add-mobile-background-color-light-to-child-on-hover:hover .add-mobile-background-color-light-on-parent-hover { background-color: #37957b !important; }

.add-mobile-background-color-lighter, .add-mobile-background-color-lighter-before:before, .add-mobile-background-color-lighter-after:after, .add-mobile-background-color-lighter-on-hover:hover, .add-mobile-background-color-lighter-to-child-on-hover:hover .add-mobile-background-color-lighter-on-parent-hover { background-color: #3ea78b !important; }

.add-mobile-background-color-lightest, .add-mobile-background-color-lightest-before:before, .add-mobile-background-color-lightest-after:after, .add-mobile-background-color-lightest-on-hover:hover, .add-mobile-background-color-lightest-to-child-on-hover:hover .add-mobile-background-color-lightest-on-parent-hover { background-color: #57c1a5 !important; }

.add-mobile-background-color-dark, .add-mobile-background-color-dark-before:before, .add-mobile-background-color-dark-after:after, .add-mobile-background-color-dark-on-hover:hover, .add-mobile-background-color-dark-to-child-on-hover:hover .add-mobile-background-color-dark-on-parent-hover { background-color: #296f5d !important; }

.add-mobile-background-color-darker, .add-mobile-background-color-darker-before:before, .add-mobile-background-color-darker-after:after, .add-mobile-background-color-darker-on-hover:hover, .add-mobile-background-color-darker-to-child-on-hover:hover .add-mobile-background-color-darker-on-parent-hover { background-color: #225d4d !important; }

.add-mobile-background-color-darkest, .add-mobile-background-color-darkest-before:before, .add-mobile-background-color-darkest-after:after, .add-mobile-background-color-darkest-on-hover:hover, .add-mobile-background-color-darkest-to-child-on-hover:hover .add-mobile-background-color-darkest-on-parent-hover { background-color: #14382e !important; }

.add-internal-fill, .add-internal-fill-before:before, .add-internal-fill-after:after, .add-internal-fill-on-hover:hover, .add-internal-fill-to-child-on-hover:hover .add-internal-fill-on-parent-hover { fill: #55616c !important; }

.add-internal-fill-light, .add-internal-fill-light-before:before, .add-internal-fill-light-after:after, .add-internal-fill-light-on-hover:hover, .add-internal-fill-light-to-child-on-hover:hover .add-internal-fill-light-on-parent-hover { fill: #606e7a !important; }

.add-internal-fill-lighter, .add-internal-fill-lighter-before:before, .add-internal-fill-lighter-after:after, .add-internal-fill-lighter-on-hover:hover, .add-internal-fill-lighter-to-child-on-hover:hover .add-internal-fill-lighter-on-parent-hover { fill: #6b7b89 !important; }

.add-internal-fill-lightest, .add-internal-fill-lightest-before:before, .add-internal-fill-lightest-after:after, .add-internal-fill-lightest-on-hover:hover, .add-internal-fill-lightest-to-child-on-hover:hover .add-internal-fill-lightest-on-parent-hover { fill: #8794a0 !important; }

.add-internal-fill-dark, .add-internal-fill-dark-before:before, .add-internal-fill-dark-after:after, .add-internal-fill-dark-on-hover:hover, .add-internal-fill-dark-to-child-on-hover:hover .add-internal-fill-dark-on-parent-hover { fill: #4a545e !important; }

.add-internal-fill-darker, .add-internal-fill-darker-before:before, .add-internal-fill-darker-after:after, .add-internal-fill-darker-on-hover:hover, .add-internal-fill-darker-to-child-on-hover:hover .add-internal-fill-darker-on-parent-hover { fill: #3f474f !important; }

.add-internal-fill-darkest, .add-internal-fill-darkest-before:before, .add-internal-fill-darkest-after:after, .add-internal-fill-darkest-on-hover:hover, .add-internal-fill-darkest-to-child-on-hover:hover .add-internal-fill-darkest-on-parent-hover { fill: #282e33 !important; }

.add-internal-stroke, .add-internal-stroke-before:before, .add-internal-stroke-after:after, .add-internal-stroke-on-hover:hover, .add-internal-stroke-to-child-on-hover:hover .add-internal-stroke-on-parent-hover { stroke: #55616c !important; }

.add-internal-stroke-light, .add-internal-stroke-light-before:before, .add-internal-stroke-light-after:after, .add-internal-stroke-light-on-hover:hover, .add-internal-stroke-light-to-child-on-hover:hover .add-internal-stroke-light-on-parent-hover { stroke: #606e7a !important; }

.add-internal-stroke-lighter, .add-internal-stroke-lighter-before:before, .add-internal-stroke-lighter-after:after, .add-internal-stroke-lighter-on-hover:hover, .add-internal-stroke-lighter-to-child-on-hover:hover .add-internal-stroke-lighter-on-parent-hover { stroke: #6b7b89 !important; }

.add-internal-stroke-lightest, .add-internal-stroke-lightest-before:before, .add-internal-stroke-lightest-after:after, .add-internal-stroke-lightest-on-hover:hover, .add-internal-stroke-lightest-to-child-on-hover:hover .add-internal-stroke-lightest-on-parent-hover { stroke: #8794a0 !important; }

.add-internal-stroke-dark, .add-internal-stroke-dark-before:before, .add-internal-stroke-dark-after:after, .add-internal-stroke-dark-on-hover:hover, .add-internal-stroke-dark-to-child-on-hover:hover .add-internal-stroke-dark-on-parent-hover { stroke: #4a545e !important; }

.add-internal-stroke-darker, .add-internal-stroke-darker-before:before, .add-internal-stroke-darker-after:after, .add-internal-stroke-darker-on-hover:hover, .add-internal-stroke-darker-to-child-on-hover:hover .add-internal-stroke-darker-on-parent-hover { stroke: #3f474f !important; }

.add-internal-stroke-darkest, .add-internal-stroke-darkest-before:before, .add-internal-stroke-darkest-after:after, .add-internal-stroke-darkest-on-hover:hover, .add-internal-stroke-darkest-to-child-on-hover:hover .add-internal-stroke-darkest-on-parent-hover { stroke: #282e33 !important; }

.add-internal-color, .add-internal-color-before:before, .add-internal-color-after:after, .add-internal-color-on-hover:hover, .add-internal-color-to-child-on-hover:hover .add-internal-color-on-parent-hover { color: #55616c !important; }

.add-internal-color-light, .add-internal-color-light-before:before, .add-internal-color-light-after:after, .add-internal-color-light-on-hover:hover, .add-internal-color-light-to-child-on-hover:hover .add-internal-color-light-on-parent-hover { color: #606e7a !important; }

.add-internal-color-lighter, .add-internal-color-lighter-before:before, .add-internal-color-lighter-after:after, .add-internal-color-lighter-on-hover:hover, .add-internal-color-lighter-to-child-on-hover:hover .add-internal-color-lighter-on-parent-hover { color: #6b7b89 !important; }

.add-internal-color-lightest, .add-internal-color-lightest-before:before, .add-internal-color-lightest-after:after, .add-internal-color-lightest-on-hover:hover, .add-internal-color-lightest-to-child-on-hover:hover .add-internal-color-lightest-on-parent-hover { color: #8794a0 !important; }

.add-internal-color-dark, .add-internal-color-dark-before:before, .add-internal-color-dark-after:after, .add-internal-color-dark-on-hover:hover, .add-internal-color-dark-to-child-on-hover:hover .add-internal-color-dark-on-parent-hover { color: #4a545e !important; }

.add-internal-color-darker, .add-internal-color-darker-before:before, .add-internal-color-darker-after:after, .add-internal-color-darker-on-hover:hover, .add-internal-color-darker-to-child-on-hover:hover .add-internal-color-darker-on-parent-hover { color: #3f474f !important; }

.add-internal-color-darkest, .add-internal-color-darkest-before:before, .add-internal-color-darkest-after:after, .add-internal-color-darkest-on-hover:hover, .add-internal-color-darkest-to-child-on-hover:hover .add-internal-color-darkest-on-parent-hover { color: #282e33 !important; }

.add-internal-border-color, .add-internal-border-color-before:before, .add-internal-border-color-after:after, .add-internal-border-color-on-hover:hover, .add-internal-border-color-to-child-on-hover:hover .add-internal-border-color-on-parent-hover { border-color: #55616c !important; }

.add-internal-border-color-light, .add-internal-border-color-light-before:before, .add-internal-border-color-light-after:after, .add-internal-border-color-light-on-hover:hover, .add-internal-border-color-light-to-child-on-hover:hover .add-internal-border-color-light-on-parent-hover { border-color: #606e7a !important; }

.add-internal-border-color-lighter, .add-internal-border-color-lighter-before:before, .add-internal-border-color-lighter-after:after, .add-internal-border-color-lighter-on-hover:hover, .add-internal-border-color-lighter-to-child-on-hover:hover .add-internal-border-color-lighter-on-parent-hover { border-color: #6b7b89 !important; }

.add-internal-border-color-lightest, .add-internal-border-color-lightest-before:before, .add-internal-border-color-lightest-after:after, .add-internal-border-color-lightest-on-hover:hover, .add-internal-border-color-lightest-to-child-on-hover:hover .add-internal-border-color-lightest-on-parent-hover { border-color: #8794a0 !important; }

.add-internal-border-color-dark, .add-internal-border-color-dark-before:before, .add-internal-border-color-dark-after:after, .add-internal-border-color-dark-on-hover:hover, .add-internal-border-color-dark-to-child-on-hover:hover .add-internal-border-color-dark-on-parent-hover { border-color: #4a545e !important; }

.add-internal-border-color-darker, .add-internal-border-color-darker-before:before, .add-internal-border-color-darker-after:after, .add-internal-border-color-darker-on-hover:hover, .add-internal-border-color-darker-to-child-on-hover:hover .add-internal-border-color-darker-on-parent-hover { border-color: #3f474f !important; }

.add-internal-border-color-darkest, .add-internal-border-color-darkest-before:before, .add-internal-border-color-darkest-after:after, .add-internal-border-color-darkest-on-hover:hover, .add-internal-border-color-darkest-to-child-on-hover:hover .add-internal-border-color-darkest-on-parent-hover { border-color: #282e33 !important; }

.add-internal-background-color, .add-internal-background-color-before:before, .add-internal-background-color-after:after, .add-internal-background-color-on-hover:hover, .add-internal-background-color-to-child-on-hover:hover .add-internal-background-color-on-parent-hover { background-color: #55616c !important; }

.add-internal-background-color-light, .add-internal-background-color-light-before:before, .add-internal-background-color-light-after:after, .add-internal-background-color-light-on-hover:hover, .add-internal-background-color-light-to-child-on-hover:hover .add-internal-background-color-light-on-parent-hover { background-color: #606e7a !important; }

.add-internal-background-color-lighter, .add-internal-background-color-lighter-before:before, .add-internal-background-color-lighter-after:after, .add-internal-background-color-lighter-on-hover:hover, .add-internal-background-color-lighter-to-child-on-hover:hover .add-internal-background-color-lighter-on-parent-hover { background-color: #6b7b89 !important; }

.add-internal-background-color-lightest, .add-internal-background-color-lightest-before:before, .add-internal-background-color-lightest-after:after, .add-internal-background-color-lightest-on-hover:hover, .add-internal-background-color-lightest-to-child-on-hover:hover .add-internal-background-color-lightest-on-parent-hover { background-color: #8794a0 !important; }

.add-internal-background-color-dark, .add-internal-background-color-dark-before:before, .add-internal-background-color-dark-after:after, .add-internal-background-color-dark-on-hover:hover, .add-internal-background-color-dark-to-child-on-hover:hover .add-internal-background-color-dark-on-parent-hover { background-color: #4a545e !important; }

.add-internal-background-color-darker, .add-internal-background-color-darker-before:before, .add-internal-background-color-darker-after:after, .add-internal-background-color-darker-on-hover:hover, .add-internal-background-color-darker-to-child-on-hover:hover .add-internal-background-color-darker-on-parent-hover { background-color: #3f474f !important; }

.add-internal-background-color-darkest, .add-internal-background-color-darkest-before:before, .add-internal-background-color-darkest-after:after, .add-internal-background-color-darkest-on-hover:hover, .add-internal-background-color-darkest-to-child-on-hover:hover .add-internal-background-color-darkest-on-parent-hover { background-color: #282e33 !important; }

.add-foundations-fill, .add-foundations-fill-before:before, .add-foundations-fill-after:after, .add-foundations-fill-on-hover:hover, .add-foundations-fill-to-child-on-hover:hover .add-foundations-fill-on-parent-hover { fill: #004e61 !important; }

.add-foundations-fill-light, .add-foundations-fill-light-before:before, .add-foundations-fill-light-after:after, .add-foundations-fill-light-on-hover:hover, .add-foundations-fill-light-to-child-on-hover:hover .add-foundations-fill-light-on-parent-hover { fill: #00637b !important; }

.add-foundations-fill-lighter, .add-foundations-fill-lighter-before:before, .add-foundations-fill-lighter-after:after, .add-foundations-fill-lighter-on-hover:hover, .add-foundations-fill-lighter-to-child-on-hover:hover .add-foundations-fill-lighter-on-parent-hover { fill: #007794 !important; }

.add-foundations-fill-lightest, .add-foundations-fill-lightest-before:before, .add-foundations-fill-lightest-after:after, .add-foundations-fill-lightest-on-hover:hover, .add-foundations-fill-lightest-to-child-on-hover:hover .add-foundations-fill-lightest-on-parent-hover { fill: #00a0c7 !important; }

.add-foundations-fill-dark, .add-foundations-fill-dark-before:before, .add-foundations-fill-dark-after:after, .add-foundations-fill-dark-on-hover:hover, .add-foundations-fill-dark-to-child-on-hover:hover .add-foundations-fill-dark-on-parent-hover { fill: #003948 !important; }

.add-foundations-fill-darker, .add-foundations-fill-darker-before:before, .add-foundations-fill-darker-after:after, .add-foundations-fill-darker-on-hover:hover, .add-foundations-fill-darker-to-child-on-hover:hover .add-foundations-fill-darker-on-parent-hover { fill: #00252e !important; }

.add-foundations-fill-darkest, .add-foundations-fill-darkest-before:before, .add-foundations-fill-darkest-after:after, .add-foundations-fill-darkest-on-hover:hover, .add-foundations-fill-darkest-to-child-on-hover:hover .add-foundations-fill-darkest-on-parent-hover { fill: black !important; }

.add-foundations-stroke, .add-foundations-stroke-before:before, .add-foundations-stroke-after:after, .add-foundations-stroke-on-hover:hover, .add-foundations-stroke-to-child-on-hover:hover .add-foundations-stroke-on-parent-hover { stroke: #004e61 !important; }

.add-foundations-stroke-light, .add-foundations-stroke-light-before:before, .add-foundations-stroke-light-after:after, .add-foundations-stroke-light-on-hover:hover, .add-foundations-stroke-light-to-child-on-hover:hover .add-foundations-stroke-light-on-parent-hover { stroke: #00637b !important; }

.add-foundations-stroke-lighter, .add-foundations-stroke-lighter-before:before, .add-foundations-stroke-lighter-after:after, .add-foundations-stroke-lighter-on-hover:hover, .add-foundations-stroke-lighter-to-child-on-hover:hover .add-foundations-stroke-lighter-on-parent-hover { stroke: #007794 !important; }

.add-foundations-stroke-lightest, .add-foundations-stroke-lightest-before:before, .add-foundations-stroke-lightest-after:after, .add-foundations-stroke-lightest-on-hover:hover, .add-foundations-stroke-lightest-to-child-on-hover:hover .add-foundations-stroke-lightest-on-parent-hover { stroke: #00a0c7 !important; }

.add-foundations-stroke-dark, .add-foundations-stroke-dark-before:before, .add-foundations-stroke-dark-after:after, .add-foundations-stroke-dark-on-hover:hover, .add-foundations-stroke-dark-to-child-on-hover:hover .add-foundations-stroke-dark-on-parent-hover { stroke: #003948 !important; }

.add-foundations-stroke-darker, .add-foundations-stroke-darker-before:before, .add-foundations-stroke-darker-after:after, .add-foundations-stroke-darker-on-hover:hover, .add-foundations-stroke-darker-to-child-on-hover:hover .add-foundations-stroke-darker-on-parent-hover { stroke: #00252e !important; }

.add-foundations-stroke-darkest, .add-foundations-stroke-darkest-before:before, .add-foundations-stroke-darkest-after:after, .add-foundations-stroke-darkest-on-hover:hover, .add-foundations-stroke-darkest-to-child-on-hover:hover .add-foundations-stroke-darkest-on-parent-hover { stroke: black !important; }

.add-foundations-color, .add-foundations-color-before:before, .add-foundations-color-after:after, .add-foundations-color-on-hover:hover, .add-foundations-color-to-child-on-hover:hover .add-foundations-color-on-parent-hover { color: #004e61 !important; }

.add-foundations-color-light, .add-foundations-color-light-before:before, .add-foundations-color-light-after:after, .add-foundations-color-light-on-hover:hover, .add-foundations-color-light-to-child-on-hover:hover .add-foundations-color-light-on-parent-hover { color: #00637b !important; }

.add-foundations-color-lighter, .add-foundations-color-lighter-before:before, .add-foundations-color-lighter-after:after, .add-foundations-color-lighter-on-hover:hover, .add-foundations-color-lighter-to-child-on-hover:hover .add-foundations-color-lighter-on-parent-hover { color: #007794 !important; }

.add-foundations-color-lightest, .add-foundations-color-lightest-before:before, .add-foundations-color-lightest-after:after, .add-foundations-color-lightest-on-hover:hover, .add-foundations-color-lightest-to-child-on-hover:hover .add-foundations-color-lightest-on-parent-hover { color: #00a0c7 !important; }

.add-foundations-color-dark, .add-foundations-color-dark-before:before, .add-foundations-color-dark-after:after, .add-foundations-color-dark-on-hover:hover, .add-foundations-color-dark-to-child-on-hover:hover .add-foundations-color-dark-on-parent-hover { color: #003948 !important; }

.add-foundations-color-darker, .add-foundations-color-darker-before:before, .add-foundations-color-darker-after:after, .add-foundations-color-darker-on-hover:hover, .add-foundations-color-darker-to-child-on-hover:hover .add-foundations-color-darker-on-parent-hover { color: #00252e !important; }

.add-foundations-color-darkest, .add-foundations-color-darkest-before:before, .add-foundations-color-darkest-after:after, .add-foundations-color-darkest-on-hover:hover, .add-foundations-color-darkest-to-child-on-hover:hover .add-foundations-color-darkest-on-parent-hover { color: black !important; }

.add-foundations-border-color, .add-foundations-border-color-before:before, .add-foundations-border-color-after:after, .add-foundations-border-color-on-hover:hover, .add-foundations-border-color-to-child-on-hover:hover .add-foundations-border-color-on-parent-hover { border-color: #004e61 !important; }

.add-foundations-border-color-light, .add-foundations-border-color-light-before:before, .add-foundations-border-color-light-after:after, .add-foundations-border-color-light-on-hover:hover, .add-foundations-border-color-light-to-child-on-hover:hover .add-foundations-border-color-light-on-parent-hover { border-color: #00637b !important; }

.add-foundations-border-color-lighter, .add-foundations-border-color-lighter-before:before, .add-foundations-border-color-lighter-after:after, .add-foundations-border-color-lighter-on-hover:hover, .add-foundations-border-color-lighter-to-child-on-hover:hover .add-foundations-border-color-lighter-on-parent-hover { border-color: #007794 !important; }

.add-foundations-border-color-lightest, .add-foundations-border-color-lightest-before:before, .add-foundations-border-color-lightest-after:after, .add-foundations-border-color-lightest-on-hover:hover, .add-foundations-border-color-lightest-to-child-on-hover:hover .add-foundations-border-color-lightest-on-parent-hover { border-color: #00a0c7 !important; }

.add-foundations-border-color-dark, .add-foundations-border-color-dark-before:before, .add-foundations-border-color-dark-after:after, .add-foundations-border-color-dark-on-hover:hover, .add-foundations-border-color-dark-to-child-on-hover:hover .add-foundations-border-color-dark-on-parent-hover { border-color: #003948 !important; }

.add-foundations-border-color-darker, .add-foundations-border-color-darker-before:before, .add-foundations-border-color-darker-after:after, .add-foundations-border-color-darker-on-hover:hover, .add-foundations-border-color-darker-to-child-on-hover:hover .add-foundations-border-color-darker-on-parent-hover { border-color: #00252e !important; }

.add-foundations-border-color-darkest, .add-foundations-border-color-darkest-before:before, .add-foundations-border-color-darkest-after:after, .add-foundations-border-color-darkest-on-hover:hover, .add-foundations-border-color-darkest-to-child-on-hover:hover .add-foundations-border-color-darkest-on-parent-hover { border-color: black !important; }

.add-foundations-background-color, .add-foundations-background-color-before:before, .add-foundations-background-color-after:after, .add-foundations-background-color-on-hover:hover, .add-foundations-background-color-to-child-on-hover:hover .add-foundations-background-color-on-parent-hover { background-color: #004e61 !important; }

.add-foundations-background-color-light, .add-foundations-background-color-light-before:before, .add-foundations-background-color-light-after:after, .add-foundations-background-color-light-on-hover:hover, .add-foundations-background-color-light-to-child-on-hover:hover .add-foundations-background-color-light-on-parent-hover { background-color: #00637b !important; }

.add-foundations-background-color-lighter, .add-foundations-background-color-lighter-before:before, .add-foundations-background-color-lighter-after:after, .add-foundations-background-color-lighter-on-hover:hover, .add-foundations-background-color-lighter-to-child-on-hover:hover .add-foundations-background-color-lighter-on-parent-hover { background-color: #007794 !important; }

.add-foundations-background-color-lightest, .add-foundations-background-color-lightest-before:before, .add-foundations-background-color-lightest-after:after, .add-foundations-background-color-lightest-on-hover:hover, .add-foundations-background-color-lightest-to-child-on-hover:hover .add-foundations-background-color-lightest-on-parent-hover { background-color: #00a0c7 !important; }

.add-foundations-background-color-dark, .add-foundations-background-color-dark-before:before, .add-foundations-background-color-dark-after:after, .add-foundations-background-color-dark-on-hover:hover, .add-foundations-background-color-dark-to-child-on-hover:hover .add-foundations-background-color-dark-on-parent-hover { background-color: #003948 !important; }

.add-foundations-background-color-darker, .add-foundations-background-color-darker-before:before, .add-foundations-background-color-darker-after:after, .add-foundations-background-color-darker-on-hover:hover, .add-foundations-background-color-darker-to-child-on-hover:hover .add-foundations-background-color-darker-on-parent-hover { background-color: #00252e !important; }

.add-foundations-background-color-darkest, .add-foundations-background-color-darkest-before:before, .add-foundations-background-color-darkest-after:after, .add-foundations-background-color-darkest-on-hover:hover, .add-foundations-background-color-darkest-to-child-on-hover:hover .add-foundations-background-color-darkest-on-parent-hover { background-color: black !important; }

.add-undefined-fill, .add-undefined-fill-before:before, .add-undefined-fill-after:after, .add-undefined-fill-on-hover:hover, .add-undefined-fill-to-child-on-hover:hover .add-undefined-fill-on-parent-hover { fill: #55616c !important; }

.add-undefined-fill-light, .add-undefined-fill-light-before:before, .add-undefined-fill-light-after:after, .add-undefined-fill-light-on-hover:hover, .add-undefined-fill-light-to-child-on-hover:hover .add-undefined-fill-light-on-parent-hover { fill: #606e7a !important; }

.add-undefined-fill-lighter, .add-undefined-fill-lighter-before:before, .add-undefined-fill-lighter-after:after, .add-undefined-fill-lighter-on-hover:hover, .add-undefined-fill-lighter-to-child-on-hover:hover .add-undefined-fill-lighter-on-parent-hover { fill: #6b7b89 !important; }

.add-undefined-fill-lightest, .add-undefined-fill-lightest-before:before, .add-undefined-fill-lightest-after:after, .add-undefined-fill-lightest-on-hover:hover, .add-undefined-fill-lightest-to-child-on-hover:hover .add-undefined-fill-lightest-on-parent-hover { fill: #8794a0 !important; }

.add-undefined-fill-dark, .add-undefined-fill-dark-before:before, .add-undefined-fill-dark-after:after, .add-undefined-fill-dark-on-hover:hover, .add-undefined-fill-dark-to-child-on-hover:hover .add-undefined-fill-dark-on-parent-hover { fill: #4a545e !important; }

.add-undefined-fill-darker, .add-undefined-fill-darker-before:before, .add-undefined-fill-darker-after:after, .add-undefined-fill-darker-on-hover:hover, .add-undefined-fill-darker-to-child-on-hover:hover .add-undefined-fill-darker-on-parent-hover { fill: #3f474f !important; }

.add-undefined-fill-darkest, .add-undefined-fill-darkest-before:before, .add-undefined-fill-darkest-after:after, .add-undefined-fill-darkest-on-hover:hover, .add-undefined-fill-darkest-to-child-on-hover:hover .add-undefined-fill-darkest-on-parent-hover { fill: #282e33 !important; }

.add-undefined-stroke, .add-undefined-stroke-before:before, .add-undefined-stroke-after:after, .add-undefined-stroke-on-hover:hover, .add-undefined-stroke-to-child-on-hover:hover .add-undefined-stroke-on-parent-hover { stroke: #55616c !important; }

.add-undefined-stroke-light, .add-undefined-stroke-light-before:before, .add-undefined-stroke-light-after:after, .add-undefined-stroke-light-on-hover:hover, .add-undefined-stroke-light-to-child-on-hover:hover .add-undefined-stroke-light-on-parent-hover { stroke: #606e7a !important; }

.add-undefined-stroke-lighter, .add-undefined-stroke-lighter-before:before, .add-undefined-stroke-lighter-after:after, .add-undefined-stroke-lighter-on-hover:hover, .add-undefined-stroke-lighter-to-child-on-hover:hover .add-undefined-stroke-lighter-on-parent-hover { stroke: #6b7b89 !important; }

.add-undefined-stroke-lightest, .add-undefined-stroke-lightest-before:before, .add-undefined-stroke-lightest-after:after, .add-undefined-stroke-lightest-on-hover:hover, .add-undefined-stroke-lightest-to-child-on-hover:hover .add-undefined-stroke-lightest-on-parent-hover { stroke: #8794a0 !important; }

.add-undefined-stroke-dark, .add-undefined-stroke-dark-before:before, .add-undefined-stroke-dark-after:after, .add-undefined-stroke-dark-on-hover:hover, .add-undefined-stroke-dark-to-child-on-hover:hover .add-undefined-stroke-dark-on-parent-hover { stroke: #4a545e !important; }

.add-undefined-stroke-darker, .add-undefined-stroke-darker-before:before, .add-undefined-stroke-darker-after:after, .add-undefined-stroke-darker-on-hover:hover, .add-undefined-stroke-darker-to-child-on-hover:hover .add-undefined-stroke-darker-on-parent-hover { stroke: #3f474f !important; }

.add-undefined-stroke-darkest, .add-undefined-stroke-darkest-before:before, .add-undefined-stroke-darkest-after:after, .add-undefined-stroke-darkest-on-hover:hover, .add-undefined-stroke-darkest-to-child-on-hover:hover .add-undefined-stroke-darkest-on-parent-hover { stroke: #282e33 !important; }

.add-undefined-color, .add-undefined-color-before:before, .add-undefined-color-after:after, .add-undefined-color-on-hover:hover, .add-undefined-color-to-child-on-hover:hover .add-undefined-color-on-parent-hover { color: #55616c !important; }

.add-undefined-color-light, .add-undefined-color-light-before:before, .add-undefined-color-light-after:after, .add-undefined-color-light-on-hover:hover, .add-undefined-color-light-to-child-on-hover:hover .add-undefined-color-light-on-parent-hover { color: #606e7a !important; }

.add-undefined-color-lighter, .add-undefined-color-lighter-before:before, .add-undefined-color-lighter-after:after, .add-undefined-color-lighter-on-hover:hover, .add-undefined-color-lighter-to-child-on-hover:hover .add-undefined-color-lighter-on-parent-hover { color: #6b7b89 !important; }

.add-undefined-color-lightest, .add-undefined-color-lightest-before:before, .add-undefined-color-lightest-after:after, .add-undefined-color-lightest-on-hover:hover, .add-undefined-color-lightest-to-child-on-hover:hover .add-undefined-color-lightest-on-parent-hover { color: #8794a0 !important; }

.add-undefined-color-dark, .add-undefined-color-dark-before:before, .add-undefined-color-dark-after:after, .add-undefined-color-dark-on-hover:hover, .add-undefined-color-dark-to-child-on-hover:hover .add-undefined-color-dark-on-parent-hover { color: #4a545e !important; }

.add-undefined-color-darker, .add-undefined-color-darker-before:before, .add-undefined-color-darker-after:after, .add-undefined-color-darker-on-hover:hover, .add-undefined-color-darker-to-child-on-hover:hover .add-undefined-color-darker-on-parent-hover { color: #3f474f !important; }

.add-undefined-color-darkest, .add-undefined-color-darkest-before:before, .add-undefined-color-darkest-after:after, .add-undefined-color-darkest-on-hover:hover, .add-undefined-color-darkest-to-child-on-hover:hover .add-undefined-color-darkest-on-parent-hover { color: #282e33 !important; }

.add-undefined-border-color, .add-undefined-border-color-before:before, .add-undefined-border-color-after:after, .add-undefined-border-color-on-hover:hover, .add-undefined-border-color-to-child-on-hover:hover .add-undefined-border-color-on-parent-hover { border-color: #55616c !important; }

.add-undefined-border-color-light, .add-undefined-border-color-light-before:before, .add-undefined-border-color-light-after:after, .add-undefined-border-color-light-on-hover:hover, .add-undefined-border-color-light-to-child-on-hover:hover .add-undefined-border-color-light-on-parent-hover { border-color: #606e7a !important; }

.add-undefined-border-color-lighter, .add-undefined-border-color-lighter-before:before, .add-undefined-border-color-lighter-after:after, .add-undefined-border-color-lighter-on-hover:hover, .add-undefined-border-color-lighter-to-child-on-hover:hover .add-undefined-border-color-lighter-on-parent-hover { border-color: #6b7b89 !important; }

.add-undefined-border-color-lightest, .add-undefined-border-color-lightest-before:before, .add-undefined-border-color-lightest-after:after, .add-undefined-border-color-lightest-on-hover:hover, .add-undefined-border-color-lightest-to-child-on-hover:hover .add-undefined-border-color-lightest-on-parent-hover { border-color: #8794a0 !important; }

.add-undefined-border-color-dark, .add-undefined-border-color-dark-before:before, .add-undefined-border-color-dark-after:after, .add-undefined-border-color-dark-on-hover:hover, .add-undefined-border-color-dark-to-child-on-hover:hover .add-undefined-border-color-dark-on-parent-hover { border-color: #4a545e !important; }

.add-undefined-border-color-darker, .add-undefined-border-color-darker-before:before, .add-undefined-border-color-darker-after:after, .add-undefined-border-color-darker-on-hover:hover, .add-undefined-border-color-darker-to-child-on-hover:hover .add-undefined-border-color-darker-on-parent-hover { border-color: #3f474f !important; }

.add-undefined-border-color-darkest, .add-undefined-border-color-darkest-before:before, .add-undefined-border-color-darkest-after:after, .add-undefined-border-color-darkest-on-hover:hover, .add-undefined-border-color-darkest-to-child-on-hover:hover .add-undefined-border-color-darkest-on-parent-hover { border-color: #282e33 !important; }

.add-undefined-background-color, .add-undefined-background-color-before:before, .add-undefined-background-color-after:after, .add-undefined-background-color-on-hover:hover, .add-undefined-background-color-to-child-on-hover:hover .add-undefined-background-color-on-parent-hover { background-color: #55616c !important; }

.add-undefined-background-color-light, .add-undefined-background-color-light-before:before, .add-undefined-background-color-light-after:after, .add-undefined-background-color-light-on-hover:hover, .add-undefined-background-color-light-to-child-on-hover:hover .add-undefined-background-color-light-on-parent-hover { background-color: #606e7a !important; }

.add-undefined-background-color-lighter, .add-undefined-background-color-lighter-before:before, .add-undefined-background-color-lighter-after:after, .add-undefined-background-color-lighter-on-hover:hover, .add-undefined-background-color-lighter-to-child-on-hover:hover .add-undefined-background-color-lighter-on-parent-hover { background-color: #6b7b89 !important; }

.add-undefined-background-color-lightest, .add-undefined-background-color-lightest-before:before, .add-undefined-background-color-lightest-after:after, .add-undefined-background-color-lightest-on-hover:hover, .add-undefined-background-color-lightest-to-child-on-hover:hover .add-undefined-background-color-lightest-on-parent-hover { background-color: #8794a0 !important; }

.add-undefined-background-color-dark, .add-undefined-background-color-dark-before:before, .add-undefined-background-color-dark-after:after, .add-undefined-background-color-dark-on-hover:hover, .add-undefined-background-color-dark-to-child-on-hover:hover .add-undefined-background-color-dark-on-parent-hover { background-color: #4a545e !important; }

.add-undefined-background-color-darker, .add-undefined-background-color-darker-before:before, .add-undefined-background-color-darker-after:after, .add-undefined-background-color-darker-on-hover:hover, .add-undefined-background-color-darker-to-child-on-hover:hover .add-undefined-background-color-darker-on-parent-hover { background-color: #3f474f !important; }

.add-undefined-background-color-darkest, .add-undefined-background-color-darkest-before:before, .add-undefined-background-color-darkest-after:after, .add-undefined-background-color-darkest-on-hover:hover, .add-undefined-background-color-darkest-to-child-on-hover:hover .add-undefined-background-color-darkest-on-parent-hover { background-color: #282e33 !important; }

.add-college-credit-fill, .add-college-credit-fill-before:before, .add-college-credit-fill-after:after, .add-college-credit-fill-on-hover:hover, .add-college-credit-fill-to-child-on-hover:hover .add-college-credit-fill-on-parent-hover { fill: #3887c8 !important; }

.add-college-credit-fill-light, .add-college-credit-fill-light-before:before, .add-college-credit-fill-light-after:after, .add-college-credit-fill-light-on-hover:hover, .add-college-credit-fill-light-to-child-on-hover:hover .add-college-credit-fill-light-on-parent-hover { fill: #4c93ce !important; }

.add-college-credit-fill-lighter, .add-college-credit-fill-lighter-before:before, .add-college-credit-fill-lighter-after:after, .add-college-credit-fill-lighter-on-hover:hover, .add-college-credit-fill-lighter-to-child-on-hover:hover .add-college-credit-fill-lighter-on-parent-hover { fill: #609fd3 !important; }

.add-college-credit-fill-lightest, .add-college-credit-fill-lightest-before:before, .add-college-credit-fill-lightest-after:after, .add-college-credit-fill-lightest-on-hover:hover, .add-college-credit-fill-lightest-to-child-on-hover:hover .add-college-credit-fill-lightest-on-parent-hover { fill: #88b7de !important; }

.add-college-credit-fill-dark, .add-college-credit-fill-dark-before:before, .add-college-credit-fill-dark-after:after, .add-college-credit-fill-dark-on-hover:hover, .add-college-credit-fill-dark-to-child-on-hover:hover .add-college-credit-fill-dark-on-parent-hover { fill: #327ab5 !important; }

.add-college-credit-fill-darker, .add-college-credit-fill-darker-before:before, .add-college-credit-fill-darker-after:after, .add-college-credit-fill-darker-on-hover:hover, .add-college-credit-fill-darker-to-child-on-hover:hover .add-college-credit-fill-darker-on-parent-hover { fill: #2c6ca1 !important; }

.add-college-credit-fill-darkest, .add-college-credit-fill-darkest-before:before, .add-college-credit-fill-darkest-after:after, .add-college-credit-fill-darkest-on-hover:hover, .add-college-credit-fill-darkest-to-child-on-hover:hover .add-college-credit-fill-darkest-on-parent-hover { fill: #215179 !important; }

.add-college-credit-stroke, .add-college-credit-stroke-before:before, .add-college-credit-stroke-after:after, .add-college-credit-stroke-on-hover:hover, .add-college-credit-stroke-to-child-on-hover:hover .add-college-credit-stroke-on-parent-hover { stroke: #3887c8 !important; }

.add-college-credit-stroke-light, .add-college-credit-stroke-light-before:before, .add-college-credit-stroke-light-after:after, .add-college-credit-stroke-light-on-hover:hover, .add-college-credit-stroke-light-to-child-on-hover:hover .add-college-credit-stroke-light-on-parent-hover { stroke: #4c93ce !important; }

.add-college-credit-stroke-lighter, .add-college-credit-stroke-lighter-before:before, .add-college-credit-stroke-lighter-after:after, .add-college-credit-stroke-lighter-on-hover:hover, .add-college-credit-stroke-lighter-to-child-on-hover:hover .add-college-credit-stroke-lighter-on-parent-hover { stroke: #609fd3 !important; }

.add-college-credit-stroke-lightest, .add-college-credit-stroke-lightest-before:before, .add-college-credit-stroke-lightest-after:after, .add-college-credit-stroke-lightest-on-hover:hover, .add-college-credit-stroke-lightest-to-child-on-hover:hover .add-college-credit-stroke-lightest-on-parent-hover { stroke: #88b7de !important; }

.add-college-credit-stroke-dark, .add-college-credit-stroke-dark-before:before, .add-college-credit-stroke-dark-after:after, .add-college-credit-stroke-dark-on-hover:hover, .add-college-credit-stroke-dark-to-child-on-hover:hover .add-college-credit-stroke-dark-on-parent-hover { stroke: #327ab5 !important; }

.add-college-credit-stroke-darker, .add-college-credit-stroke-darker-before:before, .add-college-credit-stroke-darker-after:after, .add-college-credit-stroke-darker-on-hover:hover, .add-college-credit-stroke-darker-to-child-on-hover:hover .add-college-credit-stroke-darker-on-parent-hover { stroke: #2c6ca1 !important; }

.add-college-credit-stroke-darkest, .add-college-credit-stroke-darkest-before:before, .add-college-credit-stroke-darkest-after:after, .add-college-credit-stroke-darkest-on-hover:hover, .add-college-credit-stroke-darkest-to-child-on-hover:hover .add-college-credit-stroke-darkest-on-parent-hover { stroke: #215179 !important; }

.add-college-credit-color, .add-college-credit-color-before:before, .add-college-credit-color-after:after, .add-college-credit-color-on-hover:hover, .add-college-credit-color-to-child-on-hover:hover .add-college-credit-color-on-parent-hover { color: #3887c8 !important; }

.add-college-credit-color-light, .add-college-credit-color-light-before:before, .add-college-credit-color-light-after:after, .add-college-credit-color-light-on-hover:hover, .add-college-credit-color-light-to-child-on-hover:hover .add-college-credit-color-light-on-parent-hover { color: #4c93ce !important; }

.add-college-credit-color-lighter, .add-college-credit-color-lighter-before:before, .add-college-credit-color-lighter-after:after, .add-college-credit-color-lighter-on-hover:hover, .add-college-credit-color-lighter-to-child-on-hover:hover .add-college-credit-color-lighter-on-parent-hover { color: #609fd3 !important; }

.add-college-credit-color-lightest, .add-college-credit-color-lightest-before:before, .add-college-credit-color-lightest-after:after, .add-college-credit-color-lightest-on-hover:hover, .add-college-credit-color-lightest-to-child-on-hover:hover .add-college-credit-color-lightest-on-parent-hover { color: #88b7de !important; }

.add-college-credit-color-dark, .add-college-credit-color-dark-before:before, .add-college-credit-color-dark-after:after, .add-college-credit-color-dark-on-hover:hover, .add-college-credit-color-dark-to-child-on-hover:hover .add-college-credit-color-dark-on-parent-hover { color: #327ab5 !important; }

.add-college-credit-color-darker, .add-college-credit-color-darker-before:before, .add-college-credit-color-darker-after:after, .add-college-credit-color-darker-on-hover:hover, .add-college-credit-color-darker-to-child-on-hover:hover .add-college-credit-color-darker-on-parent-hover { color: #2c6ca1 !important; }

.add-college-credit-color-darkest, .add-college-credit-color-darkest-before:before, .add-college-credit-color-darkest-after:after, .add-college-credit-color-darkest-on-hover:hover, .add-college-credit-color-darkest-to-child-on-hover:hover .add-college-credit-color-darkest-on-parent-hover { color: #215179 !important; }

.add-college-credit-border-color, .add-college-credit-border-color-before:before, .add-college-credit-border-color-after:after, .add-college-credit-border-color-on-hover:hover, .add-college-credit-border-color-to-child-on-hover:hover .add-college-credit-border-color-on-parent-hover { border-color: #3887c8 !important; }

.add-college-credit-border-color-light, .add-college-credit-border-color-light-before:before, .add-college-credit-border-color-light-after:after, .add-college-credit-border-color-light-on-hover:hover, .add-college-credit-border-color-light-to-child-on-hover:hover .add-college-credit-border-color-light-on-parent-hover { border-color: #4c93ce !important; }

.add-college-credit-border-color-lighter, .add-college-credit-border-color-lighter-before:before, .add-college-credit-border-color-lighter-after:after, .add-college-credit-border-color-lighter-on-hover:hover, .add-college-credit-border-color-lighter-to-child-on-hover:hover .add-college-credit-border-color-lighter-on-parent-hover { border-color: #609fd3 !important; }

.add-college-credit-border-color-lightest, .add-college-credit-border-color-lightest-before:before, .add-college-credit-border-color-lightest-after:after, .add-college-credit-border-color-lightest-on-hover:hover, .add-college-credit-border-color-lightest-to-child-on-hover:hover .add-college-credit-border-color-lightest-on-parent-hover { border-color: #88b7de !important; }

.add-college-credit-border-color-dark, .add-college-credit-border-color-dark-before:before, .add-college-credit-border-color-dark-after:after, .add-college-credit-border-color-dark-on-hover:hover, .add-college-credit-border-color-dark-to-child-on-hover:hover .add-college-credit-border-color-dark-on-parent-hover { border-color: #327ab5 !important; }

.add-college-credit-border-color-darker, .add-college-credit-border-color-darker-before:before, .add-college-credit-border-color-darker-after:after, .add-college-credit-border-color-darker-on-hover:hover, .add-college-credit-border-color-darker-to-child-on-hover:hover .add-college-credit-border-color-darker-on-parent-hover { border-color: #2c6ca1 !important; }

.add-college-credit-border-color-darkest, .add-college-credit-border-color-darkest-before:before, .add-college-credit-border-color-darkest-after:after, .add-college-credit-border-color-darkest-on-hover:hover, .add-college-credit-border-color-darkest-to-child-on-hover:hover .add-college-credit-border-color-darkest-on-parent-hover { border-color: #215179 !important; }

.add-college-credit-background-color, .add-college-credit-background-color-before:before, .add-college-credit-background-color-after:after, .add-college-credit-background-color-on-hover:hover, .add-college-credit-background-color-to-child-on-hover:hover .add-college-credit-background-color-on-parent-hover { background-color: #3887c8 !important; }

.add-college-credit-background-color-light, .add-college-credit-background-color-light-before:before, .add-college-credit-background-color-light-after:after, .add-college-credit-background-color-light-on-hover:hover, .add-college-credit-background-color-light-to-child-on-hover:hover .add-college-credit-background-color-light-on-parent-hover { background-color: #4c93ce !important; }

.add-college-credit-background-color-lighter, .add-college-credit-background-color-lighter-before:before, .add-college-credit-background-color-lighter-after:after, .add-college-credit-background-color-lighter-on-hover:hover, .add-college-credit-background-color-lighter-to-child-on-hover:hover .add-college-credit-background-color-lighter-on-parent-hover { background-color: #609fd3 !important; }

.add-college-credit-background-color-lightest, .add-college-credit-background-color-lightest-before:before, .add-college-credit-background-color-lightest-after:after, .add-college-credit-background-color-lightest-on-hover:hover, .add-college-credit-background-color-lightest-to-child-on-hover:hover .add-college-credit-background-color-lightest-on-parent-hover { background-color: #88b7de !important; }

.add-college-credit-background-color-dark, .add-college-credit-background-color-dark-before:before, .add-college-credit-background-color-dark-after:after, .add-college-credit-background-color-dark-on-hover:hover, .add-college-credit-background-color-dark-to-child-on-hover:hover .add-college-credit-background-color-dark-on-parent-hover { background-color: #327ab5 !important; }

.add-college-credit-background-color-darker, .add-college-credit-background-color-darker-before:before, .add-college-credit-background-color-darker-after:after, .add-college-credit-background-color-darker-on-hover:hover, .add-college-credit-background-color-darker-to-child-on-hover:hover .add-college-credit-background-color-darker-on-parent-hover { background-color: #2c6ca1 !important; }

.add-college-credit-background-color-darkest, .add-college-credit-background-color-darkest-before:before, .add-college-credit-background-color-darkest-after:after, .add-college-credit-background-color-darkest-on-hover:hover, .add-college-credit-background-color-darkest-to-child-on-hover:hover .add-college-credit-background-color-darkest-on-parent-hover { background-color: #215179 !important; }

.add-no-code-fill, .add-no-code-fill-before:before, .add-no-code-fill-after:after, .add-no-code-fill-on-hover:hover, .add-no-code-fill-to-child-on-hover:hover .add-no-code-fill-on-parent-hover { fill: #31AF7F !important; }

.add-no-code-fill-light, .add-no-code-fill-light-before:before, .add-no-code-fill-light-after:after, .add-no-code-fill-light-on-hover:hover, .add-no-code-fill-light-to-child-on-hover:hover .add-no-code-fill-light-on-parent-hover { fill: #37c38d !important; }

.add-no-code-fill-lighter, .add-no-code-fill-lighter-before:before, .add-no-code-fill-lighter-after:after, .add-no-code-fill-lighter-on-hover:hover, .add-no-code-fill-lighter-to-child-on-hover:hover .add-no-code-fill-lighter-on-parent-hover { fill: #47cc99 !important; }

.add-no-code-fill-lightest, .add-no-code-fill-lightest-before:before, .add-no-code-fill-lightest-after:after, .add-no-code-fill-lightest-on-hover:hover, .add-no-code-fill-lightest-to-child-on-hover:hover .add-no-code-fill-lightest-on-parent-hover { fill: #6fd7af !important; }

.add-no-code-fill-dark, .add-no-code-fill-dark-before:before, .add-no-code-fill-dark-after:after, .add-no-code-fill-dark-on-hover:hover, .add-no-code-fill-dark-to-child-on-hover:hover .add-no-code-fill-dark-on-parent-hover { fill: #2b9b71 !important; }

.add-no-code-fill-darker, .add-no-code-fill-darker-before:before, .add-no-code-fill-darker-after:after, .add-no-code-fill-darker-on-hover:hover, .add-no-code-fill-darker-to-child-on-hover:hover .add-no-code-fill-darker-on-parent-hover { fill: #268762 !important; }

.add-no-code-fill-darkest, .add-no-code-fill-darkest-before:before, .add-no-code-fill-darkest-after:after, .add-no-code-fill-darkest-on-hover:hover, .add-no-code-fill-darkest-to-child-on-hover:hover .add-no-code-fill-darkest-on-parent-hover { fill: #1b5f45 !important; }

.add-no-code-stroke, .add-no-code-stroke-before:before, .add-no-code-stroke-after:after, .add-no-code-stroke-on-hover:hover, .add-no-code-stroke-to-child-on-hover:hover .add-no-code-stroke-on-parent-hover { stroke: #31AF7F !important; }

.add-no-code-stroke-light, .add-no-code-stroke-light-before:before, .add-no-code-stroke-light-after:after, .add-no-code-stroke-light-on-hover:hover, .add-no-code-stroke-light-to-child-on-hover:hover .add-no-code-stroke-light-on-parent-hover { stroke: #37c38d !important; }

.add-no-code-stroke-lighter, .add-no-code-stroke-lighter-before:before, .add-no-code-stroke-lighter-after:after, .add-no-code-stroke-lighter-on-hover:hover, .add-no-code-stroke-lighter-to-child-on-hover:hover .add-no-code-stroke-lighter-on-parent-hover { stroke: #47cc99 !important; }

.add-no-code-stroke-lightest, .add-no-code-stroke-lightest-before:before, .add-no-code-stroke-lightest-after:after, .add-no-code-stroke-lightest-on-hover:hover, .add-no-code-stroke-lightest-to-child-on-hover:hover .add-no-code-stroke-lightest-on-parent-hover { stroke: #6fd7af !important; }

.add-no-code-stroke-dark, .add-no-code-stroke-dark-before:before, .add-no-code-stroke-dark-after:after, .add-no-code-stroke-dark-on-hover:hover, .add-no-code-stroke-dark-to-child-on-hover:hover .add-no-code-stroke-dark-on-parent-hover { stroke: #2b9b71 !important; }

.add-no-code-stroke-darker, .add-no-code-stroke-darker-before:before, .add-no-code-stroke-darker-after:after, .add-no-code-stroke-darker-on-hover:hover, .add-no-code-stroke-darker-to-child-on-hover:hover .add-no-code-stroke-darker-on-parent-hover { stroke: #268762 !important; }

.add-no-code-stroke-darkest, .add-no-code-stroke-darkest-before:before, .add-no-code-stroke-darkest-after:after, .add-no-code-stroke-darkest-on-hover:hover, .add-no-code-stroke-darkest-to-child-on-hover:hover .add-no-code-stroke-darkest-on-parent-hover { stroke: #1b5f45 !important; }

.add-no-code-color, .add-no-code-color-before:before, .add-no-code-color-after:after, .add-no-code-color-on-hover:hover, .add-no-code-color-to-child-on-hover:hover .add-no-code-color-on-parent-hover { color: #31AF7F !important; }

.add-no-code-color-light, .add-no-code-color-light-before:before, .add-no-code-color-light-after:after, .add-no-code-color-light-on-hover:hover, .add-no-code-color-light-to-child-on-hover:hover .add-no-code-color-light-on-parent-hover { color: #37c38d !important; }

.add-no-code-color-lighter, .add-no-code-color-lighter-before:before, .add-no-code-color-lighter-after:after, .add-no-code-color-lighter-on-hover:hover, .add-no-code-color-lighter-to-child-on-hover:hover .add-no-code-color-lighter-on-parent-hover { color: #47cc99 !important; }

.add-no-code-color-lightest, .add-no-code-color-lightest-before:before, .add-no-code-color-lightest-after:after, .add-no-code-color-lightest-on-hover:hover, .add-no-code-color-lightest-to-child-on-hover:hover .add-no-code-color-lightest-on-parent-hover { color: #6fd7af !important; }

.add-no-code-color-dark, .add-no-code-color-dark-before:before, .add-no-code-color-dark-after:after, .add-no-code-color-dark-on-hover:hover, .add-no-code-color-dark-to-child-on-hover:hover .add-no-code-color-dark-on-parent-hover { color: #2b9b71 !important; }

.add-no-code-color-darker, .add-no-code-color-darker-before:before, .add-no-code-color-darker-after:after, .add-no-code-color-darker-on-hover:hover, .add-no-code-color-darker-to-child-on-hover:hover .add-no-code-color-darker-on-parent-hover { color: #268762 !important; }

.add-no-code-color-darkest, .add-no-code-color-darkest-before:before, .add-no-code-color-darkest-after:after, .add-no-code-color-darkest-on-hover:hover, .add-no-code-color-darkest-to-child-on-hover:hover .add-no-code-color-darkest-on-parent-hover { color: #1b5f45 !important; }

.add-no-code-border-color, .add-no-code-border-color-before:before, .add-no-code-border-color-after:after, .add-no-code-border-color-on-hover:hover, .add-no-code-border-color-to-child-on-hover:hover .add-no-code-border-color-on-parent-hover { border-color: #31AF7F !important; }

.add-no-code-border-color-light, .add-no-code-border-color-light-before:before, .add-no-code-border-color-light-after:after, .add-no-code-border-color-light-on-hover:hover, .add-no-code-border-color-light-to-child-on-hover:hover .add-no-code-border-color-light-on-parent-hover { border-color: #37c38d !important; }

.add-no-code-border-color-lighter, .add-no-code-border-color-lighter-before:before, .add-no-code-border-color-lighter-after:after, .add-no-code-border-color-lighter-on-hover:hover, .add-no-code-border-color-lighter-to-child-on-hover:hover .add-no-code-border-color-lighter-on-parent-hover { border-color: #47cc99 !important; }

.add-no-code-border-color-lightest, .add-no-code-border-color-lightest-before:before, .add-no-code-border-color-lightest-after:after, .add-no-code-border-color-lightest-on-hover:hover, .add-no-code-border-color-lightest-to-child-on-hover:hover .add-no-code-border-color-lightest-on-parent-hover { border-color: #6fd7af !important; }

.add-no-code-border-color-dark, .add-no-code-border-color-dark-before:before, .add-no-code-border-color-dark-after:after, .add-no-code-border-color-dark-on-hover:hover, .add-no-code-border-color-dark-to-child-on-hover:hover .add-no-code-border-color-dark-on-parent-hover { border-color: #2b9b71 !important; }

.add-no-code-border-color-darker, .add-no-code-border-color-darker-before:before, .add-no-code-border-color-darker-after:after, .add-no-code-border-color-darker-on-hover:hover, .add-no-code-border-color-darker-to-child-on-hover:hover .add-no-code-border-color-darker-on-parent-hover { border-color: #268762 !important; }

.add-no-code-border-color-darkest, .add-no-code-border-color-darkest-before:before, .add-no-code-border-color-darkest-after:after, .add-no-code-border-color-darkest-on-hover:hover, .add-no-code-border-color-darkest-to-child-on-hover:hover .add-no-code-border-color-darkest-on-parent-hover { border-color: #1b5f45 !important; }

.add-no-code-background-color, .add-no-code-background-color-before:before, .add-no-code-background-color-after:after, .add-no-code-background-color-on-hover:hover, .add-no-code-background-color-to-child-on-hover:hover .add-no-code-background-color-on-parent-hover { background-color: #31AF7F !important; }

.add-no-code-background-color-light, .add-no-code-background-color-light-before:before, .add-no-code-background-color-light-after:after, .add-no-code-background-color-light-on-hover:hover, .add-no-code-background-color-light-to-child-on-hover:hover .add-no-code-background-color-light-on-parent-hover { background-color: #37c38d !important; }

.add-no-code-background-color-lighter, .add-no-code-background-color-lighter-before:before, .add-no-code-background-color-lighter-after:after, .add-no-code-background-color-lighter-on-hover:hover, .add-no-code-background-color-lighter-to-child-on-hover:hover .add-no-code-background-color-lighter-on-parent-hover { background-color: #47cc99 !important; }

.add-no-code-background-color-lightest, .add-no-code-background-color-lightest-before:before, .add-no-code-background-color-lightest-after:after, .add-no-code-background-color-lightest-on-hover:hover, .add-no-code-background-color-lightest-to-child-on-hover:hover .add-no-code-background-color-lightest-on-parent-hover { background-color: #6fd7af !important; }

.add-no-code-background-color-dark, .add-no-code-background-color-dark-before:before, .add-no-code-background-color-dark-after:after, .add-no-code-background-color-dark-on-hover:hover, .add-no-code-background-color-dark-to-child-on-hover:hover .add-no-code-background-color-dark-on-parent-hover { background-color: #2b9b71 !important; }

.add-no-code-background-color-darker, .add-no-code-background-color-darker-before:before, .add-no-code-background-color-darker-after:after, .add-no-code-background-color-darker-on-hover:hover, .add-no-code-background-color-darker-to-child-on-hover:hover .add-no-code-background-color-darker-on-parent-hover { background-color: #268762 !important; }

.add-no-code-background-color-darkest, .add-no-code-background-color-darkest-before:before, .add-no-code-background-color-darkest-after:after, .add-no-code-background-color-darkest-on-hover:hover, .add-no-code-background-color-darkest-to-child-on-hover:hover .add-no-code-background-color-darkest-on-parent-hover { background-color: #1b5f45 !important; }

.add-security-fill, .add-security-fill-before:before, .add-security-fill-after:after, .add-security-fill-on-hover:hover, .add-security-fill-to-child-on-hover:hover .add-security-fill-on-parent-hover { fill: #409BE9 !important; }

.add-security-fill-light, .add-security-fill-light-before:before, .add-security-fill-light-after:after, .add-security-fill-light-on-hover:hover, .add-security-fill-light-to-child-on-hover:hover .add-security-fill-light-on-parent-hover { fill: #57a7ec !important; }

.add-security-fill-lighter, .add-security-fill-lighter-before:before, .add-security-fill-lighter-after:after, .add-security-fill-lighter-on-hover:hover, .add-security-fill-lighter-to-child-on-hover:hover .add-security-fill-lighter-on-parent-hover { fill: #6eb3ee !important; }

.add-security-fill-lightest, .add-security-fill-lightest-before:before, .add-security-fill-lightest-after:after, .add-security-fill-lightest-on-hover:hover, .add-security-fill-lightest-to-child-on-hover:hover .add-security-fill-lightest-on-parent-hover { fill: #9bcbf4 !important; }

.add-security-fill-dark, .add-security-fill-dark-before:before, .add-security-fill-dark-after:after, .add-security-fill-dark-on-hover:hover, .add-security-fill-dark-to-child-on-hover:hover .add-security-fill-dark-on-parent-hover { fill: #298fe6 !important; }

.add-security-fill-darker, .add-security-fill-darker-before:before, .add-security-fill-darker-after:after, .add-security-fill-darker-on-hover:hover, .add-security-fill-darker-to-child-on-hover:hover .add-security-fill-darker-on-parent-hover { fill: #1983dd !important; }

.add-security-fill-darkest, .add-security-fill-darkest-before:before, .add-security-fill-darkest-after:after, .add-security-fill-darkest-on-hover:hover, .add-security-fill-darkest-to-child-on-hover:hover .add-security-fill-darkest-on-parent-hover { fill: #1467af !important; }

.add-security-stroke, .add-security-stroke-before:before, .add-security-stroke-after:after, .add-security-stroke-on-hover:hover, .add-security-stroke-to-child-on-hover:hover .add-security-stroke-on-parent-hover { stroke: #409BE9 !important; }

.add-security-stroke-light, .add-security-stroke-light-before:before, .add-security-stroke-light-after:after, .add-security-stroke-light-on-hover:hover, .add-security-stroke-light-to-child-on-hover:hover .add-security-stroke-light-on-parent-hover { stroke: #57a7ec !important; }

.add-security-stroke-lighter, .add-security-stroke-lighter-before:before, .add-security-stroke-lighter-after:after, .add-security-stroke-lighter-on-hover:hover, .add-security-stroke-lighter-to-child-on-hover:hover .add-security-stroke-lighter-on-parent-hover { stroke: #6eb3ee !important; }

.add-security-stroke-lightest, .add-security-stroke-lightest-before:before, .add-security-stroke-lightest-after:after, .add-security-stroke-lightest-on-hover:hover, .add-security-stroke-lightest-to-child-on-hover:hover .add-security-stroke-lightest-on-parent-hover { stroke: #9bcbf4 !important; }

.add-security-stroke-dark, .add-security-stroke-dark-before:before, .add-security-stroke-dark-after:after, .add-security-stroke-dark-on-hover:hover, .add-security-stroke-dark-to-child-on-hover:hover .add-security-stroke-dark-on-parent-hover { stroke: #298fe6 !important; }

.add-security-stroke-darker, .add-security-stroke-darker-before:before, .add-security-stroke-darker-after:after, .add-security-stroke-darker-on-hover:hover, .add-security-stroke-darker-to-child-on-hover:hover .add-security-stroke-darker-on-parent-hover { stroke: #1983dd !important; }

.add-security-stroke-darkest, .add-security-stroke-darkest-before:before, .add-security-stroke-darkest-after:after, .add-security-stroke-darkest-on-hover:hover, .add-security-stroke-darkest-to-child-on-hover:hover .add-security-stroke-darkest-on-parent-hover { stroke: #1467af !important; }

.add-security-color, .add-security-color-before:before, .add-security-color-after:after, .add-security-color-on-hover:hover, .add-security-color-to-child-on-hover:hover .add-security-color-on-parent-hover { color: #409BE9 !important; }

.add-security-color-light, .add-security-color-light-before:before, .add-security-color-light-after:after, .add-security-color-light-on-hover:hover, .add-security-color-light-to-child-on-hover:hover .add-security-color-light-on-parent-hover { color: #57a7ec !important; }

.add-security-color-lighter, .add-security-color-lighter-before:before, .add-security-color-lighter-after:after, .add-security-color-lighter-on-hover:hover, .add-security-color-lighter-to-child-on-hover:hover .add-security-color-lighter-on-parent-hover { color: #6eb3ee !important; }

.add-security-color-lightest, .add-security-color-lightest-before:before, .add-security-color-lightest-after:after, .add-security-color-lightest-on-hover:hover, .add-security-color-lightest-to-child-on-hover:hover .add-security-color-lightest-on-parent-hover { color: #9bcbf4 !important; }

.add-security-color-dark, .add-security-color-dark-before:before, .add-security-color-dark-after:after, .add-security-color-dark-on-hover:hover, .add-security-color-dark-to-child-on-hover:hover .add-security-color-dark-on-parent-hover { color: #298fe6 !important; }

.add-security-color-darker, .add-security-color-darker-before:before, .add-security-color-darker-after:after, .add-security-color-darker-on-hover:hover, .add-security-color-darker-to-child-on-hover:hover .add-security-color-darker-on-parent-hover { color: #1983dd !important; }

.add-security-color-darkest, .add-security-color-darkest-before:before, .add-security-color-darkest-after:after, .add-security-color-darkest-on-hover:hover, .add-security-color-darkest-to-child-on-hover:hover .add-security-color-darkest-on-parent-hover { color: #1467af !important; }

.add-security-border-color, .add-security-border-color-before:before, .add-security-border-color-after:after, .add-security-border-color-on-hover:hover, .add-security-border-color-to-child-on-hover:hover .add-security-border-color-on-parent-hover { border-color: #409BE9 !important; }

.add-security-border-color-light, .add-security-border-color-light-before:before, .add-security-border-color-light-after:after, .add-security-border-color-light-on-hover:hover, .add-security-border-color-light-to-child-on-hover:hover .add-security-border-color-light-on-parent-hover { border-color: #57a7ec !important; }

.add-security-border-color-lighter, .add-security-border-color-lighter-before:before, .add-security-border-color-lighter-after:after, .add-security-border-color-lighter-on-hover:hover, .add-security-border-color-lighter-to-child-on-hover:hover .add-security-border-color-lighter-on-parent-hover { border-color: #6eb3ee !important; }

.add-security-border-color-lightest, .add-security-border-color-lightest-before:before, .add-security-border-color-lightest-after:after, .add-security-border-color-lightest-on-hover:hover, .add-security-border-color-lightest-to-child-on-hover:hover .add-security-border-color-lightest-on-parent-hover { border-color: #9bcbf4 !important; }

.add-security-border-color-dark, .add-security-border-color-dark-before:before, .add-security-border-color-dark-after:after, .add-security-border-color-dark-on-hover:hover, .add-security-border-color-dark-to-child-on-hover:hover .add-security-border-color-dark-on-parent-hover { border-color: #298fe6 !important; }

.add-security-border-color-darker, .add-security-border-color-darker-before:before, .add-security-border-color-darker-after:after, .add-security-border-color-darker-on-hover:hover, .add-security-border-color-darker-to-child-on-hover:hover .add-security-border-color-darker-on-parent-hover { border-color: #1983dd !important; }

.add-security-border-color-darkest, .add-security-border-color-darkest-before:before, .add-security-border-color-darkest-after:after, .add-security-border-color-darkest-on-hover:hover, .add-security-border-color-darkest-to-child-on-hover:hover .add-security-border-color-darkest-on-parent-hover { border-color: #1467af !important; }

.add-security-background-color, .add-security-background-color-before:before, .add-security-background-color-after:after, .add-security-background-color-on-hover:hover, .add-security-background-color-to-child-on-hover:hover .add-security-background-color-on-parent-hover { background-color: #409BE9 !important; }

.add-security-background-color-light, .add-security-background-color-light-before:before, .add-security-background-color-light-after:after, .add-security-background-color-light-on-hover:hover, .add-security-background-color-light-to-child-on-hover:hover .add-security-background-color-light-on-parent-hover { background-color: #57a7ec !important; }

.add-security-background-color-lighter, .add-security-background-color-lighter-before:before, .add-security-background-color-lighter-after:after, .add-security-background-color-lighter-on-hover:hover, .add-security-background-color-lighter-to-child-on-hover:hover .add-security-background-color-lighter-on-parent-hover { background-color: #6eb3ee !important; }

.add-security-background-color-lightest, .add-security-background-color-lightest-before:before, .add-security-background-color-lightest-after:after, .add-security-background-color-lightest-on-hover:hover, .add-security-background-color-lightest-to-child-on-hover:hover .add-security-background-color-lightest-on-parent-hover { background-color: #9bcbf4 !important; }

.add-security-background-color-dark, .add-security-background-color-dark-before:before, .add-security-background-color-dark-after:after, .add-security-background-color-dark-on-hover:hover, .add-security-background-color-dark-to-child-on-hover:hover .add-security-background-color-dark-on-parent-hover { background-color: #298fe6 !important; }

.add-security-background-color-darker, .add-security-background-color-darker-before:before, .add-security-background-color-darker-after:after, .add-security-background-color-darker-on-hover:hover, .add-security-background-color-darker-to-child-on-hover:hover .add-security-background-color-darker-on-parent-hover { background-color: #1983dd !important; }

.add-security-background-color-darkest, .add-security-background-color-darkest-before:before, .add-security-background-color-darkest-after:after, .add-security-background-color-darkest-on-hover:hover, .add-security-background-color-darkest-to-child-on-hover:hover .add-security-background-color-darkest-on-parent-hover { background-color: #1467af !important; }

.add-game-development-fill, .add-game-development-fill-before:before, .add-game-development-fill-after:after, .add-game-development-fill-on-hover:hover, .add-game-development-fill-to-child-on-hover:hover .add-game-development-fill-on-parent-hover { fill: #856fc4 !important; }

.add-game-development-fill-light, .add-game-development-fill-light-before:before, .add-game-development-fill-light-after:after, .add-game-development-fill-light-on-hover:hover, .add-game-development-fill-light-to-child-on-hover:hover .add-game-development-fill-light-on-parent-hover { fill: #9481cb !important; }

.add-game-development-fill-lighter, .add-game-development-fill-lighter-before:before, .add-game-development-fill-lighter-after:after, .add-game-development-fill-lighter-on-hover:hover, .add-game-development-fill-lighter-to-child-on-hover:hover .add-game-development-fill-lighter-on-parent-hover { fill: #a493d3 !important; }

.add-game-development-fill-lightest, .add-game-development-fill-lightest-before:before, .add-game-development-fill-lightest-after:after, .add-game-development-fill-lightest-on-hover:hover, .add-game-development-fill-lightest-to-child-on-hover:hover .add-game-development-fill-lightest-on-parent-hover { fill: #c2b7e2 !important; }

.add-game-development-fill-dark, .add-game-development-fill-dark-before:before, .add-game-development-fill-dark-after:after, .add-game-development-fill-dark-on-hover:hover, .add-game-development-fill-dark-to-child-on-hover:hover .add-game-development-fill-dark-on-parent-hover { fill: #765dbd !important; }

.add-game-development-fill-darker, .add-game-development-fill-darker-before:before, .add-game-development-fill-darker-after:after, .add-game-development-fill-darker-on-hover:hover, .add-game-development-fill-darker-to-child-on-hover:hover .add-game-development-fill-darker-on-parent-hover { fill: #664bb5 !important; }

.add-game-development-fill-darkest, .add-game-development-fill-darkest-before:before, .add-game-development-fill-darkest-after:after, .add-game-development-fill-darkest-on-hover:hover, .add-game-development-fill-darkest-to-child-on-hover:hover .add-game-development-fill-darkest-on-parent-hover { fill: #523c91 !important; }

.add-game-development-stroke, .add-game-development-stroke-before:before, .add-game-development-stroke-after:after, .add-game-development-stroke-on-hover:hover, .add-game-development-stroke-to-child-on-hover:hover .add-game-development-stroke-on-parent-hover { stroke: #856fc4 !important; }

.add-game-development-stroke-light, .add-game-development-stroke-light-before:before, .add-game-development-stroke-light-after:after, .add-game-development-stroke-light-on-hover:hover, .add-game-development-stroke-light-to-child-on-hover:hover .add-game-development-stroke-light-on-parent-hover { stroke: #9481cb !important; }

.add-game-development-stroke-lighter, .add-game-development-stroke-lighter-before:before, .add-game-development-stroke-lighter-after:after, .add-game-development-stroke-lighter-on-hover:hover, .add-game-development-stroke-lighter-to-child-on-hover:hover .add-game-development-stroke-lighter-on-parent-hover { stroke: #a493d3 !important; }

.add-game-development-stroke-lightest, .add-game-development-stroke-lightest-before:before, .add-game-development-stroke-lightest-after:after, .add-game-development-stroke-lightest-on-hover:hover, .add-game-development-stroke-lightest-to-child-on-hover:hover .add-game-development-stroke-lightest-on-parent-hover { stroke: #c2b7e2 !important; }

.add-game-development-stroke-dark, .add-game-development-stroke-dark-before:before, .add-game-development-stroke-dark-after:after, .add-game-development-stroke-dark-on-hover:hover, .add-game-development-stroke-dark-to-child-on-hover:hover .add-game-development-stroke-dark-on-parent-hover { stroke: #765dbd !important; }

.add-game-development-stroke-darker, .add-game-development-stroke-darker-before:before, .add-game-development-stroke-darker-after:after, .add-game-development-stroke-darker-on-hover:hover, .add-game-development-stroke-darker-to-child-on-hover:hover .add-game-development-stroke-darker-on-parent-hover { stroke: #664bb5 !important; }

.add-game-development-stroke-darkest, .add-game-development-stroke-darkest-before:before, .add-game-development-stroke-darkest-after:after, .add-game-development-stroke-darkest-on-hover:hover, .add-game-development-stroke-darkest-to-child-on-hover:hover .add-game-development-stroke-darkest-on-parent-hover { stroke: #523c91 !important; }

.add-game-development-color, .add-game-development-color-before:before, .add-game-development-color-after:after, .add-game-development-color-on-hover:hover, .add-game-development-color-to-child-on-hover:hover .add-game-development-color-on-parent-hover { color: #856fc4 !important; }

.add-game-development-color-light, .add-game-development-color-light-before:before, .add-game-development-color-light-after:after, .add-game-development-color-light-on-hover:hover, .add-game-development-color-light-to-child-on-hover:hover .add-game-development-color-light-on-parent-hover { color: #9481cb !important; }

.add-game-development-color-lighter, .add-game-development-color-lighter-before:before, .add-game-development-color-lighter-after:after, .add-game-development-color-lighter-on-hover:hover, .add-game-development-color-lighter-to-child-on-hover:hover .add-game-development-color-lighter-on-parent-hover { color: #a493d3 !important; }

.add-game-development-color-lightest, .add-game-development-color-lightest-before:before, .add-game-development-color-lightest-after:after, .add-game-development-color-lightest-on-hover:hover, .add-game-development-color-lightest-to-child-on-hover:hover .add-game-development-color-lightest-on-parent-hover { color: #c2b7e2 !important; }

.add-game-development-color-dark, .add-game-development-color-dark-before:before, .add-game-development-color-dark-after:after, .add-game-development-color-dark-on-hover:hover, .add-game-development-color-dark-to-child-on-hover:hover .add-game-development-color-dark-on-parent-hover { color: #765dbd !important; }

.add-game-development-color-darker, .add-game-development-color-darker-before:before, .add-game-development-color-darker-after:after, .add-game-development-color-darker-on-hover:hover, .add-game-development-color-darker-to-child-on-hover:hover .add-game-development-color-darker-on-parent-hover { color: #664bb5 !important; }

.add-game-development-color-darkest, .add-game-development-color-darkest-before:before, .add-game-development-color-darkest-after:after, .add-game-development-color-darkest-on-hover:hover, .add-game-development-color-darkest-to-child-on-hover:hover .add-game-development-color-darkest-on-parent-hover { color: #523c91 !important; }

.add-game-development-border-color, .add-game-development-border-color-before:before, .add-game-development-border-color-after:after, .add-game-development-border-color-on-hover:hover, .add-game-development-border-color-to-child-on-hover:hover .add-game-development-border-color-on-parent-hover { border-color: #856fc4 !important; }

.add-game-development-border-color-light, .add-game-development-border-color-light-before:before, .add-game-development-border-color-light-after:after, .add-game-development-border-color-light-on-hover:hover, .add-game-development-border-color-light-to-child-on-hover:hover .add-game-development-border-color-light-on-parent-hover { border-color: #9481cb !important; }

.add-game-development-border-color-lighter, .add-game-development-border-color-lighter-before:before, .add-game-development-border-color-lighter-after:after, .add-game-development-border-color-lighter-on-hover:hover, .add-game-development-border-color-lighter-to-child-on-hover:hover .add-game-development-border-color-lighter-on-parent-hover { border-color: #a493d3 !important; }

.add-game-development-border-color-lightest, .add-game-development-border-color-lightest-before:before, .add-game-development-border-color-lightest-after:after, .add-game-development-border-color-lightest-on-hover:hover, .add-game-development-border-color-lightest-to-child-on-hover:hover .add-game-development-border-color-lightest-on-parent-hover { border-color: #c2b7e2 !important; }

.add-game-development-border-color-dark, .add-game-development-border-color-dark-before:before, .add-game-development-border-color-dark-after:after, .add-game-development-border-color-dark-on-hover:hover, .add-game-development-border-color-dark-to-child-on-hover:hover .add-game-development-border-color-dark-on-parent-hover { border-color: #765dbd !important; }

.add-game-development-border-color-darker, .add-game-development-border-color-darker-before:before, .add-game-development-border-color-darker-after:after, .add-game-development-border-color-darker-on-hover:hover, .add-game-development-border-color-darker-to-child-on-hover:hover .add-game-development-border-color-darker-on-parent-hover { border-color: #664bb5 !important; }

.add-game-development-border-color-darkest, .add-game-development-border-color-darkest-before:before, .add-game-development-border-color-darkest-after:after, .add-game-development-border-color-darkest-on-hover:hover, .add-game-development-border-color-darkest-to-child-on-hover:hover .add-game-development-border-color-darkest-on-parent-hover { border-color: #523c91 !important; }

.add-game-development-background-color, .add-game-development-background-color-before:before, .add-game-development-background-color-after:after, .add-game-development-background-color-on-hover:hover, .add-game-development-background-color-to-child-on-hover:hover .add-game-development-background-color-on-parent-hover { background-color: #856fc4 !important; }

.add-game-development-background-color-light, .add-game-development-background-color-light-before:before, .add-game-development-background-color-light-after:after, .add-game-development-background-color-light-on-hover:hover, .add-game-development-background-color-light-to-child-on-hover:hover .add-game-development-background-color-light-on-parent-hover { background-color: #9481cb !important; }

.add-game-development-background-color-lighter, .add-game-development-background-color-lighter-before:before, .add-game-development-background-color-lighter-after:after, .add-game-development-background-color-lighter-on-hover:hover, .add-game-development-background-color-lighter-to-child-on-hover:hover .add-game-development-background-color-lighter-on-parent-hover { background-color: #a493d3 !important; }

.add-game-development-background-color-lightest, .add-game-development-background-color-lightest-before:before, .add-game-development-background-color-lightest-after:after, .add-game-development-background-color-lightest-on-hover:hover, .add-game-development-background-color-lightest-to-child-on-hover:hover .add-game-development-background-color-lightest-on-parent-hover { background-color: #c2b7e2 !important; }

.add-game-development-background-color-dark, .add-game-development-background-color-dark-before:before, .add-game-development-background-color-dark-after:after, .add-game-development-background-color-dark-on-hover:hover, .add-game-development-background-color-dark-to-child-on-hover:hover .add-game-development-background-color-dark-on-parent-hover { background-color: #765dbd !important; }

.add-game-development-background-color-darker, .add-game-development-background-color-darker-before:before, .add-game-development-background-color-darker-after:after, .add-game-development-background-color-darker-on-hover:hover, .add-game-development-background-color-darker-to-child-on-hover:hover .add-game-development-background-color-darker-on-parent-hover { background-color: #664bb5 !important; }

.add-game-development-background-color-darkest, .add-game-development-background-color-darkest-before:before, .add-game-development-background-color-darkest-after:after, .add-game-development-background-color-darkest-on-hover:hover, .add-game-development-background-color-darkest-to-child-on-hover:hover .add-game-development-background-color-darkest-on-parent-hover { background-color: #523c91 !important; }

.add-treehouse-resources-fill, .add-treehouse-resources-fill-before:before, .add-treehouse-resources-fill-after:after, .add-treehouse-resources-fill-on-hover:hover, .add-treehouse-resources-fill-to-child-on-hover:hover .add-treehouse-resources-fill-on-parent-hover { fill: #5fcf80 !important; }

.add-treehouse-resources-fill-light, .add-treehouse-resources-fill-light-before:before, .add-treehouse-resources-fill-light-after:after, .add-treehouse-resources-fill-light-on-hover:hover, .add-treehouse-resources-fill-light-to-child-on-hover:hover .add-treehouse-resources-fill-light-on-parent-hover { fill: #73d590 !important; }

.add-treehouse-resources-fill-lighter, .add-treehouse-resources-fill-lighter-before:before, .add-treehouse-resources-fill-lighter-after:after, .add-treehouse-resources-fill-lighter-on-hover:hover, .add-treehouse-resources-fill-lighter-to-child-on-hover:hover .add-treehouse-resources-fill-lighter-on-parent-hover { fill: #86db9f !important; }

.add-treehouse-resources-fill-lightest, .add-treehouse-resources-fill-lightest-before:before, .add-treehouse-resources-fill-lightest-after:after, .add-treehouse-resources-fill-lightest-on-hover:hover, .add-treehouse-resources-fill-lightest-to-child-on-hover:hover .add-treehouse-resources-fill-lightest-on-parent-hover { fill: #ade7be !important; }

.add-treehouse-resources-fill-dark, .add-treehouse-resources-fill-dark-before:before, .add-treehouse-resources-fill-dark-after:after, .add-treehouse-resources-fill-dark-on-hover:hover, .add-treehouse-resources-fill-dark-to-child-on-hover:hover .add-treehouse-resources-fill-dark-on-parent-hover { fill: #4bc970 !important; }

.add-treehouse-resources-fill-darker, .add-treehouse-resources-fill-darker-before:before, .add-treehouse-resources-fill-darker-after:after, .add-treehouse-resources-fill-darker-on-hover:hover, .add-treehouse-resources-fill-darker-to-child-on-hover:hover .add-treehouse-resources-fill-darker-on-parent-hover { fill: #3ac162 !important; }

.add-treehouse-resources-fill-darkest, .add-treehouse-resources-fill-darkest-before:before, .add-treehouse-resources-fill-darkest-after:after, .add-treehouse-resources-fill-darkest-on-hover:hover, .add-treehouse-resources-fill-darkest-to-child-on-hover:hover .add-treehouse-resources-fill-darkest-on-parent-hover { fill: #2e9a4e !important; }

.add-treehouse-resources-stroke, .add-treehouse-resources-stroke-before:before, .add-treehouse-resources-stroke-after:after, .add-treehouse-resources-stroke-on-hover:hover, .add-treehouse-resources-stroke-to-child-on-hover:hover .add-treehouse-resources-stroke-on-parent-hover { stroke: #5fcf80 !important; }

.add-treehouse-resources-stroke-light, .add-treehouse-resources-stroke-light-before:before, .add-treehouse-resources-stroke-light-after:after, .add-treehouse-resources-stroke-light-on-hover:hover, .add-treehouse-resources-stroke-light-to-child-on-hover:hover .add-treehouse-resources-stroke-light-on-parent-hover { stroke: #73d590 !important; }

.add-treehouse-resources-stroke-lighter, .add-treehouse-resources-stroke-lighter-before:before, .add-treehouse-resources-stroke-lighter-after:after, .add-treehouse-resources-stroke-lighter-on-hover:hover, .add-treehouse-resources-stroke-lighter-to-child-on-hover:hover .add-treehouse-resources-stroke-lighter-on-parent-hover { stroke: #86db9f !important; }

.add-treehouse-resources-stroke-lightest, .add-treehouse-resources-stroke-lightest-before:before, .add-treehouse-resources-stroke-lightest-after:after, .add-treehouse-resources-stroke-lightest-on-hover:hover, .add-treehouse-resources-stroke-lightest-to-child-on-hover:hover .add-treehouse-resources-stroke-lightest-on-parent-hover { stroke: #ade7be !important; }

.add-treehouse-resources-stroke-dark, .add-treehouse-resources-stroke-dark-before:before, .add-treehouse-resources-stroke-dark-after:after, .add-treehouse-resources-stroke-dark-on-hover:hover, .add-treehouse-resources-stroke-dark-to-child-on-hover:hover .add-treehouse-resources-stroke-dark-on-parent-hover { stroke: #4bc970 !important; }

.add-treehouse-resources-stroke-darker, .add-treehouse-resources-stroke-darker-before:before, .add-treehouse-resources-stroke-darker-after:after, .add-treehouse-resources-stroke-darker-on-hover:hover, .add-treehouse-resources-stroke-darker-to-child-on-hover:hover .add-treehouse-resources-stroke-darker-on-parent-hover { stroke: #3ac162 !important; }

.add-treehouse-resources-stroke-darkest, .add-treehouse-resources-stroke-darkest-before:before, .add-treehouse-resources-stroke-darkest-after:after, .add-treehouse-resources-stroke-darkest-on-hover:hover, .add-treehouse-resources-stroke-darkest-to-child-on-hover:hover .add-treehouse-resources-stroke-darkest-on-parent-hover { stroke: #2e9a4e !important; }

.add-treehouse-resources-color, .add-treehouse-resources-color-before:before, .add-treehouse-resources-color-after:after, .add-treehouse-resources-color-on-hover:hover, .add-treehouse-resources-color-to-child-on-hover:hover .add-treehouse-resources-color-on-parent-hover { color: #5fcf80 !important; }

.add-treehouse-resources-color-light, .add-treehouse-resources-color-light-before:before, .add-treehouse-resources-color-light-after:after, .add-treehouse-resources-color-light-on-hover:hover, .add-treehouse-resources-color-light-to-child-on-hover:hover .add-treehouse-resources-color-light-on-parent-hover { color: #73d590 !important; }

.add-treehouse-resources-color-lighter, .add-treehouse-resources-color-lighter-before:before, .add-treehouse-resources-color-lighter-after:after, .add-treehouse-resources-color-lighter-on-hover:hover, .add-treehouse-resources-color-lighter-to-child-on-hover:hover .add-treehouse-resources-color-lighter-on-parent-hover { color: #86db9f !important; }

.add-treehouse-resources-color-lightest, .add-treehouse-resources-color-lightest-before:before, .add-treehouse-resources-color-lightest-after:after, .add-treehouse-resources-color-lightest-on-hover:hover, .add-treehouse-resources-color-lightest-to-child-on-hover:hover .add-treehouse-resources-color-lightest-on-parent-hover { color: #ade7be !important; }

.add-treehouse-resources-color-dark, .add-treehouse-resources-color-dark-before:before, .add-treehouse-resources-color-dark-after:after, .add-treehouse-resources-color-dark-on-hover:hover, .add-treehouse-resources-color-dark-to-child-on-hover:hover .add-treehouse-resources-color-dark-on-parent-hover { color: #4bc970 !important; }

.add-treehouse-resources-color-darker, .add-treehouse-resources-color-darker-before:before, .add-treehouse-resources-color-darker-after:after, .add-treehouse-resources-color-darker-on-hover:hover, .add-treehouse-resources-color-darker-to-child-on-hover:hover .add-treehouse-resources-color-darker-on-parent-hover { color: #3ac162 !important; }

.add-treehouse-resources-color-darkest, .add-treehouse-resources-color-darkest-before:before, .add-treehouse-resources-color-darkest-after:after, .add-treehouse-resources-color-darkest-on-hover:hover, .add-treehouse-resources-color-darkest-to-child-on-hover:hover .add-treehouse-resources-color-darkest-on-parent-hover { color: #2e9a4e !important; }

.add-treehouse-resources-border-color, .add-treehouse-resources-border-color-before:before, .add-treehouse-resources-border-color-after:after, .add-treehouse-resources-border-color-on-hover:hover, .add-treehouse-resources-border-color-to-child-on-hover:hover .add-treehouse-resources-border-color-on-parent-hover { border-color: #5fcf80 !important; }

.add-treehouse-resources-border-color-light, .add-treehouse-resources-border-color-light-before:before, .add-treehouse-resources-border-color-light-after:after, .add-treehouse-resources-border-color-light-on-hover:hover, .add-treehouse-resources-border-color-light-to-child-on-hover:hover .add-treehouse-resources-border-color-light-on-parent-hover { border-color: #73d590 !important; }

.add-treehouse-resources-border-color-lighter, .add-treehouse-resources-border-color-lighter-before:before, .add-treehouse-resources-border-color-lighter-after:after, .add-treehouse-resources-border-color-lighter-on-hover:hover, .add-treehouse-resources-border-color-lighter-to-child-on-hover:hover .add-treehouse-resources-border-color-lighter-on-parent-hover { border-color: #86db9f !important; }

.add-treehouse-resources-border-color-lightest, .add-treehouse-resources-border-color-lightest-before:before, .add-treehouse-resources-border-color-lightest-after:after, .add-treehouse-resources-border-color-lightest-on-hover:hover, .add-treehouse-resources-border-color-lightest-to-child-on-hover:hover .add-treehouse-resources-border-color-lightest-on-parent-hover { border-color: #ade7be !important; }

.add-treehouse-resources-border-color-dark, .add-treehouse-resources-border-color-dark-before:before, .add-treehouse-resources-border-color-dark-after:after, .add-treehouse-resources-border-color-dark-on-hover:hover, .add-treehouse-resources-border-color-dark-to-child-on-hover:hover .add-treehouse-resources-border-color-dark-on-parent-hover { border-color: #4bc970 !important; }

.add-treehouse-resources-border-color-darker, .add-treehouse-resources-border-color-darker-before:before, .add-treehouse-resources-border-color-darker-after:after, .add-treehouse-resources-border-color-darker-on-hover:hover, .add-treehouse-resources-border-color-darker-to-child-on-hover:hover .add-treehouse-resources-border-color-darker-on-parent-hover { border-color: #3ac162 !important; }

.add-treehouse-resources-border-color-darkest, .add-treehouse-resources-border-color-darkest-before:before, .add-treehouse-resources-border-color-darkest-after:after, .add-treehouse-resources-border-color-darkest-on-hover:hover, .add-treehouse-resources-border-color-darkest-to-child-on-hover:hover .add-treehouse-resources-border-color-darkest-on-parent-hover { border-color: #2e9a4e !important; }

.add-treehouse-resources-background-color, .add-treehouse-resources-background-color-before:before, .add-treehouse-resources-background-color-after:after, .add-treehouse-resources-background-color-on-hover:hover, .add-treehouse-resources-background-color-to-child-on-hover:hover .add-treehouse-resources-background-color-on-parent-hover { background-color: #5fcf80 !important; }

.add-treehouse-resources-background-color-light, .add-treehouse-resources-background-color-light-before:before, .add-treehouse-resources-background-color-light-after:after, .add-treehouse-resources-background-color-light-on-hover:hover, .add-treehouse-resources-background-color-light-to-child-on-hover:hover .add-treehouse-resources-background-color-light-on-parent-hover { background-color: #73d590 !important; }

.add-treehouse-resources-background-color-lighter, .add-treehouse-resources-background-color-lighter-before:before, .add-treehouse-resources-background-color-lighter-after:after, .add-treehouse-resources-background-color-lighter-on-hover:hover, .add-treehouse-resources-background-color-lighter-to-child-on-hover:hover .add-treehouse-resources-background-color-lighter-on-parent-hover { background-color: #86db9f !important; }

.add-treehouse-resources-background-color-lightest, .add-treehouse-resources-background-color-lightest-before:before, .add-treehouse-resources-background-color-lightest-after:after, .add-treehouse-resources-background-color-lightest-on-hover:hover, .add-treehouse-resources-background-color-lightest-to-child-on-hover:hover .add-treehouse-resources-background-color-lightest-on-parent-hover { background-color: #ade7be !important; }

.add-treehouse-resources-background-color-dark, .add-treehouse-resources-background-color-dark-before:before, .add-treehouse-resources-background-color-dark-after:after, .add-treehouse-resources-background-color-dark-on-hover:hover, .add-treehouse-resources-background-color-dark-to-child-on-hover:hover .add-treehouse-resources-background-color-dark-on-parent-hover { background-color: #4bc970 !important; }

.add-treehouse-resources-background-color-darker, .add-treehouse-resources-background-color-darker-before:before, .add-treehouse-resources-background-color-darker-after:after, .add-treehouse-resources-background-color-darker-on-hover:hover, .add-treehouse-resources-background-color-darker-to-child-on-hover:hover .add-treehouse-resources-background-color-darker-on-parent-hover { background-color: #3ac162 !important; }

.add-treehouse-resources-background-color-darkest, .add-treehouse-resources-background-color-darkest-before:before, .add-treehouse-resources-background-color-darkest-after:after, .add-treehouse-resources-background-color-darkest-on-hover:hover, .add-treehouse-resources-background-color-darkest-to-child-on-hover:hover .add-treehouse-resources-background-color-darkest-on-parent-hover { background-color: #2e9a4e !important; }

.add-coding-for-kids-fill, .add-coding-for-kids-fill-before:before, .add-coding-for-kids-fill-after:after, .add-coding-for-kids-fill-on-hover:hover, .add-coding-for-kids-fill-to-child-on-hover:hover .add-coding-for-kids-fill-on-parent-hover { fill: #F36C27 !important; }

.add-coding-for-kids-fill-light, .add-coding-for-kids-fill-light-before:before, .add-coding-for-kids-fill-light-after:after, .add-coding-for-kids-fill-light-on-hover:hover, .add-coding-for-kids-fill-light-to-child-on-hover:hover .add-coding-for-kids-fill-light-on-parent-hover { fill: #f47c3f !important; }

.add-coding-for-kids-fill-lighter, .add-coding-for-kids-fill-lighter-before:before, .add-coding-for-kids-fill-lighter-after:after, .add-coding-for-kids-fill-lighter-on-hover:hover, .add-coding-for-kids-fill-lighter-to-child-on-hover:hover .add-coding-for-kids-fill-lighter-on-parent-hover { fill: #f68d57 !important; }

.add-coding-for-kids-fill-lightest, .add-coding-for-kids-fill-lightest-before:before, .add-coding-for-kids-fill-lightest-after:after, .add-coding-for-kids-fill-lightest-on-hover:hover, .add-coding-for-kids-fill-lightest-to-child-on-hover:hover .add-coding-for-kids-fill-lightest-on-parent-hover { fill: #f8ae88 !important; }

.add-coding-for-kids-fill-dark, .add-coding-for-kids-fill-dark-before:before, .add-coding-for-kids-fill-dark-after:after, .add-coding-for-kids-fill-dark-on-hover:hover, .add-coding-for-kids-fill-dark-to-child-on-hover:hover .add-coding-for-kids-fill-dark-on-parent-hover { fill: #f25c0f !important; }

.add-coding-for-kids-fill-darker, .add-coding-for-kids-fill-darker-before:before, .add-coding-for-kids-fill-darker-after:after, .add-coding-for-kids-fill-darker-on-hover:hover, .add-coding-for-kids-fill-darker-to-child-on-hover:hover .add-coding-for-kids-fill-darker-on-parent-hover { fill: #db520c !important; }

.add-coding-for-kids-fill-darkest, .add-coding-for-kids-fill-darkest-before:before, .add-coding-for-kids-fill-darkest-after:after, .add-coding-for-kids-fill-darkest-on-hover:hover, .add-coding-for-kids-fill-darkest-to-child-on-hover:hover .add-coding-for-kids-fill-darkest-on-parent-hover { fill: #ab4009 !important; }

.add-coding-for-kids-stroke, .add-coding-for-kids-stroke-before:before, .add-coding-for-kids-stroke-after:after, .add-coding-for-kids-stroke-on-hover:hover, .add-coding-for-kids-stroke-to-child-on-hover:hover .add-coding-for-kids-stroke-on-parent-hover { stroke: #F36C27 !important; }

.add-coding-for-kids-stroke-light, .add-coding-for-kids-stroke-light-before:before, .add-coding-for-kids-stroke-light-after:after, .add-coding-for-kids-stroke-light-on-hover:hover, .add-coding-for-kids-stroke-light-to-child-on-hover:hover .add-coding-for-kids-stroke-light-on-parent-hover { stroke: #f47c3f !important; }

.add-coding-for-kids-stroke-lighter, .add-coding-for-kids-stroke-lighter-before:before, .add-coding-for-kids-stroke-lighter-after:after, .add-coding-for-kids-stroke-lighter-on-hover:hover, .add-coding-for-kids-stroke-lighter-to-child-on-hover:hover .add-coding-for-kids-stroke-lighter-on-parent-hover { stroke: #f68d57 !important; }

.add-coding-for-kids-stroke-lightest, .add-coding-for-kids-stroke-lightest-before:before, .add-coding-for-kids-stroke-lightest-after:after, .add-coding-for-kids-stroke-lightest-on-hover:hover, .add-coding-for-kids-stroke-lightest-to-child-on-hover:hover .add-coding-for-kids-stroke-lightest-on-parent-hover { stroke: #f8ae88 !important; }

.add-coding-for-kids-stroke-dark, .add-coding-for-kids-stroke-dark-before:before, .add-coding-for-kids-stroke-dark-after:after, .add-coding-for-kids-stroke-dark-on-hover:hover, .add-coding-for-kids-stroke-dark-to-child-on-hover:hover .add-coding-for-kids-stroke-dark-on-parent-hover { stroke: #f25c0f !important; }

.add-coding-for-kids-stroke-darker, .add-coding-for-kids-stroke-darker-before:before, .add-coding-for-kids-stroke-darker-after:after, .add-coding-for-kids-stroke-darker-on-hover:hover, .add-coding-for-kids-stroke-darker-to-child-on-hover:hover .add-coding-for-kids-stroke-darker-on-parent-hover { stroke: #db520c !important; }

.add-coding-for-kids-stroke-darkest, .add-coding-for-kids-stroke-darkest-before:before, .add-coding-for-kids-stroke-darkest-after:after, .add-coding-for-kids-stroke-darkest-on-hover:hover, .add-coding-for-kids-stroke-darkest-to-child-on-hover:hover .add-coding-for-kids-stroke-darkest-on-parent-hover { stroke: #ab4009 !important; }

.add-coding-for-kids-color, .add-coding-for-kids-color-before:before, .add-coding-for-kids-color-after:after, .add-coding-for-kids-color-on-hover:hover, .add-coding-for-kids-color-to-child-on-hover:hover .add-coding-for-kids-color-on-parent-hover { color: #F36C27 !important; }

.add-coding-for-kids-color-light, .add-coding-for-kids-color-light-before:before, .add-coding-for-kids-color-light-after:after, .add-coding-for-kids-color-light-on-hover:hover, .add-coding-for-kids-color-light-to-child-on-hover:hover .add-coding-for-kids-color-light-on-parent-hover { color: #f47c3f !important; }

.add-coding-for-kids-color-lighter, .add-coding-for-kids-color-lighter-before:before, .add-coding-for-kids-color-lighter-after:after, .add-coding-for-kids-color-lighter-on-hover:hover, .add-coding-for-kids-color-lighter-to-child-on-hover:hover .add-coding-for-kids-color-lighter-on-parent-hover { color: #f68d57 !important; }

.add-coding-for-kids-color-lightest, .add-coding-for-kids-color-lightest-before:before, .add-coding-for-kids-color-lightest-after:after, .add-coding-for-kids-color-lightest-on-hover:hover, .add-coding-for-kids-color-lightest-to-child-on-hover:hover .add-coding-for-kids-color-lightest-on-parent-hover { color: #f8ae88 !important; }

.add-coding-for-kids-color-dark, .add-coding-for-kids-color-dark-before:before, .add-coding-for-kids-color-dark-after:after, .add-coding-for-kids-color-dark-on-hover:hover, .add-coding-for-kids-color-dark-to-child-on-hover:hover .add-coding-for-kids-color-dark-on-parent-hover { color: #f25c0f !important; }

.add-coding-for-kids-color-darker, .add-coding-for-kids-color-darker-before:before, .add-coding-for-kids-color-darker-after:after, .add-coding-for-kids-color-darker-on-hover:hover, .add-coding-for-kids-color-darker-to-child-on-hover:hover .add-coding-for-kids-color-darker-on-parent-hover { color: #db520c !important; }

.add-coding-for-kids-color-darkest, .add-coding-for-kids-color-darkest-before:before, .add-coding-for-kids-color-darkest-after:after, .add-coding-for-kids-color-darkest-on-hover:hover, .add-coding-for-kids-color-darkest-to-child-on-hover:hover .add-coding-for-kids-color-darkest-on-parent-hover { color: #ab4009 !important; }

.add-coding-for-kids-border-color, .add-coding-for-kids-border-color-before:before, .add-coding-for-kids-border-color-after:after, .add-coding-for-kids-border-color-on-hover:hover, .add-coding-for-kids-border-color-to-child-on-hover:hover .add-coding-for-kids-border-color-on-parent-hover { border-color: #F36C27 !important; }

.add-coding-for-kids-border-color-light, .add-coding-for-kids-border-color-light-before:before, .add-coding-for-kids-border-color-light-after:after, .add-coding-for-kids-border-color-light-on-hover:hover, .add-coding-for-kids-border-color-light-to-child-on-hover:hover .add-coding-for-kids-border-color-light-on-parent-hover { border-color: #f47c3f !important; }

.add-coding-for-kids-border-color-lighter, .add-coding-for-kids-border-color-lighter-before:before, .add-coding-for-kids-border-color-lighter-after:after, .add-coding-for-kids-border-color-lighter-on-hover:hover, .add-coding-for-kids-border-color-lighter-to-child-on-hover:hover .add-coding-for-kids-border-color-lighter-on-parent-hover { border-color: #f68d57 !important; }

.add-coding-for-kids-border-color-lightest, .add-coding-for-kids-border-color-lightest-before:before, .add-coding-for-kids-border-color-lightest-after:after, .add-coding-for-kids-border-color-lightest-on-hover:hover, .add-coding-for-kids-border-color-lightest-to-child-on-hover:hover .add-coding-for-kids-border-color-lightest-on-parent-hover { border-color: #f8ae88 !important; }

.add-coding-for-kids-border-color-dark, .add-coding-for-kids-border-color-dark-before:before, .add-coding-for-kids-border-color-dark-after:after, .add-coding-for-kids-border-color-dark-on-hover:hover, .add-coding-for-kids-border-color-dark-to-child-on-hover:hover .add-coding-for-kids-border-color-dark-on-parent-hover { border-color: #f25c0f !important; }

.add-coding-for-kids-border-color-darker, .add-coding-for-kids-border-color-darker-before:before, .add-coding-for-kids-border-color-darker-after:after, .add-coding-for-kids-border-color-darker-on-hover:hover, .add-coding-for-kids-border-color-darker-to-child-on-hover:hover .add-coding-for-kids-border-color-darker-on-parent-hover { border-color: #db520c !important; }

.add-coding-for-kids-border-color-darkest, .add-coding-for-kids-border-color-darkest-before:before, .add-coding-for-kids-border-color-darkest-after:after, .add-coding-for-kids-border-color-darkest-on-hover:hover, .add-coding-for-kids-border-color-darkest-to-child-on-hover:hover .add-coding-for-kids-border-color-darkest-on-parent-hover { border-color: #ab4009 !important; }

.add-coding-for-kids-background-color, .add-coding-for-kids-background-color-before:before, .add-coding-for-kids-background-color-after:after, .add-coding-for-kids-background-color-on-hover:hover, .add-coding-for-kids-background-color-to-child-on-hover:hover .add-coding-for-kids-background-color-on-parent-hover { background-color: #F36C27 !important; }

.add-coding-for-kids-background-color-light, .add-coding-for-kids-background-color-light-before:before, .add-coding-for-kids-background-color-light-after:after, .add-coding-for-kids-background-color-light-on-hover:hover, .add-coding-for-kids-background-color-light-to-child-on-hover:hover .add-coding-for-kids-background-color-light-on-parent-hover { background-color: #f47c3f !important; }

.add-coding-for-kids-background-color-lighter, .add-coding-for-kids-background-color-lighter-before:before, .add-coding-for-kids-background-color-lighter-after:after, .add-coding-for-kids-background-color-lighter-on-hover:hover, .add-coding-for-kids-background-color-lighter-to-child-on-hover:hover .add-coding-for-kids-background-color-lighter-on-parent-hover { background-color: #f68d57 !important; }

.add-coding-for-kids-background-color-lightest, .add-coding-for-kids-background-color-lightest-before:before, .add-coding-for-kids-background-color-lightest-after:after, .add-coding-for-kids-background-color-lightest-on-hover:hover, .add-coding-for-kids-background-color-lightest-to-child-on-hover:hover .add-coding-for-kids-background-color-lightest-on-parent-hover { background-color: #f8ae88 !important; }

.add-coding-for-kids-background-color-dark, .add-coding-for-kids-background-color-dark-before:before, .add-coding-for-kids-background-color-dark-after:after, .add-coding-for-kids-background-color-dark-on-hover:hover, .add-coding-for-kids-background-color-dark-to-child-on-hover:hover .add-coding-for-kids-background-color-dark-on-parent-hover { background-color: #f25c0f !important; }

.add-coding-for-kids-background-color-darker, .add-coding-for-kids-background-color-darker-before:before, .add-coding-for-kids-background-color-darker-after:after, .add-coding-for-kids-background-color-darker-on-hover:hover, .add-coding-for-kids-background-color-darker-to-child-on-hover:hover .add-coding-for-kids-background-color-darker-on-parent-hover { background-color: #db520c !important; }

.add-coding-for-kids-background-color-darkest, .add-coding-for-kids-background-color-darkest-before:before, .add-coding-for-kids-background-color-darkest-after:after, .add-coding-for-kids-background-color-darkest-on-hover:hover, .add-coding-for-kids-background-color-darkest-to-child-on-hover:hover .add-coding-for-kids-background-color-darkest-on-parent-hover { background-color: #ab4009 !important; }
.container { position: relative; max-width: 1260px; margin: 0 auto; }

.container:before, .container:after { content: " "; display: table; }

.container:after { clear: both; }

@media screen and (min-width: 970px) { .container { padding: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .container { padding: 20px; } }

@media screen and (max-width: 679px) { .container { padding: 15px; } }

.container .row { margin: 0 -15px; width: auto; }
.button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, opacity 0.3s ease; border-radius: 4px; cursor: pointer; display: inline-block; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; position: relative; margin: 0 10px 0 0; outline: none; text-align: center; text-decoration: none; vertical-align: baseline; white-space: nowrap; background-color: transparent; border: solid 2px #35A961; }

.button { font-size: 14px; height: 40px; line-height: 36px; padding: 0 15px; }

.button.square { padding: 0; width: 40px; }

.button.square { padding: 0; width: 40px; }

.button:not(.has-topic-color) { color: #35A961; }

.button svg:not(.has-topic-fill) { fill: #35A961; }

.button:hover:not(.disabled), .button:focus, .uploader.hover:not(.disabled) .button { border-color: #236f40; }

.button:hover:not(.disabled):not(.has-topic-color), .button:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button:not(.has-topic-color) { color: #236f40; }

.button:hover:not(.disabled) svg:not(.has-topic-fill), .button:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button svg:not(.has-topic-fill) { fill: #236f40; }

.button:last-child { margin-right: 0; }

.ff .button:not(.button) { line-height: 1; }

.topic-ai .button { border-color: #733A88; color: #733A88; }

.button.topic-ai { border-color: #733A88; color: #733A88; }

.topic-back-end .button { border-color: #008297; color: #008297; }

.button.topic-back-end { border-color: #008297; color: #008297; }

.topic-data .button { border-color: #9F4B84; color: #9F4B84; }

.button.topic-data { border-color: #9F4B84; color: #9F4B84; }

.topic-design .button { border-color: #4a4290; color: #4a4290; }

.button.topic-design { border-color: #4a4290; color: #4a4290; }

.topic-experimental .button { border-color: #733a88; color: #733a88; }

.button.topic-experimental { border-color: #733a88; color: #733a88; }

.topic-front-end .button { border-color: #3659a2; color: #3659a2; }

.button.topic-front-end { border-color: #3659a2; color: #3659a2; }

.topic-fundamentals .button { border-color: #9b3b5a; color: #9b3b5a; }

.button.topic-fundamentals { border-color: #9b3b5a; color: #9b3b5a; }

.topic-mobile .button { border-color: #30826C; color: #30826C; }

.button.topic-mobile { border-color: #30826C; color: #30826C; }

.topic-internal .button { border-color: #55616c; color: #55616c; }

.button.topic-internal { border-color: #55616c; color: #55616c; }

.topic-foundations .button { border-color: #004e61; color: #004e61; }

.button.topic-foundations { border-color: #004e61; color: #004e61; }

.topic-undefined .button { border-color: #55616c; color: #55616c; }

.button.topic-undefined { border-color: #55616c; color: #55616c; }

.topic-college-credit .button { border-color: #3887c8; color: #3887c8; }

.button.topic-college-credit { border-color: #3887c8; color: #3887c8; }

.topic-no-code .button { border-color: #31AF7F; color: #31AF7F; }

.button.topic-no-code { border-color: #31AF7F; color: #31AF7F; }

.topic-security .button { border-color: #409BE9; color: #409BE9; }

.button.topic-security { border-color: #409BE9; color: #409BE9; }

.topic-game-development .button { border-color: #856fc4; color: #856fc4; }

.button.topic-game-development { border-color: #856fc4; color: #856fc4; }

.topic-treehouse-resources .button { border-color: #5fcf80; color: #5fcf80; }

.button.topic-treehouse-resources { border-color: #5fcf80; color: #5fcf80; }

.topic-coding-for-kids .button { border-color: #F36C27; color: #F36C27; }

.button.topic-coding-for-kids { border-color: #F36C27; color: #F36C27; }

.topic-ai .button svg { fill: #733A88; }

.button.topic-ai svg { fill: #733A88; }

.topic-back-end .button svg { fill: #008297; }

.button.topic-back-end svg { fill: #008297; }

.topic-data .button svg { fill: #9F4B84; }

.button.topic-data svg { fill: #9F4B84; }

.topic-design .button svg { fill: #4a4290; }

.button.topic-design svg { fill: #4a4290; }

.topic-experimental .button svg { fill: #733a88; }

.button.topic-experimental svg { fill: #733a88; }

.topic-front-end .button svg { fill: #3659a2; }

.button.topic-front-end svg { fill: #3659a2; }

.topic-fundamentals .button svg { fill: #9b3b5a; }

.button.topic-fundamentals svg { fill: #9b3b5a; }

.topic-mobile .button svg { fill: #30826C; }

.button.topic-mobile svg { fill: #30826C; }

.topic-internal .button svg { fill: #55616c; }

.button.topic-internal svg { fill: #55616c; }

.topic-foundations .button svg { fill: #004e61; }

.button.topic-foundations svg { fill: #004e61; }

.topic-undefined .button svg { fill: #55616c; }

.button.topic-undefined svg { fill: #55616c; }

.topic-college-credit .button svg { fill: #3887c8; }

.button.topic-college-credit svg { fill: #3887c8; }

.topic-no-code .button svg { fill: #31AF7F; }

.button.topic-no-code svg { fill: #31AF7F; }

.topic-security .button svg { fill: #409BE9; }

.button.topic-security svg { fill: #409BE9; }

.topic-game-development .button svg { fill: #856fc4; }

.button.topic-game-development svg { fill: #856fc4; }

.topic-treehouse-resources .button svg { fill: #5fcf80; }

.button.topic-treehouse-resources svg { fill: #5fcf80; }

.topic-coding-for-kids .button svg { fill: #F36C27; }

.button.topic-coding-for-kids svg { fill: #F36C27; }

.topic-ai .button:hover:not(.disabled), .topic-ai .button:focus { border-color: #552b64; color: #552b64; }

.button:hover:not(.disabled).topic-ai, .button:focus.topic-ai { border-color: #552b64; color: #552b64; }

.topic-back-end .button:hover:not(.disabled), .topic-back-end .button:focus { border-color: #005664; color: #005664; }

.button:hover:not(.disabled).topic-back-end, .button:focus.topic-back-end { border-color: #005664; color: #005664; }

.topic-data .button:hover:not(.disabled), .topic-data .button:focus { border-color: #7c3b67; color: #7c3b67; }

.button:hover:not(.disabled).topic-data, .button:focus.topic-data { border-color: #7c3b67; color: #7c3b67; }

.topic-design .button:hover:not(.disabled), .topic-design .button:focus { border-color: #38326d; color: #38326d; }

.button:hover:not(.disabled).topic-design, .button:focus.topic-design { border-color: #38326d; color: #38326d; }

.topic-experimental .button:hover:not(.disabled), .topic-experimental .button:focus { border-color: #552b64; color: #552b64; }

.button:hover:not(.disabled).topic-experimental, .button:focus.topic-experimental { border-color: #552b64; color: #552b64; }

.topic-front-end .button:hover:not(.disabled), .topic-front-end .button:focus { border-color: #29447c; color: #29447c; }

.button:hover:not(.disabled).topic-front-end, .button:focus.topic-front-end { border-color: #29447c; color: #29447c; }

.topic-fundamentals .button:hover:not(.disabled), .topic-fundamentals .button:focus { border-color: #762d45; color: #762d45; }

.button:hover:not(.disabled).topic-fundamentals, .button:focus.topic-fundamentals { border-color: #762d45; color: #762d45; }

.topic-mobile .button:hover:not(.disabled), .topic-mobile .button:focus { border-color: #225d4d; color: #225d4d; }

.button:hover:not(.disabled).topic-mobile, .button:focus.topic-mobile { border-color: #225d4d; color: #225d4d; }

.topic-internal .button:hover:not(.disabled), .topic-internal .button:focus { border-color: #3f474f; color: #3f474f; }

.button:hover:not(.disabled).topic-internal, .button:focus.topic-internal { border-color: #3f474f; color: #3f474f; }

.topic-foundations .button:hover:not(.disabled), .topic-foundations .button:focus { border-color: #00252e; color: #00252e; }

.button:hover:not(.disabled).topic-foundations, .button:focus.topic-foundations { border-color: #00252e; color: #00252e; }

.topic-undefined .button:hover:not(.disabled), .topic-undefined .button:focus { border-color: #3f474f; color: #3f474f; }

.button:hover:not(.disabled).topic-undefined, .button:focus.topic-undefined { border-color: #3f474f; color: #3f474f; }

.topic-college-credit .button:hover:not(.disabled), .topic-college-credit .button:focus { border-color: #2c6ca1; color: #2c6ca1; }

.button:hover:not(.disabled).topic-college-credit, .button:focus.topic-college-credit { border-color: #2c6ca1; color: #2c6ca1; }

.topic-no-code .button:hover:not(.disabled), .topic-no-code .button:focus { border-color: #268762; color: #268762; }

.button:hover:not(.disabled).topic-no-code, .button:focus.topic-no-code { border-color: #268762; color: #268762; }

.topic-security .button:hover:not(.disabled), .topic-security .button:focus { border-color: #1983dd; color: #1983dd; }

.button:hover:not(.disabled).topic-security, .button:focus.topic-security { border-color: #1983dd; color: #1983dd; }

.topic-game-development .button:hover:not(.disabled), .topic-game-development .button:focus { border-color: #664bb5; color: #664bb5; }

.button:hover:not(.disabled).topic-game-development, .button:focus.topic-game-development { border-color: #664bb5; color: #664bb5; }

.topic-treehouse-resources .button:hover:not(.disabled), .topic-treehouse-resources .button:focus { border-color: #3ac162; color: #3ac162; }

.button:hover:not(.disabled).topic-treehouse-resources, .button:focus.topic-treehouse-resources { border-color: #3ac162; color: #3ac162; }

.topic-coding-for-kids .button:hover:not(.disabled), .topic-coding-for-kids .button:focus { border-color: #db520c; color: #db520c; }

.button:hover:not(.disabled).topic-coding-for-kids, .button:focus.topic-coding-for-kids { border-color: #db520c; color: #db520c; }

.topic-ai .button:hover:not(.disabled) svg, .topic-ai .button:focus svg { fill: #552b64; }

.button:hover:not(.disabled).topic-ai svg, .button:focus.topic-ai svg { fill: #552b64; }

.topic-back-end .button:hover:not(.disabled) svg, .topic-back-end .button:focus svg { fill: #005664; }

.button:hover:not(.disabled).topic-back-end svg, .button:focus.topic-back-end svg { fill: #005664; }

.topic-data .button:hover:not(.disabled) svg, .topic-data .button:focus svg { fill: #7c3b67; }

.button:hover:not(.disabled).topic-data svg, .button:focus.topic-data svg { fill: #7c3b67; }

.topic-design .button:hover:not(.disabled) svg, .topic-design .button:focus svg { fill: #38326d; }

.button:hover:not(.disabled).topic-design svg, .button:focus.topic-design svg { fill: #38326d; }

.topic-experimental .button:hover:not(.disabled) svg, .topic-experimental .button:focus svg { fill: #552b64; }

.button:hover:not(.disabled).topic-experimental svg, .button:focus.topic-experimental svg { fill: #552b64; }

.topic-front-end .button:hover:not(.disabled) svg, .topic-front-end .button:focus svg { fill: #29447c; }

.button:hover:not(.disabled).topic-front-end svg, .button:focus.topic-front-end svg { fill: #29447c; }

.topic-fundamentals .button:hover:not(.disabled) svg, .topic-fundamentals .button:focus svg { fill: #762d45; }

.button:hover:not(.disabled).topic-fundamentals svg, .button:focus.topic-fundamentals svg { fill: #762d45; }

.topic-mobile .button:hover:not(.disabled) svg, .topic-mobile .button:focus svg { fill: #225d4d; }

.button:hover:not(.disabled).topic-mobile svg, .button:focus.topic-mobile svg { fill: #225d4d; }

.topic-internal .button:hover:not(.disabled) svg, .topic-internal .button:focus svg { fill: #3f474f; }

.button:hover:not(.disabled).topic-internal svg, .button:focus.topic-internal svg { fill: #3f474f; }

.topic-foundations .button:hover:not(.disabled) svg, .topic-foundations .button:focus svg { fill: #00252e; }

.button:hover:not(.disabled).topic-foundations svg, .button:focus.topic-foundations svg { fill: #00252e; }

.topic-undefined .button:hover:not(.disabled) svg, .topic-undefined .button:focus svg { fill: #3f474f; }

.button:hover:not(.disabled).topic-undefined svg, .button:focus.topic-undefined svg { fill: #3f474f; }

.topic-college-credit .button:hover:not(.disabled) svg, .topic-college-credit .button:focus svg { fill: #2c6ca1; }

.button:hover:not(.disabled).topic-college-credit svg, .button:focus.topic-college-credit svg { fill: #2c6ca1; }

.topic-no-code .button:hover:not(.disabled) svg, .topic-no-code .button:focus svg { fill: #268762; }

.button:hover:not(.disabled).topic-no-code svg, .button:focus.topic-no-code svg { fill: #268762; }

.topic-security .button:hover:not(.disabled) svg, .topic-security .button:focus svg { fill: #1983dd; }

.button:hover:not(.disabled).topic-security svg, .button:focus.topic-security svg { fill: #1983dd; }

.topic-game-development .button:hover:not(.disabled) svg, .topic-game-development .button:focus svg { fill: #664bb5; }

.button:hover:not(.disabled).topic-game-development svg, .button:focus.topic-game-development svg { fill: #664bb5; }

.topic-treehouse-resources .button:hover:not(.disabled) svg, .topic-treehouse-resources .button:focus svg { fill: #3ac162; }

.button:hover:not(.disabled).topic-treehouse-resources svg, .button:focus.topic-treehouse-resources svg { fill: #3ac162; }

.topic-coding-for-kids .button:hover:not(.disabled) svg, .topic-coding-for-kids .button:focus svg { fill: #db520c; }

.button:hover:not(.disabled).topic-coding-for-kids svg, .button:focus.topic-coding-for-kids svg { fill: #db520c; }

.button.disabled, .button-disabled { background-color: transparent; border: solid 2px #e8ebed; cursor: default; }

.button.disabled:not(.has-topic-color), .button-disabled:not(.has-topic-color) { color: #2b363e; }

.button.disabled svg:not(.has-topic-fill), .button-disabled svg:not(.has-topic-fill) { fill: #2b363e; }

:not([class*="topic"]) .button.disabled, :not([class*="topic"]) .button-disabled { background-color: transparent; border: solid 2px #e8ebed; }

:not([class*="topic"]) .button.disabled:hover:not(.disabled), :not([class*="topic"]) .button.disabled:focus, .uploader.hover:not(.disabled) :not([class*="topic"]) .button.disabled, :not([class*="topic"]) .button-disabled:hover:not(.disabled), :not([class*="topic"]) .button-disabled:focus, .uploader.hover:not(.disabled) :not([class*="topic"]) .button-disabled { border-color: #e8ebed; }

:not([class*="topic"]) .button.disabled:hover:not(.disabled):not(.has-topic-color), :not([class*="topic"]) .button.disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) :not([class*="topic"]) .button.disabled:not(.has-topic-color), :not([class*="topic"]) .button-disabled:hover:not(.disabled):not(.has-topic-color), :not([class*="topic"]) .button-disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) :not([class*="topic"]) .button-disabled:not(.has-topic-color) { color: #2b363e; }

:not([class*="topic"]) .button.disabled:hover:not(.disabled) svg:not(.has-topic-fill), :not([class*="topic"]) .button.disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) :not([class*="topic"]) .button.disabled svg:not(.has-topic-fill), :not([class*="topic"]) .button-disabled:hover:not(.disabled) svg:not(.has-topic-fill), :not([class*="topic"]) .button-disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) :not([class*="topic"]) .button-disabled svg:not(.has-topic-fill) { fill: #2b363e; }

:not([class*="topic"]) .button.disabled:not(.has-topic-color), :not([class*="topic"]) .button-disabled:not(.has-topic-color) { color: #2b363e; }

:not([class*="topic"]) .button.disabled svg:not(.has-topic-fill), :not([class*="topic"]) .button-disabled svg:not(.has-topic-fill) { fill: #2b363e; }

[class*="topic"] .button.disabled, [class*="topic"] .button-disabled { background-color: transparent; border: solid 2px #e8ebed; opacity: 0.5; }

[class*="topic"] .button.disabled:hover:not(.disabled), [class*="topic"] .button.disabled:focus, .uploader.hover:not(.disabled) [class*="topic"] .button.disabled, [class*="topic"] .button-disabled:hover:not(.disabled), [class*="topic"] .button-disabled:focus, .uploader.hover:not(.disabled) [class*="topic"] .button-disabled { border-color: #e8ebed; }

[class*="topic"] .button.disabled:hover:not(.disabled):not(.has-topic-color), [class*="topic"] .button.disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) [class*="topic"] .button.disabled:not(.has-topic-color), [class*="topic"] .button-disabled:hover:not(.disabled):not(.has-topic-color), [class*="topic"] .button-disabled:focus:not(.has-topic-color), .uploader.hover:not(.disabled) [class*="topic"] .button-disabled:not(.has-topic-color) { color: rgba(255, 255, 255, 0.5); }

[class*="topic"] .button.disabled:hover:not(.disabled) svg:not(.has-topic-fill), [class*="topic"] .button.disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) [class*="topic"] .button.disabled svg:not(.has-topic-fill), [class*="topic"] .button-disabled:hover:not(.disabled) svg:not(.has-topic-fill), [class*="topic"] .button-disabled:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) [class*="topic"] .button-disabled svg:not(.has-topic-fill) { fill: rgba(255, 255, 255, 0.5); }

[class*="topic"] .button.disabled:not(.has-topic-color), [class*="topic"] .button-disabled:not(.has-topic-color) { color: rgba(255, 255, 255, 0.5); }

[class*="topic"] .button.disabled svg:not(.has-topic-fill), [class*="topic"] .button-disabled svg:not(.has-topic-fill) { fill: rgba(255, 255, 255, 0.5); }

.button.disabled { cursor: default; }

.button.button-blue, .button-button-blue { background-color: transparent; border: solid 2px #326e99; }

.button.button-blue:not(.has-topic-color), .button-button-blue:not(.has-topic-color) { color: #326e99; }

.button.button-blue svg:not(.has-topic-fill), .button-button-blue svg:not(.has-topic-fill) { fill: #326e99; }

.button.button-blue:hover:not(.disabled), .button.button-blue:focus, .uploader.hover:not(.disabled) .button.button-blue, .button-button-blue:hover:not(.disabled), .button-button-blue:focus, .uploader.hover:not(.disabled) .button-button-blue { border-color: #265372; }

.button.button-blue:hover:not(.disabled):not(.has-topic-color), .button.button-blue:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button.button-blue:not(.has-topic-color), .button-button-blue:hover:not(.disabled):not(.has-topic-color), .button-button-blue:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button-button-blue:not(.has-topic-color) { color: #265372; }

.button.button-blue:hover:not(.disabled) svg:not(.has-topic-fill), .button.button-blue:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button.button-blue svg:not(.has-topic-fill), .button-button-blue:hover:not(.disabled) svg:not(.has-topic-fill), .button-button-blue:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button-button-blue svg:not(.has-topic-fill) { fill: #265372; }

.button.primary, .button-primary { background-color: #35A961; border: solid 2px #35A961; }

.button.primary:not(.has-topic-color), .button-primary:not(.has-topic-color) { color: #fff; }

.button.primary svg:not(.has-topic-fill), .button-primary svg:not(.has-topic-fill) { fill: #fff; }

.button.primary:hover:not(.disabled), .button.primary:focus, .uploader.hover:not(.disabled) .button.primary, .button-primary:hover:not(.disabled), .button-primary:focus, .uploader.hover:not(.disabled) .button-primary { border-color: #29824b; background-color: #29824b; }

.button.primary:hover:not(.disabled):not(.has-topic-color), .button.primary:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button.primary:not(.has-topic-color), .button-primary:hover:not(.disabled):not(.has-topic-color), .button-primary:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button-primary:not(.has-topic-color) { color: #fff; }

.button.primary:hover:not(.disabled) svg:not(.has-topic-fill), .button.primary:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button.primary svg:not(.has-topic-fill), .button-primary:hover:not(.disabled) svg:not(.has-topic-fill), .button-primary:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button-primary svg:not(.has-topic-fill) { fill: #fff; }

.topic-ai .button.primary, .topic-ai .button-primary { background-color: #733A88; border-color: #733A88; }

.button.primary.topic-ai, .button-primary.topic-ai { background-color: #733A88; border-color: #733A88; }

.topic-back-end .button.primary, .topic-back-end .button-primary { background-color: #008297; border-color: #008297; }

.button.primary.topic-back-end, .button-primary.topic-back-end { background-color: #008297; border-color: #008297; }

.topic-data .button.primary, .topic-data .button-primary { background-color: #9F4B84; border-color: #9F4B84; }

.button.primary.topic-data, .button-primary.topic-data { background-color: #9F4B84; border-color: #9F4B84; }

.topic-design .button.primary, .topic-design .button-primary { background-color: #4a4290; border-color: #4a4290; }

.button.primary.topic-design, .button-primary.topic-design { background-color: #4a4290; border-color: #4a4290; }

.topic-experimental .button.primary, .topic-experimental .button-primary { background-color: #733a88; border-color: #733a88; }

.button.primary.topic-experimental, .button-primary.topic-experimental { background-color: #733a88; border-color: #733a88; }

.topic-front-end .button.primary, .topic-front-end .button-primary { background-color: #3659a2; border-color: #3659a2; }

.button.primary.topic-front-end, .button-primary.topic-front-end { background-color: #3659a2; border-color: #3659a2; }

.topic-fundamentals .button.primary, .topic-fundamentals .button-primary { background-color: #9b3b5a; border-color: #9b3b5a; }

.button.primary.topic-fundamentals, .button-primary.topic-fundamentals { background-color: #9b3b5a; border-color: #9b3b5a; }

.topic-mobile .button.primary, .topic-mobile .button-primary { background-color: #30826C; border-color: #30826C; }

.button.primary.topic-mobile, .button-primary.topic-mobile { background-color: #30826C; border-color: #30826C; }

.topic-internal .button.primary, .topic-internal .button-primary { background-color: #55616c; border-color: #55616c; }

.button.primary.topic-internal, .button-primary.topic-internal { background-color: #55616c; border-color: #55616c; }

.topic-foundations .button.primary, .topic-foundations .button-primary { background-color: #004e61; border-color: #004e61; }

.button.primary.topic-foundations, .button-primary.topic-foundations { background-color: #004e61; border-color: #004e61; }

.topic-undefined .button.primary, .topic-undefined .button-primary { background-color: #55616c; border-color: #55616c; }

.button.primary.topic-undefined, .button-primary.topic-undefined { background-color: #55616c; border-color: #55616c; }

.topic-college-credit .button.primary, .topic-college-credit .button-primary { background-color: #3887c8; border-color: #3887c8; }

.button.primary.topic-college-credit, .button-primary.topic-college-credit { background-color: #3887c8; border-color: #3887c8; }

.topic-no-code .button.primary, .topic-no-code .button-primary { background-color: #31AF7F; border-color: #31AF7F; }

.button.primary.topic-no-code, .button-primary.topic-no-code { background-color: #31AF7F; border-color: #31AF7F; }

.topic-security .button.primary, .topic-security .button-primary { background-color: #409BE9; border-color: #409BE9; }

.button.primary.topic-security, .button-primary.topic-security { background-color: #409BE9; border-color: #409BE9; }

.topic-game-development .button.primary, .topic-game-development .button-primary { background-color: #856fc4; border-color: #856fc4; }

.button.primary.topic-game-development, .button-primary.topic-game-development { background-color: #856fc4; border-color: #856fc4; }

.topic-treehouse-resources .button.primary, .topic-treehouse-resources .button-primary { background-color: #5fcf80; border-color: #5fcf80; }

.button.primary.topic-treehouse-resources, .button-primary.topic-treehouse-resources { background-color: #5fcf80; border-color: #5fcf80; }

.topic-coding-for-kids .button.primary, .topic-coding-for-kids .button-primary { background-color: #F36C27; border-color: #F36C27; }

.button.primary.topic-coding-for-kids, .button-primary.topic-coding-for-kids { background-color: #F36C27; border-color: #F36C27; }

.topic-ai .button.primary:hover:not(.disabled), .topic-ai .button.primary:focus, .topic-ai .button-primary:hover:not(.disabled), .topic-ai .button-primary:focus { background-color: #552b64; border-color: #552b64; }

.button.primary:hover:not(.disabled).topic-ai, .button.primary:focus.topic-ai, .button-primary:hover:not(.disabled).topic-ai, .button-primary:focus.topic-ai { background-color: #552b64; border-color: #552b64; }

.topic-back-end .button.primary:hover:not(.disabled), .topic-back-end .button.primary:focus, .topic-back-end .button-primary:hover:not(.disabled), .topic-back-end .button-primary:focus { background-color: #005664; border-color: #005664; }

.button.primary:hover:not(.disabled).topic-back-end, .button.primary:focus.topic-back-end, .button-primary:hover:not(.disabled).topic-back-end, .button-primary:focus.topic-back-end { background-color: #005664; border-color: #005664; }

.topic-data .button.primary:hover:not(.disabled), .topic-data .button.primary:focus, .topic-data .button-primary:hover:not(.disabled), .topic-data .button-primary:focus { background-color: #7c3b67; border-color: #7c3b67; }

.button.primary:hover:not(.disabled).topic-data, .button.primary:focus.topic-data, .button-primary:hover:not(.disabled).topic-data, .button-primary:focus.topic-data { background-color: #7c3b67; border-color: #7c3b67; }

.topic-design .button.primary:hover:not(.disabled), .topic-design .button.primary:focus, .topic-design .button-primary:hover:not(.disabled), .topic-design .button-primary:focus { background-color: #38326d; border-color: #38326d; }

.button.primary:hover:not(.disabled).topic-design, .button.primary:focus.topic-design, .button-primary:hover:not(.disabled).topic-design, .button-primary:focus.topic-design { background-color: #38326d; border-color: #38326d; }

.topic-experimental .button.primary:hover:not(.disabled), .topic-experimental .button.primary:focus, .topic-experimental .button-primary:hover:not(.disabled), .topic-experimental .button-primary:focus { background-color: #552b64; border-color: #552b64; }

.button.primary:hover:not(.disabled).topic-experimental, .button.primary:focus.topic-experimental, .button-primary:hover:not(.disabled).topic-experimental, .button-primary:focus.topic-experimental { background-color: #552b64; border-color: #552b64; }

.topic-front-end .button.primary:hover:not(.disabled), .topic-front-end .button.primary:focus, .topic-front-end .button-primary:hover:not(.disabled), .topic-front-end .button-primary:focus { background-color: #29447c; border-color: #29447c; }

.button.primary:hover:not(.disabled).topic-front-end, .button.primary:focus.topic-front-end, .button-primary:hover:not(.disabled).topic-front-end, .button-primary:focus.topic-front-end { background-color: #29447c; border-color: #29447c; }

.topic-fundamentals .button.primary:hover:not(.disabled), .topic-fundamentals .button.primary:focus, .topic-fundamentals .button-primary:hover:not(.disabled), .topic-fundamentals .button-primary:focus { background-color: #762d45; border-color: #762d45; }

.button.primary:hover:not(.disabled).topic-fundamentals, .button.primary:focus.topic-fundamentals, .button-primary:hover:not(.disabled).topic-fundamentals, .button-primary:focus.topic-fundamentals { background-color: #762d45; border-color: #762d45; }

.topic-mobile .button.primary:hover:not(.disabled), .topic-mobile .button.primary:focus, .topic-mobile .button-primary:hover:not(.disabled), .topic-mobile .button-primary:focus { background-color: #225d4d; border-color: #225d4d; }

.button.primary:hover:not(.disabled).topic-mobile, .button.primary:focus.topic-mobile, .button-primary:hover:not(.disabled).topic-mobile, .button-primary:focus.topic-mobile { background-color: #225d4d; border-color: #225d4d; }

.topic-internal .button.primary:hover:not(.disabled), .topic-internal .button.primary:focus, .topic-internal .button-primary:hover:not(.disabled), .topic-internal .button-primary:focus { background-color: #3f474f; border-color: #3f474f; }

.button.primary:hover:not(.disabled).topic-internal, .button.primary:focus.topic-internal, .button-primary:hover:not(.disabled).topic-internal, .button-primary:focus.topic-internal { background-color: #3f474f; border-color: #3f474f; }

.topic-foundations .button.primary:hover:not(.disabled), .topic-foundations .button.primary:focus, .topic-foundations .button-primary:hover:not(.disabled), .topic-foundations .button-primary:focus { background-color: #00252e; border-color: #00252e; }

.button.primary:hover:not(.disabled).topic-foundations, .button.primary:focus.topic-foundations, .button-primary:hover:not(.disabled).topic-foundations, .button-primary:focus.topic-foundations { background-color: #00252e; border-color: #00252e; }

.topic-undefined .button.primary:hover:not(.disabled), .topic-undefined .button.primary:focus, .topic-undefined .button-primary:hover:not(.disabled), .topic-undefined .button-primary:focus { background-color: #3f474f; border-color: #3f474f; }

.button.primary:hover:not(.disabled).topic-undefined, .button.primary:focus.topic-undefined, .button-primary:hover:not(.disabled).topic-undefined, .button-primary:focus.topic-undefined { background-color: #3f474f; border-color: #3f474f; }

.topic-college-credit .button.primary:hover:not(.disabled), .topic-college-credit .button.primary:focus, .topic-college-credit .button-primary:hover:not(.disabled), .topic-college-credit .button-primary:focus { background-color: #2c6ca1; border-color: #2c6ca1; }

.button.primary:hover:not(.disabled).topic-college-credit, .button.primary:focus.topic-college-credit, .button-primary:hover:not(.disabled).topic-college-credit, .button-primary:focus.topic-college-credit { background-color: #2c6ca1; border-color: #2c6ca1; }

.topic-no-code .button.primary:hover:not(.disabled), .topic-no-code .button.primary:focus, .topic-no-code .button-primary:hover:not(.disabled), .topic-no-code .button-primary:focus { background-color: #268762; border-color: #268762; }

.button.primary:hover:not(.disabled).topic-no-code, .button.primary:focus.topic-no-code, .button-primary:hover:not(.disabled).topic-no-code, .button-primary:focus.topic-no-code { background-color: #268762; border-color: #268762; }

.topic-security .button.primary:hover:not(.disabled), .topic-security .button.primary:focus, .topic-security .button-primary:hover:not(.disabled), .topic-security .button-primary:focus { background-color: #1983dd; border-color: #1983dd; }

.button.primary:hover:not(.disabled).topic-security, .button.primary:focus.topic-security, .button-primary:hover:not(.disabled).topic-security, .button-primary:focus.topic-security { background-color: #1983dd; border-color: #1983dd; }

.topic-game-development .button.primary:hover:not(.disabled), .topic-game-development .button.primary:focus, .topic-game-development .button-primary:hover:not(.disabled), .topic-game-development .button-primary:focus { background-color: #664bb5; border-color: #664bb5; }

.button.primary:hover:not(.disabled).topic-game-development, .button.primary:focus.topic-game-development, .button-primary:hover:not(.disabled).topic-game-development, .button-primary:focus.topic-game-development { background-color: #664bb5; border-color: #664bb5; }

.topic-treehouse-resources .button.primary:hover:not(.disabled), .topic-treehouse-resources .button.primary:focus, .topic-treehouse-resources .button-primary:hover:not(.disabled), .topic-treehouse-resources .button-primary:focus { background-color: #3ac162; border-color: #3ac162; }

.button.primary:hover:not(.disabled).topic-treehouse-resources, .button.primary:focus.topic-treehouse-resources, .button-primary:hover:not(.disabled).topic-treehouse-resources, .button-primary:focus.topic-treehouse-resources { background-color: #3ac162; border-color: #3ac162; }

.topic-coding-for-kids .button.primary:hover:not(.disabled), .topic-coding-for-kids .button.primary:focus, .topic-coding-for-kids .button-primary:hover:not(.disabled), .topic-coding-for-kids .button-primary:focus { background-color: #db520c; border-color: #db520c; }

.button.primary:hover:not(.disabled).topic-coding-for-kids, .button.primary:focus.topic-coding-for-kids, .button-primary:hover:not(.disabled).topic-coding-for-kids, .button-primary:focus.topic-coding-for-kids { background-color: #db520c; border-color: #db520c; }

.button.primary-blue, .button-primary-blue { background-color: #326e99; border: solid 2px #326e99; }

.button.primary-blue:not(.has-topic-color), .button-primary-blue:not(.has-topic-color) { color: #fff; }

.button.primary-blue svg:not(.has-topic-fill), .button-primary-blue svg:not(.has-topic-fill) { fill: #fff; }

.button.primary-blue:hover:not(.disabled), .button.primary-blue:focus, .uploader.hover:not(.disabled) .button.primary-blue, .button-primary-blue:hover:not(.disabled), .button-primary-blue:focus, .uploader.hover:not(.disabled) .button-primary-blue { border-color: #265372; background-color: #265372; }

.button.primary-blue:hover:not(.disabled):not(.has-topic-color), .button.primary-blue:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button.primary-blue:not(.has-topic-color), .button-primary-blue:hover:not(.disabled):not(.has-topic-color), .button-primary-blue:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button-primary-blue:not(.has-topic-color) { color: #fff; }

.button.primary-blue:hover:not(.disabled) svg:not(.has-topic-fill), .button.primary-blue:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button.primary-blue svg:not(.has-topic-fill), .button-primary-blue:hover:not(.disabled) svg:not(.has-topic-fill), .button-primary-blue:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button-primary-blue svg:not(.has-topic-fill) { fill: #fff; }

.topic-ai .button.primary-blue, .topic-ai .button-primary-blue { background-color: #733A88; border-color: #733A88; }

.button.primary-blue.topic-ai, .button-primary-blue.topic-ai { background-color: #733A88; border-color: #733A88; }

.topic-back-end .button.primary-blue, .topic-back-end .button-primary-blue { background-color: #008297; border-color: #008297; }

.button.primary-blue.topic-back-end, .button-primary-blue.topic-back-end { background-color: #008297; border-color: #008297; }

.topic-data .button.primary-blue, .topic-data .button-primary-blue { background-color: #9F4B84; border-color: #9F4B84; }

.button.primary-blue.topic-data, .button-primary-blue.topic-data { background-color: #9F4B84; border-color: #9F4B84; }

.topic-design .button.primary-blue, .topic-design .button-primary-blue { background-color: #4a4290; border-color: #4a4290; }

.button.primary-blue.topic-design, .button-primary-blue.topic-design { background-color: #4a4290; border-color: #4a4290; }

.topic-experimental .button.primary-blue, .topic-experimental .button-primary-blue { background-color: #733a88; border-color: #733a88; }

.button.primary-blue.topic-experimental, .button-primary-blue.topic-experimental { background-color: #733a88; border-color: #733a88; }

.topic-front-end .button.primary-blue, .topic-front-end .button-primary-blue { background-color: #3659a2; border-color: #3659a2; }

.button.primary-blue.topic-front-end, .button-primary-blue.topic-front-end { background-color: #3659a2; border-color: #3659a2; }

.topic-fundamentals .button.primary-blue, .topic-fundamentals .button-primary-blue { background-color: #9b3b5a; border-color: #9b3b5a; }

.button.primary-blue.topic-fundamentals, .button-primary-blue.topic-fundamentals { background-color: #9b3b5a; border-color: #9b3b5a; }

.topic-mobile .button.primary-blue, .topic-mobile .button-primary-blue { background-color: #30826C; border-color: #30826C; }

.button.primary-blue.topic-mobile, .button-primary-blue.topic-mobile { background-color: #30826C; border-color: #30826C; }

.topic-internal .button.primary-blue, .topic-internal .button-primary-blue { background-color: #55616c; border-color: #55616c; }

.button.primary-blue.topic-internal, .button-primary-blue.topic-internal { background-color: #55616c; border-color: #55616c; }

.topic-foundations .button.primary-blue, .topic-foundations .button-primary-blue { background-color: #004e61; border-color: #004e61; }

.button.primary-blue.topic-foundations, .button-primary-blue.topic-foundations { background-color: #004e61; border-color: #004e61; }

.topic-undefined .button.primary-blue, .topic-undefined .button-primary-blue { background-color: #55616c; border-color: #55616c; }

.button.primary-blue.topic-undefined, .button-primary-blue.topic-undefined { background-color: #55616c; border-color: #55616c; }

.topic-college-credit .button.primary-blue, .topic-college-credit .button-primary-blue { background-color: #3887c8; border-color: #3887c8; }

.button.primary-blue.topic-college-credit, .button-primary-blue.topic-college-credit { background-color: #3887c8; border-color: #3887c8; }

.topic-no-code .button.primary-blue, .topic-no-code .button-primary-blue { background-color: #31AF7F; border-color: #31AF7F; }

.button.primary-blue.topic-no-code, .button-primary-blue.topic-no-code { background-color: #31AF7F; border-color: #31AF7F; }

.topic-security .button.primary-blue, .topic-security .button-primary-blue { background-color: #409BE9; border-color: #409BE9; }

.button.primary-blue.topic-security, .button-primary-blue.topic-security { background-color: #409BE9; border-color: #409BE9; }

.topic-game-development .button.primary-blue, .topic-game-development .button-primary-blue { background-color: #856fc4; border-color: #856fc4; }

.button.primary-blue.topic-game-development, .button-primary-blue.topic-game-development { background-color: #856fc4; border-color: #856fc4; }

.topic-treehouse-resources .button.primary-blue, .topic-treehouse-resources .button-primary-blue { background-color: #5fcf80; border-color: #5fcf80; }

.button.primary-blue.topic-treehouse-resources, .button-primary-blue.topic-treehouse-resources { background-color: #5fcf80; border-color: #5fcf80; }

.topic-coding-for-kids .button.primary-blue, .topic-coding-for-kids .button-primary-blue { background-color: #F36C27; border-color: #F36C27; }

.button.primary-blue.topic-coding-for-kids, .button-primary-blue.topic-coding-for-kids { background-color: #F36C27; border-color: #F36C27; }

.topic-ai .button.primary-blue:hover:not(.disabled), .topic-ai .button.primary-blue:focus, .topic-ai .button-primary-blue:hover:not(.disabled), .topic-ai .button-primary-blue:focus { background-color: #552b64; border-color: #552b64; }

.button.primary-blue:hover:not(.disabled).topic-ai, .button.primary-blue:focus.topic-ai, .button-primary-blue:hover:not(.disabled).topic-ai, .button-primary-blue:focus.topic-ai { background-color: #552b64; border-color: #552b64; }

.topic-back-end .button.primary-blue:hover:not(.disabled), .topic-back-end .button.primary-blue:focus, .topic-back-end .button-primary-blue:hover:not(.disabled), .topic-back-end .button-primary-blue:focus { background-color: #005664; border-color: #005664; }

.button.primary-blue:hover:not(.disabled).topic-back-end, .button.primary-blue:focus.topic-back-end, .button-primary-blue:hover:not(.disabled).topic-back-end, .button-primary-blue:focus.topic-back-end { background-color: #005664; border-color: #005664; }

.topic-data .button.primary-blue:hover:not(.disabled), .topic-data .button.primary-blue:focus, .topic-data .button-primary-blue:hover:not(.disabled), .topic-data .button-primary-blue:focus { background-color: #7c3b67; border-color: #7c3b67; }

.button.primary-blue:hover:not(.disabled).topic-data, .button.primary-blue:focus.topic-data, .button-primary-blue:hover:not(.disabled).topic-data, .button-primary-blue:focus.topic-data { background-color: #7c3b67; border-color: #7c3b67; }

.topic-design .button.primary-blue:hover:not(.disabled), .topic-design .button.primary-blue:focus, .topic-design .button-primary-blue:hover:not(.disabled), .topic-design .button-primary-blue:focus { background-color: #38326d; border-color: #38326d; }

.button.primary-blue:hover:not(.disabled).topic-design, .button.primary-blue:focus.topic-design, .button-primary-blue:hover:not(.disabled).topic-design, .button-primary-blue:focus.topic-design { background-color: #38326d; border-color: #38326d; }

.topic-experimental .button.primary-blue:hover:not(.disabled), .topic-experimental .button.primary-blue:focus, .topic-experimental .button-primary-blue:hover:not(.disabled), .topic-experimental .button-primary-blue:focus { background-color: #552b64; border-color: #552b64; }

.button.primary-blue:hover:not(.disabled).topic-experimental, .button.primary-blue:focus.topic-experimental, .button-primary-blue:hover:not(.disabled).topic-experimental, .button-primary-blue:focus.topic-experimental { background-color: #552b64; border-color: #552b64; }

.topic-front-end .button.primary-blue:hover:not(.disabled), .topic-front-end .button.primary-blue:focus, .topic-front-end .button-primary-blue:hover:not(.disabled), .topic-front-end .button-primary-blue:focus { background-color: #29447c; border-color: #29447c; }

.button.primary-blue:hover:not(.disabled).topic-front-end, .button.primary-blue:focus.topic-front-end, .button-primary-blue:hover:not(.disabled).topic-front-end, .button-primary-blue:focus.topic-front-end { background-color: #29447c; border-color: #29447c; }

.topic-fundamentals .button.primary-blue:hover:not(.disabled), .topic-fundamentals .button.primary-blue:focus, .topic-fundamentals .button-primary-blue:hover:not(.disabled), .topic-fundamentals .button-primary-blue:focus { background-color: #762d45; border-color: #762d45; }

.button.primary-blue:hover:not(.disabled).topic-fundamentals, .button.primary-blue:focus.topic-fundamentals, .button-primary-blue:hover:not(.disabled).topic-fundamentals, .button-primary-blue:focus.topic-fundamentals { background-color: #762d45; border-color: #762d45; }

.topic-mobile .button.primary-blue:hover:not(.disabled), .topic-mobile .button.primary-blue:focus, .topic-mobile .button-primary-blue:hover:not(.disabled), .topic-mobile .button-primary-blue:focus { background-color: #225d4d; border-color: #225d4d; }

.button.primary-blue:hover:not(.disabled).topic-mobile, .button.primary-blue:focus.topic-mobile, .button-primary-blue:hover:not(.disabled).topic-mobile, .button-primary-blue:focus.topic-mobile { background-color: #225d4d; border-color: #225d4d; }

.topic-internal .button.primary-blue:hover:not(.disabled), .topic-internal .button.primary-blue:focus, .topic-internal .button-primary-blue:hover:not(.disabled), .topic-internal .button-primary-blue:focus { background-color: #3f474f; border-color: #3f474f; }

.button.primary-blue:hover:not(.disabled).topic-internal, .button.primary-blue:focus.topic-internal, .button-primary-blue:hover:not(.disabled).topic-internal, .button-primary-blue:focus.topic-internal { background-color: #3f474f; border-color: #3f474f; }

.topic-foundations .button.primary-blue:hover:not(.disabled), .topic-foundations .button.primary-blue:focus, .topic-foundations .button-primary-blue:hover:not(.disabled), .topic-foundations .button-primary-blue:focus { background-color: #00252e; border-color: #00252e; }

.button.primary-blue:hover:not(.disabled).topic-foundations, .button.primary-blue:focus.topic-foundations, .button-primary-blue:hover:not(.disabled).topic-foundations, .button-primary-blue:focus.topic-foundations { background-color: #00252e; border-color: #00252e; }

.topic-undefined .button.primary-blue:hover:not(.disabled), .topic-undefined .button.primary-blue:focus, .topic-undefined .button-primary-blue:hover:not(.disabled), .topic-undefined .button-primary-blue:focus { background-color: #3f474f; border-color: #3f474f; }

.button.primary-blue:hover:not(.disabled).topic-undefined, .button.primary-blue:focus.topic-undefined, .button-primary-blue:hover:not(.disabled).topic-undefined, .button-primary-blue:focus.topic-undefined { background-color: #3f474f; border-color: #3f474f; }

.topic-college-credit .button.primary-blue:hover:not(.disabled), .topic-college-credit .button.primary-blue:focus, .topic-college-credit .button-primary-blue:hover:not(.disabled), .topic-college-credit .button-primary-blue:focus { background-color: #2c6ca1; border-color: #2c6ca1; }

.button.primary-blue:hover:not(.disabled).topic-college-credit, .button.primary-blue:focus.topic-college-credit, .button-primary-blue:hover:not(.disabled).topic-college-credit, .button-primary-blue:focus.topic-college-credit { background-color: #2c6ca1; border-color: #2c6ca1; }

.topic-no-code .button.primary-blue:hover:not(.disabled), .topic-no-code .button.primary-blue:focus, .topic-no-code .button-primary-blue:hover:not(.disabled), .topic-no-code .button-primary-blue:focus { background-color: #268762; border-color: #268762; }

.button.primary-blue:hover:not(.disabled).topic-no-code, .button.primary-blue:focus.topic-no-code, .button-primary-blue:hover:not(.disabled).topic-no-code, .button-primary-blue:focus.topic-no-code { background-color: #268762; border-color: #268762; }

.topic-security .button.primary-blue:hover:not(.disabled), .topic-security .button.primary-blue:focus, .topic-security .button-primary-blue:hover:not(.disabled), .topic-security .button-primary-blue:focus { background-color: #1983dd; border-color: #1983dd; }

.button.primary-blue:hover:not(.disabled).topic-security, .button.primary-blue:focus.topic-security, .button-primary-blue:hover:not(.disabled).topic-security, .button-primary-blue:focus.topic-security { background-color: #1983dd; border-color: #1983dd; }

.topic-game-development .button.primary-blue:hover:not(.disabled), .topic-game-development .button.primary-blue:focus, .topic-game-development .button-primary-blue:hover:not(.disabled), .topic-game-development .button-primary-blue:focus { background-color: #664bb5; border-color: #664bb5; }

.button.primary-blue:hover:not(.disabled).topic-game-development, .button.primary-blue:focus.topic-game-development, .button-primary-blue:hover:not(.disabled).topic-game-development, .button-primary-blue:focus.topic-game-development { background-color: #664bb5; border-color: #664bb5; }

.topic-treehouse-resources .button.primary-blue:hover:not(.disabled), .topic-treehouse-resources .button.primary-blue:focus, .topic-treehouse-resources .button-primary-blue:hover:not(.disabled), .topic-treehouse-resources .button-primary-blue:focus { background-color: #3ac162; border-color: #3ac162; }

.button.primary-blue:hover:not(.disabled).topic-treehouse-resources, .button.primary-blue:focus.topic-treehouse-resources, .button-primary-blue:hover:not(.disabled).topic-treehouse-resources, .button-primary-blue:focus.topic-treehouse-resources { background-color: #3ac162; border-color: #3ac162; }

.topic-coding-for-kids .button.primary-blue:hover:not(.disabled), .topic-coding-for-kids .button.primary-blue:focus, .topic-coding-for-kids .button-primary-blue:hover:not(.disabled), .topic-coding-for-kids .button-primary-blue:focus { background-color: #db520c; border-color: #db520c; }

.button.primary-blue:hover:not(.disabled).topic-coding-for-kids, .button.primary-blue:focus.topic-coding-for-kids, .button-primary-blue:hover:not(.disabled).topic-coding-for-kids, .button-primary-blue:focus.topic-coding-for-kids { background-color: #db520c; border-color: #db520c; }

.button.secondary, .button-secondary { background-color: transparent; border: solid 2px #d4d9dd; }

.button.secondary:not(.has-topic-color), .button-secondary:not(.has-topic-color) { color: #1a2126; }

.button.secondary svg:not(.has-topic-fill), .button-secondary svg:not(.has-topic-fill) { fill: #1a2126; }

.button.secondary:hover:not(.disabled), .button.secondary:focus, .uploader.hover:not(.disabled) .button.secondary, .button-secondary:hover:not(.disabled), .button-secondary:focus, .uploader.hover:not(.disabled) .button-secondary { border-color: #a9b3bb; }

.button.secondary:hover:not(.disabled):not(.has-topic-color), .button.secondary:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button.secondary:not(.has-topic-color), .button-secondary:hover:not(.disabled):not(.has-topic-color), .button-secondary:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button-secondary:not(.has-topic-color) { color: #14191d; }

.button.secondary:hover:not(.disabled) svg:not(.has-topic-fill), .button.secondary:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button.secondary svg:not(.has-topic-fill), .button-secondary:hover:not(.disabled) svg:not(.has-topic-fill), .button-secondary:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button-secondary svg:not(.has-topic-fill) { fill: #14191d; }

.button.alert, .button-alert { background-color: transparent; border: solid 2px #ed5a5a; }

.button.alert:not(.has-topic-color), .button-alert:not(.has-topic-color) { color: #ed5a5a; }

.button.alert svg:not(.has-topic-fill), .button-alert svg:not(.has-topic-fill) { fill: #ed5a5a; }

.button.alert:hover:not(.disabled), .button.alert:focus, .uploader.hover:not(.disabled) .button.alert, .button-alert:hover:not(.disabled), .button-alert:focus, .uploader.hover:not(.disabled) .button-alert { border-color: #cb1616; }

.button.alert:hover:not(.disabled):not(.has-topic-color), .button.alert:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button.alert:not(.has-topic-color), .button-alert:hover:not(.disabled):not(.has-topic-color), .button-alert:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button-alert:not(.has-topic-color) { color: #cb1616; }

.button.alert:hover:not(.disabled) svg:not(.has-topic-fill), .button.alert:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button.alert svg:not(.has-topic-fill), .button-alert:hover:not(.disabled) svg:not(.has-topic-fill), .button-alert:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button-alert svg:not(.has-topic-fill) { fill: #cb1616; }

.button.caution, .button-caution { background-color: #ffd466; border: solid 2px #ffd466; }

.button.caution:not(.has-topic-color), .button-caution:not(.has-topic-color) { color: #050708; }

.button.caution svg:not(.has-topic-fill), .button-caution svg:not(.has-topic-fill) { fill: #050708; }

.button.caution:hover:not(.disabled), .button.caution:focus, .uploader.hover:not(.disabled) .button.caution, .button-caution:hover:not(.disabled), .button-caution:focus, .uploader.hover:not(.disabled) .button-caution { border-color: #ffc633; background-color: #ffc633; }

.button.caution:hover:not(.disabled):not(.has-topic-color), .button.caution:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button.caution:not(.has-topic-color), .button-caution:hover:not(.disabled):not(.has-topic-color), .button-caution:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button-caution:not(.has-topic-color) { color: #050708; }

.button.caution:hover:not(.disabled) svg:not(.has-topic-fill), .button.caution:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button.caution svg:not(.has-topic-fill), .button-caution:hover:not(.disabled) svg:not(.has-topic-fill), .button-caution:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button-caution svg:not(.has-topic-fill) { fill: #050708; }

.button.inverse:not(.alert):not(.secondary):not(.disabled):not(:hover), .button-inverse:not(.alert):not(.secondary):not(.disabled):not(:hover) { opacity: 0.88; }

.button.inverse:not(.alert), .button-inverse:not(.alert) { border-color: #fff !important; }

.button.inverse:not(.alert):not(.has-topic-color), .button.inverse:not(.alert):hover:not(.disabled), .button-inverse:not(.alert):not(.has-topic-color), .button-inverse:not(.alert):hover:not(.disabled) { color: #fff; }

.button.inverse:not(.alert).primary:hover, .button-inverse:not(.alert).primary:hover { color: #101417; }

.button.inverse:not(.alert) svg:not(.has-topic-fill), .button.inverse:not(.alert):hover:not(.disabled) svg:not(.has-topic-fill), .button-inverse:not(.alert) svg:not(.has-topic-fill), .button-inverse:not(.alert):hover:not(.disabled) svg:not(.has-topic-fill) { fill: #fff; }

.button.inverse.alert:hover:not(.disabled), .button.inverse.alert:focus, .button.inverse-alert:hover:not(.disabled), .button.inverse-alert:focus, .button-inverse.alert:hover:not(.disabled), .button-inverse.alert:focus, .button-inverse-alert:hover:not(.disabled), .button-inverse-alert:focus { border-color: #fff; color: #fff; }

.button.inverse.alert:hover:not(.disabled) svg, .button.inverse.alert:focus svg, .button.inverse-alert:hover:not(.disabled) svg, .button.inverse-alert:focus svg, .button-inverse.alert:hover:not(.disabled) svg, .button-inverse.alert:focus svg, .button-inverse-alert:hover:not(.disabled) svg, .button-inverse-alert:focus svg { fill: #fff; }

.button.inverse.primary, .button.inverse-primary, .button-inverse.primary, .button-inverse-primary { background: #fff !important; }

.button.inverse.primary:not(.has-topic-color), .button.inverse-primary:not(.has-topic-color), .button-inverse.primary:not(.has-topic-color), .button-inverse-primary:not(.has-topic-color) { color: #101417; }

.button.inverse.primary svg:not(.has-topic-fill), .button.inverse-primary svg:not(.has-topic-fill), .button-inverse.primary svg:not(.has-topic-fill), .button-inverse-primary svg:not(.has-topic-fill) { fill: #101417; }

.button.inverse.secondary, .button.inverse-secondary, .button-inverse.secondary, .button-inverse-secondary { opacity: 0.5; }

.button.inverse.secondary:hover:not(.disabled), .button.inverse.secondary:focus, .button.inverse-secondary:hover:not(.disabled), .button.inverse-secondary:focus, .button-inverse.secondary:hover:not(.disabled), .button-inverse.secondary:focus, .button-inverse-secondary:hover:not(.disabled), .button-inverse-secondary:focus { opacity: 1; }

.button.inverse.disabled, .button.inverse-disabled, .button-inverse.disabled, .button-inverse-disabled { opacity: 0.15; }

.button.large, .button-large { font-size: 16px; height: 50px; line-height: 46px; padding: 0 22px; }

.button.large svg, .button-large svg { top: -2px; }

.button.large.square, .button-large.square { padding: 0; width: 50px; }

.button.small, .button-small { font-size: 12px; height: 34px; line-height: 30px; padding: 0 12px; }

.button.small.square, .button-small.square { padding: 0; width: 34px; }

.button.x-small, .button-x-small { font-size: 12px; height: 30px; line-height: 26px; padding: 0 10px; }

.button.x-small.square, .button-x-small.square { padding: 0; width: 30px; }

@media screen and (max-width: 679px) { .button.default-on-mobile { font-size: 14px; height: 40px; line-height: 36px; padding: 0 15px; }
  .button.default-on-mobile.square { padding: 0; width: 40px; }
  .button.small-on-mobile { font-size: 12px; height: 34px; line-height: 30px; padding: 0 12px; }
  .button.small-on-mobile.square { padding: 0; width: 34px; }
  .button.x-small-on-mobile { font-size: 12px; height: 30px; line-height: 26px; padding: 0 10px; }
  .button.x-small-on-mobile.square { padding: 0; width: 30px; } }

.button.full, .button.button-full { display: block; width: 100%; height: 100%; margin: 0; padding-left: 0; padding-right: 0; }

@media screen and (max-width: 679px) { .button.full-on-mobile, .button.button-full-on-mobile { display: block; width: 100%; height: 100%; margin: 0; padding-left: 0; padding-right: 0; text-align: center; } }

.button.trial { height: 80px; line-height: 20px; background-color: #409be9; border: none; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.button.trial:hover:not(.disabled) { background-color: #337cba; }

.button.close, .button.button-close { padding: 0; margin: 0; width: 28px; height: 28px; line-height: 22px; text-align: center; z-index: 2; }

.button.close svg.close-icon, .button.button-close svg.close-icon { margin: 0; top: 0; }

.button.icon-on-left svg { margin: 0 5px 0 0; }

.button.icon-on-right svg { margin: 0 0 0 5px; }

.button svg { vertical-align: middle; position: relative; top: -1px; }

.safari .button svg { top: -2px; }

.button svg.add-icon { height: 12px; width: 12px; }

.button svg.play-icon { height: 12px; width: 10px; }

.button svg.resume-icon { height: 14px; width: 16px; }

.button svg.project-icon { height: auto; width: 18px; }

.button svg.up-arrow, .button svg.up-arrow-icon, .button svg.down-arrow, .button svg.down-arrow-icon, .button svg.left-arrow, .button svg.left-arrow-icon, .button svg.right-arrow, .button svg.right-arrow-icon { height: 12px; width: 12px; }

.button svg.preview-icon { height: 11px; margin-left: 6px; width: 17px; }

.button svg.editor-icon { height: 11px; margin-left: 6px; width: 17px; }

.button svg.edit-icon { height: 12px; width: 12px; }

.button svg.gear-icon { margin-top: 2px; height: 14px; width: 14px; }

.button.large .icon-play, .button.button-large .icon-play { margin: -4px 0 0 6px; }

.button.large svg.right-arrow-icon, .button.button-large svg.right-arrow-icon { height: 13px; width: 13px; top: 0; margin-left: 4px; }

.button.large svg.play-icon, .button.button-large svg.play-icon { height: 14px; width: 11px; }

.button.large svg.resume-icon, .button.button-large svg.resume-icon { height: 14px; width: 18px; }

.button.large svg.close-icon, .button.button-large svg.close-icon { height: 14px; width: 14px; }

.button .icon-play { margin: -2px 0 0 8px; }

.button .icon-close { margin: -2px 3px 0 0px; }

.button.button-social { margin: 5px 10px 5px 0; display: inline-block; }

.button.button-social:last-child { margin: 5px 0; }

.button.mobile-disabled .mobile-message { display: none; white-space: normal; position: absolute; background: rgba(45, 51, 57, 0.9); padding: 8px 15px 0; border-radius: 4px; color: #fff; top: -1px; left: -1px; right: -1px; bottom: -3px; font-size: 13px; line-height: 1.3; font-weight: 400 !important; }

.button.mobile-disabled:hover { opacity: 1; }

.button.mobile-disabled:hover .mobile-message { display: block !important; }

.button.button-share:hover .tooltip { display: block; }

.button.button-share .icon { margin: -6px 0 0 3px; opacity: 1; }

.button.button-share .tooltip { display: none; text-align: center; }

.split-button .button.text, .split-button .button.action { float: left; z-index: 1; margin: 0; }

.split-button .button.text:hover, .split-button .button.action:hover { z-index: 2; }

.split-button .button.text { border-radius: 4px 0 0 4px; padding: 0 20px; }

.split-button .button.text.primary { border-right-color: #29824b; }

.topic-ai .split-button .button.text.primary { border-right-color: #552b64; }

.split-button .button.text.primary.topic-ai { border-right-color: #552b64; }

.topic-back-end .split-button .button.text.primary { border-right-color: #005664; }

.split-button .button.text.primary.topic-back-end { border-right-color: #005664; }

.topic-data .split-button .button.text.primary { border-right-color: #7c3b67; }

.split-button .button.text.primary.topic-data { border-right-color: #7c3b67; }

.topic-design .split-button .button.text.primary { border-right-color: #38326d; }

.split-button .button.text.primary.topic-design { border-right-color: #38326d; }

.topic-experimental .split-button .button.text.primary { border-right-color: #552b64; }

.split-button .button.text.primary.topic-experimental { border-right-color: #552b64; }

.topic-front-end .split-button .button.text.primary { border-right-color: #29447c; }

.split-button .button.text.primary.topic-front-end { border-right-color: #29447c; }

.topic-fundamentals .split-button .button.text.primary { border-right-color: #762d45; }

.split-button .button.text.primary.topic-fundamentals { border-right-color: #762d45; }

.topic-mobile .split-button .button.text.primary { border-right-color: #225d4d; }

.split-button .button.text.primary.topic-mobile { border-right-color: #225d4d; }

.topic-internal .split-button .button.text.primary { border-right-color: #3f474f; }

.split-button .button.text.primary.topic-internal { border-right-color: #3f474f; }

.topic-foundations .split-button .button.text.primary { border-right-color: #00252e; }

.split-button .button.text.primary.topic-foundations { border-right-color: #00252e; }

.topic-undefined .split-button .button.text.primary { border-right-color: #3f474f; }

.split-button .button.text.primary.topic-undefined { border-right-color: #3f474f; }

.topic-college-credit .split-button .button.text.primary { border-right-color: #2c6ca1; }

.split-button .button.text.primary.topic-college-credit { border-right-color: #2c6ca1; }

.topic-no-code .split-button .button.text.primary { border-right-color: #268762; }

.split-button .button.text.primary.topic-no-code { border-right-color: #268762; }

.topic-security .split-button .button.text.primary { border-right-color: #1983dd; }

.split-button .button.text.primary.topic-security { border-right-color: #1983dd; }

.topic-game-development .split-button .button.text.primary { border-right-color: #664bb5; }

.split-button .button.text.primary.topic-game-development { border-right-color: #664bb5; }

.topic-treehouse-resources .split-button .button.text.primary { border-right-color: #3ac162; }

.split-button .button.text.primary.topic-treehouse-resources { border-right-color: #3ac162; }

.topic-coding-for-kids .split-button .button.text.primary { border-right-color: #db520c; }

.split-button .button.text.primary.topic-coding-for-kids { border-right-color: #db520c; }

.split-button .button.action { border-radius: 0 4px 4px 0; padding: 0 10px; margin-left: -2px; min-width: 40px; }

.split-button .button.action.primary { border-left-color: #29824b; }

.topic-ai .split-button .button.action.primary { border-left-color: #552b64; }

.split-button .button.action.primary.topic-ai { border-left-color: #552b64; }

.topic-back-end .split-button .button.action.primary { border-left-color: #005664; }

.split-button .button.action.primary.topic-back-end { border-left-color: #005664; }

.topic-data .split-button .button.action.primary { border-left-color: #7c3b67; }

.split-button .button.action.primary.topic-data { border-left-color: #7c3b67; }

.topic-design .split-button .button.action.primary { border-left-color: #38326d; }

.split-button .button.action.primary.topic-design { border-left-color: #38326d; }

.topic-experimental .split-button .button.action.primary { border-left-color: #552b64; }

.split-button .button.action.primary.topic-experimental { border-left-color: #552b64; }

.topic-front-end .split-button .button.action.primary { border-left-color: #29447c; }

.split-button .button.action.primary.topic-front-end { border-left-color: #29447c; }

.topic-fundamentals .split-button .button.action.primary { border-left-color: #762d45; }

.split-button .button.action.primary.topic-fundamentals { border-left-color: #762d45; }

.topic-mobile .split-button .button.action.primary { border-left-color: #225d4d; }

.split-button .button.action.primary.topic-mobile { border-left-color: #225d4d; }

.topic-internal .split-button .button.action.primary { border-left-color: #3f474f; }

.split-button .button.action.primary.topic-internal { border-left-color: #3f474f; }

.topic-foundations .split-button .button.action.primary { border-left-color: #00252e; }

.split-button .button.action.primary.topic-foundations { border-left-color: #00252e; }

.topic-undefined .split-button .button.action.primary { border-left-color: #3f474f; }

.split-button .button.action.primary.topic-undefined { border-left-color: #3f474f; }

.topic-college-credit .split-button .button.action.primary { border-left-color: #2c6ca1; }

.split-button .button.action.primary.topic-college-credit { border-left-color: #2c6ca1; }

.topic-no-code .split-button .button.action.primary { border-left-color: #268762; }

.split-button .button.action.primary.topic-no-code { border-left-color: #268762; }

.topic-security .split-button .button.action.primary { border-left-color: #1983dd; }

.split-button .button.action.primary.topic-security { border-left-color: #1983dd; }

.topic-game-development .split-button .button.action.primary { border-left-color: #664bb5; }

.split-button .button.action.primary.topic-game-development { border-left-color: #664bb5; }

.topic-treehouse-resources .split-button .button.action.primary { border-left-color: #3ac162; }

.split-button .button.action.primary.topic-treehouse-resources { border-left-color: #3ac162; }

.topic-coding-for-kids .split-button .button.action.primary { border-left-color: #db520c; }

.split-button .button.action.primary.topic-coding-for-kids { border-left-color: #db520c; }

.split-button .button.action svg.add-icon { height: 14px; width: 14px; }

.split-button { display: inline-block; margin: 0 15px 0 0; }

.split-button:before, .split-button:after { content: " "; display: table; }

.split-button:after { clear: both; }

.button-toggle { font-size: 0; padding: 4px; background: #d4d9dd; border-radius: 5px; display: inline-block; vertical-align: middle; }

.button-toggle label { font-weight: 700; padding: 10px 21px; color: #1a2126; font-size: 14px; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; display: inline-block; border-radius: 5px; box-sizing: border-box; }

.button-toggle label.selected { background: #35A961; color: #fff; box-shadow: 0 -1px 0 #2b8a4f inset; }

.button-toggle label.selected.no { background: #ed5a5a; box-shadow: 0 -1px 0 #e93535 inset; }

.button-toggle label input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.tooltip { position: absolute; background: #2d3339; width: max-content; max-width: 200px; padding: 15px; color: #fff; text-align: left; text-shadow: none; line-height: 1; z-index: 50000; display: block; border-radius: 4px; white-space: normal; transition: opacity 300ms 0s ease, transform 300ms 0s ease, visibility 300ms 0s ease; }

.tooltip-container { position: relative; }

.tooltip-small { width: auto; text-align: center; margin: 0; padding: 10px; }

.tooltip-right, .tooltip-left { top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.tooltip-right { left: 100%; margin-left: 5px; }

.tooltip-left { right: 100%; margin-right: 5px; }

.tooltip-top, .tooltip-bottom { left: 50%; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.tooltip-top { bottom: 100%; }

.tooltip-bottom { top: 100%; }

.tooltip:before { content: ""; position: absolute; background: #2d3339; width: 10px; height: 10px; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.tooltip-top:before, .tooltip-bottom:before { left: 50%; margin-left: -5px; }

.tooltip-top:before { bottom: -5px; border-radius: 0 0 3px 0; }

.tooltip-bottom:before { top: -5px; border-radius: 3px 0 0 0; }

.tooltip-left:before, .tooltip-right:before { top: 50%; margin-top: -5px; }

.tooltip-left:before { right: -5px; border-radius: 0 3px 0 0; }

.tooltip-right:before { left: -5px; border-radius: 0 0 0 3px; }

.tooltip-heading { color: #fff; font-weight: 700; display: block; margin-bottom: 5px; line-height: 1.4; font-size: 14px; }

.tooltip-small .tooltip-heading { margin: 0; }

.tooltip-description { margin: 0 !important; color: #a6b6c2; font-size: 13px !important; font-weight: 400; line-height: 1.4; }

.tooltip-description strong { display: inline; font-size: 13px; }

.tooltip-topic-text { position: absolute; background: #fff; text-align: center; padding: 10px 20px; width: 220px; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.08); -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); left: 50%; top: 100%; display: block; font-weight: 700; font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; }

.tooltip-topic-text p { margin-bottom: 0px; }

.tooltip-topic-text:before { position: absolute; z-index: 1001; content: ""; background: #fff; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05); -ms-transform: translate(-50%, 50%) rotate(45deg); -moz-transform: translate(-50%, 50%) rotate(45deg); -webkit-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); left: 50%; border-radius: 3px 0 0 0; }

li:hover .tooltip-topic-text, button:hover .tooltip-topic-text { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -3px); -moz-transform: translate(-50%, -3px); -webkit-transform: translate(-50%, -3px); transform: translate(-50%, -3px); }

li:first-child .tooltip-topic-text { left: 85px; }

li:first-child .tooltip-topic-text:before { left: 46px; }

li:last-child .tooltip-topic-text { left: auto; right: -135px; }

li:last-child .tooltip-topic-text:before { left: auto; right: 36px; }

.tooltip-topic-text em { display: block; color: #2b363e; font-size: 13px; line-height: 18px; font-weight: 400; margin: 4px 0 0; }
.mejs-container { background: #2d3339; clear: both; outline: none; }

.fixed-controls.mejs-container { position: relative; }

:not(.mejs-container-fullscreen).mejs-container { width: auto !important; height: auto !important; }

:not(.mejs-container-fullscreen).mejs-container:not(.has-stage-progress) { border-radius: 4px; }

.fixed-controls.connect-to-box:not(.has-stage-progress):not(.mejs-container-fullscreen).mejs-container { border-radius: 4px 4px 0 0; }

.mejs-container * { outline: none; }

.mejs-container .mejs-mediaelement { position: relative; height: auto; width: auto; top: 0; left: 0; right: 0; bottom: 0; transition: padding .25s ease; }

.mejs-container-fullscreen.fixed-controls.mejs-container .mejs-mediaelement { position: absolute; bottom: 60px; }

.mejs-container .mejs-mediaelement video { display: block; margin: 0 auto; object-fit: contain; object-position: center center; height: auto !important; width: 100% !important; }

:not(.mejs-container-fullscreen).mejs-container .mejs-mediaelement video { max-width: 1280px; max-height: 720px; }

:not(.max-width-reached):not(.fixed-controls):not(.mejs-container-fullscreen).mejs-container .mejs-mediaelement video { border-radius: 4px; }

:not(.max-width-reached.padded-when-max-width-reached).fixed-controls:not(.mejs-container-fullscreen).mejs-container .mejs-mediaelement video { border-radius: 4px 4px 0 0; }

.max-width-reached.padded-when-max-width-reached.fixed-controls:not(.mejs-container-fullscreen).mejs-container .mejs-mediaelement video { border-radius: 4px; }

.mejs-container-fullscreen.fixed-controls.mejs-container .mejs-mediaelement video { position: absolute; height: 100% !important; top: 0; left: 0; right: 0; bottom: 0; }

.mejs-container .mejs-overlay, .mejs-container .mejs-layers .mejs-poster { height: auto !important; bottom: 0; z-index: 1; }

.mejs-treehouse-is-playing.mejs-container .mejs-overlay, .mejs-treehouse-is-playing.mejs-container .mejs-layers .mejs-poster { display: none; }

.fixed-controls.mejs-container .mejs-overlay, .fixed-controls.mejs-container .mejs-layers .mejs-poster { bottom: 60px; border-radius: 4px 4px 0 0 !important; }

.mejs-container .mejs-manualoverlay { position: absolute; width: 100%; height: 100%; background-color: rgba(56, 64, 71, 0.8); pointer-events: none; z-index: 1; }

.mejs-container .mejs-manualoverlay .mejs-overlay-button { background: url("/assets/icons/icon-player-9337e1fbafdc2581ecbd85f22c9c9acbe855b380b407c499ac7e396d0ff41bb8.svg") no-repeat !important; margin: -80px 0 0 -50px; }

.mejs-container .mejs-controls { background: rgba(56, 64, 71, 0.98); height: 60px; width: auto; z-index: 100; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 2px 0; }

.no-controls.mejs-container .mejs-controls { display: none !important; }

@media screen and (min-width: 680px) and (max-width: 969px) { .mejs-container .mejs-controls { bottom: 15px; left: 15px; right: 15px; } }

@media screen and (min-width: 970px) { .mejs-container .mejs-controls { bottom: 30px; left: 30px; right: 30px; } }

.fixed-controls.mejs-container .mejs-controls { background: #384047; bottom: 0; left: 0; right: 0; box-shadow: none; }

:not(.mejs-container-fullscreen).fixed-controls.mejs-container .mejs-controls { position: relative; }

:not(.mejs-container-fullscreen).fixed-controls.mejs-container .mejs-controls:not(.connect-to-box) { border-radius: 0 0 4px 4px; }

:not(.mejs-container-fullscreen).fixed-controls.mejs-container .mejs-controls.connect-to-box { border-radius: 0; }

.mejs-container-fullscreen.fixed-controls.mejs-container .mejs-controls { position: fixed; border-radius: 0; }

.mejs-container .mejs-controls div { height: auto; }

.mejs-container .mejs-controls button { border-radius: 0; }

.mejs-container .mejs-controls .mejs-playpause-button { height: 60px; width: 60px; cursor: pointer; border-radius: 5px 0 0 5px; }

.fixed-controls.mejs-container .mejs-controls .mejs-playpause-button { border-radius: 0; }

.mejs-container .mejs-controls .mejs-button { height: 60px; position: relative; width: 38px; overflow: visible !important; }

.mejs-container .mejs-controls .mejs-button:last-child { margin-right: 10px; }

.mejs-container .mejs-controls .mejs-button button { background: none; position: relative; margin: 0; padding: 0 8px; outline: none; border: none; height: 100%; width: 100%; overflow: visible; }

.mejs-container .mejs-controls .mejs-button button svg { top: 0; fill: #a8afb5; }

.mejs-container .mejs-controls .mejs-button button:hover svg { fill: #fff; }

.mejs-container .mejs-controls .mejs-button button:focus { background-color: rgba(0, 0, 0, 0.9); }

.mejs-container .mejs-controls .mejs-button button:focus svg { fill: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button { width: 60px; transition: background 0.3s ease; border-radius: 4px 0 0 4px; }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button svg { fill: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button:hover svg { fill: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button:focus { background-color: rgba(0, 0, 0, 0.9); }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button:focus svg { fill: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-playpause-button:not(:hover) svg { opacity: 0.85; }

.mejs-container .mejs-controls .mejs-button.mejs-pause svg.play-icon { display: none; }

.mejs-container .mejs-controls .mejs-button.mejs-play svg.play-icon { width: 20px; height: 22px; }

.mejs-container .mejs-controls .mejs-button.mejs-play svg.pause-icon { display: none; }

@media screen and (max-width: 679px) { .mejs-container .mejs-controls .mejs-button.mejs-rewind-button { display: none; } }

.simple-controls.mejs-container .mejs-controls .mejs-button.mejs-rewind-button { display: none; }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button:before, .mejs-container .mejs-controls .mejs-button.mejs-rewind-button:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button:before { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 11px) rotate(45deg); -moz-transform: translate(-50%, 11px) rotate(45deg); -webkit-transform: translate(-50%, 11px) rotate(45deg); transform: translate(-50%, 11px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button:after { content: "Rewind Video"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 9px) rotate(45deg); -moz-transform: translate(-50%, 9px) rotate(45deg); -webkit-transform: translate(-50%, 9px) rotate(45deg); transform: translate(-50%, 9px) rotate(45deg); }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 4px); -moz-transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); }

.mejs-container .mejs-controls .mejs-button.mejs-rewind-button button svg { top: -2px; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button { width: 38px !important; }

.simple-controls.mejs-container .mejs-controls .mejs-button.mejs-speed-button { display: none; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button:hover .mejs-speed-controls { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 4px); -moz-transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls { position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; width: 40px; padding: 10px; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls:after { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol { margin: 0 !important; padding: 0; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li { list-style: none; margin: 0 !important; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed { background: #384047; font-size: 0; cursor: pointer; width: 20px; height: 20px; position: relative; z-index: 2; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #2e9a4e; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #552b64; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #005664; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #7c3b67; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #38326d; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #552b64; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #29447c; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #762d45; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #225d4d; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #3f474f; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #00252e; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #3f474f; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #2c6ca1; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #268762; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #1983dd; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #664bb5; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #3ac162; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover { background: #db520c; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #5fcf80; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover ~ .mejs-speed { background: #F36C27; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:first-child { border-radius: 4px 4px 0 0; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:last-child { border-radius: 0 0 4px 4px; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed:hover .speed-tooltip { visibility: visible; opacity: 1; -ms-transform: translate(-20px, -50%); -moz-transform: translate(-20px, -50%); -webkit-transform: translate(-20px, -50%); transform: translate(-20px, -50%); }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed .speed-tooltip { position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-15px, -50%); -moz-transform: translate(-15px, -50%); -webkit-transform: translate(-15px, -50%); transform: translate(-15px, -50%); color: #fff; top: 50%; right: 100%; font-weight: 700; font-size: 14px; line-height: 18px; padding: 10px 15px; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol li.mejs-speed .speed-tooltip:before { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; left: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); top: 50%; border-radius: 0 3px 0 0; }

.mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #5fcf80; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-ai .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-data .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-design .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-internal .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-security .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed, .topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-speed-button .mejs-speed-controls ol:not(:hover) li.mejs-speed.current-speed ~ .mejs-speed { background: #F36C27; }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button:hover .mejs-captions-selector { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 4px); -moz-transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button .mejs-captions-selector { position: absolute; background: #24292e; text-align: center; padding: 10px 15px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; border: none; width: 130px; height: auto !important; overflow: visible; }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button .mejs-captions-selector:after { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button .mejs-captions-selector li { padding: 5px 0; margin: 0; text-align: left; }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button .mejs-captions-selector li label { font: 700 14px/20px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b363e; padding: 0 0 0 8px; cursor: pointer; }

.mejs-container .mejs-controls .mejs-button.mejs-captions-button .mejs-captions-selector li label:hover { color: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button button { overflow: hidden; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button.mejs-unmute button { width: 20px; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button:hover .mejs-volume-slider { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 4px); -moz-transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-slider { position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; display: block !important; width: 40px; height: 130px; padding: 10px; padding: 10px; overflow: visible; top: auto; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-slider:after { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-total, .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { width: 20px; left: auto; float: none; border-radius: 3px; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-total { position: absolute; left: 10px; bottom: 10px; right: 10px; top: 10px; height: auto; background: #384047; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #5fcf80; top: auto !important; bottom: 10px; border-radius: 3px; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-current { background: #F36C27; }

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-handle { left: auto; width: 20px; background: transparent; }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button { width: 34px; }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before, .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 11px) rotate(45deg); -moz-transform: translate(-50%, 11px) rotate(45deg); -webkit-transform: translate(-50%, 11px) rotate(45deg); transform: translate(-50%, 11px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:after { content: "Fullscreen"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 9px) rotate(45deg); -moz-transform: translate(-50%, 9px) rotate(45deg); -webkit-transform: translate(-50%, 9px) rotate(45deg); transform: translate(-50%, 9px) rotate(45deg); }

.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 4px); -moz-transform: translate(-50%, 4px); -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); }

.mejs-container-fullscreen.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:after { content: "Exit Fullscreen"; white-space: normal; }

.mejs-container-fullscreen.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:last-child:after { left: 0; }

.mejs-container-fullscreen.fixed-controls.mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:last-child:after { left: -20px; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button { width: auto; border-left: 2px solid #31383e; margin: 0 0 0 12px; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #5fcf80; stroke: #5fcf80; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-ai .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-data .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-design .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-internal .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-security .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { fill: #F36C27; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-ai .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-data .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-design .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-internal .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-security .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button:not(:hover) .button svg, .topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button:not(:hover) .button svg { stroke: #F36C27; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { width: auto; padding: 0 20px; font-size: 14px; color: #5fcf80; -webkit-animation: pulsate-opacity-to-65 1.05s linear 0s 8 alternate; -moz-animation: pulsate-opacity-to-65 1.05s linear 0s 8 alternate; animation: pulsate-opacity-to-65 1.05s linear 0s 8 alternate; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button.loading, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button.loading { -webkit-animation: loading 2s infinite; -moz-animation: loading 2s infinite; animation: loading 2s infinite; }

.topic-ai .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-ai .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #85439d; }

.topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-back-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #009cb6; }

.topic-data .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-data .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #b05894; }

.topic-design .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-design .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #554ca5; }

.topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-experimental .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #85439d; }

.topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-front-end .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #3e66b9; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-fundamentals .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #b14367; }

.topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-mobile .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #38987f; }

.topic-internal .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-internal .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #62707d; }

.topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-foundations .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #006780; }

.topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-undefined .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #62707d; }

.topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-college-credit .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #5095cf; }

.topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-no-code .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #38c790; }

.topic-security .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-security .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #5ba9ec; }

.topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-game-development .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #9785cd; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-treehouse-resources .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #77d693; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button, .topic-coding-for-kids .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button { color: #f58044; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button span, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button span { display: none; }

@media screen and (min-width: 840px) { .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button span, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button span { display: inline-block; } }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button svg, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button svg { margin-right: 0; margin-left: 9px; }

@media screen and (min-width: 840px) { .mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button svg, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button svg { margin-right: 9px; } }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button:hover, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button:hover { color: #fff; }

.mejs-container .mejs-controls .mejs-button.mejs-workspaces-button .button:hover svg, .mejs-container .mejs-controls .mejs-button.mejs-sql-playground-button .button:hover svg { fill: #fff; stroke: #fff; }

.mejs-container .mejs-controls .mejs-time { height: 60px; box-sizing: border-box; }

@media screen and (max-width: 679px) { .mejs-container .mejs-controls .mejs-time { display: none; } }

.mejs-container .mejs-controls .mejs-time.mejs-currenttime-container { width: 64px; padding: 0 0 0 15px; }

.mejs-container .mejs-controls .mejs-time.mejs-duration-container { width: 70px; padding: 0 40px 0 10px; }

.mejs-container .mejs-controls .mejs-time.long-duration { width: 80px; padding-left: 10px; }

.mejs-container .mejs-controls .mejs-time .mejs-currenttime, .mejs-container .mejs-controls .mejs-time .mejs-duration { font: 13px/60px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #a8afb5; margin: 0; }

.mejs-container .mejs-controls .mejs-time-rail { padding: 23px 0 0; height: 100%; }

@media screen and (max-width: 679px) { .mejs-container .mejs-controls .mejs-time-rail { margin: 0 10px; } }

.mejs-container .mejs-controls .mejs-time-rail span { height: auto; border-radius: none; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded { display: none; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle, .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-container .mejs-controls .mejs-time-rail .mejs-time-buffering { background: #171a1d; height: 14px; border-radius: 14px; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #5fcf80; border: 3px solid black; transition: width 0.15s ease; }

.topic-ai .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #733A88; }

.topic-back-end .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #008297; }

.topic-data .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #9F4B84; }

.topic-design .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #4a4290; }

.topic-experimental .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #733a88; }

.topic-front-end .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #3659a2; }

.topic-fundamentals .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #9b3b5a; }

.topic-mobile .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #30826C; }

.topic-internal .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #55616c; }

.topic-foundations .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #004e61; }

.topic-undefined .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #55616c; }

.topic-college-credit .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #3887c8; }

.topic-no-code .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #31AF7F; }

.topic-security .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #409BE9; }

.topic-game-development .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #856fc4; }

.topic-treehouse-resources .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #5fcf80; }

.topic-coding-for-kids .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #F36C27; }

.mejs-container .mejs-controls .mejs-time-rail:hover .mejs-time-float { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; background: #24292e; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 6px); -moz-transform: translate(-50%, 6px); -webkit-transform: translate(-50%, 6px); transform: translate(-50%, 6px); color: #fff; left: 50%; bottom: 100%; padding-left: 20px; padding-right: 20px; top: auto; width: auto; border: none; margin: 0; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-current { font: 700 14px/18px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; position: relative; width: auto; display: inline; color: #fff; }

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; z-index: 1001; content: ""; background: #24292e; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; border: none; }

.mejs-container .mejs-controls .mejs-time-total { margin: 0; background: #000; }

.mejs-captions-layer { left: 0; right: 0; z-index: 99; bottom: 60px; }

.mejs-captions-layer .mejs-captions-position { width: auto; }

@media screen and (min-width: 680px) { .mejs-captions-layer .mejs-captions-position { bottom: 15px; left: 30px; right: 30px; } }

@media screen and (max-width: 679px) { .mejs-captions-layer .mejs-captions-position { left: 20px; right: 20px; bottom: 10px; } }

.mejs-captions-layer .mejs-captions-text { padding: 10px; background: rgba(0, 0, 0, 0.85); color: #fff; border: none; line-height: 1.45; display: inline-block; box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px 5px; border-radius: 4px; }

.mejs-captions-layer .mejs-captions-text:hover { cursor: move; cursor: -webkit-grab; }

.mejs-captions-layer .mejs-captions-text:active { cursor: -webkit-grabbing; }

@media screen and (min-width: 970px) { .mejs-captions-layer .mejs-captions-text { font-size: 18px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .mejs-captions-layer .mejs-captions-text { font-size: 16px; } }

@media screen and (max-width: 679px) { .mejs-captions-layer .mejs-captions-text { font-size: 14px; } }

.mejs-overlay { height: auto !important; width: auto !important; top: 0; left: 0; bottom: 0; right: 0; }

div.mejs-container:not(.mejs-treehouse-is-paused) .mejs-overlay { border-radius: 4px; background: rgba(0, 0, 0, 0.25); }

.mejs-overlay:hover .mejs-overlay-button { background: url("/assets/icons/icon-player-9337e1fbafdc2581ecbd85f22c9c9acbe855b380b407c499ac7e396d0ff41bb8.svg") no-repeat; }

.mejs-overlay .mejs-overlay-button { background: url("/assets/icons/icon-player-9337e1fbafdc2581ecbd85f22c9c9acbe855b380b407c499ac7e396d0ff41bb8.svg") no-repeat; width: 100px; height: 100px; margin-top: -50px !important; }

.mejs-overlay .mejs-overlay-loading { background: none; width: 100px; height: 100px; margin: -50px 0 0 -50px; transform-origin: center center; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }

.mejs-overlay .mejs-overlay-loading span { background: url("/assets/icons/icon-player-9337e1fbafdc2581ecbd85f22c9c9acbe855b380b407c499ac7e396d0ff41bb8.svg") no-repeat -122px -23px; width: 118px; height: 100px; margin-left: -18px; }

@media screen and (min-width: 680px) { .mejs-treehouse-is-paused .mejs-overlay-play .mejs-overlay-button { display: none; } }

@media screen and (max-width: 679px) { .mejs-treehouse-is-paused .mejs-overlay-play .mejs-overlay-button { display: block !important; } }
.tabs { margin: 15px 0 30px; position: relative; }

.tabs:before, .tabs:after { content: " "; display: table; }

.tabs:after { clear: both; }

@media screen and (min-width: 680px) { .tabs { border-bottom: 2px solid rgba(0, 0, 0, 0.08); } }

.tabs h2 { font-size: 24px; line-height: 24px; }

@media screen and (min-width: 680px) { .tabs h2 { position: absolute; left: 0; bottom: 20px; } }

@media screen and (max-width: 679px) { .tabs h2 { padding-bottom: 20px; margin-bottom: -2px; border-bottom: 2px solid rgba(0, 0, 0, 0.05); } }

.tabs ul { list-style: none; }

.tabs ul:before, .tabs ul:after { content: " "; display: table; }

.tabs ul:after { clear: both; }

@media screen and (min-width: 680px) { .right.tabs ul { float: right; } }

.tabs li { font-size: 14px; font-weight: 700; position: relative; margin: 0; transition: border-color .15s ease; }

@media screen and (min-width: 970px) { .left.tabs li { margin-right: 30px; }
  .right.tabs li { margin-left: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .left.tabs li { margin-right: 20px; }
  .right.tabs li { margin-left: 20px; } }

@media screen and (min-width: 680px) { .tabs li { border-bottom: 2px solid transparent; bottom: -2px; }
  .left.tabs li { float: left; }
  .right.tabs li { float: left; } }

@media screen and (max-width: 679px) { .tabs li { border-bottom: 2px solid rgba(0, 0, 0, 0.05); } }

.tabs li.current a, .tabs li:hover a { color: black; }

.tabs li.current { border-color: #b5bec2; }

.tabs li.current a { cursor: default; }

.tabs li a { display: block; color: #2b363e; transition: color .15s ease; }

@media screen and (min-width: 680px) { .tabs li a { padding: 0 0 22px; } }

@media screen and (max-width: 679px) { .tabs li a { padding: 15px 0; } }

.tabs li a:hover { color: #101417; }
.modal { position: absolute; top: 0; right: 0; left: 0; max-width: 1340px; z-index: 50000; }

@media screen and (min-width: 970px) { .modal { padding: 30px; margin: 0 auto; }
  .treehouse-layout .modal { left: 70px; } }

@media screen and (max-width: 969px) { .modal { padding: 10px 30px; } }

.modal .module + .module { margin-bottom: 0; }

.modal p, .modal li { line-height: 1.4; font-size: 14px; }

.modal p { margin-bottom: 20px; }

.modal li { margin: 0 0 5px 10px; }

.modal .grid-container { margin: 0 -15px; }

.modal .achievement-hero { background: #f9fafa; border-bottom: 1px solid #edeff0; padding: 50px 0; position: relative; text-align: center; float: none; overflow: hidden; min-height: 150px; line-height: 1; font-size: inherit; border-radius: 5px 5px 0 0; }

@media screen and (min-width: 680px) { .modal .achievement-hero { margin: -30px -30px 30px; } }

@media screen and (max-width: 679px) { .modal .achievement-hero { margin: -20px -20px 20px; } }

.modal .achievement-hero.track-complete { background-color: #5fcf80; background-image: url("/assets/icons/icon-track-completion-card-9709633e0a78b73436004489b5f44aecba91cfb33329115ecd47847cd743046b.svg"); background-size: 100%; }

.modal .achievement-hero.track-complete p { color: #d5f2dd; font-size: 18px; font-weight: 700; }

.modal .achievement-hero.track-complete p .points-total { color: #fff; display: block; font-size: 52px; }

.modal .achievement-hero .check-complete { margin: 10px 0 15px 0; width: 20%; }

.modal .achievement-hero .achievement-badge { line-height: 240px; width: 200px; height: 240px; position: relative; text-align: center; display: inline-block; }

.modal .achievement-hero .achievement-badge img { width: 200px; }

.modal .achievement-hero .achievement-badge .icon-complete { position: absolute; top: 35px; right: -20px; z-index: 2; }

.modal .achievement-hero .achievement-badge .points-earned { position: absolute; background: #f9fafa; padding: 5px; width: 60px; height: 60px; line-height: 57px; bottom: 35px; left: -50px; z-index: 2; border-radius: 80px; -webkit-animation-name: fanFair; -moz-animation-name: fanFair; animation-name: fanFair; -webkit-animation-duration: 13s; -moz-animation-duration: 13s; animation-duration: 13s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.modal .achievement-hero .achievement-badge .points-earned sup { font-size: 14px; margin: 0 1px 0 -.25em; }

.modal .achievement-hero .achievement-badge .points-earned h3 { font-size: 18px; }

.modal .achievement-hero .points-earned { position: relative; width: 240px; height: 165px; padding-top: 75px; margin-left: 15px; text-align: center; display: inline-block; }

.modal .achievement-hero .points-earned .icon { position: absolute; top: 0; left: 0; }

.modal-active .modal .achievement-hero .points-earned .icon { -webkit-animation-name: spinning; -moz-animation-name: spinning; animation-name: spinning; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; }

.modal .achievement-hero .points-earned h3 { font-size: 64px; font-weight: 700; display: inline-block; }

.modal .achievement-hero .points-earned sup { font-size: 48px; font-weight: 700; color: #2b363e; margin: 0 3px 0 -.65em; display: inline-block; }

.modal .achievement-hero .points-earned p { font-weight: 700; font-size: 18px; margin-bottom: 30px; }

.modal .achievement-hero .points-earned img { width: 150px; margin-bottom: -250px; }

.modal.modal-active .achievement-hero .points-earned .icon { -webkit-animation-name: spinning; -moz-animation-name: spinning; animation-name: spinning; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; }

.modal .modal-callout h2 { font-size: 26px; color: #384047; font-weight: 700; margin-bottom: 8px; line-height: 34px; }

.modal .modal-callout p { font-size: 15px; color: #1a2126; line-height: 1.6; font-weight: 400; }

.modal .modal-callout p a { font-weight: 700; color: #101417; }

.modal .modal-callout p strong { font-weight: 700; color: #1a2126; }

.modal .achievement-rewards { position: relative; }

.modal .achievement-rewards-callout { background: #384047; position: absolute; bottom: 30px; right: 15px; left: 15px; padding: 0 115px 0 20px; z-index: 1; border-radius: 5px; }

.modal .achievement-rewards-callout:before, .modal .achievement-rewards-callout:after { content: " "; display: table; }

.modal .achievement-rewards-callout:after { clear: both; }

.modal .achievement-rewards-callout .badge-earned { padding: 22px 0 22px 65px; }

.modal .achievement-rewards-callout .badge-earned img { float: left; width: 50px; margin: 0 0 0 -65px; }

.modal .achievement-rewards-callout .badge-earned strong { font-size: 14px; font-weight: 700; color: #5fcf80; display: block; margin: 7px 0 5px; }

.modal .achievement-rewards-callout .badge-earned h3 { font-weight: 700; font-size: 18px; line-height: 1.2; color: #fff; }

.modal .achievement-rewards-callout .points-earned { width: 75px; height: 75px; line-height: 75px; padding: 0; margin: 10px -95px 10px 0; float: right; text-align: center; position: relative; }

.modal .achievement-rewards-callout .points-earned img { position: absolute; width: 75px; top: 0; left: 0; margin: 0; opacity: .2; -webkit-animation: spinning 350ms linear 0s infinite; -moz-animation: spinning 350ms linear 0s infinite; animation: spinning 350ms linear 0s infinite; }

.modal .achievement-rewards-callout .points-earned strong { color: #fff; font-weight: 700; font-size: 18px; }

.modal .achievement-rewards-callout .points-earned sup { color: #101417; font-weight: 700; font-size: 18px; margin: -10px 1px 0 -3px; display: inline-block; }

.modal-close.button { position: absolute; margin: 0; z-index: 2; }

@media screen and (min-width: 680px) { .modal-close.button { right: 15px; top: 15px; } }

@media screen and (max-width: 679px) { .modal-close.button { top: 10px; right: 10px; } }

.modal-tarp { background: rgba(45, 51, 57, 0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 30px 15px; z-index: 499; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }

@media screen and (min-width: 970px) { .treehouse-layout .modal-tarp { left: 70px; } }

@media screen and (max-width: 969px) { .treehouse-layout .modal-tarp { left: 0; } }

.desktop-nav-expanded .treehouse-layout .modal-tarp { left: 220px; }

.modal .mixed-box .box-footer .icon { float: left; margin: 0 12px 5px 0; position: relative; top: 3px; }

.modal .mixed-box .box-footer p { font-size: 13px; color: #2b363e; line-height: 1.5; text-align: left; margin-bottom: 2px; }

.modal .mixed-box .box-footer p a { color: #1a2126; font-weight: 700; }

.modal .mixed-box .box-footer p strong { font-weight: 700; }

#overlay { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; }

#closePopup { position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 18px; background: transparent; border: none; color: #fff; }

.library-cta { position: relative; height: 294px; min-width: 740px; max-width: 884px; padding: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: space-around; border-radius: 4px; padding: 20px 68px; background-color: #0E9298 !important; background: url(/assets/views/landing_pages/career_toolbox_gradient-06757f5d4d06e5d6777979b7d57331f47a532a16505ecdba7d1f7f201a749b67.webp); }

@media screen and (max-width: 969px) { .library-cta { min-width: 300px; flex-direction: column; height: 420px; align-items: center; justify-content: center; gap: 30px; text-align: center; padding: 20px; } }

.library-cta img { max-height: 170px; max-width: 300px; border-radius: 4px; margin-left: 30px; }

@media screen and (max-width: 969px) { .library-cta img { max-width: 200px; } }

.library-cta img.external-link { height: 15px; }

.library-cta-text { max-width: 400px; }

@media screen and (max-width: 969px) { .library-cta-text { display: flex; flex-direction: column; align-items: center; order: 1; } }

.library-cta-text h3 { color: #fff; font-size: 27px; font-weight: 400; line-height: 32px !important; }

@media screen and (max-width: 969px) { .library-cta-text h3 { font-size: 16px; line-height: 20px !important; } }

.library-cta-text .button { display: flex; align-items: center; justify-content: center; width: 260px; margin-block: 20px 10px; color: #133EA2 !important; line-height: 53px; border: none; background-color: #fff; }

.library-cta-text .button img { margin-left: 10px; }

@media screen and (max-width: 969px) { .library-cta-text .button { width: 230px; height: 40px; font-size: 14px; line-height: 18px !important; } }

.library-cta-text .button:hover { color: #0E9298 !important; }

.library-cta #dontShowAgain { font-size: 12px; font-weight: 500; color: #fff; text-decoration: underline; margin-left: 60.835px; }

@media screen and (max-width: 969px) { .library-cta #dontShowAgain { margin-left: 0; } }

.library-cta #dontShowAgain:hover { cursor: pointer; }
.contained { background: #fff; padding: 30px 15px; margin-bottom: 30px; position: relative; border-radius: 5px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); }

.contained:before, .contained:after { content: " "; display: table; }

.contained:after { clear: both; }

.contained.secondary { padding: 20px; }

.contained.secondary .disclaimer { padding: 15px 20px 15px 65px; margin: 0 -20px -20px -20px; }

.contained.secondary .disclaimer .icon.icon-info { text-indent: -9999px; }

@media screen and (max-width: 679px) { .contained { padding: 20px 5px; } }
.dropdown { background: #f9fafa; min-width: 200px; max-width: 420px; position: absolute; top: 50px; display: none; z-index: 100; border-radius: 5px; text-align: left; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.08); }

.dropdown-show .dropdown { display: block; }

.dropdown:before { position: absolute; content: ""; background: #fff; width: 12px; height: 12px; border-radius: 3px 0 0 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.08); top: -6px; }

.dropdown.left, .dropdown-left { left: 0; }

.dropdown.left:before, .dropdown-left:before { left: 20px; }

.dropdown.right, .dropdown-right { right: -20px; }

.dropdown.right:before, .dropdown-right:before { right: 20px; }

.dropdown .dropdown-title { display: block; background: #fff; font-size: 16px; line-height: 20px; position: relative; z-index: 1; border-bottom: 1px solid #e8ebed; border-radius: 5px 5px 0 0; margin: 0; }

.dropdown .dropdown-title a { display: block; padding: 15px 20px; color: #101417; }

.dropdown .dropdown-title a:hover { color: black; }

.dropdown > ul { margin: 0; background: #f9fafa; }

.dropdown > ul > li { list-style: none; border: 0 solid #f0f2f4; border-width: 0 0 1px; font-weight: 400; margin: 0; transition: background-color 0.3s ease, border-color 0.3s ease; }

.dropdown > ul > li:last-child { border-bottom: none; }

.dropdown > ul > li:not(.without-hover):hover { background: #fff; border-color: #e8ebed; }

.dropdown > ul > li:not(.without-hover):hover > a { color: #101417; }

.dropdown > ul > li:not(.without-hover):hover > a svg { fill: #1a2126; }

.dropdown > ul > li > a { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; }

.dropdown > ul > li > a:before, .dropdown > ul > li > a:after { content: " "; display: table; }

.dropdown > ul > li > a:after { clear: both; }

.dropdown > ul > li > a > svg { fill: #2b363e; }

.dropdown .empty { padding: 60px 20px; margin: 0; font-size: 14px; color: #2b363e; text-align: center; }

.dropdown .empty .button { margin: 15px 40px; display: block; }

.dropdown .dropdown-secondary { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; border-radius: 0 0 5px 5px; background: #fff; border-top: 1px solid #e8ebed; }

.dropdown .dropdown-secondary:before, .dropdown .dropdown-secondary:after { content: " "; display: table; }

.dropdown .dropdown-secondary:after { clear: both; }

.dropdown .dropdown-secondary > svg { fill: #2b363e; }

.dropdown .dropdown-secondary:hover { background: #edeff0; color: #101417; }
.hamburger { left: 0; }

.hamburger, .hamburger:after, .hamburger:before { border-radius: 4px; background: #2b363e; width: 100%; height: 3px; position: absolute; margin-top: -1px; transition: background 300ms 0s ease, transform 300ms 0s ease, top 300ms 0.2s ease, bottom 300ms 0.2s ease; }

.hamburger-button-clicked .hamburger, .hamburger-button-clicked .hamburger:after, .hamburger-button-clicked .hamburger:before { transition: background 300ms 0s ease, transform 300ms 0.2s ease, top 300ms 0s ease, bottom 300ms 0s ease; }

.hamburger-button-clicked .hamburger, .hamburger-button:focus .hamburger, .hamburger-button-clicked .hamburger:after, .hamburger-button:focus .hamburger:after, .hamburger-button-clicked .hamburger:before, .hamburger-button:focus .hamburger:before { background: #1a2126; }

.hamburger-button-inverse.hamburger-button-clicked .hamburger, .hamburger-button-inverse.hamburger-button:focus .hamburger, .hamburger-button-inverse.hamburger-button-clicked .hamburger:after, .hamburger-button-inverse.hamburger-button:focus .hamburger:after, .hamburger-button-inverse.hamburger-button-clicked .hamburger:before, .hamburger-button-inverse.hamburger-button:focus .hamburger:before { background: #fff; }

.hamburger-button-clicked .hamburger { background: transparent !important; }

.hamburger:before, .hamburger:after { content: " "; }

.hamburger:before { left: 0; width: 14px; }

@media screen and (max-width: 679px) { .hamburger:before { top: -7px; } }

@media screen and (min-width: 680px) { .hamburger:before { top: -8px; } }

.hamburger-button-clicked .hamburger:before { width: 28px; top: 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.hamburger:after { right: 0; width: 14px; }

@media screen and (max-width: 679px) { .hamburger:after { bottom: -8px; } }

@media screen and (min-width: 680px) { .hamburger:after { bottom: -9px; } }

.hamburger-button-clicked .hamburger:after { width: 28px; bottom: 0; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.hamburger-button { border: 0; background: none; cursor: pointer; position: absolute; height: 30px; padding: 0; z-index: 1; transition: opacity 600ms 0s ease, top 600ms 0s ease; position: left; }

@media screen and (max-width: 679px) { .hamburger-button { top: 10px; } }

@media screen and (min-width: 680px) { .hamburger-button { top: 20px; } }

@media screen and (max-width: 969px) { .hamburger-button { right: 15px; } }

@media screen and (max-width: 679px) { .hamburger-button { width: 28px; } }

@media screen and (min-width: 680px) { .hamburger-button { width: 30px; } }

@media screen and (min-width: 970px) { .hamburger-button { opacity: 0; visibility: hidden; } }

.hamburger-button:focus { outline: none; }

@media screen and (max-width: 969px) { .hamburger-button-clicked { overflow: hidden; } }
.toggle-steps { display: block; font-weight: 500; cursor: pointer; }

.toggle-steps:not(.nav-link) { font-size: 1.5rem; color: #4b5658; padding-bottom: 1.5rem; margin-bottom: 1rem; }

.toggle-steps:not(.nav-link) .marketing-layout, .marketing-2020-layout .toggle-steps:not(.nav-link) { border-bottom: 2px solid #d4d9dd; }

@media screen and (max-width: 969px) { .toggle-steps.nav-link { color: #0098b1; border-bottom: 2px solid #d4d9dd; } }

.toggle-steps.nav-link .toggle-steps-view-chevron { cursor: pointer; }

@media screen and (min-width: 969px) { .toggle-steps.nav-link .toggle-steps-view-chevron { display: none; } }

.toggle-steps-view { display: flex; align-items: center; }

.toggle-steps-view-2 { justify-content: space-between; }

.toggle-steps-view-minusplus:after { content: '+'; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps-view-plusminus:after { content: '+'; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps-view-chevron { position: relative; margin-left: auto; background-color: #0098b1; padding: 1rem; border-radius: 50%; height: 40px; min-width: 40px; }

.toggle-steps-view-chevron svg { fill: white; position: absolute; top: 17px; left: 14px; }

.toggle-steps.selected .chevron-icon { transform: rotate(180deg); }

.toggle-steps.selected-2 .toggle-steps-view-minusplus:after { content: "-"; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps.selected-2 .toggle-steps-view-plusminus:after { content: "-"; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps.selected-2 .toggle-steps-view-2 { justify-content: space-between; }

.steps-list { max-width: 800px; }

.steps-list-override { max-width: 1018px; }

@media screen and (max-width: 969px) { .toggle-steps-hide { display: none; } }
footer .footer2022 { max-width: 1440px; margin: 0 auto; background-color: #3e474f; color: #fff; }

footer .footer2022-courses { padding-top: 1.3em; }

@media screen and (max-width: 679px) { footer .footer2022-explore { padding-top: 1.4em; } }

footer .footer2022-treehouse-logo { padding: 3em 0 0 3em; width: 254px; }

@media screen and (max-width: 970px) { footer .footer2022-treehouse-logo { padding: 3em 0 0 0; } }

footer .footer2022-container { display: flex; box-sizing: border-box; flex-direction: row; flex-wrap: nowrap; }

@media screen and (max-width: 970px) { footer .footer2022-container { flex-direction: column; } }

footer .footer2022-left { width: 50%; height: 600px; display: flex; flex-direction: column; border-right: 1px solid #5f666b; border-bottom: 1px solid #5f666b; justify-content: space-between; }

@media screen and (max-width: 970px) { footer .footer2022-left { width: 100%; align-items: center; border-right: none; border-bottom: none; } }

footer .footer2022-left ul { padding-left: 1em; }

footer .footer2022-left-design { width: 758px; max-height: 296px; }

@media screen and (max-width: 970px) { footer .footer2022-left-design { width: 100%; } }

footer .footer2022-left .catcta2022 a { padding-left: 3rem; text-decoration: underline; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; letter-spacing: 1px; font-weight: 700; }

@media screen and (max-width: 970px) { footer .footer2022-left .catcta2022 a { padding: 0; } }

footer .footer2022-left .social { display: flex; margin: 0; justify-content: space-evenly; max-width: 300px; }

@media screen and (max-width: 970px) { footer .footer2022-left .social { gap: 2em; } }

footer .footer2022-left .social li { margin-right: 5px; }

@media screen and (max-width: 679px) { footer .footer2022-left .social li { margin-right: 4px; border-bottom: none; } }

footer .footer2022-left .social a { width: 35px; height: 35px; display: inline-block; }

footer .footer2022-left .social a svg { width: 35px; height: 35px; fill: #fff; }

footer .footer2022-right { padding: 5em; height: 600px; width: 50%; display: flex; border-bottom: 1px solid #5f666b; }

@media screen and (max-width: 970px) { footer .footer2022-right { width: 100%; } }

@media screen and (max-width: 679px) { footer .footer2022-right { flex-direction: column; margin-bottom: 24em; border-bottom: none; padding: 2em; } }

footer .footer2022-right-col1 { width: 50%; display: flex; }

@media screen and (max-width: 679px) { footer .footer2022-right-col1 { width: 100%; } }

footer .footer2022-right-col1-links h4 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; letter-spacing: 5px; padding-bottom: 1em; }

footer .footer2022-right-col1-links li { padding: 1em 0; }

footer .footer2022-right-col1-links li a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; color: #fff; letter-spacing: 2px; font-weight: 300; }

footer .footer2022-right-col2 { width: 50%; display: flex; flex-direction: column; }

@media screen and (max-width: 679px) { footer .footer2022-right-col2 { width: 100%; } }

footer .footer2022-right-col2 h4 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; letter-spacing: 5px; padding-bottom: 1em; }

footer .footer2022-right-col2-links li { padding: 1em 0; }

footer .footer2022-right-col2-links li a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; color: #fff; letter-spacing: 2px; font-weight: 300; }

footer .legal-links-2022-flex { display: flex; padding: 2em; justify-content: space-between; }

@media screen and (max-width: 679px) { footer .legal-links-2022-flex { flex-direction: column-reverse; align-items: center; gap: 1em; margin-top: 2em; } }

footer .legal-links-2022-flex .legal-links-2022-left .copyright-message-2022 { font-family: 'Poppins', sans-serif; font-size: 0.75rem; color: #fff; letter-spacing: 5px; text-transform: uppercase; }

footer .legal-links-2022-flex .legal-links-2022-right span, footer .legal-links-2022-flex .legal-links-2022-right a { font-family: 'Poppins', sans-serif; font-size: 0.75rem; color: #fff; letter-spacing: 5px; text-transform: uppercase; }

footer .footer { background-color: #f6f9fa; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }

@media screen and (max-width: 679px) { footer .footer { display: block; width: 100%; padding: 2rem 3rem; } }

@media screen and (max-width: 969px) { footer .footer { padding: 2rem 3rem; } }

@media screen and (min-width: 970px) { footer .footer { padding: 3rem 2rem 1rem 2rem; } }

footer .footer h4 { margin: 0; padding: 1rem 0 0.5rem 0; }

@media screen and (max-width: 969px) { footer .footer h4 { font-size: 16px !important; } }

footer .footer li { font-size: 14px !important; color: #3E474F; padding: 0.5em 0; line-height: 18px; }

@media screen and (max-width: 679px) { footer .footer li { border-bottom: 1px solid white; } }

footer .footer a { font-size: 14px !important; font-weight: 400; color: #3E474F; padding: 0.5em 0; line-height: 18px; }

footer .footer a:hover, footer .footer a:active, footer .footer a:focus { text-decoration: underline; }

footer .footer-left { padding-right: 2rem; flex-basis: 0; }

@media screen and (max-width: 679px) { footer .footer-left { padding-bottom: 1rem; width: 100%; padding-right: 0; } }

footer .footer-middle { height: 100%; display: inline-block; padding: 0 2rem 1rem 2rem; border-left: 2px solid #0098B1; border-right: 2px solid #0098B1; }

@media screen and (max-width: 679px) { footer .footer-middle { padding: 0; border-top: 2px solid #0098B1; border-bottom: 2px solid #0098B1; border-left: none; border-right: none; width: 100% !important; } }

@media screen and (max-width: 969px) { footer .footer-middle { padding: 0; } }

footer .footer-middle .catcta a { padding-left: 1rem; font-size: 18px !important; text-decoration: underline; font-weight: 500; }

@media screen and (max-width: 679px) { footer .footer-middle .catcta a { padding: 0; } }

footer .footer-catalogue { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }

@media screen and (max-width: 679px) { footer .footer-catalogue { flex-direction: column; } }

footer .footer-catalogue h3 { text-decoration: none; }

footer .footer-catalogue-tech { flex-grow: 4; padding: 0 1rem; }

footer .footer-catalogue-tech h4 > a { font-size: 18px !important; color: #40484A; font-weight: 500; }

@media screen and (max-width: 679px) { footer .footer-catalogue-tech { padding: 0; } }

footer .footer-catalogue-tracks { flex-grow: 4; padding: 0 1rem; }

@media screen and (max-width: 679px) { footer .footer-catalogue-tracks { padding: 0; } }

footer .footer-catalogue-courses { flex-grow: 4; padding: 0 1rem; }

@media screen and (max-width: 679px) { footer .footer-catalogue-courses { padding: 0; } }

footer .footer-right { padding-left: 2rem; }

footer .footer-right .list-h4 { padding-top: 1rem; }

@media screen and (max-width: 679px) { footer .footer-right { padding-left: 0; width: 100%; } }

footer .footer-dev-container { border-top: none; padding-left: 10px; position: fixed !important; bottom: 0; z-index: 200; }

footer .footer-dev-container:before, footer .footer-dev-container:after { content: " "; display: table; }

footer .footer-dev-container:after { clear: both; }

footer .footer-dev-list { margin-right: 10px; padding: 0; float: left; }

footer .footer-dev-listaccounts, footer .footer-dev-listaction { margin-left: 15px; }

footer .links-2020-footer { margin: 0; }

@media screen and (min-width: 680px) { footer .links-2020-footer li:nth-child(1) { order: 1; }
  footer .links-2020-footer li:nth-child(2) { order: 3; }
  footer .links-2020-footer li:nth-child(3) { order: 5; }
  footer .links-2020-footer li:nth-child(4) { order: 7; }
  footer .links-2020-footer li:nth-child(5) { order: 9; }
  footer .links-2020-footer li:nth-child(6) { order: 10; }
  footer .links-2020-footer li:nth-child(7) { order: 2; }
  footer .links-2020-footer li:nth-child(8) { order: 4; }
  footer .links-2020-footer li:nth-child(9) { order: 6; }
  footer .links-2020-footer li:nth-child(10) { order: 8; }
  footer .links-2020-footer li:nth-child(11) { order: 11; }
  footer .links-2020-footer li:nth-child(12) { order: 12; } }

footer .footer-tail { background-color: #f6f9fa; padding: 1rem 0; }

footer .footer-tail .social { display: flex; justify-content: center; margin: 0; }

footer .footer-tail .social li { margin-right: 5px; }

@media screen and (max-width: 679px) { footer .footer-tail .social li { margin-right: 4px; border-bottom: none; } }

footer .footer-tail .social li:nth-child(7) a svg { width: 24px; height: 19px; }

footer .footer-tail .social a { width: 35px; height: 35px; display: flex; align-items: center; }

footer .footer-tail .social a svg { width: 35px; height: 35px; fill: #4B5658; }

footer .footer-tail .legal-links { margin: 1rem 0; display: flex; flex-direction: row; justify-content: center; text-align: center; }

footer .footer-tail .legal-links span { color: #0098B1; }

footer .footer-tail .legal-links a { display: inline-block; padding: 0 1rem; font-size: 14px !important; font-weight: 400; color: #3E474F; }

footer .footer-tail .legal-links a:hover, footer .footer-tail .legal-links a:active, footer .footer-tail .legal-links a:focus { text-decoration: underline; }

footer .footer-tail .copyright-message { margin-bottom: 15px; text-align: center; font-size: 14px !important; font-weight: 400; color: #3E474F; }

.color-bar-footer { display: block; height: 3px; }
.navbar-announcement-margin { margin-top: 20px; }

.navbar-announcement-padding { padding-top: 30px; }

.navbar-announcement-margin-application { margin-top: 40px; }

.nav-announcement { min-height: 40px; position: fixed; display: flex; align-items: center; justify-content: center; top: 0; left: 0; right: 0; z-index: 5000; word-break: break-word; padding: 0 20px; }

.nav-announcement .nav-announcement-slider { max-width: 900px; padding: 5px 0px; }

.nav-announcement .nav-announcement-slider .swiper-slide-active { margin: auto; }

.nav-announcement .nav-announcement-slider .swiper-button-prev, .nav-announcement .nav-announcement-slider .swiper-button-next { color: #fff; }

.nav-announcement .nav-announcement-slider .swiper-button-prev::after, .nav-announcement .nav-announcement-slider .swiper-button-next::after { line-height: 2 !important; font-size: 1.2rem !important; font-weight: 600 !important; }

.nav-announcement .nav-announcement-slider .announcement-message { text-align: center; font-size: 13px; font-weight: 500; line-height: 16px; word-break: break-word; padding-inline: 40px; width: 100%; margin: 0 auto; }

.nav-announcement .nav-announcement-slider .announcement-message a { color: inherit !important; }

.nav-announcement .nav-announcement-slider .announcement-message a:hover { color: #3333ff !important; text-decoration: underline; }

.nav-announcement .nav-announcement-slider .announcement-message:hover { color: #fff; }

.nav-announcement .nav-announcement-slider .announcement-message.grabbable { cursor: grab; }
@charset "UTF-8";
body, a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }

.card { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; position: relative; padding: 0 15px; transition: transform 50ms 0s ease; -webkit-animation: card-fade-up 0.5s ease; -moz-animation: card-fade-up 0.5s ease; animation: card-fade-up 0.5s ease; }

@media screen and (max-width: 679px) { .card { margin-bottom: 20px; } }

@media screen and (min-width: 680px) { .card { margin-bottom: 30px; } }

@-webkit-keyframes card-fade-up { 0% { opacity: 0;
    -ms-transform: translatey(20px);
    -moz-transform: translatey(20px);
    -webkit-transform: translatey(20px);
    transform: translatey(20px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@-moz-keyframes card-fade-up { 0% { opacity: 0;
    -ms-transform: translatey(20px);
    -moz-transform: translatey(20px);
    -webkit-transform: translatey(20px);
    transform: translatey(20px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

@keyframes card-fade-up { 0% { opacity: 0;
    -ms-transform: translatey(20px);
    -moz-transform: translatey(20px);
    -webkit-transform: translatey(20px);
    transform: translatey(20px); }
  100% { opacity: 1;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0); } }

.modal .card { z-index: 500; width: auto; }

.card-list .card:active { -ms-transform: translatey(3px); -moz-transform: translatey(3px); -webkit-transform: translatey(3px); transform: translatey(3px); }

.card:hover, .card:active { z-index: 10; }

.card .hidden { display: none; }

.card.current-card, .card.variable-height { width: 100%; }

@media screen and (min-width: 750px) and (max-width: 1259px) { .card { width: 50%; float: left; }
  .card:nth-child(even) { padding-left: 15px; }
  .card:nth-child(even) .card-tags, .card:nth-child(even) .card-actions { left: 45px; }
  .card:nth-child(even) .confirmation-tarp { left: 15px; }
  .card:nth-child(odd) { padding-right: 15px; }
  .card:nth-child(odd) .card-actions { right: 45px; }
  .card:nth-child(odd).current-card .actions { right: 30px; }
  .card:nth-child(odd) .confirmation-tarp { right: 15px; }
  .card.current-card { width: 100%; padding-right: 0; } }

@media screen and (min-width: 1260px) { .card { float: left; width: 33.3%; } }

.card-list-single .card, .card-description-show .card { width: 100%; }

.card-list { list-style: none; margin: 0 -15px; }

.card-list:before, .card-list:after { content: " "; display: table; }

.card-list:after { clear: both; }

@media screen and (min-width: 1300px) { .card-list.truncated .card:nth-child(4) { display: none; } }

.card.track.variable-height { margin-bottom: 10px; }

.card.track:not(.variable-height) { margin-bottom: 40px; }

.card.track .card-tags { right: 45px; left: auto; }

.card.track .card-actions .resume { display: inherit; }

.card.track.premium-video .card-tags { right: 95px; }

.card.track.current-card > a { padding-bottom: 90px; }

.card.track .track-due-date { float: right; }

.card.track.expired .card-progress { opacity: .5; }

.card-box { position: relative; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); border-radius: 5px 5px 4px 4px; display: block; min-height: 310px; padding: 88px 30px 30px; }

.card-box:before, .card-box:after { content: " "; display: table; }

.card-box:after { clear: both; }

.card-box:hover, .card-box-hover { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }

.card-box.card-link { font-weight: 400; }

.card-box:not(.has-topic-background-color) { background: #fff; }

.card-techdegree .card-box { transition: background-color 300ms 0s ease; }

.card-techdegree .card-box:before { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(/assets/global/education-cards/techdegree-bg-eacf663b922381ef3edabda2c4fb9ffcc4dff91c1f3943ce4b478335df7aad5c.jpg); background-size: cover; opacity: .1; }

.modal .card-box.trailer { padding-bottom: 90px; }

.modal .card-box.trailer .estimate { display: none; }

.recommended-card .card-box { padding: 0px 30px; border-radius: 4px 4px 0 0; min-height: 0; }

.card-trailer .card-box { padding-top: 265px; }

.variable-height .card-box { padding-bottom: 100px; }

a.card-box { cursor: pointer; }

.track .card-box:after, .track .card-box:before { content: ""; background: #fff; height: 5px; display: block; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07) inset, 0 2px 0 rgba(0, 0, 0, 0.07); border-radius: 0 0 4px 4px; position: absolute; top: 100%; right: 10px; left: 10px; transition: .1s ease-in-out; }

.track .card-box:before { height: 10px; left: 20px; right: 20px; }

.track .card-box.card-link:hover:after { height: 10px; }

.track .card-box.card-link:hover:before { height: 20px; }

.card-techdegree .card-type, .card-techdegree .card-description, .card-techdegree .card-description-markdown, .card-techdegree .card-title { color: #fff; }

.card-hero { position: relative; margin: -90px -30px 30px; height: 211px; border-radius: 4px 4px 0 0; text-align: center; transition: background-color 300ms 0s ease; }

.card-hero:before { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(/assets/global/education-cards/techdegree-bg-eacf663b922381ef3edabda2c4fb9ffcc4dff91c1f3943ce4b478335df7aad5c.jpg); background-size: cover; opacity: .1; }

.card-hero .seal { width: 134px; height: 134px; display: inline-block; fill: #fff; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -67px 0 0 -67px; }

.card-hero .seal-interior, .card-hero .seal-leaf-cap-interior { display: none; }

.card-hero .seal-cap-glow { opacity: .4; }

.card-cta { float: right; margin: 0 0 0 10px; font-size: 13px; }

.card-type { display: block; margin: 0 0 7px; line-height: 12px; font-size: 14px; color: #1a2126; }

.card-techdegree .card-type { opacity: 0.7; }

.card-experiment-b .card-type { font-size: 13px; margin: 0 0 5px; }

.card-title { font-size: 18px; line-height: 24px; letter-spacing: normal; margin: 0 0 20px; color: #101417; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.card-experiment-b .card-title { margin: 0; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.card-techdegree .card-title { opacity: 1; }

.recommended-card .card-title { margin-bottom: 0; overflow: visible; }

.card-description, .card-description-markdown { position: relative; z-index: 0; font-size: 14px; overflow: hidden; margin: 0; color: #2b363e; font-weight: 400; }

.card-techdegree .card-description, .card-techdegree .card-description-markdown { opacity: 0.8; }

.modal .card-description, .modal .card-description-markdown { color: #1a2126; }

.card-description-salary { font-weight: 700; }

.card-description a, .card-description-markdown a { display: inline; font-weight: 700; }

.topic-ai.card-description a, .topic-ai.card-description-markdown a { color: #733A88; }

.topic-ai .card-description a, .topic-ai .card-description-markdown a { color: #733A88; }

.topic-back-end.card-description a, .topic-back-end.card-description-markdown a { color: #008297; }

.topic-back-end .card-description a, .topic-back-end .card-description-markdown a { color: #008297; }

.topic-data.card-description a, .topic-data.card-description-markdown a { color: #9F4B84; }

.topic-data .card-description a, .topic-data .card-description-markdown a { color: #9F4B84; }

.topic-design.card-description a, .topic-design.card-description-markdown a { color: #4a4290; }

.topic-design .card-description a, .topic-design .card-description-markdown a { color: #4a4290; }

.topic-experimental.card-description a, .topic-experimental.card-description-markdown a { color: #733a88; }

.topic-experimental .card-description a, .topic-experimental .card-description-markdown a { color: #733a88; }

.topic-front-end.card-description a, .topic-front-end.card-description-markdown a { color: #3659a2; }

.topic-front-end .card-description a, .topic-front-end .card-description-markdown a { color: #3659a2; }

.topic-fundamentals.card-description a, .topic-fundamentals.card-description-markdown a { color: #9b3b5a; }

.topic-fundamentals .card-description a, .topic-fundamentals .card-description-markdown a { color: #9b3b5a; }

.topic-mobile.card-description a, .topic-mobile.card-description-markdown a { color: #30826C; }

.topic-mobile .card-description a, .topic-mobile .card-description-markdown a { color: #30826C; }

.topic-internal.card-description a, .topic-internal.card-description-markdown a { color: #55616c; }

.topic-internal .card-description a, .topic-internal .card-description-markdown a { color: #55616c; }

.topic-foundations.card-description a, .topic-foundations.card-description-markdown a { color: #004e61; }

.topic-foundations .card-description a, .topic-foundations .card-description-markdown a { color: #004e61; }

.topic-undefined.card-description a, .topic-undefined.card-description-markdown a { color: #55616c; }

.topic-undefined .card-description a, .topic-undefined .card-description-markdown a { color: #55616c; }

.topic-college-credit.card-description a, .topic-college-credit.card-description-markdown a { color: #3887c8; }

.topic-college-credit .card-description a, .topic-college-credit .card-description-markdown a { color: #3887c8; }

.topic-no-code.card-description a, .topic-no-code.card-description-markdown a { color: #31AF7F; }

.topic-no-code .card-description a, .topic-no-code .card-description-markdown a { color: #31AF7F; }

.topic-security.card-description a, .topic-security.card-description-markdown a { color: #409BE9; }

.topic-security .card-description a, .topic-security .card-description-markdown a { color: #409BE9; }

.topic-game-development.card-description a, .topic-game-development.card-description-markdown a { color: #856fc4; }

.topic-game-development .card-description a, .topic-game-development .card-description-markdown a { color: #856fc4; }

.topic-treehouse-resources.card-description a, .topic-treehouse-resources.card-description-markdown a { color: #5fcf80; }

.topic-treehouse-resources .card-description a, .topic-treehouse-resources .card-description-markdown a { color: #5fcf80; }

.topic-coding-for-kids.card-description a, .topic-coding-for-kids.card-description-markdown a { color: #F36C27; }

.topic-coding-for-kids .card-description a, .topic-coding-for-kids .card-description-markdown a { color: #F36C27; }

.card:not(.variable-height) .card-description, .card:not(.variable-height) .card-description-markdown { max-height: 40px; }

.webkit .card:not(.variable-height) .card-description, .webkit .card:not(.variable-height) .card-description-markdown { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

html:not(.webkit) .card:not(.variable-height):not(.card-techdegree) .card-description:after, html:not(.webkit) .card:not(.variable-height):not(.card-techdegree) .card-description-markdown:after { position: absolute; bottom: 0; right: 0; height: 16px; width: 80px; content: ""; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 40%, #fff); background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 40%, #fff); }

.card-description-markdown hr { display: none; }

.card-description p:last-child, .card-description-markdown p:last-child { margin: 0; }

.card .current-step { position: absolute; left: 30px; right: 30px; bottom: 80px; margin: 0; height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #2b363e; }

.card .current-step svg { position: relative; vertical-align: middle; height: 16px; width: 16px; margin-right: 5px; top: -1px; fill: #2b363e; }

.safari .card .current-step svg { top: -2px; }

.card-progress { position: absolute; top: 0; right: 0; left: 0; border-radius: 4px 4px 0 0; color: #fff; display: flex; justify-content: space-between; align-items: center; flex-direction: row; justify-items: center; height: 58px; line-height: 58px; padding: 0 30px; background-color: #55616c; transition: background-color 300ms 0s ease; }

.topic-ai.card-progress { background-color: #733A88; }

.topic-ai .card-progress { background-color: #733A88; }

.topic-back-end.card-progress { background-color: #008297; }

.topic-back-end .card-progress { background-color: #008297; }

.topic-data.card-progress { background-color: #9F4B84; }

.topic-data .card-progress { background-color: #9F4B84; }

.topic-design.card-progress { background-color: #4a4290; }

.topic-design .card-progress { background-color: #4a4290; }

.topic-experimental.card-progress { background-color: #733a88; }

.topic-experimental .card-progress { background-color: #733a88; }

.topic-front-end.card-progress { background-color: #3659a2; }

.topic-front-end .card-progress { background-color: #3659a2; }

.topic-fundamentals.card-progress { background-color: #9b3b5a; }

.topic-fundamentals .card-progress { background-color: #9b3b5a; }

.topic-mobile.card-progress { background-color: #30826C; }

.topic-mobile .card-progress { background-color: #30826C; }

.topic-internal.card-progress { background-color: #55616c; }

.topic-internal .card-progress { background-color: #55616c; }

.topic-foundations.card-progress { background-color: #004e61; }

.topic-foundations .card-progress { background-color: #004e61; }

.topic-undefined.card-progress { background-color: #55616c; }

.topic-undefined .card-progress { background-color: #55616c; }

.topic-college-credit.card-progress { background-color: #3887c8; }

.topic-college-credit .card-progress { background-color: #3887c8; }

.topic-no-code.card-progress { background-color: #31AF7F; }

.topic-no-code .card-progress { background-color: #31AF7F; }

.topic-security.card-progress { background-color: #409BE9; }

.topic-security .card-progress { background-color: #409BE9; }

.topic-game-development.card-progress { background-color: #856fc4; }

.topic-game-development .card-progress { background-color: #856fc4; }

.topic-treehouse-resources.card-progress { background-color: #5fcf80; }

.topic-treehouse-resources .card-progress { background-color: #5fcf80; }

.topic-coding-for-kids.card-progress { background-color: #F36C27; }

.topic-coding-for-kids .card-progress { background-color: #F36C27; }

.card-techdegree .card-progress { background: none; border-bottom: 2px solid rgba(255, 255, 255, 0.1); }

.card-progress .modal-close { line-height: 0px; padding: 5px; background: rgba(0, 0, 0, 0.15); border-radius: 3px; z-index: 1; border: 0; cursor: pointer; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }

.card-progress .modal-close:hover { background: rgba(0, 0, 0, 0.25); }

.card-progress .modal-close svg { fill: #fff; width: 12px; height: 12px; top: 0; margin: 0; }

.card-stages { display: inline-block; margin: 0; overflow: hidden; width: 100%; height: 10px; -webkit-mask-image: linear-gradient(to left, transparent 0%, black 30%); mask-image: linear-gradient(to left, transparent 0%, black 30%); }

.upcoming .card-stages, .completed .card-stages, .conference .card-stages { display: none; }

.card-stages li { background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 100px; text-indent: -100px; overflow: hidden; display: block; float: left; height: 10px; margin: 0 7px 0 0 !important; width: 10px; }

.card-stages li.current { border-color: #fff; }

.card-stages li.complete { background-color: #fff; border-color: #fff; }

.card-icon { fill: #fff; height: 18px; width: 18px; margin-right: 15px; }

.card-estimate { color: #fff; font-size: 14px; font-weight: 700; margin-left: auto; text-align: right; white-space: nowrap; }

.card-trailer .card-estimate { display: none; }

.upcoming .card-estimate { display: none; }

.card-recommendation-thumb { position: relative; display: block; padding: 0; margin: 0 -30px 0; min-height: 250px; text-align: center; overflow: hidden; z-index: 1; box-shadow: none; border-radius: 4px 4px 0 0; }

.card-recommendation-thumb img { width: 100%; opacity: .1; }

.card-recommendation-meta { position: absolute; left: 0; right: 0; top: 50%; z-index: 1; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.card-recommendation-meta h3 { font-size: 18px; margin: 0 0 30px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.card-recommendation-meta strong { font-size: 14px; margin-bottom: 5px; color: #fff; opacity: .5; }

.card-recommendation-meta .loading-circle { fill: rgba(255, 255, 255, 0.5); }

.card-recommendation-meta .loading-quarter-circle { fill: #fff; }

.card-recommendation { margin: 0; text-align: left; font-weight: 400; font-size: 12px; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0 0 4px 4px; padding: 20px 15px 20px 35px; color: #2b363e; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); }

.card-recommendation:hover { overflow: auto; white-space: normal; text-overflow: clip; }

.card-recommendation strong { display: inline; color: static; }

.card-recommendation .right-arrow-icon { position: relative; margin: 3px 0 0 -20px; float: left; }

.card-course-trailer { margin: -30px -30px 30px; background: #384047; }

.card-course-trailer .mejs-container, .card-course-trailer .mejs-container .mejs-mediaelement video { border-radius: 0 !important; }

.card-meta { display: block; }

.card-tags { position: absolute; bottom: 30px; left: 45px; right: 125px; height: 36px; margin: 0; overflow: hidden; z-index: 2; white-space: nowrap; transition: opacity 0.15s ease 0.15s; }

.card-tags:hover { overflow: visible; }

.completed .card-tags { display: none; }

.fade-out-quick .card-tags { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }

.card-tags li { margin: 0 10px 0 0; }

.card-tags li.new-content > a, .card-tags li.new-content > span, .card-tags li.pro-content > a, .card-tags li.pro-content > span, .card-tags li.techdegree-content > a, .card-tags li.techdegree-content > span { color: #fff; }

.topic-ai.card-tags li.new-content > a, .topic-ai.card-tags li.new-content > span, .topic-ai.card-tags li.pro-content > a, .topic-ai.card-tags li.pro-content > span, .topic-ai.card-tags li.techdegree-content > a, .topic-ai.card-tags li.techdegree-content > span { background-color: #733A88; border-color: #733A88; }

.topic-ai .card-tags li.new-content > a, .topic-ai .card-tags li.new-content > span, .topic-ai .card-tags li.pro-content > a, .topic-ai .card-tags li.pro-content > span, .topic-ai .card-tags li.techdegree-content > a, .topic-ai .card-tags li.techdegree-content > span { background-color: #733A88; border-color: #733A88; }

.topic-back-end.card-tags li.new-content > a, .topic-back-end.card-tags li.new-content > span, .topic-back-end.card-tags li.pro-content > a, .topic-back-end.card-tags li.pro-content > span, .topic-back-end.card-tags li.techdegree-content > a, .topic-back-end.card-tags li.techdegree-content > span { background-color: #008297; border-color: #008297; }

.topic-back-end .card-tags li.new-content > a, .topic-back-end .card-tags li.new-content > span, .topic-back-end .card-tags li.pro-content > a, .topic-back-end .card-tags li.pro-content > span, .topic-back-end .card-tags li.techdegree-content > a, .topic-back-end .card-tags li.techdegree-content > span { background-color: #008297; border-color: #008297; }

.topic-data.card-tags li.new-content > a, .topic-data.card-tags li.new-content > span, .topic-data.card-tags li.pro-content > a, .topic-data.card-tags li.pro-content > span, .topic-data.card-tags li.techdegree-content > a, .topic-data.card-tags li.techdegree-content > span { background-color: #9F4B84; border-color: #9F4B84; }

.topic-data .card-tags li.new-content > a, .topic-data .card-tags li.new-content > span, .topic-data .card-tags li.pro-content > a, .topic-data .card-tags li.pro-content > span, .topic-data .card-tags li.techdegree-content > a, .topic-data .card-tags li.techdegree-content > span { background-color: #9F4B84; border-color: #9F4B84; }

.topic-design.card-tags li.new-content > a, .topic-design.card-tags li.new-content > span, .topic-design.card-tags li.pro-content > a, .topic-design.card-tags li.pro-content > span, .topic-design.card-tags li.techdegree-content > a, .topic-design.card-tags li.techdegree-content > span { background-color: #4a4290; border-color: #4a4290; }

.topic-design .card-tags li.new-content > a, .topic-design .card-tags li.new-content > span, .topic-design .card-tags li.pro-content > a, .topic-design .card-tags li.pro-content > span, .topic-design .card-tags li.techdegree-content > a, .topic-design .card-tags li.techdegree-content > span { background-color: #4a4290; border-color: #4a4290; }

.topic-experimental.card-tags li.new-content > a, .topic-experimental.card-tags li.new-content > span, .topic-experimental.card-tags li.pro-content > a, .topic-experimental.card-tags li.pro-content > span, .topic-experimental.card-tags li.techdegree-content > a, .topic-experimental.card-tags li.techdegree-content > span { background-color: #733a88; border-color: #733a88; }

.topic-experimental .card-tags li.new-content > a, .topic-experimental .card-tags li.new-content > span, .topic-experimental .card-tags li.pro-content > a, .topic-experimental .card-tags li.pro-content > span, .topic-experimental .card-tags li.techdegree-content > a, .topic-experimental .card-tags li.techdegree-content > span { background-color: #733a88; border-color: #733a88; }

.topic-front-end.card-tags li.new-content > a, .topic-front-end.card-tags li.new-content > span, .topic-front-end.card-tags li.pro-content > a, .topic-front-end.card-tags li.pro-content > span, .topic-front-end.card-tags li.techdegree-content > a, .topic-front-end.card-tags li.techdegree-content > span { background-color: #3659a2; border-color: #3659a2; }

.topic-front-end .card-tags li.new-content > a, .topic-front-end .card-tags li.new-content > span, .topic-front-end .card-tags li.pro-content > a, .topic-front-end .card-tags li.pro-content > span, .topic-front-end .card-tags li.techdegree-content > a, .topic-front-end .card-tags li.techdegree-content > span { background-color: #3659a2; border-color: #3659a2; }

.topic-fundamentals.card-tags li.new-content > a, .topic-fundamentals.card-tags li.new-content > span, .topic-fundamentals.card-tags li.pro-content > a, .topic-fundamentals.card-tags li.pro-content > span, .topic-fundamentals.card-tags li.techdegree-content > a, .topic-fundamentals.card-tags li.techdegree-content > span { background-color: #9b3b5a; border-color: #9b3b5a; }

.topic-fundamentals .card-tags li.new-content > a, .topic-fundamentals .card-tags li.new-content > span, .topic-fundamentals .card-tags li.pro-content > a, .topic-fundamentals .card-tags li.pro-content > span, .topic-fundamentals .card-tags li.techdegree-content > a, .topic-fundamentals .card-tags li.techdegree-content > span { background-color: #9b3b5a; border-color: #9b3b5a; }

.topic-mobile.card-tags li.new-content > a, .topic-mobile.card-tags li.new-content > span, .topic-mobile.card-tags li.pro-content > a, .topic-mobile.card-tags li.pro-content > span, .topic-mobile.card-tags li.techdegree-content > a, .topic-mobile.card-tags li.techdegree-content > span { background-color: #30826C; border-color: #30826C; }

.topic-mobile .card-tags li.new-content > a, .topic-mobile .card-tags li.new-content > span, .topic-mobile .card-tags li.pro-content > a, .topic-mobile .card-tags li.pro-content > span, .topic-mobile .card-tags li.techdegree-content > a, .topic-mobile .card-tags li.techdegree-content > span { background-color: #30826C; border-color: #30826C; }

.topic-internal.card-tags li.new-content > a, .topic-internal.card-tags li.new-content > span, .topic-internal.card-tags li.pro-content > a, .topic-internal.card-tags li.pro-content > span, .topic-internal.card-tags li.techdegree-content > a, .topic-internal.card-tags li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-internal .card-tags li.new-content > a, .topic-internal .card-tags li.new-content > span, .topic-internal .card-tags li.pro-content > a, .topic-internal .card-tags li.pro-content > span, .topic-internal .card-tags li.techdegree-content > a, .topic-internal .card-tags li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-foundations.card-tags li.new-content > a, .topic-foundations.card-tags li.new-content > span, .topic-foundations.card-tags li.pro-content > a, .topic-foundations.card-tags li.pro-content > span, .topic-foundations.card-tags li.techdegree-content > a, .topic-foundations.card-tags li.techdegree-content > span { background-color: #004e61; border-color: #004e61; }

.topic-foundations .card-tags li.new-content > a, .topic-foundations .card-tags li.new-content > span, .topic-foundations .card-tags li.pro-content > a, .topic-foundations .card-tags li.pro-content > span, .topic-foundations .card-tags li.techdegree-content > a, .topic-foundations .card-tags li.techdegree-content > span { background-color: #004e61; border-color: #004e61; }

.topic-undefined.card-tags li.new-content > a, .topic-undefined.card-tags li.new-content > span, .topic-undefined.card-tags li.pro-content > a, .topic-undefined.card-tags li.pro-content > span, .topic-undefined.card-tags li.techdegree-content > a, .topic-undefined.card-tags li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-undefined .card-tags li.new-content > a, .topic-undefined .card-tags li.new-content > span, .topic-undefined .card-tags li.pro-content > a, .topic-undefined .card-tags li.pro-content > span, .topic-undefined .card-tags li.techdegree-content > a, .topic-undefined .card-tags li.techdegree-content > span { background-color: #55616c; border-color: #55616c; }

.topic-college-credit.card-tags li.new-content > a, .topic-college-credit.card-tags li.new-content > span, .topic-college-credit.card-tags li.pro-content > a, .topic-college-credit.card-tags li.pro-content > span, .topic-college-credit.card-tags li.techdegree-content > a, .topic-college-credit.card-tags li.techdegree-content > span { background-color: #3887c8; border-color: #3887c8; }

.topic-college-credit .card-tags li.new-content > a, .topic-college-credit .card-tags li.new-content > span, .topic-college-credit .card-tags li.pro-content > a, .topic-college-credit .card-tags li.pro-content > span, .topic-college-credit .card-tags li.techdegree-content > a, .topic-college-credit .card-tags li.techdegree-content > span { background-color: #3887c8; border-color: #3887c8; }

.topic-no-code.card-tags li.new-content > a, .topic-no-code.card-tags li.new-content > span, .topic-no-code.card-tags li.pro-content > a, .topic-no-code.card-tags li.pro-content > span, .topic-no-code.card-tags li.techdegree-content > a, .topic-no-code.card-tags li.techdegree-content > span { background-color: #31AF7F; border-color: #31AF7F; }

.topic-no-code .card-tags li.new-content > a, .topic-no-code .card-tags li.new-content > span, .topic-no-code .card-tags li.pro-content > a, .topic-no-code .card-tags li.pro-content > span, .topic-no-code .card-tags li.techdegree-content > a, .topic-no-code .card-tags li.techdegree-content > span { background-color: #31AF7F; border-color: #31AF7F; }

.topic-security.card-tags li.new-content > a, .topic-security.card-tags li.new-content > span, .topic-security.card-tags li.pro-content > a, .topic-security.card-tags li.pro-content > span, .topic-security.card-tags li.techdegree-content > a, .topic-security.card-tags li.techdegree-content > span { background-color: #409BE9; border-color: #409BE9; }

.topic-security .card-tags li.new-content > a, .topic-security .card-tags li.new-content > span, .topic-security .card-tags li.pro-content > a, .topic-security .card-tags li.pro-content > span, .topic-security .card-tags li.techdegree-content > a, .topic-security .card-tags li.techdegree-content > span { background-color: #409BE9; border-color: #409BE9; }

.topic-game-development.card-tags li.new-content > a, .topic-game-development.card-tags li.new-content > span, .topic-game-development.card-tags li.pro-content > a, .topic-game-development.card-tags li.pro-content > span, .topic-game-development.card-tags li.techdegree-content > a, .topic-game-development.card-tags li.techdegree-content > span { background-color: #856fc4; border-color: #856fc4; }

.topic-game-development .card-tags li.new-content > a, .topic-game-development .card-tags li.new-content > span, .topic-game-development .card-tags li.pro-content > a, .topic-game-development .card-tags li.pro-content > span, .topic-game-development .card-tags li.techdegree-content > a, .topic-game-development .card-tags li.techdegree-content > span { background-color: #856fc4; border-color: #856fc4; }

.topic-treehouse-resources.card-tags li.new-content > a, .topic-treehouse-resources.card-tags li.new-content > span, .topic-treehouse-resources.card-tags li.pro-content > a, .topic-treehouse-resources.card-tags li.pro-content > span, .topic-treehouse-resources.card-tags li.techdegree-content > a, .topic-treehouse-resources.card-tags li.techdegree-content > span { background-color: #5fcf80; border-color: #5fcf80; }

.topic-treehouse-resources .card-tags li.new-content > a, .topic-treehouse-resources .card-tags li.new-content > span, .topic-treehouse-resources .card-tags li.pro-content > a, .topic-treehouse-resources .card-tags li.pro-content > span, .topic-treehouse-resources .card-tags li.techdegree-content > a, .topic-treehouse-resources .card-tags li.techdegree-content > span { background-color: #5fcf80; border-color: #5fcf80; }

.topic-coding-for-kids.card-tags li.new-content > a, .topic-coding-for-kids.card-tags li.new-content > span, .topic-coding-for-kids.card-tags li.pro-content > a, .topic-coding-for-kids.card-tags li.pro-content > span, .topic-coding-for-kids.card-tags li.techdegree-content > a, .topic-coding-for-kids.card-tags li.techdegree-content > span { background-color: #F36C27; border-color: #F36C27; }

.topic-coding-for-kids .card-tags li.new-content > a, .topic-coding-for-kids .card-tags li.new-content > span, .topic-coding-for-kids .card-tags li.pro-content > a, .topic-coding-for-kids .card-tags li.pro-content > span, .topic-coding-for-kids .card-tags li.techdegree-content > a, .topic-coding-for-kids .card-tags li.techdegree-content > span { background-color: #F36C27; border-color: #F36C27; }

.topic-ai.card-tags li.new-content > a:hover, .topic-ai.card-tags li.pro-content > a:hover, .topic-ai.card-tags li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-ai .card-tags li.new-content > a:hover, .topic-ai .card-tags li.pro-content > a:hover, .topic-ai .card-tags li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-back-end.card-tags li.new-content > a:hover, .topic-back-end.card-tags li.pro-content > a:hover, .topic-back-end.card-tags li.techdegree-content > a:hover { background-color: #006c7e; border-color: #006c7e; }

.topic-back-end .card-tags li.new-content > a:hover, .topic-back-end .card-tags li.pro-content > a:hover, .topic-back-end .card-tags li.techdegree-content > a:hover { background-color: #006c7e; border-color: #006c7e; }

.topic-data.card-tags li.new-content > a:hover, .topic-data.card-tags li.pro-content > a:hover, .topic-data.card-tags li.techdegree-content > a:hover { background-color: #8e4376; border-color: #8e4376; }

.topic-data .card-tags li.new-content > a:hover, .topic-data .card-tags li.pro-content > a:hover, .topic-data .card-tags li.techdegree-content > a:hover { background-color: #8e4376; border-color: #8e4376; }

.topic-design.card-tags li.new-content > a:hover, .topic-design.card-tags li.pro-content > a:hover, .topic-design.card-tags li.techdegree-content > a:hover { background-color: #413a7f; border-color: #413a7f; }

.topic-design .card-tags li.new-content > a:hover, .topic-design .card-tags li.pro-content > a:hover, .topic-design .card-tags li.techdegree-content > a:hover { background-color: #413a7f; border-color: #413a7f; }

.topic-experimental.card-tags li.new-content > a:hover, .topic-experimental.card-tags li.pro-content > a:hover, .topic-experimental.card-tags li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-experimental .card-tags li.new-content > a:hover, .topic-experimental .card-tags li.pro-content > a:hover, .topic-experimental .card-tags li.techdegree-content > a:hover { background-color: #643276; border-color: #643276; }

.topic-front-end.card-tags li.new-content > a:hover, .topic-front-end.card-tags li.pro-content > a:hover, .topic-front-end.card-tags li.techdegree-content > a:hover { background-color: #304e8f; border-color: #304e8f; }

.topic-front-end .card-tags li.new-content > a:hover, .topic-front-end .card-tags li.pro-content > a:hover, .topic-front-end .card-tags li.techdegree-content > a:hover { background-color: #304e8f; border-color: #304e8f; }

.topic-fundamentals.card-tags li.new-content > a:hover, .topic-fundamentals.card-tags li.pro-content > a:hover, .topic-fundamentals.card-tags li.techdegree-content > a:hover { background-color: #89344f; border-color: #89344f; }

.topic-fundamentals .card-tags li.new-content > a:hover, .topic-fundamentals .card-tags li.pro-content > a:hover, .topic-fundamentals .card-tags li.techdegree-content > a:hover { background-color: #89344f; border-color: #89344f; }

.topic-mobile.card-tags li.new-content > a:hover, .topic-mobile.card-tags li.pro-content > a:hover, .topic-mobile.card-tags li.techdegree-content > a:hover { background-color: #296f5d; border-color: #296f5d; }

.topic-mobile .card-tags li.new-content > a:hover, .topic-mobile .card-tags li.pro-content > a:hover, .topic-mobile .card-tags li.techdegree-content > a:hover { background-color: #296f5d; border-color: #296f5d; }

.topic-internal.card-tags li.new-content > a:hover, .topic-internal.card-tags li.pro-content > a:hover, .topic-internal.card-tags li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-internal .card-tags li.new-content > a:hover, .topic-internal .card-tags li.pro-content > a:hover, .topic-internal .card-tags li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-foundations.card-tags li.new-content > a:hover, .topic-foundations.card-tags li.pro-content > a:hover, .topic-foundations.card-tags li.techdegree-content > a:hover { background-color: #003948; border-color: #003948; }

.topic-foundations .card-tags li.new-content > a:hover, .topic-foundations .card-tags li.pro-content > a:hover, .topic-foundations .card-tags li.techdegree-content > a:hover { background-color: #003948; border-color: #003948; }

.topic-undefined.card-tags li.new-content > a:hover, .topic-undefined.card-tags li.pro-content > a:hover, .topic-undefined.card-tags li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-undefined .card-tags li.new-content > a:hover, .topic-undefined .card-tags li.pro-content > a:hover, .topic-undefined .card-tags li.techdegree-content > a:hover { background-color: #4a545e; border-color: #4a545e; }

.topic-college-credit.card-tags li.new-content > a:hover, .topic-college-credit.card-tags li.pro-content > a:hover, .topic-college-credit.card-tags li.techdegree-content > a:hover { background-color: #327ab5; border-color: #327ab5; }

.topic-college-credit .card-tags li.new-content > a:hover, .topic-college-credit .card-tags li.pro-content > a:hover, .topic-college-credit .card-tags li.techdegree-content > a:hover { background-color: #327ab5; border-color: #327ab5; }

.topic-no-code.card-tags li.new-content > a:hover, .topic-no-code.card-tags li.pro-content > a:hover, .topic-no-code.card-tags li.techdegree-content > a:hover { background-color: #2b9b71; border-color: #2b9b71; }

.topic-no-code .card-tags li.new-content > a:hover, .topic-no-code .card-tags li.pro-content > a:hover, .topic-no-code .card-tags li.techdegree-content > a:hover { background-color: #2b9b71; border-color: #2b9b71; }

.topic-security.card-tags li.new-content > a:hover, .topic-security.card-tags li.pro-content > a:hover, .topic-security.card-tags li.techdegree-content > a:hover { background-color: #298fe6; border-color: #298fe6; }

.topic-security .card-tags li.new-content > a:hover, .topic-security .card-tags li.pro-content > a:hover, .topic-security .card-tags li.techdegree-content > a:hover { background-color: #298fe6; border-color: #298fe6; }

.topic-game-development.card-tags li.new-content > a:hover, .topic-game-development.card-tags li.pro-content > a:hover, .topic-game-development.card-tags li.techdegree-content > a:hover { background-color: #765dbd; border-color: #765dbd; }

.topic-game-development .card-tags li.new-content > a:hover, .topic-game-development .card-tags li.pro-content > a:hover, .topic-game-development .card-tags li.techdegree-content > a:hover { background-color: #765dbd; border-color: #765dbd; }

.topic-treehouse-resources.card-tags li.new-content > a:hover, .topic-treehouse-resources.card-tags li.pro-content > a:hover, .topic-treehouse-resources.card-tags li.techdegree-content > a:hover { background-color: #4bc970; border-color: #4bc970; }

.topic-treehouse-resources .card-tags li.new-content > a:hover, .topic-treehouse-resources .card-tags li.pro-content > a:hover, .topic-treehouse-resources .card-tags li.techdegree-content > a:hover { background-color: #4bc970; border-color: #4bc970; }

.topic-coding-for-kids.card-tags li.new-content > a:hover, .topic-coding-for-kids.card-tags li.pro-content > a:hover, .topic-coding-for-kids.card-tags li.techdegree-content > a:hover { background-color: #f25c0f; border-color: #f25c0f; }

.topic-coding-for-kids .card-tags li.new-content > a:hover, .topic-coding-for-kids .card-tags li.pro-content > a:hover, .topic-coding-for-kids .card-tags li.techdegree-content > a:hover { background-color: #f25c0f; border-color: #f25c0f; }

.card-tags li.qa-content > a, .card-tags li.qa-content > span { border-color: #ed5a5a; color: #ed5a5a; padding-left: 15px; padding-right: 15px; }

.card-tags li.upcoming-content > a, .card-tags li.upcoming-content > span { border-style: dashed; border-color: #e6e8eb; padding-left: 15px; padding-right: 15px; }

.card-tags li:last-child { margin-right: 0; }

.card-tags li.truncated-tags { display: none; }

.card-tags li.truncated-tags > span { padding: 0; font-size: 11px; text-indent: 1px; width: 36px; text-align: center; }

.card-tags li.truncated-tags > span:after { content: "•••"; letter-spacing: 1px; }

.card-tags li.topics ul .topic.topic-ai:before { color: #733A88; }

.card-tags li.topics ul .topic.topic-back-end:before { color: #008297; }

.card-tags li.topics ul .topic.topic-data:before { color: #9F4B84; }

.card-tags li.topics ul .topic.topic-design:before { color: #4a4290; }

.card-tags li.topics ul .topic.topic-experimental:before { color: #733a88; }

.card-tags li.topics ul .topic.topic-front-end:before { color: #3659a2; }

.card-tags li.topics ul .topic.topic-fundamentals:before { color: #9b3b5a; }

.card-tags li.topics ul .topic.topic-mobile:before { color: #30826C; }

.card-tags li.topics ul .topic.topic-internal:before { color: #55616c; }

.card-tags li.topics ul .topic.topic-foundations:before { color: #004e61; }

.card-tags li.topics ul .topic.topic-undefined:before { color: #55616c; }

.card-tags li.topics ul .topic.topic-college-credit:before { color: #3887c8; }

.card-tags li.topics ul .topic.topic-no-code:before { color: #31AF7F; }

.card-tags li.topics ul .topic.topic-security:before { color: #409BE9; }

.card-tags li.topics ul .topic.topic-game-development:before { color: #856fc4; }

.card-tags li.topics ul .topic.topic-treehouse-resources:before { color: #5fcf80; }

.card-tags li.topics ul .topic.topic-coding-for-kids:before { color: #F36C27; }

.card-tags li.topics ul .topic:before { content: "•"; margin-right: 4px; font-size: 20px; vertical-align: middle; position: relative; top: -1px; }

.card-tags li.truncated-tags, .card-tags li.topics { position: relative; }

.card-tags li.truncated-tags:hover ul, .card-tags li.topics:hover ul { bottom: 43px; opacity: 1; transition: bottom 0.3s ease, opacity 0.3s ease; }

.card-tags li.truncated-tags ul, .card-tags li.topics ul { opacity: 0; position: absolute; bottom: 35px; left: -10px; padding: 15px 20px; background: #282e33; border-radius: 4px; }

.card-tags li.truncated-tags ul:after, .card-tags li.topics ul:after { position: absolute; bottom: -5px; left: 22px; content: ""; background: #282e33; width: 10px; height: 10px; border-radius: 0 0 3px 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.card-tags li.truncated-tags ul li, .card-tags li.topics ul li { display: block; }

.card-tags li.truncated-tags ul li a, .card-tags li.truncated-tags ul li span, .card-tags li.topics ul li a, .card-tags li.topics ul li span { padding: 0; line-height: 24px; font-size: 13px; border: none; color: #fff; font-weight: 700; }

.card-tags.truncated .truncated-tags { display: inline-block; }

.card-status { bottom: 40px; position: absolute; display: none; }

.completed .card-status { display: block; }

.card-status-icon { margin-right: 5px; position: relative; top: 1px; fill: #55616c; }

.topic-ai.card-status-icon { fill: #733A88; }

.topic-ai .card-status-icon { fill: #733A88; }

.topic-back-end.card-status-icon { fill: #008297; }

.topic-back-end .card-status-icon { fill: #008297; }

.topic-data.card-status-icon { fill: #9F4B84; }

.topic-data .card-status-icon { fill: #9F4B84; }

.topic-design.card-status-icon { fill: #4a4290; }

.topic-design .card-status-icon { fill: #4a4290; }

.topic-experimental.card-status-icon { fill: #733a88; }

.topic-experimental .card-status-icon { fill: #733a88; }

.topic-front-end.card-status-icon { fill: #3659a2; }

.topic-front-end .card-status-icon { fill: #3659a2; }

.topic-fundamentals.card-status-icon { fill: #9b3b5a; }

.topic-fundamentals .card-status-icon { fill: #9b3b5a; }

.topic-mobile.card-status-icon { fill: #30826C; }

.topic-mobile .card-status-icon { fill: #30826C; }

.topic-internal.card-status-icon { fill: #55616c; }

.topic-internal .card-status-icon { fill: #55616c; }

.topic-foundations.card-status-icon { fill: #004e61; }

.topic-foundations .card-status-icon { fill: #004e61; }

.topic-undefined.card-status-icon { fill: #55616c; }

.topic-undefined .card-status-icon { fill: #55616c; }

.topic-college-credit.card-status-icon { fill: #3887c8; }

.topic-college-credit .card-status-icon { fill: #3887c8; }

.topic-no-code.card-status-icon { fill: #31AF7F; }

.topic-no-code .card-status-icon { fill: #31AF7F; }

.topic-security.card-status-icon { fill: #409BE9; }

.topic-security .card-status-icon { fill: #409BE9; }

.topic-game-development.card-status-icon { fill: #856fc4; }

.topic-game-development .card-status-icon { fill: #856fc4; }

.topic-treehouse-resources.card-status-icon { fill: #5fcf80; }

.topic-treehouse-resources .card-status-icon { fill: #5fcf80; }

.topic-coding-for-kids.card-status-icon { fill: #F36C27; }

.topic-coding-for-kids .card-status-icon { fill: #F36C27; }

.card-status-title { color: #1a2126; font-weight: 700; }

.card.completed .card-status { display: block; }

.card-actions { pointer-events: none; list-style: none; display: block; position: absolute; left: 45px; right: 45px; bottom: 30px; z-index: 1; }

.card-techdegree .card-actions { left: 30px; right: 30px !important; }

.completed .card-actions, .card:not(.track):not(.card-techdegree):not(.personalized) .card-actions { display: none; }

.completed.instruction .card-actions { display: block; }

.card-actions .bookmarkable { padding: 0 !important; }

.card-actions .bookmarkable .bookmark, .card-actions .bookmarkable .unbookmark { pointer-events: auto; }

.card-button { height: 36px !important; padding: 0 18px !important; line-height: 32px !important; font-size: 14px !important; }

.card-action { position: relative; float: left; pointer-events: auto; }

.card-action.resume, .card-action.secondary-action { float: left; }

.card-action.resume .button, .card-action.secondary-action .button { height: 36px; padding: 0 22px; line-height: 32px; }

.card-action.resume .button.button-primary, .card-action.resume .button.primary, .card-action.secondary-action .button.button-primary, .card-action.secondary-action .button.primary { border-width: 0 0 2px; line-height: 34px; }

.topic-ai.card-action.resume .button.button-primary, .topic-ai.card-action.resume .button.primary, .topic-ai.card-action.secondary-action .button.button-primary, .topic-ai.card-action.secondary-action .button.primary { background-color: #733A88; }

.topic-ai .card-action.resume .button.button-primary, .topic-ai .card-action.resume .button.primary, .topic-ai .card-action.secondary-action .button.button-primary, .topic-ai .card-action.secondary-action .button.primary { background-color: #733A88; }

.topic-back-end.card-action.resume .button.button-primary, .topic-back-end.card-action.resume .button.primary, .topic-back-end.card-action.secondary-action .button.button-primary, .topic-back-end.card-action.secondary-action .button.primary { background-color: #008297; }

.topic-back-end .card-action.resume .button.button-primary, .topic-back-end .card-action.resume .button.primary, .topic-back-end .card-action.secondary-action .button.button-primary, .topic-back-end .card-action.secondary-action .button.primary { background-color: #008297; }

.topic-data.card-action.resume .button.button-primary, .topic-data.card-action.resume .button.primary, .topic-data.card-action.secondary-action .button.button-primary, .topic-data.card-action.secondary-action .button.primary { background-color: #9F4B84; }

.topic-data .card-action.resume .button.button-primary, .topic-data .card-action.resume .button.primary, .topic-data .card-action.secondary-action .button.button-primary, .topic-data .card-action.secondary-action .button.primary { background-color: #9F4B84; }

.topic-design.card-action.resume .button.button-primary, .topic-design.card-action.resume .button.primary, .topic-design.card-action.secondary-action .button.button-primary, .topic-design.card-action.secondary-action .button.primary { background-color: #4a4290; }

.topic-design .card-action.resume .button.button-primary, .topic-design .card-action.resume .button.primary, .topic-design .card-action.secondary-action .button.button-primary, .topic-design .card-action.secondary-action .button.primary { background-color: #4a4290; }

.topic-experimental.card-action.resume .button.button-primary, .topic-experimental.card-action.resume .button.primary, .topic-experimental.card-action.secondary-action .button.button-primary, .topic-experimental.card-action.secondary-action .button.primary { background-color: #733a88; }

.topic-experimental .card-action.resume .button.button-primary, .topic-experimental .card-action.resume .button.primary, .topic-experimental .card-action.secondary-action .button.button-primary, .topic-experimental .card-action.secondary-action .button.primary { background-color: #733a88; }

.topic-front-end.card-action.resume .button.button-primary, .topic-front-end.card-action.resume .button.primary, .topic-front-end.card-action.secondary-action .button.button-primary, .topic-front-end.card-action.secondary-action .button.primary { background-color: #3659a2; }

.topic-front-end .card-action.resume .button.button-primary, .topic-front-end .card-action.resume .button.primary, .topic-front-end .card-action.secondary-action .button.button-primary, .topic-front-end .card-action.secondary-action .button.primary { background-color: #3659a2; }

.topic-fundamentals.card-action.resume .button.button-primary, .topic-fundamentals.card-action.resume .button.primary, .topic-fundamentals.card-action.secondary-action .button.button-primary, .topic-fundamentals.card-action.secondary-action .button.primary { background-color: #9b3b5a; }

.topic-fundamentals .card-action.resume .button.button-primary, .topic-fundamentals .card-action.resume .button.primary, .topic-fundamentals .card-action.secondary-action .button.button-primary, .topic-fundamentals .card-action.secondary-action .button.primary { background-color: #9b3b5a; }

.topic-mobile.card-action.resume .button.button-primary, .topic-mobile.card-action.resume .button.primary, .topic-mobile.card-action.secondary-action .button.button-primary, .topic-mobile.card-action.secondary-action .button.primary { background-color: #30826C; }

.topic-mobile .card-action.resume .button.button-primary, .topic-mobile .card-action.resume .button.primary, .topic-mobile .card-action.secondary-action .button.button-primary, .topic-mobile .card-action.secondary-action .button.primary { background-color: #30826C; }

.topic-internal.card-action.resume .button.button-primary, .topic-internal.card-action.resume .button.primary, .topic-internal.card-action.secondary-action .button.button-primary, .topic-internal.card-action.secondary-action .button.primary { background-color: #55616c; }

.topic-internal .card-action.resume .button.button-primary, .topic-internal .card-action.resume .button.primary, .topic-internal .card-action.secondary-action .button.button-primary, .topic-internal .card-action.secondary-action .button.primary { background-color: #55616c; }

.topic-foundations.card-action.resume .button.button-primary, .topic-foundations.card-action.resume .button.primary, .topic-foundations.card-action.secondary-action .button.button-primary, .topic-foundations.card-action.secondary-action .button.primary { background-color: #004e61; }

.topic-foundations .card-action.resume .button.button-primary, .topic-foundations .card-action.resume .button.primary, .topic-foundations .card-action.secondary-action .button.button-primary, .topic-foundations .card-action.secondary-action .button.primary { background-color: #004e61; }

.topic-undefined.card-action.resume .button.button-primary, .topic-undefined.card-action.resume .button.primary, .topic-undefined.card-action.secondary-action .button.button-primary, .topic-undefined.card-action.secondary-action .button.primary { background-color: #55616c; }

.topic-undefined .card-action.resume .button.button-primary, .topic-undefined .card-action.resume .button.primary, .topic-undefined .card-action.secondary-action .button.button-primary, .topic-undefined .card-action.secondary-action .button.primary { background-color: #55616c; }

.topic-college-credit.card-action.resume .button.button-primary, .topic-college-credit.card-action.resume .button.primary, .topic-college-credit.card-action.secondary-action .button.button-primary, .topic-college-credit.card-action.secondary-action .button.primary { background-color: #3887c8; }

.topic-college-credit .card-action.resume .button.button-primary, .topic-college-credit .card-action.resume .button.primary, .topic-college-credit .card-action.secondary-action .button.button-primary, .topic-college-credit .card-action.secondary-action .button.primary { background-color: #3887c8; }

.topic-no-code.card-action.resume .button.button-primary, .topic-no-code.card-action.resume .button.primary, .topic-no-code.card-action.secondary-action .button.button-primary, .topic-no-code.card-action.secondary-action .button.primary { background-color: #31AF7F; }

.topic-no-code .card-action.resume .button.button-primary, .topic-no-code .card-action.resume .button.primary, .topic-no-code .card-action.secondary-action .button.button-primary, .topic-no-code .card-action.secondary-action .button.primary { background-color: #31AF7F; }

.topic-security.card-action.resume .button.button-primary, .topic-security.card-action.resume .button.primary, .topic-security.card-action.secondary-action .button.button-primary, .topic-security.card-action.secondary-action .button.primary { background-color: #409BE9; }

.topic-security .card-action.resume .button.button-primary, .topic-security .card-action.resume .button.primary, .topic-security .card-action.secondary-action .button.button-primary, .topic-security .card-action.secondary-action .button.primary { background-color: #409BE9; }

.topic-game-development.card-action.resume .button.button-primary, .topic-game-development.card-action.resume .button.primary, .topic-game-development.card-action.secondary-action .button.button-primary, .topic-game-development.card-action.secondary-action .button.primary { background-color: #856fc4; }

.topic-game-development .card-action.resume .button.button-primary, .topic-game-development .card-action.resume .button.primary, .topic-game-development .card-action.secondary-action .button.button-primary, .topic-game-development .card-action.secondary-action .button.primary { background-color: #856fc4; }

.topic-treehouse-resources.card-action.resume .button.button-primary, .topic-treehouse-resources.card-action.resume .button.primary, .topic-treehouse-resources.card-action.secondary-action .button.button-primary, .topic-treehouse-resources.card-action.secondary-action .button.primary { background-color: #5fcf80; }

.topic-treehouse-resources .card-action.resume .button.button-primary, .topic-treehouse-resources .card-action.resume .button.primary, .topic-treehouse-resources .card-action.secondary-action .button.button-primary, .topic-treehouse-resources .card-action.secondary-action .button.primary { background-color: #5fcf80; }

.topic-coding-for-kids.card-action.resume .button.button-primary, .topic-coding-for-kids.card-action.resume .button.primary, .topic-coding-for-kids.card-action.secondary-action .button.button-primary, .topic-coding-for-kids.card-action.secondary-action .button.primary { background-color: #F36C27; }

.topic-coding-for-kids .card-action.resume .button.button-primary, .topic-coding-for-kids .card-action.resume .button.primary, .topic-coding-for-kids .card-action.secondary-action .button.button-primary, .topic-coding-for-kids .card-action.secondary-action .button.primary { background-color: #F36C27; }

.topic-ai.card-action.resume .button.button-primary, .topic-ai.card-action.resume .button.primary, .topic-ai.card-action.secondary-action .button.button-primary, .topic-ai.card-action.secondary-action .button.primary { border-color: #643276; }

.topic-ai .card-action.resume .button.button-primary, .topic-ai .card-action.resume .button.primary, .topic-ai .card-action.secondary-action .button.button-primary, .topic-ai .card-action.secondary-action .button.primary { border-color: #643276; }

.topic-back-end.card-action.resume .button.button-primary, .topic-back-end.card-action.resume .button.primary, .topic-back-end.card-action.secondary-action .button.button-primary, .topic-back-end.card-action.secondary-action .button.primary { border-color: #006c7e; }

.topic-back-end .card-action.resume .button.button-primary, .topic-back-end .card-action.resume .button.primary, .topic-back-end .card-action.secondary-action .button.button-primary, .topic-back-end .card-action.secondary-action .button.primary { border-color: #006c7e; }

.topic-data.card-action.resume .button.button-primary, .topic-data.card-action.resume .button.primary, .topic-data.card-action.secondary-action .button.button-primary, .topic-data.card-action.secondary-action .button.primary { border-color: #8e4376; }

.topic-data .card-action.resume .button.button-primary, .topic-data .card-action.resume .button.primary, .topic-data .card-action.secondary-action .button.button-primary, .topic-data .card-action.secondary-action .button.primary { border-color: #8e4376; }

.topic-design.card-action.resume .button.button-primary, .topic-design.card-action.resume .button.primary, .topic-design.card-action.secondary-action .button.button-primary, .topic-design.card-action.secondary-action .button.primary { border-color: #413a7f; }

.topic-design .card-action.resume .button.button-primary, .topic-design .card-action.resume .button.primary, .topic-design .card-action.secondary-action .button.button-primary, .topic-design .card-action.secondary-action .button.primary { border-color: #413a7f; }

.topic-experimental.card-action.resume .button.button-primary, .topic-experimental.card-action.resume .button.primary, .topic-experimental.card-action.secondary-action .button.button-primary, .topic-experimental.card-action.secondary-action .button.primary { border-color: #643276; }

.topic-experimental .card-action.resume .button.button-primary, .topic-experimental .card-action.resume .button.primary, .topic-experimental .card-action.secondary-action .button.button-primary, .topic-experimental .card-action.secondary-action .button.primary { border-color: #643276; }

.topic-front-end.card-action.resume .button.button-primary, .topic-front-end.card-action.resume .button.primary, .topic-front-end.card-action.secondary-action .button.button-primary, .topic-front-end.card-action.secondary-action .button.primary { border-color: #304e8f; }

.topic-front-end .card-action.resume .button.button-primary, .topic-front-end .card-action.resume .button.primary, .topic-front-end .card-action.secondary-action .button.button-primary, .topic-front-end .card-action.secondary-action .button.primary { border-color: #304e8f; }

.topic-fundamentals.card-action.resume .button.button-primary, .topic-fundamentals.card-action.resume .button.primary, .topic-fundamentals.card-action.secondary-action .button.button-primary, .topic-fundamentals.card-action.secondary-action .button.primary { border-color: #89344f; }

.topic-fundamentals .card-action.resume .button.button-primary, .topic-fundamentals .card-action.resume .button.primary, .topic-fundamentals .card-action.secondary-action .button.button-primary, .topic-fundamentals .card-action.secondary-action .button.primary { border-color: #89344f; }

.topic-mobile.card-action.resume .button.button-primary, .topic-mobile.card-action.resume .button.primary, .topic-mobile.card-action.secondary-action .button.button-primary, .topic-mobile.card-action.secondary-action .button.primary { border-color: #296f5d; }

.topic-mobile .card-action.resume .button.button-primary, .topic-mobile .card-action.resume .button.primary, .topic-mobile .card-action.secondary-action .button.button-primary, .topic-mobile .card-action.secondary-action .button.primary { border-color: #296f5d; }

.topic-internal.card-action.resume .button.button-primary, .topic-internal.card-action.resume .button.primary, .topic-internal.card-action.secondary-action .button.button-primary, .topic-internal.card-action.secondary-action .button.primary { border-color: #4a545e; }

.topic-internal .card-action.resume .button.button-primary, .topic-internal .card-action.resume .button.primary, .topic-internal .card-action.secondary-action .button.button-primary, .topic-internal .card-action.secondary-action .button.primary { border-color: #4a545e; }

.topic-foundations.card-action.resume .button.button-primary, .topic-foundations.card-action.resume .button.primary, .topic-foundations.card-action.secondary-action .button.button-primary, .topic-foundations.card-action.secondary-action .button.primary { border-color: #003948; }

.topic-foundations .card-action.resume .button.button-primary, .topic-foundations .card-action.resume .button.primary, .topic-foundations .card-action.secondary-action .button.button-primary, .topic-foundations .card-action.secondary-action .button.primary { border-color: #003948; }

.topic-undefined.card-action.resume .button.button-primary, .topic-undefined.card-action.resume .button.primary, .topic-undefined.card-action.secondary-action .button.button-primary, .topic-undefined.card-action.secondary-action .button.primary { border-color: #4a545e; }

.topic-undefined .card-action.resume .button.button-primary, .topic-undefined .card-action.resume .button.primary, .topic-undefined .card-action.secondary-action .button.button-primary, .topic-undefined .card-action.secondary-action .button.primary { border-color: #4a545e; }

.topic-college-credit.card-action.resume .button.button-primary, .topic-college-credit.card-action.resume .button.primary, .topic-college-credit.card-action.secondary-action .button.button-primary, .topic-college-credit.card-action.secondary-action .button.primary { border-color: #327ab5; }

.topic-college-credit .card-action.resume .button.button-primary, .topic-college-credit .card-action.resume .button.primary, .topic-college-credit .card-action.secondary-action .button.button-primary, .topic-college-credit .card-action.secondary-action .button.primary { border-color: #327ab5; }

.topic-no-code.card-action.resume .button.button-primary, .topic-no-code.card-action.resume .button.primary, .topic-no-code.card-action.secondary-action .button.button-primary, .topic-no-code.card-action.secondary-action .button.primary { border-color: #2b9b71; }

.topic-no-code .card-action.resume .button.button-primary, .topic-no-code .card-action.resume .button.primary, .topic-no-code .card-action.secondary-action .button.button-primary, .topic-no-code .card-action.secondary-action .button.primary { border-color: #2b9b71; }

.topic-security.card-action.resume .button.button-primary, .topic-security.card-action.resume .button.primary, .topic-security.card-action.secondary-action .button.button-primary, .topic-security.card-action.secondary-action .button.primary { border-color: #298fe6; }

.topic-security .card-action.resume .button.button-primary, .topic-security .card-action.resume .button.primary, .topic-security .card-action.secondary-action .button.button-primary, .topic-security .card-action.secondary-action .button.primary { border-color: #298fe6; }

.topic-game-development.card-action.resume .button.button-primary, .topic-game-development.card-action.resume .button.primary, .topic-game-development.card-action.secondary-action .button.button-primary, .topic-game-development.card-action.secondary-action .button.primary { border-color: #765dbd; }

.topic-game-development .card-action.resume .button.button-primary, .topic-game-development .card-action.resume .button.primary, .topic-game-development .card-action.secondary-action .button.button-primary, .topic-game-development .card-action.secondary-action .button.primary { border-color: #765dbd; }

.topic-treehouse-resources.card-action.resume .button.button-primary, .topic-treehouse-resources.card-action.resume .button.primary, .topic-treehouse-resources.card-action.secondary-action .button.button-primary, .topic-treehouse-resources.card-action.secondary-action .button.primary { border-color: #4bc970; }

.topic-treehouse-resources .card-action.resume .button.button-primary, .topic-treehouse-resources .card-action.resume .button.primary, .topic-treehouse-resources .card-action.secondary-action .button.button-primary, .topic-treehouse-resources .card-action.secondary-action .button.primary { border-color: #4bc970; }

.topic-coding-for-kids.card-action.resume .button.button-primary, .topic-coding-for-kids.card-action.resume .button.primary, .topic-coding-for-kids.card-action.secondary-action .button.button-primary, .topic-coding-for-kids.card-action.secondary-action .button.primary { border-color: #f25c0f; }

.topic-coding-for-kids .card-action.resume .button.button-primary, .topic-coding-for-kids .card-action.resume .button.primary, .topic-coding-for-kids .card-action.secondary-action .button.button-primary, .topic-coding-for-kids .card-action.secondary-action .button.primary { border-color: #f25c0f; }

.topic-ai.card-action.resume .button.button-primary:hover, .topic-ai.card-action.resume .button.button-primary:focus, .topic-ai.card-action.resume .button.primary:hover, .topic-ai.card-action.resume .button.primary:focus, .topic-ai.card-action.secondary-action .button.button-primary:hover, .topic-ai.card-action.secondary-action .button.button-primary:focus, .topic-ai.card-action.secondary-action .button.primary:hover, .topic-ai.card-action.secondary-action .button.primary:focus { background-color: #67347a; }

.topic-ai .card-action.resume .button.button-primary:hover, .topic-ai .card-action.resume .button.button-primary:focus, .topic-ai .card-action.resume .button.primary:hover, .topic-ai .card-action.resume .button.primary:focus, .topic-ai .card-action.secondary-action .button.button-primary:hover, .topic-ai .card-action.secondary-action .button.button-primary:focus, .topic-ai .card-action.secondary-action .button.primary:hover, .topic-ai .card-action.secondary-action .button.primary:focus { background-color: #67347a; }

.topic-back-end.card-action.resume .button.button-primary:hover, .topic-back-end.card-action.resume .button.button-primary:focus, .topic-back-end.card-action.resume .button.primary:hover, .topic-back-end.card-action.resume .button.primary:focus, .topic-back-end.card-action.secondary-action .button.button-primary:hover, .topic-back-end.card-action.secondary-action .button.button-primary:focus, .topic-back-end.card-action.secondary-action .button.primary:hover, .topic-back-end.card-action.secondary-action .button.primary:focus { background-color: #007083; }

.topic-back-end .card-action.resume .button.button-primary:hover, .topic-back-end .card-action.resume .button.button-primary:focus, .topic-back-end .card-action.resume .button.primary:hover, .topic-back-end .card-action.resume .button.primary:focus, .topic-back-end .card-action.secondary-action .button.button-primary:hover, .topic-back-end .card-action.secondary-action .button.button-primary:focus, .topic-back-end .card-action.secondary-action .button.primary:hover, .topic-back-end .card-action.secondary-action .button.primary:focus { background-color: #007083; }

.topic-data.card-action.resume .button.button-primary:hover, .topic-data.card-action.resume .button.button-primary:focus, .topic-data.card-action.resume .button.primary:hover, .topic-data.card-action.resume .button.primary:focus, .topic-data.card-action.secondary-action .button.button-primary:hover, .topic-data.card-action.secondary-action .button.button-primary:focus, .topic-data.card-action.secondary-action .button.primary:hover, .topic-data.card-action.secondary-action .button.primary:focus { background-color: #914478; }

.topic-data .card-action.resume .button.button-primary:hover, .topic-data .card-action.resume .button.button-primary:focus, .topic-data .card-action.resume .button.primary:hover, .topic-data .card-action.resume .button.primary:focus, .topic-data .card-action.secondary-action .button.button-primary:hover, .topic-data .card-action.secondary-action .button.button-primary:focus, .topic-data .card-action.secondary-action .button.primary:hover, .topic-data .card-action.secondary-action .button.primary:focus { background-color: #914478; }

.topic-design.card-action.resume .button.button-primary:hover, .topic-design.card-action.resume .button.button-primary:focus, .topic-design.card-action.resume .button.primary:hover, .topic-design.card-action.resume .button.primary:focus, .topic-design.card-action.secondary-action .button.button-primary:hover, .topic-design.card-action.secondary-action .button.button-primary:focus, .topic-design.card-action.secondary-action .button.primary:hover, .topic-design.card-action.secondary-action .button.primary:focus { background-color: #433c82; }

.topic-design .card-action.resume .button.button-primary:hover, .topic-design .card-action.resume .button.button-primary:focus, .topic-design .card-action.resume .button.primary:hover, .topic-design .card-action.resume .button.primary:focus, .topic-design .card-action.secondary-action .button.button-primary:hover, .topic-design .card-action.secondary-action .button.button-primary:focus, .topic-design .card-action.secondary-action .button.primary:hover, .topic-design .card-action.secondary-action .button.primary:focus { background-color: #433c82; }

.topic-experimental.card-action.resume .button.button-primary:hover, .topic-experimental.card-action.resume .button.button-primary:focus, .topic-experimental.card-action.resume .button.primary:hover, .topic-experimental.card-action.resume .button.primary:focus, .topic-experimental.card-action.secondary-action .button.button-primary:hover, .topic-experimental.card-action.secondary-action .button.button-primary:focus, .topic-experimental.card-action.secondary-action .button.primary:hover, .topic-experimental.card-action.secondary-action .button.primary:focus { background-color: #67347a; }

.topic-experimental .card-action.resume .button.button-primary:hover, .topic-experimental .card-action.resume .button.button-primary:focus, .topic-experimental .card-action.resume .button.primary:hover, .topic-experimental .card-action.resume .button.primary:focus, .topic-experimental .card-action.secondary-action .button.button-primary:hover, .topic-experimental .card-action.secondary-action .button.button-primary:focus, .topic-experimental .card-action.secondary-action .button.primary:hover, .topic-experimental .card-action.secondary-action .button.primary:focus { background-color: #67347a; }

.topic-front-end.card-action.resume .button.button-primary:hover, .topic-front-end.card-action.resume .button.button-primary:focus, .topic-front-end.card-action.resume .button.primary:hover, .topic-front-end.card-action.resume .button.primary:focus, .topic-front-end.card-action.secondary-action .button.button-primary:hover, .topic-front-end.card-action.secondary-action .button.button-primary:focus, .topic-front-end.card-action.secondary-action .button.primary:hover, .topic-front-end.card-action.secondary-action .button.primary:focus { background-color: #315193; }

.topic-front-end .card-action.resume .button.button-primary:hover, .topic-front-end .card-action.resume .button.button-primary:focus, .topic-front-end .card-action.resume .button.primary:hover, .topic-front-end .card-action.resume .button.primary:focus, .topic-front-end .card-action.secondary-action .button.button-primary:hover, .topic-front-end .card-action.secondary-action .button.button-primary:focus, .topic-front-end .card-action.secondary-action .button.primary:hover, .topic-front-end .card-action.secondary-action .button.primary:focus { background-color: #315193; }

.topic-fundamentals.card-action.resume .button.button-primary:hover, .topic-fundamentals.card-action.resume .button.button-primary:focus, .topic-fundamentals.card-action.resume .button.primary:hover, .topic-fundamentals.card-action.resume .button.primary:focus, .topic-fundamentals.card-action.secondary-action .button.button-primary:hover, .topic-fundamentals.card-action.secondary-action .button.button-primary:focus, .topic-fundamentals.card-action.secondary-action .button.primary:hover, .topic-fundamentals.card-action.secondary-action .button.primary:focus { background-color: #8c3551; }

.topic-fundamentals .card-action.resume .button.button-primary:hover, .topic-fundamentals .card-action.resume .button.button-primary:focus, .topic-fundamentals .card-action.resume .button.primary:hover, .topic-fundamentals .card-action.resume .button.primary:focus, .topic-fundamentals .card-action.secondary-action .button.button-primary:hover, .topic-fundamentals .card-action.secondary-action .button.button-primary:focus, .topic-fundamentals .card-action.secondary-action .button.primary:hover, .topic-fundamentals .card-action.secondary-action .button.primary:focus { background-color: #8c3551; }

.topic-mobile.card-action.resume .button.button-primary:hover, .topic-mobile.card-action.resume .button.button-primary:focus, .topic-mobile.card-action.resume .button.primary:hover, .topic-mobile.card-action.resume .button.primary:focus, .topic-mobile.card-action.secondary-action .button.button-primary:hover, .topic-mobile.card-action.secondary-action .button.button-primary:focus, .topic-mobile.card-action.secondary-action .button.primary:hover, .topic-mobile.card-action.secondary-action .button.primary:focus { background-color: #2a7360; }

.topic-mobile .card-action.resume .button.button-primary:hover, .topic-mobile .card-action.resume .button.button-primary:focus, .topic-mobile .card-action.resume .button.primary:hover, .topic-mobile .card-action.resume .button.primary:focus, .topic-mobile .card-action.secondary-action .button.button-primary:hover, .topic-mobile .card-action.secondary-action .button.button-primary:focus, .topic-mobile .card-action.secondary-action .button.primary:hover, .topic-mobile .card-action.secondary-action .button.primary:focus { background-color: #2a7360; }

.topic-internal.card-action.resume .button.button-primary:hover, .topic-internal.card-action.resume .button.button-primary:focus, .topic-internal.card-action.resume .button.primary:hover, .topic-internal.card-action.resume .button.primary:focus, .topic-internal.card-action.secondary-action .button.button-primary:hover, .topic-internal.card-action.secondary-action .button.button-primary:focus, .topic-internal.card-action.secondary-action .button.primary:hover, .topic-internal.card-action.secondary-action .button.primary:focus { background-color: #4c5761; }

.topic-internal .card-action.resume .button.button-primary:hover, .topic-internal .card-action.resume .button.button-primary:focus, .topic-internal .card-action.resume .button.primary:hover, .topic-internal .card-action.resume .button.primary:focus, .topic-internal .card-action.secondary-action .button.button-primary:hover, .topic-internal .card-action.secondary-action .button.button-primary:focus, .topic-internal .card-action.secondary-action .button.primary:hover, .topic-internal .card-action.secondary-action .button.primary:focus { background-color: #4c5761; }

.topic-foundations.card-action.resume .button.button-primary:hover, .topic-foundations.card-action.resume .button.button-primary:focus, .topic-foundations.card-action.resume .button.primary:hover, .topic-foundations.card-action.resume .button.primary:focus, .topic-foundations.card-action.secondary-action .button.button-primary:hover, .topic-foundations.card-action.secondary-action .button.button-primary:focus, .topic-foundations.card-action.secondary-action .button.primary:hover, .topic-foundations.card-action.secondary-action .button.primary:focus { background-color: #003e4d; }

.topic-foundations .card-action.resume .button.button-primary:hover, .topic-foundations .card-action.resume .button.button-primary:focus, .topic-foundations .card-action.resume .button.primary:hover, .topic-foundations .card-action.resume .button.primary:focus, .topic-foundations .card-action.secondary-action .button.button-primary:hover, .topic-foundations .card-action.secondary-action .button.button-primary:focus, .topic-foundations .card-action.secondary-action .button.primary:hover, .topic-foundations .card-action.secondary-action .button.primary:focus { background-color: #003e4d; }

.topic-undefined.card-action.resume .button.button-primary:hover, .topic-undefined.card-action.resume .button.button-primary:focus, .topic-undefined.card-action.resume .button.primary:hover, .topic-undefined.card-action.resume .button.primary:focus, .topic-undefined.card-action.secondary-action .button.button-primary:hover, .topic-undefined.card-action.secondary-action .button.button-primary:focus, .topic-undefined.card-action.secondary-action .button.primary:hover, .topic-undefined.card-action.secondary-action .button.primary:focus { background-color: #4c5761; }

.topic-undefined .card-action.resume .button.button-primary:hover, .topic-undefined .card-action.resume .button.button-primary:focus, .topic-undefined .card-action.resume .button.primary:hover, .topic-undefined .card-action.resume .button.primary:focus, .topic-undefined .card-action.secondary-action .button.button-primary:hover, .topic-undefined .card-action.secondary-action .button.button-primary:focus, .topic-undefined .card-action.secondary-action .button.primary:hover, .topic-undefined .card-action.secondary-action .button.primary:focus { background-color: #4c5761; }

.topic-college-credit.card-action.resume .button.button-primary:hover, .topic-college-credit.card-action.resume .button.button-primary:focus, .topic-college-credit.card-action.resume .button.primary:hover, .topic-college-credit.card-action.resume .button.primary:focus, .topic-college-credit.card-action.secondary-action .button.button-primary:hover, .topic-college-credit.card-action.secondary-action .button.button-primary:focus, .topic-college-credit.card-action.secondary-action .button.primary:hover, .topic-college-credit.card-action.secondary-action .button.primary:focus { background-color: #337cb9; }

.topic-college-credit .card-action.resume .button.button-primary:hover, .topic-college-credit .card-action.resume .button.button-primary:focus, .topic-college-credit .card-action.resume .button.primary:hover, .topic-college-credit .card-action.resume .button.primary:focus, .topic-college-credit .card-action.secondary-action .button.button-primary:hover, .topic-college-credit .card-action.secondary-action .button.button-primary:focus, .topic-college-credit .card-action.secondary-action .button.primary:hover, .topic-college-credit .card-action.secondary-action .button.primary:focus { background-color: #337cb9; }

.topic-no-code.card-action.resume .button.button-primary:hover, .topic-no-code.card-action.resume .button.button-primary:focus, .topic-no-code.card-action.resume .button.primary:hover, .topic-no-code.card-action.resume .button.primary:focus, .topic-no-code.card-action.secondary-action .button.button-primary:hover, .topic-no-code.card-action.secondary-action .button.button-primary:focus, .topic-no-code.card-action.secondary-action .button.primary:hover, .topic-no-code.card-action.secondary-action .button.primary:focus { background-color: #2d9f73; }

.topic-no-code .card-action.resume .button.button-primary:hover, .topic-no-code .card-action.resume .button.button-primary:focus, .topic-no-code .card-action.resume .button.primary:hover, .topic-no-code .card-action.resume .button.primary:focus, .topic-no-code .card-action.secondary-action .button.button-primary:hover, .topic-no-code .card-action.secondary-action .button.button-primary:focus, .topic-no-code .card-action.secondary-action .button.primary:hover, .topic-no-code .card-action.secondary-action .button.primary:focus { background-color: #2d9f73; }

.topic-security.card-action.resume .button.button-primary:hover, .topic-security.card-action.resume .button.button-primary:focus, .topic-security.card-action.resume .button.primary:hover, .topic-security.card-action.resume .button.primary:focus, .topic-security.card-action.secondary-action .button.button-primary:hover, .topic-security.card-action.secondary-action .button.button-primary:focus, .topic-security.card-action.secondary-action .button.primary:hover, .topic-security.card-action.secondary-action .button.primary:focus { background-color: #2e91e7; }

.topic-security .card-action.resume .button.button-primary:hover, .topic-security .card-action.resume .button.button-primary:focus, .topic-security .card-action.resume .button.primary:hover, .topic-security .card-action.resume .button.primary:focus, .topic-security .card-action.secondary-action .button.button-primary:hover, .topic-security .card-action.secondary-action .button.button-primary:focus, .topic-security .card-action.secondary-action .button.primary:hover, .topic-security .card-action.secondary-action .button.primary:focus { background-color: #2e91e7; }

.topic-game-development.card-action.resume .button.button-primary:hover, .topic-game-development.card-action.resume .button.button-primary:focus, .topic-game-development.card-action.resume .button.primary:hover, .topic-game-development.card-action.resume .button.primary:focus, .topic-game-development.card-action.secondary-action .button.button-primary:hover, .topic-game-development.card-action.secondary-action .button.button-primary:focus, .topic-game-development.card-action.secondary-action .button.primary:hover, .topic-game-development.card-action.secondary-action .button.primary:focus { background-color: #7961be; }

.topic-game-development .card-action.resume .button.button-primary:hover, .topic-game-development .card-action.resume .button.button-primary:focus, .topic-game-development .card-action.resume .button.primary:hover, .topic-game-development .card-action.resume .button.primary:focus, .topic-game-development .card-action.secondary-action .button.button-primary:hover, .topic-game-development .card-action.secondary-action .button.button-primary:focus, .topic-game-development .card-action.secondary-action .button.primary:hover, .topic-game-development .card-action.secondary-action .button.primary:focus { background-color: #7961be; }

.topic-treehouse-resources.card-action.resume .button.button-primary:hover, .topic-treehouse-resources.card-action.resume .button.button-primary:focus, .topic-treehouse-resources.card-action.resume .button.primary:hover, .topic-treehouse-resources.card-action.resume .button.primary:focus, .topic-treehouse-resources.card-action.secondary-action .button.button-primary:hover, .topic-treehouse-resources.card-action.secondary-action .button.button-primary:focus, .topic-treehouse-resources.card-action.secondary-action .button.primary:hover, .topic-treehouse-resources.card-action.secondary-action .button.primary:focus { background-color: #4fca74; }

.topic-treehouse-resources .card-action.resume .button.button-primary:hover, .topic-treehouse-resources .card-action.resume .button.button-primary:focus, .topic-treehouse-resources .card-action.resume .button.primary:hover, .topic-treehouse-resources .card-action.resume .button.primary:focus, .topic-treehouse-resources .card-action.secondary-action .button.button-primary:hover, .topic-treehouse-resources .card-action.secondary-action .button.button-primary:focus, .topic-treehouse-resources .card-action.secondary-action .button.primary:hover, .topic-treehouse-resources .card-action.secondary-action .button.primary:focus { background-color: #4fca74; }

.topic-coding-for-kids.card-action.resume .button.button-primary:hover, .topic-coding-for-kids.card-action.resume .button.button-primary:focus, .topic-coding-for-kids.card-action.resume .button.primary:hover, .topic-coding-for-kids.card-action.resume .button.primary:focus, .topic-coding-for-kids.card-action.secondary-action .button.button-primary:hover, .topic-coding-for-kids.card-action.secondary-action .button.button-primary:focus, .topic-coding-for-kids.card-action.secondary-action .button.primary:hover, .topic-coding-for-kids.card-action.secondary-action .button.primary:focus { background-color: #f25f14; }

.topic-coding-for-kids .card-action.resume .button.button-primary:hover, .topic-coding-for-kids .card-action.resume .button.button-primary:focus, .topic-coding-for-kids .card-action.resume .button.primary:hover, .topic-coding-for-kids .card-action.resume .button.primary:focus, .topic-coding-for-kids .card-action.secondary-action .button.button-primary:hover, .topic-coding-for-kids .card-action.secondary-action .button.button-primary:focus, .topic-coding-for-kids .card-action.secondary-action .button.primary:hover, .topic-coding-for-kids .card-action.secondary-action .button.primary:focus { background-color: #f25f14; }

.topic-ai.card-action.resume .button.button-primary:hover, .topic-ai.card-action.resume .button.button-primary:focus, .topic-ai.card-action.resume .button.primary:hover, .topic-ai.card-action.resume .button.primary:focus, .topic-ai.card-action.secondary-action .button.button-primary:hover, .topic-ai.card-action.secondary-action .button.button-primary:focus, .topic-ai.card-action.secondary-action .button.primary:hover, .topic-ai.card-action.secondary-action .button.primary:focus { border-color: #552b64; }

.topic-ai .card-action.resume .button.button-primary:hover, .topic-ai .card-action.resume .button.button-primary:focus, .topic-ai .card-action.resume .button.primary:hover, .topic-ai .card-action.resume .button.primary:focus, .topic-ai .card-action.secondary-action .button.button-primary:hover, .topic-ai .card-action.secondary-action .button.button-primary:focus, .topic-ai .card-action.secondary-action .button.primary:hover, .topic-ai .card-action.secondary-action .button.primary:focus { border-color: #552b64; }

.topic-back-end.card-action.resume .button.button-primary:hover, .topic-back-end.card-action.resume .button.button-primary:focus, .topic-back-end.card-action.resume .button.primary:hover, .topic-back-end.card-action.resume .button.primary:focus, .topic-back-end.card-action.secondary-action .button.button-primary:hover, .topic-back-end.card-action.secondary-action .button.button-primary:focus, .topic-back-end.card-action.secondary-action .button.primary:hover, .topic-back-end.card-action.secondary-action .button.primary:focus { border-color: #005664; }

.topic-back-end .card-action.resume .button.button-primary:hover, .topic-back-end .card-action.resume .button.button-primary:focus, .topic-back-end .card-action.resume .button.primary:hover, .topic-back-end .card-action.resume .button.primary:focus, .topic-back-end .card-action.secondary-action .button.button-primary:hover, .topic-back-end .card-action.secondary-action .button.button-primary:focus, .topic-back-end .card-action.secondary-action .button.primary:hover, .topic-back-end .card-action.secondary-action .button.primary:focus { border-color: #005664; }

.topic-data.card-action.resume .button.button-primary:hover, .topic-data.card-action.resume .button.button-primary:focus, .topic-data.card-action.resume .button.primary:hover, .topic-data.card-action.resume .button.primary:focus, .topic-data.card-action.secondary-action .button.button-primary:hover, .topic-data.card-action.secondary-action .button.button-primary:focus, .topic-data.card-action.secondary-action .button.primary:hover, .topic-data.card-action.secondary-action .button.primary:focus { border-color: #7c3b67; }

.topic-data .card-action.resume .button.button-primary:hover, .topic-data .card-action.resume .button.button-primary:focus, .topic-data .card-action.resume .button.primary:hover, .topic-data .card-action.resume .button.primary:focus, .topic-data .card-action.secondary-action .button.button-primary:hover, .topic-data .card-action.secondary-action .button.button-primary:focus, .topic-data .card-action.secondary-action .button.primary:hover, .topic-data .card-action.secondary-action .button.primary:focus { border-color: #7c3b67; }

.topic-design.card-action.resume .button.button-primary:hover, .topic-design.card-action.resume .button.button-primary:focus, .topic-design.card-action.resume .button.primary:hover, .topic-design.card-action.resume .button.primary:focus, .topic-design.card-action.secondary-action .button.button-primary:hover, .topic-design.card-action.secondary-action .button.button-primary:focus, .topic-design.card-action.secondary-action .button.primary:hover, .topic-design.card-action.secondary-action .button.primary:focus { border-color: #38326d; }

.topic-design .card-action.resume .button.button-primary:hover, .topic-design .card-action.resume .button.button-primary:focus, .topic-design .card-action.resume .button.primary:hover, .topic-design .card-action.resume .button.primary:focus, .topic-design .card-action.secondary-action .button.button-primary:hover, .topic-design .card-action.secondary-action .button.button-primary:focus, .topic-design .card-action.secondary-action .button.primary:hover, .topic-design .card-action.secondary-action .button.primary:focus { border-color: #38326d; }

.topic-experimental.card-action.resume .button.button-primary:hover, .topic-experimental.card-action.resume .button.button-primary:focus, .topic-experimental.card-action.resume .button.primary:hover, .topic-experimental.card-action.resume .button.primary:focus, .topic-experimental.card-action.secondary-action .button.button-primary:hover, .topic-experimental.card-action.secondary-action .button.button-primary:focus, .topic-experimental.card-action.secondary-action .button.primary:hover, .topic-experimental.card-action.secondary-action .button.primary:focus { border-color: #552b64; }

.topic-experimental .card-action.resume .button.button-primary:hover, .topic-experimental .card-action.resume .button.button-primary:focus, .topic-experimental .card-action.resume .button.primary:hover, .topic-experimental .card-action.resume .button.primary:focus, .topic-experimental .card-action.secondary-action .button.button-primary:hover, .topic-experimental .card-action.secondary-action .button.button-primary:focus, .topic-experimental .card-action.secondary-action .button.primary:hover, .topic-experimental .card-action.secondary-action .button.primary:focus { border-color: #552b64; }

.topic-front-end.card-action.resume .button.button-primary:hover, .topic-front-end.card-action.resume .button.button-primary:focus, .topic-front-end.card-action.resume .button.primary:hover, .topic-front-end.card-action.resume .button.primary:focus, .topic-front-end.card-action.secondary-action .button.button-primary:hover, .topic-front-end.card-action.secondary-action .button.button-primary:focus, .topic-front-end.card-action.secondary-action .button.primary:hover, .topic-front-end.card-action.secondary-action .button.primary:focus { border-color: #29447c; }

.topic-front-end .card-action.resume .button.button-primary:hover, .topic-front-end .card-action.resume .button.button-primary:focus, .topic-front-end .card-action.resume .button.primary:hover, .topic-front-end .card-action.resume .button.primary:focus, .topic-front-end .card-action.secondary-action .button.button-primary:hover, .topic-front-end .card-action.secondary-action .button.button-primary:focus, .topic-front-end .card-action.secondary-action .button.primary:hover, .topic-front-end .card-action.secondary-action .button.primary:focus { border-color: #29447c; }

.topic-fundamentals.card-action.resume .button.button-primary:hover, .topic-fundamentals.card-action.resume .button.button-primary:focus, .topic-fundamentals.card-action.resume .button.primary:hover, .topic-fundamentals.card-action.resume .button.primary:focus, .topic-fundamentals.card-action.secondary-action .button.button-primary:hover, .topic-fundamentals.card-action.secondary-action .button.button-primary:focus, .topic-fundamentals.card-action.secondary-action .button.primary:hover, .topic-fundamentals.card-action.secondary-action .button.primary:focus { border-color: #762d45; }

.topic-fundamentals .card-action.resume .button.button-primary:hover, .topic-fundamentals .card-action.resume .button.button-primary:focus, .topic-fundamentals .card-action.resume .button.primary:hover, .topic-fundamentals .card-action.resume .button.primary:focus, .topic-fundamentals .card-action.secondary-action .button.button-primary:hover, .topic-fundamentals .card-action.secondary-action .button.button-primary:focus, .topic-fundamentals .card-action.secondary-action .button.primary:hover, .topic-fundamentals .card-action.secondary-action .button.primary:focus { border-color: #762d45; }

.topic-mobile.card-action.resume .button.button-primary:hover, .topic-mobile.card-action.resume .button.button-primary:focus, .topic-mobile.card-action.resume .button.primary:hover, .topic-mobile.card-action.resume .button.primary:focus, .topic-mobile.card-action.secondary-action .button.button-primary:hover, .topic-mobile.card-action.secondary-action .button.button-primary:focus, .topic-mobile.card-action.secondary-action .button.primary:hover, .topic-mobile.card-action.secondary-action .button.primary:focus { border-color: #225d4d; }

.topic-mobile .card-action.resume .button.button-primary:hover, .topic-mobile .card-action.resume .button.button-primary:focus, .topic-mobile .card-action.resume .button.primary:hover, .topic-mobile .card-action.resume .button.primary:focus, .topic-mobile .card-action.secondary-action .button.button-primary:hover, .topic-mobile .card-action.secondary-action .button.button-primary:focus, .topic-mobile .card-action.secondary-action .button.primary:hover, .topic-mobile .card-action.secondary-action .button.primary:focus { border-color: #225d4d; }

.topic-internal.card-action.resume .button.button-primary:hover, .topic-internal.card-action.resume .button.button-primary:focus, .topic-internal.card-action.resume .button.primary:hover, .topic-internal.card-action.resume .button.primary:focus, .topic-internal.card-action.secondary-action .button.button-primary:hover, .topic-internal.card-action.secondary-action .button.button-primary:focus, .topic-internal.card-action.secondary-action .button.primary:hover, .topic-internal.card-action.secondary-action .button.primary:focus { border-color: #3f474f; }

.topic-internal .card-action.resume .button.button-primary:hover, .topic-internal .card-action.resume .button.button-primary:focus, .topic-internal .card-action.resume .button.primary:hover, .topic-internal .card-action.resume .button.primary:focus, .topic-internal .card-action.secondary-action .button.button-primary:hover, .topic-internal .card-action.secondary-action .button.button-primary:focus, .topic-internal .card-action.secondary-action .button.primary:hover, .topic-internal .card-action.secondary-action .button.primary:focus { border-color: #3f474f; }

.topic-foundations.card-action.resume .button.button-primary:hover, .topic-foundations.card-action.resume .button.button-primary:focus, .topic-foundations.card-action.resume .button.primary:hover, .topic-foundations.card-action.resume .button.primary:focus, .topic-foundations.card-action.secondary-action .button.button-primary:hover, .topic-foundations.card-action.secondary-action .button.button-primary:focus, .topic-foundations.card-action.secondary-action .button.primary:hover, .topic-foundations.card-action.secondary-action .button.primary:focus { border-color: #00252e; }

.topic-foundations .card-action.resume .button.button-primary:hover, .topic-foundations .card-action.resume .button.button-primary:focus, .topic-foundations .card-action.resume .button.primary:hover, .topic-foundations .card-action.resume .button.primary:focus, .topic-foundations .card-action.secondary-action .button.button-primary:hover, .topic-foundations .card-action.secondary-action .button.button-primary:focus, .topic-foundations .card-action.secondary-action .button.primary:hover, .topic-foundations .card-action.secondary-action .button.primary:focus { border-color: #00252e; }

.topic-undefined.card-action.resume .button.button-primary:hover, .topic-undefined.card-action.resume .button.button-primary:focus, .topic-undefined.card-action.resume .button.primary:hover, .topic-undefined.card-action.resume .button.primary:focus, .topic-undefined.card-action.secondary-action .button.button-primary:hover, .topic-undefined.card-action.secondary-action .button.button-primary:focus, .topic-undefined.card-action.secondary-action .button.primary:hover, .topic-undefined.card-action.secondary-action .button.primary:focus { border-color: #3f474f; }

.topic-undefined .card-action.resume .button.button-primary:hover, .topic-undefined .card-action.resume .button.button-primary:focus, .topic-undefined .card-action.resume .button.primary:hover, .topic-undefined .card-action.resume .button.primary:focus, .topic-undefined .card-action.secondary-action .button.button-primary:hover, .topic-undefined .card-action.secondary-action .button.button-primary:focus, .topic-undefined .card-action.secondary-action .button.primary:hover, .topic-undefined .card-action.secondary-action .button.primary:focus { border-color: #3f474f; }

.topic-college-credit.card-action.resume .button.button-primary:hover, .topic-college-credit.card-action.resume .button.button-primary:focus, .topic-college-credit.card-action.resume .button.primary:hover, .topic-college-credit.card-action.resume .button.primary:focus, .topic-college-credit.card-action.secondary-action .button.button-primary:hover, .topic-college-credit.card-action.secondary-action .button.button-primary:focus, .topic-college-credit.card-action.secondary-action .button.primary:hover, .topic-college-credit.card-action.secondary-action .button.primary:focus { border-color: #2c6ca1; }

.topic-college-credit .card-action.resume .button.button-primary:hover, .topic-college-credit .card-action.resume .button.button-primary:focus, .topic-college-credit .card-action.resume .button.primary:hover, .topic-college-credit .card-action.resume .button.primary:focus, .topic-college-credit .card-action.secondary-action .button.button-primary:hover, .topic-college-credit .card-action.secondary-action .button.button-primary:focus, .topic-college-credit .card-action.secondary-action .button.primary:hover, .topic-college-credit .card-action.secondary-action .button.primary:focus { border-color: #2c6ca1; }

.topic-no-code.card-action.resume .button.button-primary:hover, .topic-no-code.card-action.resume .button.button-primary:focus, .topic-no-code.card-action.resume .button.primary:hover, .topic-no-code.card-action.resume .button.primary:focus, .topic-no-code.card-action.secondary-action .button.button-primary:hover, .topic-no-code.card-action.secondary-action .button.button-primary:focus, .topic-no-code.card-action.secondary-action .button.primary:hover, .topic-no-code.card-action.secondary-action .button.primary:focus { border-color: #268762; }

.topic-no-code .card-action.resume .button.button-primary:hover, .topic-no-code .card-action.resume .button.button-primary:focus, .topic-no-code .card-action.resume .button.primary:hover, .topic-no-code .card-action.resume .button.primary:focus, .topic-no-code .card-action.secondary-action .button.button-primary:hover, .topic-no-code .card-action.secondary-action .button.button-primary:focus, .topic-no-code .card-action.secondary-action .button.primary:hover, .topic-no-code .card-action.secondary-action .button.primary:focus { border-color: #268762; }

.topic-security.card-action.resume .button.button-primary:hover, .topic-security.card-action.resume .button.button-primary:focus, .topic-security.card-action.resume .button.primary:hover, .topic-security.card-action.resume .button.primary:focus, .topic-security.card-action.secondary-action .button.button-primary:hover, .topic-security.card-action.secondary-action .button.button-primary:focus, .topic-security.card-action.secondary-action .button.primary:hover, .topic-security.card-action.secondary-action .button.primary:focus { border-color: #1983dd; }

.topic-security .card-action.resume .button.button-primary:hover, .topic-security .card-action.resume .button.button-primary:focus, .topic-security .card-action.resume .button.primary:hover, .topic-security .card-action.resume .button.primary:focus, .topic-security .card-action.secondary-action .button.button-primary:hover, .topic-security .card-action.secondary-action .button.button-primary:focus, .topic-security .card-action.secondary-action .button.primary:hover, .topic-security .card-action.secondary-action .button.primary:focus { border-color: #1983dd; }

.topic-game-development.card-action.resume .button.button-primary:hover, .topic-game-development.card-action.resume .button.button-primary:focus, .topic-game-development.card-action.resume .button.primary:hover, .topic-game-development.card-action.resume .button.primary:focus, .topic-game-development.card-action.secondary-action .button.button-primary:hover, .topic-game-development.card-action.secondary-action .button.button-primary:focus, .topic-game-development.card-action.secondary-action .button.primary:hover, .topic-game-development.card-action.secondary-action .button.primary:focus { border-color: #664bb5; }

.topic-game-development .card-action.resume .button.button-primary:hover, .topic-game-development .card-action.resume .button.button-primary:focus, .topic-game-development .card-action.resume .button.primary:hover, .topic-game-development .card-action.resume .button.primary:focus, .topic-game-development .card-action.secondary-action .button.button-primary:hover, .topic-game-development .card-action.secondary-action .button.button-primary:focus, .topic-game-development .card-action.secondary-action .button.primary:hover, .topic-game-development .card-action.secondary-action .button.primary:focus { border-color: #664bb5; }

.topic-treehouse-resources.card-action.resume .button.button-primary:hover, .topic-treehouse-resources.card-action.resume .button.button-primary:focus, .topic-treehouse-resources.card-action.resume .button.primary:hover, .topic-treehouse-resources.card-action.resume .button.primary:focus, .topic-treehouse-resources.card-action.secondary-action .button.button-primary:hover, .topic-treehouse-resources.card-action.secondary-action .button.button-primary:focus, .topic-treehouse-resources.card-action.secondary-action .button.primary:hover, .topic-treehouse-resources.card-action.secondary-action .button.primary:focus { border-color: #3ac162; }

.topic-treehouse-resources .card-action.resume .button.button-primary:hover, .topic-treehouse-resources .card-action.resume .button.button-primary:focus, .topic-treehouse-resources .card-action.resume .button.primary:hover, .topic-treehouse-resources .card-action.resume .button.primary:focus, .topic-treehouse-resources .card-action.secondary-action .button.button-primary:hover, .topic-treehouse-resources .card-action.secondary-action .button.button-primary:focus, .topic-treehouse-resources .card-action.secondary-action .button.primary:hover, .topic-treehouse-resources .card-action.secondary-action .button.primary:focus { border-color: #3ac162; }

.topic-coding-for-kids.card-action.resume .button.button-primary:hover, .topic-coding-for-kids.card-action.resume .button.button-primary:focus, .topic-coding-for-kids.card-action.resume .button.primary:hover, .topic-coding-for-kids.card-action.resume .button.primary:focus, .topic-coding-for-kids.card-action.secondary-action .button.button-primary:hover, .topic-coding-for-kids.card-action.secondary-action .button.button-primary:focus, .topic-coding-for-kids.card-action.secondary-action .button.primary:hover, .topic-coding-for-kids.card-action.secondary-action .button.primary:focus { border-color: #db520c; }

.topic-coding-for-kids .card-action.resume .button.button-primary:hover, .topic-coding-for-kids .card-action.resume .button.button-primary:focus, .topic-coding-for-kids .card-action.resume .button.primary:hover, .topic-coding-for-kids .card-action.resume .button.primary:focus, .topic-coding-for-kids .card-action.secondary-action .button.button-primary:hover, .topic-coding-for-kids .card-action.secondary-action .button.button-primary:focus, .topic-coding-for-kids .card-action.secondary-action .button.primary:hover, .topic-coding-for-kids .card-action.secondary-action .button.primary:focus { border-color: #db520c; }

.card-action.resume .button.button-primary:hover ~ .card-box, .card-action.resume .button.primary:hover ~ .card-box, .card-action.secondary-action .button.button-primary:hover ~ .card-box, .card-action.secondary-action .button.primary:hover ~ .card-box { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }

.card-action.resume { margin-left: 0; display: none; }

.topic-ai.card-action-trailer:hover a, .topic-ai.card-action-trailer:focus a, .topic-ai.card-action-trailer.loading a, .topic-ai.card-action.bookmarkable:hover a, .topic-ai.card-action.bookmarkable:focus a, .topic-ai.card-action.bookmarkable.loading a { border-color: #733A88; }

.topic-ai .card-action-trailer:hover a, .topic-ai .card-action-trailer:focus a, .topic-ai .card-action-trailer.loading a, .topic-ai .card-action.bookmarkable:hover a, .topic-ai .card-action.bookmarkable:focus a, .topic-ai .card-action.bookmarkable.loading a { border-color: #733A88; }

.topic-back-end.card-action-trailer:hover a, .topic-back-end.card-action-trailer:focus a, .topic-back-end.card-action-trailer.loading a, .topic-back-end.card-action.bookmarkable:hover a, .topic-back-end.card-action.bookmarkable:focus a, .topic-back-end.card-action.bookmarkable.loading a { border-color: #008297; }

.topic-back-end .card-action-trailer:hover a, .topic-back-end .card-action-trailer:focus a, .topic-back-end .card-action-trailer.loading a, .topic-back-end .card-action.bookmarkable:hover a, .topic-back-end .card-action.bookmarkable:focus a, .topic-back-end .card-action.bookmarkable.loading a { border-color: #008297; }

.topic-data.card-action-trailer:hover a, .topic-data.card-action-trailer:focus a, .topic-data.card-action-trailer.loading a, .topic-data.card-action.bookmarkable:hover a, .topic-data.card-action.bookmarkable:focus a, .topic-data.card-action.bookmarkable.loading a { border-color: #9F4B84; }

.topic-data .card-action-trailer:hover a, .topic-data .card-action-trailer:focus a, .topic-data .card-action-trailer.loading a, .topic-data .card-action.bookmarkable:hover a, .topic-data .card-action.bookmarkable:focus a, .topic-data .card-action.bookmarkable.loading a { border-color: #9F4B84; }

.topic-design.card-action-trailer:hover a, .topic-design.card-action-trailer:focus a, .topic-design.card-action-trailer.loading a, .topic-design.card-action.bookmarkable:hover a, .topic-design.card-action.bookmarkable:focus a, .topic-design.card-action.bookmarkable.loading a { border-color: #4a4290; }

.topic-design .card-action-trailer:hover a, .topic-design .card-action-trailer:focus a, .topic-design .card-action-trailer.loading a, .topic-design .card-action.bookmarkable:hover a, .topic-design .card-action.bookmarkable:focus a, .topic-design .card-action.bookmarkable.loading a { border-color: #4a4290; }

.topic-experimental.card-action-trailer:hover a, .topic-experimental.card-action-trailer:focus a, .topic-experimental.card-action-trailer.loading a, .topic-experimental.card-action.bookmarkable:hover a, .topic-experimental.card-action.bookmarkable:focus a, .topic-experimental.card-action.bookmarkable.loading a { border-color: #733a88; }

.topic-experimental .card-action-trailer:hover a, .topic-experimental .card-action-trailer:focus a, .topic-experimental .card-action-trailer.loading a, .topic-experimental .card-action.bookmarkable:hover a, .topic-experimental .card-action.bookmarkable:focus a, .topic-experimental .card-action.bookmarkable.loading a { border-color: #733a88; }

.topic-front-end.card-action-trailer:hover a, .topic-front-end.card-action-trailer:focus a, .topic-front-end.card-action-trailer.loading a, .topic-front-end.card-action.bookmarkable:hover a, .topic-front-end.card-action.bookmarkable:focus a, .topic-front-end.card-action.bookmarkable.loading a { border-color: #3659a2; }

.topic-front-end .card-action-trailer:hover a, .topic-front-end .card-action-trailer:focus a, .topic-front-end .card-action-trailer.loading a, .topic-front-end .card-action.bookmarkable:hover a, .topic-front-end .card-action.bookmarkable:focus a, .topic-front-end .card-action.bookmarkable.loading a { border-color: #3659a2; }

.topic-fundamentals.card-action-trailer:hover a, .topic-fundamentals.card-action-trailer:focus a, .topic-fundamentals.card-action-trailer.loading a, .topic-fundamentals.card-action.bookmarkable:hover a, .topic-fundamentals.card-action.bookmarkable:focus a, .topic-fundamentals.card-action.bookmarkable.loading a { border-color: #9b3b5a; }

.topic-fundamentals .card-action-trailer:hover a, .topic-fundamentals .card-action-trailer:focus a, .topic-fundamentals .card-action-trailer.loading a, .topic-fundamentals .card-action.bookmarkable:hover a, .topic-fundamentals .card-action.bookmarkable:focus a, .topic-fundamentals .card-action.bookmarkable.loading a { border-color: #9b3b5a; }

.topic-mobile.card-action-trailer:hover a, .topic-mobile.card-action-trailer:focus a, .topic-mobile.card-action-trailer.loading a, .topic-mobile.card-action.bookmarkable:hover a, .topic-mobile.card-action.bookmarkable:focus a, .topic-mobile.card-action.bookmarkable.loading a { border-color: #30826C; }

.topic-mobile .card-action-trailer:hover a, .topic-mobile .card-action-trailer:focus a, .topic-mobile .card-action-trailer.loading a, .topic-mobile .card-action.bookmarkable:hover a, .topic-mobile .card-action.bookmarkable:focus a, .topic-mobile .card-action.bookmarkable.loading a { border-color: #30826C; }

.topic-internal.card-action-trailer:hover a, .topic-internal.card-action-trailer:focus a, .topic-internal.card-action-trailer.loading a, .topic-internal.card-action.bookmarkable:hover a, .topic-internal.card-action.bookmarkable:focus a, .topic-internal.card-action.bookmarkable.loading a { border-color: #55616c; }

.topic-internal .card-action-trailer:hover a, .topic-internal .card-action-trailer:focus a, .topic-internal .card-action-trailer.loading a, .topic-internal .card-action.bookmarkable:hover a, .topic-internal .card-action.bookmarkable:focus a, .topic-internal .card-action.bookmarkable.loading a { border-color: #55616c; }

.topic-foundations.card-action-trailer:hover a, .topic-foundations.card-action-trailer:focus a, .topic-foundations.card-action-trailer.loading a, .topic-foundations.card-action.bookmarkable:hover a, .topic-foundations.card-action.bookmarkable:focus a, .topic-foundations.card-action.bookmarkable.loading a { border-color: #004e61; }

.topic-foundations .card-action-trailer:hover a, .topic-foundations .card-action-trailer:focus a, .topic-foundations .card-action-trailer.loading a, .topic-foundations .card-action.bookmarkable:hover a, .topic-foundations .card-action.bookmarkable:focus a, .topic-foundations .card-action.bookmarkable.loading a { border-color: #004e61; }

.topic-undefined.card-action-trailer:hover a, .topic-undefined.card-action-trailer:focus a, .topic-undefined.card-action-trailer.loading a, .topic-undefined.card-action.bookmarkable:hover a, .topic-undefined.card-action.bookmarkable:focus a, .topic-undefined.card-action.bookmarkable.loading a { border-color: #55616c; }

.topic-undefined .card-action-trailer:hover a, .topic-undefined .card-action-trailer:focus a, .topic-undefined .card-action-trailer.loading a, .topic-undefined .card-action.bookmarkable:hover a, .topic-undefined .card-action.bookmarkable:focus a, .topic-undefined .card-action.bookmarkable.loading a { border-color: #55616c; }

.topic-college-credit.card-action-trailer:hover a, .topic-college-credit.card-action-trailer:focus a, .topic-college-credit.card-action-trailer.loading a, .topic-college-credit.card-action.bookmarkable:hover a, .topic-college-credit.card-action.bookmarkable:focus a, .topic-college-credit.card-action.bookmarkable.loading a { border-color: #3887c8; }

.topic-college-credit .card-action-trailer:hover a, .topic-college-credit .card-action-trailer:focus a, .topic-college-credit .card-action-trailer.loading a, .topic-college-credit .card-action.bookmarkable:hover a, .topic-college-credit .card-action.bookmarkable:focus a, .topic-college-credit .card-action.bookmarkable.loading a { border-color: #3887c8; }

.topic-no-code.card-action-trailer:hover a, .topic-no-code.card-action-trailer:focus a, .topic-no-code.card-action-trailer.loading a, .topic-no-code.card-action.bookmarkable:hover a, .topic-no-code.card-action.bookmarkable:focus a, .topic-no-code.card-action.bookmarkable.loading a { border-color: #31AF7F; }

.topic-no-code .card-action-trailer:hover a, .topic-no-code .card-action-trailer:focus a, .topic-no-code .card-action-trailer.loading a, .topic-no-code .card-action.bookmarkable:hover a, .topic-no-code .card-action.bookmarkable:focus a, .topic-no-code .card-action.bookmarkable.loading a { border-color: #31AF7F; }

.topic-security.card-action-trailer:hover a, .topic-security.card-action-trailer:focus a, .topic-security.card-action-trailer.loading a, .topic-security.card-action.bookmarkable:hover a, .topic-security.card-action.bookmarkable:focus a, .topic-security.card-action.bookmarkable.loading a { border-color: #409BE9; }

.topic-security .card-action-trailer:hover a, .topic-security .card-action-trailer:focus a, .topic-security .card-action-trailer.loading a, .topic-security .card-action.bookmarkable:hover a, .topic-security .card-action.bookmarkable:focus a, .topic-security .card-action.bookmarkable.loading a { border-color: #409BE9; }

.topic-game-development.card-action-trailer:hover a, .topic-game-development.card-action-trailer:focus a, .topic-game-development.card-action-trailer.loading a, .topic-game-development.card-action.bookmarkable:hover a, .topic-game-development.card-action.bookmarkable:focus a, .topic-game-development.card-action.bookmarkable.loading a { border-color: #856fc4; }

.topic-game-development .card-action-trailer:hover a, .topic-game-development .card-action-trailer:focus a, .topic-game-development .card-action-trailer.loading a, .topic-game-development .card-action.bookmarkable:hover a, .topic-game-development .card-action.bookmarkable:focus a, .topic-game-development .card-action.bookmarkable.loading a { border-color: #856fc4; }

.topic-treehouse-resources.card-action-trailer:hover a, .topic-treehouse-resources.card-action-trailer:focus a, .topic-treehouse-resources.card-action-trailer.loading a, .topic-treehouse-resources.card-action.bookmarkable:hover a, .topic-treehouse-resources.card-action.bookmarkable:focus a, .topic-treehouse-resources.card-action.bookmarkable.loading a { border-color: #5fcf80; }

.topic-treehouse-resources .card-action-trailer:hover a, .topic-treehouse-resources .card-action-trailer:focus a, .topic-treehouse-resources .card-action-trailer.loading a, .topic-treehouse-resources .card-action.bookmarkable:hover a, .topic-treehouse-resources .card-action.bookmarkable:focus a, .topic-treehouse-resources .card-action.bookmarkable.loading a { border-color: #5fcf80; }

.topic-coding-for-kids.card-action-trailer:hover a, .topic-coding-for-kids.card-action-trailer:focus a, .topic-coding-for-kids.card-action-trailer.loading a, .topic-coding-for-kids.card-action.bookmarkable:hover a, .topic-coding-for-kids.card-action.bookmarkable:focus a, .topic-coding-for-kids.card-action.bookmarkable.loading a { border-color: #F36C27; }

.topic-coding-for-kids .card-action-trailer:hover a, .topic-coding-for-kids .card-action-trailer:focus a, .topic-coding-for-kids .card-action-trailer.loading a, .topic-coding-for-kids .card-action.bookmarkable:hover a, .topic-coding-for-kids .card-action.bookmarkable:focus a, .topic-coding-for-kids .card-action.bookmarkable.loading a { border-color: #F36C27; }

.topic-ai.card-action-trailer:hover a svg, .topic-ai.card-action-trailer:focus a svg, .topic-ai.card-action-trailer.loading a svg, .topic-ai.card-action.bookmarkable:hover a svg, .topic-ai.card-action.bookmarkable:focus a svg, .topic-ai.card-action.bookmarkable.loading a svg { fill: #733A88; }

.topic-ai .card-action-trailer:hover a svg, .topic-ai .card-action-trailer:focus a svg, .topic-ai .card-action-trailer.loading a svg, .topic-ai .card-action.bookmarkable:hover a svg, .topic-ai .card-action.bookmarkable:focus a svg, .topic-ai .card-action.bookmarkable.loading a svg { fill: #733A88; }

.topic-back-end.card-action-trailer:hover a svg, .topic-back-end.card-action-trailer:focus a svg, .topic-back-end.card-action-trailer.loading a svg, .topic-back-end.card-action.bookmarkable:hover a svg, .topic-back-end.card-action.bookmarkable:focus a svg, .topic-back-end.card-action.bookmarkable.loading a svg { fill: #008297; }

.topic-back-end .card-action-trailer:hover a svg, .topic-back-end .card-action-trailer:focus a svg, .topic-back-end .card-action-trailer.loading a svg, .topic-back-end .card-action.bookmarkable:hover a svg, .topic-back-end .card-action.bookmarkable:focus a svg, .topic-back-end .card-action.bookmarkable.loading a svg { fill: #008297; }

.topic-data.card-action-trailer:hover a svg, .topic-data.card-action-trailer:focus a svg, .topic-data.card-action-trailer.loading a svg, .topic-data.card-action.bookmarkable:hover a svg, .topic-data.card-action.bookmarkable:focus a svg, .topic-data.card-action.bookmarkable.loading a svg { fill: #9F4B84; }

.topic-data .card-action-trailer:hover a svg, .topic-data .card-action-trailer:focus a svg, .topic-data .card-action-trailer.loading a svg, .topic-data .card-action.bookmarkable:hover a svg, .topic-data .card-action.bookmarkable:focus a svg, .topic-data .card-action.bookmarkable.loading a svg { fill: #9F4B84; }

.topic-design.card-action-trailer:hover a svg, .topic-design.card-action-trailer:focus a svg, .topic-design.card-action-trailer.loading a svg, .topic-design.card-action.bookmarkable:hover a svg, .topic-design.card-action.bookmarkable:focus a svg, .topic-design.card-action.bookmarkable.loading a svg { fill: #4a4290; }

.topic-design .card-action-trailer:hover a svg, .topic-design .card-action-trailer:focus a svg, .topic-design .card-action-trailer.loading a svg, .topic-design .card-action.bookmarkable:hover a svg, .topic-design .card-action.bookmarkable:focus a svg, .topic-design .card-action.bookmarkable.loading a svg { fill: #4a4290; }

.topic-experimental.card-action-trailer:hover a svg, .topic-experimental.card-action-trailer:focus a svg, .topic-experimental.card-action-trailer.loading a svg, .topic-experimental.card-action.bookmarkable:hover a svg, .topic-experimental.card-action.bookmarkable:focus a svg, .topic-experimental.card-action.bookmarkable.loading a svg { fill: #733a88; }

.topic-experimental .card-action-trailer:hover a svg, .topic-experimental .card-action-trailer:focus a svg, .topic-experimental .card-action-trailer.loading a svg, .topic-experimental .card-action.bookmarkable:hover a svg, .topic-experimental .card-action.bookmarkable:focus a svg, .topic-experimental .card-action.bookmarkable.loading a svg { fill: #733a88; }

.topic-front-end.card-action-trailer:hover a svg, .topic-front-end.card-action-trailer:focus a svg, .topic-front-end.card-action-trailer.loading a svg, .topic-front-end.card-action.bookmarkable:hover a svg, .topic-front-end.card-action.bookmarkable:focus a svg, .topic-front-end.card-action.bookmarkable.loading a svg { fill: #3659a2; }

.topic-front-end .card-action-trailer:hover a svg, .topic-front-end .card-action-trailer:focus a svg, .topic-front-end .card-action-trailer.loading a svg, .topic-front-end .card-action.bookmarkable:hover a svg, .topic-front-end .card-action.bookmarkable:focus a svg, .topic-front-end .card-action.bookmarkable.loading a svg { fill: #3659a2; }

.topic-fundamentals.card-action-trailer:hover a svg, .topic-fundamentals.card-action-trailer:focus a svg, .topic-fundamentals.card-action-trailer.loading a svg, .topic-fundamentals.card-action.bookmarkable:hover a svg, .topic-fundamentals.card-action.bookmarkable:focus a svg, .topic-fundamentals.card-action.bookmarkable.loading a svg { fill: #9b3b5a; }

.topic-fundamentals .card-action-trailer:hover a svg, .topic-fundamentals .card-action-trailer:focus a svg, .topic-fundamentals .card-action-trailer.loading a svg, .topic-fundamentals .card-action.bookmarkable:hover a svg, .topic-fundamentals .card-action.bookmarkable:focus a svg, .topic-fundamentals .card-action.bookmarkable.loading a svg { fill: #9b3b5a; }

.topic-mobile.card-action-trailer:hover a svg, .topic-mobile.card-action-trailer:focus a svg, .topic-mobile.card-action-trailer.loading a svg, .topic-mobile.card-action.bookmarkable:hover a svg, .topic-mobile.card-action.bookmarkable:focus a svg, .topic-mobile.card-action.bookmarkable.loading a svg { fill: #30826C; }

.topic-mobile .card-action-trailer:hover a svg, .topic-mobile .card-action-trailer:focus a svg, .topic-mobile .card-action-trailer.loading a svg, .topic-mobile .card-action.bookmarkable:hover a svg, .topic-mobile .card-action.bookmarkable:focus a svg, .topic-mobile .card-action.bookmarkable.loading a svg { fill: #30826C; }

.topic-internal.card-action-trailer:hover a svg, .topic-internal.card-action-trailer:focus a svg, .topic-internal.card-action-trailer.loading a svg, .topic-internal.card-action.bookmarkable:hover a svg, .topic-internal.card-action.bookmarkable:focus a svg, .topic-internal.card-action.bookmarkable.loading a svg { fill: #55616c; }

.topic-internal .card-action-trailer:hover a svg, .topic-internal .card-action-trailer:focus a svg, .topic-internal .card-action-trailer.loading a svg, .topic-internal .card-action.bookmarkable:hover a svg, .topic-internal .card-action.bookmarkable:focus a svg, .topic-internal .card-action.bookmarkable.loading a svg { fill: #55616c; }

.topic-foundations.card-action-trailer:hover a svg, .topic-foundations.card-action-trailer:focus a svg, .topic-foundations.card-action-trailer.loading a svg, .topic-foundations.card-action.bookmarkable:hover a svg, .topic-foundations.card-action.bookmarkable:focus a svg, .topic-foundations.card-action.bookmarkable.loading a svg { fill: #004e61; }

.topic-foundations .card-action-trailer:hover a svg, .topic-foundations .card-action-trailer:focus a svg, .topic-foundations .card-action-trailer.loading a svg, .topic-foundations .card-action.bookmarkable:hover a svg, .topic-foundations .card-action.bookmarkable:focus a svg, .topic-foundations .card-action.bookmarkable.loading a svg { fill: #004e61; }

.topic-undefined.card-action-trailer:hover a svg, .topic-undefined.card-action-trailer:focus a svg, .topic-undefined.card-action-trailer.loading a svg, .topic-undefined.card-action.bookmarkable:hover a svg, .topic-undefined.card-action.bookmarkable:focus a svg, .topic-undefined.card-action.bookmarkable.loading a svg { fill: #55616c; }

.topic-undefined .card-action-trailer:hover a svg, .topic-undefined .card-action-trailer:focus a svg, .topic-undefined .card-action-trailer.loading a svg, .topic-undefined .card-action.bookmarkable:hover a svg, .topic-undefined .card-action.bookmarkable:focus a svg, .topic-undefined .card-action.bookmarkable.loading a svg { fill: #55616c; }

.topic-college-credit.card-action-trailer:hover a svg, .topic-college-credit.card-action-trailer:focus a svg, .topic-college-credit.card-action-trailer.loading a svg, .topic-college-credit.card-action.bookmarkable:hover a svg, .topic-college-credit.card-action.bookmarkable:focus a svg, .topic-college-credit.card-action.bookmarkable.loading a svg { fill: #3887c8; }

.topic-college-credit .card-action-trailer:hover a svg, .topic-college-credit .card-action-trailer:focus a svg, .topic-college-credit .card-action-trailer.loading a svg, .topic-college-credit .card-action.bookmarkable:hover a svg, .topic-college-credit .card-action.bookmarkable:focus a svg, .topic-college-credit .card-action.bookmarkable.loading a svg { fill: #3887c8; }

.topic-no-code.card-action-trailer:hover a svg, .topic-no-code.card-action-trailer:focus a svg, .topic-no-code.card-action-trailer.loading a svg, .topic-no-code.card-action.bookmarkable:hover a svg, .topic-no-code.card-action.bookmarkable:focus a svg, .topic-no-code.card-action.bookmarkable.loading a svg { fill: #31AF7F; }

.topic-no-code .card-action-trailer:hover a svg, .topic-no-code .card-action-trailer:focus a svg, .topic-no-code .card-action-trailer.loading a svg, .topic-no-code .card-action.bookmarkable:hover a svg, .topic-no-code .card-action.bookmarkable:focus a svg, .topic-no-code .card-action.bookmarkable.loading a svg { fill: #31AF7F; }

.topic-security.card-action-trailer:hover a svg, .topic-security.card-action-trailer:focus a svg, .topic-security.card-action-trailer.loading a svg, .topic-security.card-action.bookmarkable:hover a svg, .topic-security.card-action.bookmarkable:focus a svg, .topic-security.card-action.bookmarkable.loading a svg { fill: #409BE9; }

.topic-security .card-action-trailer:hover a svg, .topic-security .card-action-trailer:focus a svg, .topic-security .card-action-trailer.loading a svg, .topic-security .card-action.bookmarkable:hover a svg, .topic-security .card-action.bookmarkable:focus a svg, .topic-security .card-action.bookmarkable.loading a svg { fill: #409BE9; }

.topic-game-development.card-action-trailer:hover a svg, .topic-game-development.card-action-trailer:focus a svg, .topic-game-development.card-action-trailer.loading a svg, .topic-game-development.card-action.bookmarkable:hover a svg, .topic-game-development.card-action.bookmarkable:focus a svg, .topic-game-development.card-action.bookmarkable.loading a svg { fill: #856fc4; }

.topic-game-development .card-action-trailer:hover a svg, .topic-game-development .card-action-trailer:focus a svg, .topic-game-development .card-action-trailer.loading a svg, .topic-game-development .card-action.bookmarkable:hover a svg, .topic-game-development .card-action.bookmarkable:focus a svg, .topic-game-development .card-action.bookmarkable.loading a svg { fill: #856fc4; }

.topic-treehouse-resources.card-action-trailer:hover a svg, .topic-treehouse-resources.card-action-trailer:focus a svg, .topic-treehouse-resources.card-action-trailer.loading a svg, .topic-treehouse-resources.card-action.bookmarkable:hover a svg, .topic-treehouse-resources.card-action.bookmarkable:focus a svg, .topic-treehouse-resources.card-action.bookmarkable.loading a svg { fill: #5fcf80; }

.topic-treehouse-resources .card-action-trailer:hover a svg, .topic-treehouse-resources .card-action-trailer:focus a svg, .topic-treehouse-resources .card-action-trailer.loading a svg, .topic-treehouse-resources .card-action.bookmarkable:hover a svg, .topic-treehouse-resources .card-action.bookmarkable:focus a svg, .topic-treehouse-resources .card-action.bookmarkable.loading a svg { fill: #5fcf80; }

.topic-coding-for-kids.card-action-trailer:hover a svg, .topic-coding-for-kids.card-action-trailer:focus a svg, .topic-coding-for-kids.card-action-trailer.loading a svg, .topic-coding-for-kids.card-action.bookmarkable:hover a svg, .topic-coding-for-kids.card-action.bookmarkable:focus a svg, .topic-coding-for-kids.card-action.bookmarkable.loading a svg { fill: #F36C27; }

.topic-coding-for-kids .card-action-trailer:hover a svg, .topic-coding-for-kids .card-action-trailer:focus a svg, .topic-coding-for-kids .card-action-trailer.loading a svg, .topic-coding-for-kids .card-action.bookmarkable:hover a svg, .topic-coding-for-kids .card-action.bookmarkable:focus a svg, .topic-coding-for-kids .card-action.bookmarkable.loading a svg { fill: #F36C27; }

.topic-ai.card-action-trailer a:hover, .topic-ai.card-action-trailer a:focus, .topic-ai.card-action-trailer span:hover, .topic-ai.card-action-trailer span:focus, .topic-ai.card-action.bookmarkable a:hover, .topic-ai.card-action.bookmarkable a:focus, .topic-ai.card-action.bookmarkable span:hover, .topic-ai.card-action.bookmarkable span:focus { border-color: #552b64; }

.topic-ai .card-action-trailer a:hover, .topic-ai .card-action-trailer a:focus, .topic-ai .card-action-trailer span:hover, .topic-ai .card-action-trailer span:focus, .topic-ai .card-action.bookmarkable a:hover, .topic-ai .card-action.bookmarkable a:focus, .topic-ai .card-action.bookmarkable span:hover, .topic-ai .card-action.bookmarkable span:focus { border-color: #552b64; }

.topic-back-end.card-action-trailer a:hover, .topic-back-end.card-action-trailer a:focus, .topic-back-end.card-action-trailer span:hover, .topic-back-end.card-action-trailer span:focus, .topic-back-end.card-action.bookmarkable a:hover, .topic-back-end.card-action.bookmarkable a:focus, .topic-back-end.card-action.bookmarkable span:hover, .topic-back-end.card-action.bookmarkable span:focus { border-color: #005664; }

.topic-back-end .card-action-trailer a:hover, .topic-back-end .card-action-trailer a:focus, .topic-back-end .card-action-trailer span:hover, .topic-back-end .card-action-trailer span:focus, .topic-back-end .card-action.bookmarkable a:hover, .topic-back-end .card-action.bookmarkable a:focus, .topic-back-end .card-action.bookmarkable span:hover, .topic-back-end .card-action.bookmarkable span:focus { border-color: #005664; }

.topic-data.card-action-trailer a:hover, .topic-data.card-action-trailer a:focus, .topic-data.card-action-trailer span:hover, .topic-data.card-action-trailer span:focus, .topic-data.card-action.bookmarkable a:hover, .topic-data.card-action.bookmarkable a:focus, .topic-data.card-action.bookmarkable span:hover, .topic-data.card-action.bookmarkable span:focus { border-color: #7c3b67; }

.topic-data .card-action-trailer a:hover, .topic-data .card-action-trailer a:focus, .topic-data .card-action-trailer span:hover, .topic-data .card-action-trailer span:focus, .topic-data .card-action.bookmarkable a:hover, .topic-data .card-action.bookmarkable a:focus, .topic-data .card-action.bookmarkable span:hover, .topic-data .card-action.bookmarkable span:focus { border-color: #7c3b67; }

.topic-design.card-action-trailer a:hover, .topic-design.card-action-trailer a:focus, .topic-design.card-action-trailer span:hover, .topic-design.card-action-trailer span:focus, .topic-design.card-action.bookmarkable a:hover, .topic-design.card-action.bookmarkable a:focus, .topic-design.card-action.bookmarkable span:hover, .topic-design.card-action.bookmarkable span:focus { border-color: #38326d; }

.topic-design .card-action-trailer a:hover, .topic-design .card-action-trailer a:focus, .topic-design .card-action-trailer span:hover, .topic-design .card-action-trailer span:focus, .topic-design .card-action.bookmarkable a:hover, .topic-design .card-action.bookmarkable a:focus, .topic-design .card-action.bookmarkable span:hover, .topic-design .card-action.bookmarkable span:focus { border-color: #38326d; }

.topic-experimental.card-action-trailer a:hover, .topic-experimental.card-action-trailer a:focus, .topic-experimental.card-action-trailer span:hover, .topic-experimental.card-action-trailer span:focus, .topic-experimental.card-action.bookmarkable a:hover, .topic-experimental.card-action.bookmarkable a:focus, .topic-experimental.card-action.bookmarkable span:hover, .topic-experimental.card-action.bookmarkable span:focus { border-color: #552b64; }

.topic-experimental .card-action-trailer a:hover, .topic-experimental .card-action-trailer a:focus, .topic-experimental .card-action-trailer span:hover, .topic-experimental .card-action-trailer span:focus, .topic-experimental .card-action.bookmarkable a:hover, .topic-experimental .card-action.bookmarkable a:focus, .topic-experimental .card-action.bookmarkable span:hover, .topic-experimental .card-action.bookmarkable span:focus { border-color: #552b64; }

.topic-front-end.card-action-trailer a:hover, .topic-front-end.card-action-trailer a:focus, .topic-front-end.card-action-trailer span:hover, .topic-front-end.card-action-trailer span:focus, .topic-front-end.card-action.bookmarkable a:hover, .topic-front-end.card-action.bookmarkable a:focus, .topic-front-end.card-action.bookmarkable span:hover, .topic-front-end.card-action.bookmarkable span:focus { border-color: #29447c; }

.topic-front-end .card-action-trailer a:hover, .topic-front-end .card-action-trailer a:focus, .topic-front-end .card-action-trailer span:hover, .topic-front-end .card-action-trailer span:focus, .topic-front-end .card-action.bookmarkable a:hover, .topic-front-end .card-action.bookmarkable a:focus, .topic-front-end .card-action.bookmarkable span:hover, .topic-front-end .card-action.bookmarkable span:focus { border-color: #29447c; }

.topic-fundamentals.card-action-trailer a:hover, .topic-fundamentals.card-action-trailer a:focus, .topic-fundamentals.card-action-trailer span:hover, .topic-fundamentals.card-action-trailer span:focus, .topic-fundamentals.card-action.bookmarkable a:hover, .topic-fundamentals.card-action.bookmarkable a:focus, .topic-fundamentals.card-action.bookmarkable span:hover, .topic-fundamentals.card-action.bookmarkable span:focus { border-color: #762d45; }

.topic-fundamentals .card-action-trailer a:hover, .topic-fundamentals .card-action-trailer a:focus, .topic-fundamentals .card-action-trailer span:hover, .topic-fundamentals .card-action-trailer span:focus, .topic-fundamentals .card-action.bookmarkable a:hover, .topic-fundamentals .card-action.bookmarkable a:focus, .topic-fundamentals .card-action.bookmarkable span:hover, .topic-fundamentals .card-action.bookmarkable span:focus { border-color: #762d45; }

.topic-mobile.card-action-trailer a:hover, .topic-mobile.card-action-trailer a:focus, .topic-mobile.card-action-trailer span:hover, .topic-mobile.card-action-trailer span:focus, .topic-mobile.card-action.bookmarkable a:hover, .topic-mobile.card-action.bookmarkable a:focus, .topic-mobile.card-action.bookmarkable span:hover, .topic-mobile.card-action.bookmarkable span:focus { border-color: #225d4d; }

.topic-mobile .card-action-trailer a:hover, .topic-mobile .card-action-trailer a:focus, .topic-mobile .card-action-trailer span:hover, .topic-mobile .card-action-trailer span:focus, .topic-mobile .card-action.bookmarkable a:hover, .topic-mobile .card-action.bookmarkable a:focus, .topic-mobile .card-action.bookmarkable span:hover, .topic-mobile .card-action.bookmarkable span:focus { border-color: #225d4d; }

.topic-internal.card-action-trailer a:hover, .topic-internal.card-action-trailer a:focus, .topic-internal.card-action-trailer span:hover, .topic-internal.card-action-trailer span:focus, .topic-internal.card-action.bookmarkable a:hover, .topic-internal.card-action.bookmarkable a:focus, .topic-internal.card-action.bookmarkable span:hover, .topic-internal.card-action.bookmarkable span:focus { border-color: #3f474f; }

.topic-internal .card-action-trailer a:hover, .topic-internal .card-action-trailer a:focus, .topic-internal .card-action-trailer span:hover, .topic-internal .card-action-trailer span:focus, .topic-internal .card-action.bookmarkable a:hover, .topic-internal .card-action.bookmarkable a:focus, .topic-internal .card-action.bookmarkable span:hover, .topic-internal .card-action.bookmarkable span:focus { border-color: #3f474f; }

.topic-foundations.card-action-trailer a:hover, .topic-foundations.card-action-trailer a:focus, .topic-foundations.card-action-trailer span:hover, .topic-foundations.card-action-trailer span:focus, .topic-foundations.card-action.bookmarkable a:hover, .topic-foundations.card-action.bookmarkable a:focus, .topic-foundations.card-action.bookmarkable span:hover, .topic-foundations.card-action.bookmarkable span:focus { border-color: #00252e; }

.topic-foundations .card-action-trailer a:hover, .topic-foundations .card-action-trailer a:focus, .topic-foundations .card-action-trailer span:hover, .topic-foundations .card-action-trailer span:focus, .topic-foundations .card-action.bookmarkable a:hover, .topic-foundations .card-action.bookmarkable a:focus, .topic-foundations .card-action.bookmarkable span:hover, .topic-foundations .card-action.bookmarkable span:focus { border-color: #00252e; }

.topic-undefined.card-action-trailer a:hover, .topic-undefined.card-action-trailer a:focus, .topic-undefined.card-action-trailer span:hover, .topic-undefined.card-action-trailer span:focus, .topic-undefined.card-action.bookmarkable a:hover, .topic-undefined.card-action.bookmarkable a:focus, .topic-undefined.card-action.bookmarkable span:hover, .topic-undefined.card-action.bookmarkable span:focus { border-color: #3f474f; }

.topic-undefined .card-action-trailer a:hover, .topic-undefined .card-action-trailer a:focus, .topic-undefined .card-action-trailer span:hover, .topic-undefined .card-action-trailer span:focus, .topic-undefined .card-action.bookmarkable a:hover, .topic-undefined .card-action.bookmarkable a:focus, .topic-undefined .card-action.bookmarkable span:hover, .topic-undefined .card-action.bookmarkable span:focus { border-color: #3f474f; }

.topic-college-credit.card-action-trailer a:hover, .topic-college-credit.card-action-trailer a:focus, .topic-college-credit.card-action-trailer span:hover, .topic-college-credit.card-action-trailer span:focus, .topic-college-credit.card-action.bookmarkable a:hover, .topic-college-credit.card-action.bookmarkable a:focus, .topic-college-credit.card-action.bookmarkable span:hover, .topic-college-credit.card-action.bookmarkable span:focus { border-color: #2c6ca1; }

.topic-college-credit .card-action-trailer a:hover, .topic-college-credit .card-action-trailer a:focus, .topic-college-credit .card-action-trailer span:hover, .topic-college-credit .card-action-trailer span:focus, .topic-college-credit .card-action.bookmarkable a:hover, .topic-college-credit .card-action.bookmarkable a:focus, .topic-college-credit .card-action.bookmarkable span:hover, .topic-college-credit .card-action.bookmarkable span:focus { border-color: #2c6ca1; }

.topic-no-code.card-action-trailer a:hover, .topic-no-code.card-action-trailer a:focus, .topic-no-code.card-action-trailer span:hover, .topic-no-code.card-action-trailer span:focus, .topic-no-code.card-action.bookmarkable a:hover, .topic-no-code.card-action.bookmarkable a:focus, .topic-no-code.card-action.bookmarkable span:hover, .topic-no-code.card-action.bookmarkable span:focus { border-color: #268762; }

.topic-no-code .card-action-trailer a:hover, .topic-no-code .card-action-trailer a:focus, .topic-no-code .card-action-trailer span:hover, .topic-no-code .card-action-trailer span:focus, .topic-no-code .card-action.bookmarkable a:hover, .topic-no-code .card-action.bookmarkable a:focus, .topic-no-code .card-action.bookmarkable span:hover, .topic-no-code .card-action.bookmarkable span:focus { border-color: #268762; }

.topic-security.card-action-trailer a:hover, .topic-security.card-action-trailer a:focus, .topic-security.card-action-trailer span:hover, .topic-security.card-action-trailer span:focus, .topic-security.card-action.bookmarkable a:hover, .topic-security.card-action.bookmarkable a:focus, .topic-security.card-action.bookmarkable span:hover, .topic-security.card-action.bookmarkable span:focus { border-color: #1983dd; }

.topic-security .card-action-trailer a:hover, .topic-security .card-action-trailer a:focus, .topic-security .card-action-trailer span:hover, .topic-security .card-action-trailer span:focus, .topic-security .card-action.bookmarkable a:hover, .topic-security .card-action.bookmarkable a:focus, .topic-security .card-action.bookmarkable span:hover, .topic-security .card-action.bookmarkable span:focus { border-color: #1983dd; }

.topic-game-development.card-action-trailer a:hover, .topic-game-development.card-action-trailer a:focus, .topic-game-development.card-action-trailer span:hover, .topic-game-development.card-action-trailer span:focus, .topic-game-development.card-action.bookmarkable a:hover, .topic-game-development.card-action.bookmarkable a:focus, .topic-game-development.card-action.bookmarkable span:hover, .topic-game-development.card-action.bookmarkable span:focus { border-color: #664bb5; }

.topic-game-development .card-action-trailer a:hover, .topic-game-development .card-action-trailer a:focus, .topic-game-development .card-action-trailer span:hover, .topic-game-development .card-action-trailer span:focus, .topic-game-development .card-action.bookmarkable a:hover, .topic-game-development .card-action.bookmarkable a:focus, .topic-game-development .card-action.bookmarkable span:hover, .topic-game-development .card-action.bookmarkable span:focus { border-color: #664bb5; }

.topic-treehouse-resources.card-action-trailer a:hover, .topic-treehouse-resources.card-action-trailer a:focus, .topic-treehouse-resources.card-action-trailer span:hover, .topic-treehouse-resources.card-action-trailer span:focus, .topic-treehouse-resources.card-action.bookmarkable a:hover, .topic-treehouse-resources.card-action.bookmarkable a:focus, .topic-treehouse-resources.card-action.bookmarkable span:hover, .topic-treehouse-resources.card-action.bookmarkable span:focus { border-color: #3ac162; }

.topic-treehouse-resources .card-action-trailer a:hover, .topic-treehouse-resources .card-action-trailer a:focus, .topic-treehouse-resources .card-action-trailer span:hover, .topic-treehouse-resources .card-action-trailer span:focus, .topic-treehouse-resources .card-action.bookmarkable a:hover, .topic-treehouse-resources .card-action.bookmarkable a:focus, .topic-treehouse-resources .card-action.bookmarkable span:hover, .topic-treehouse-resources .card-action.bookmarkable span:focus { border-color: #3ac162; }

.topic-coding-for-kids.card-action-trailer a:hover, .topic-coding-for-kids.card-action-trailer a:focus, .topic-coding-for-kids.card-action-trailer span:hover, .topic-coding-for-kids.card-action-trailer span:focus, .topic-coding-for-kids.card-action.bookmarkable a:hover, .topic-coding-for-kids.card-action.bookmarkable a:focus, .topic-coding-for-kids.card-action.bookmarkable span:hover, .topic-coding-for-kids.card-action.bookmarkable span:focus { border-color: #db520c; }

.topic-coding-for-kids .card-action-trailer a:hover, .topic-coding-for-kids .card-action-trailer a:focus, .topic-coding-for-kids .card-action-trailer span:hover, .topic-coding-for-kids .card-action-trailer span:focus, .topic-coding-for-kids .card-action.bookmarkable a:hover, .topic-coding-for-kids .card-action.bookmarkable a:focus, .topic-coding-for-kids .card-action.bookmarkable span:hover, .topic-coding-for-kids .card-action.bookmarkable span:focus { border-color: #db520c; }

.topic-ai.card-action-trailer a:hover svg, .topic-ai.card-action-trailer a:focus svg, .topic-ai.card-action-trailer span:hover svg, .topic-ai.card-action-trailer span:focus svg, .topic-ai.card-action.bookmarkable a:hover svg, .topic-ai.card-action.bookmarkable a:focus svg, .topic-ai.card-action.bookmarkable span:hover svg, .topic-ai.card-action.bookmarkable span:focus svg { fill: #552b64; }

.topic-ai .card-action-trailer a:hover svg, .topic-ai .card-action-trailer a:focus svg, .topic-ai .card-action-trailer span:hover svg, .topic-ai .card-action-trailer span:focus svg, .topic-ai .card-action.bookmarkable a:hover svg, .topic-ai .card-action.bookmarkable a:focus svg, .topic-ai .card-action.bookmarkable span:hover svg, .topic-ai .card-action.bookmarkable span:focus svg { fill: #552b64; }

.topic-back-end.card-action-trailer a:hover svg, .topic-back-end.card-action-trailer a:focus svg, .topic-back-end.card-action-trailer span:hover svg, .topic-back-end.card-action-trailer span:focus svg, .topic-back-end.card-action.bookmarkable a:hover svg, .topic-back-end.card-action.bookmarkable a:focus svg, .topic-back-end.card-action.bookmarkable span:hover svg, .topic-back-end.card-action.bookmarkable span:focus svg { fill: #005664; }

.topic-back-end .card-action-trailer a:hover svg, .topic-back-end .card-action-trailer a:focus svg, .topic-back-end .card-action-trailer span:hover svg, .topic-back-end .card-action-trailer span:focus svg, .topic-back-end .card-action.bookmarkable a:hover svg, .topic-back-end .card-action.bookmarkable a:focus svg, .topic-back-end .card-action.bookmarkable span:hover svg, .topic-back-end .card-action.bookmarkable span:focus svg { fill: #005664; }

.topic-data.card-action-trailer a:hover svg, .topic-data.card-action-trailer a:focus svg, .topic-data.card-action-trailer span:hover svg, .topic-data.card-action-trailer span:focus svg, .topic-data.card-action.bookmarkable a:hover svg, .topic-data.card-action.bookmarkable a:focus svg, .topic-data.card-action.bookmarkable span:hover svg, .topic-data.card-action.bookmarkable span:focus svg { fill: #7c3b67; }

.topic-data .card-action-trailer a:hover svg, .topic-data .card-action-trailer a:focus svg, .topic-data .card-action-trailer span:hover svg, .topic-data .card-action-trailer span:focus svg, .topic-data .card-action.bookmarkable a:hover svg, .topic-data .card-action.bookmarkable a:focus svg, .topic-data .card-action.bookmarkable span:hover svg, .topic-data .card-action.bookmarkable span:focus svg { fill: #7c3b67; }

.topic-design.card-action-trailer a:hover svg, .topic-design.card-action-trailer a:focus svg, .topic-design.card-action-trailer span:hover svg, .topic-design.card-action-trailer span:focus svg, .topic-design.card-action.bookmarkable a:hover svg, .topic-design.card-action.bookmarkable a:focus svg, .topic-design.card-action.bookmarkable span:hover svg, .topic-design.card-action.bookmarkable span:focus svg { fill: #38326d; }

.topic-design .card-action-trailer a:hover svg, .topic-design .card-action-trailer a:focus svg, .topic-design .card-action-trailer span:hover svg, .topic-design .card-action-trailer span:focus svg, .topic-design .card-action.bookmarkable a:hover svg, .topic-design .card-action.bookmarkable a:focus svg, .topic-design .card-action.bookmarkable span:hover svg, .topic-design .card-action.bookmarkable span:focus svg { fill: #38326d; }

.topic-experimental.card-action-trailer a:hover svg, .topic-experimental.card-action-trailer a:focus svg, .topic-experimental.card-action-trailer span:hover svg, .topic-experimental.card-action-trailer span:focus svg, .topic-experimental.card-action.bookmarkable a:hover svg, .topic-experimental.card-action.bookmarkable a:focus svg, .topic-experimental.card-action.bookmarkable span:hover svg, .topic-experimental.card-action.bookmarkable span:focus svg { fill: #552b64; }

.topic-experimental .card-action-trailer a:hover svg, .topic-experimental .card-action-trailer a:focus svg, .topic-experimental .card-action-trailer span:hover svg, .topic-experimental .card-action-trailer span:focus svg, .topic-experimental .card-action.bookmarkable a:hover svg, .topic-experimental .card-action.bookmarkable a:focus svg, .topic-experimental .card-action.bookmarkable span:hover svg, .topic-experimental .card-action.bookmarkable span:focus svg { fill: #552b64; }

.topic-front-end.card-action-trailer a:hover svg, .topic-front-end.card-action-trailer a:focus svg, .topic-front-end.card-action-trailer span:hover svg, .topic-front-end.card-action-trailer span:focus svg, .topic-front-end.card-action.bookmarkable a:hover svg, .topic-front-end.card-action.bookmarkable a:focus svg, .topic-front-end.card-action.bookmarkable span:hover svg, .topic-front-end.card-action.bookmarkable span:focus svg { fill: #29447c; }

.topic-front-end .card-action-trailer a:hover svg, .topic-front-end .card-action-trailer a:focus svg, .topic-front-end .card-action-trailer span:hover svg, .topic-front-end .card-action-trailer span:focus svg, .topic-front-end .card-action.bookmarkable a:hover svg, .topic-front-end .card-action.bookmarkable a:focus svg, .topic-front-end .card-action.bookmarkable span:hover svg, .topic-front-end .card-action.bookmarkable span:focus svg { fill: #29447c; }

.topic-fundamentals.card-action-trailer a:hover svg, .topic-fundamentals.card-action-trailer a:focus svg, .topic-fundamentals.card-action-trailer span:hover svg, .topic-fundamentals.card-action-trailer span:focus svg, .topic-fundamentals.card-action.bookmarkable a:hover svg, .topic-fundamentals.card-action.bookmarkable a:focus svg, .topic-fundamentals.card-action.bookmarkable span:hover svg, .topic-fundamentals.card-action.bookmarkable span:focus svg { fill: #762d45; }

.topic-fundamentals .card-action-trailer a:hover svg, .topic-fundamentals .card-action-trailer a:focus svg, .topic-fundamentals .card-action-trailer span:hover svg, .topic-fundamentals .card-action-trailer span:focus svg, .topic-fundamentals .card-action.bookmarkable a:hover svg, .topic-fundamentals .card-action.bookmarkable a:focus svg, .topic-fundamentals .card-action.bookmarkable span:hover svg, .topic-fundamentals .card-action.bookmarkable span:focus svg { fill: #762d45; }

.topic-mobile.card-action-trailer a:hover svg, .topic-mobile.card-action-trailer a:focus svg, .topic-mobile.card-action-trailer span:hover svg, .topic-mobile.card-action-trailer span:focus svg, .topic-mobile.card-action.bookmarkable a:hover svg, .topic-mobile.card-action.bookmarkable a:focus svg, .topic-mobile.card-action.bookmarkable span:hover svg, .topic-mobile.card-action.bookmarkable span:focus svg { fill: #225d4d; }

.topic-mobile .card-action-trailer a:hover svg, .topic-mobile .card-action-trailer a:focus svg, .topic-mobile .card-action-trailer span:hover svg, .topic-mobile .card-action-trailer span:focus svg, .topic-mobile .card-action.bookmarkable a:hover svg, .topic-mobile .card-action.bookmarkable a:focus svg, .topic-mobile .card-action.bookmarkable span:hover svg, .topic-mobile .card-action.bookmarkable span:focus svg { fill: #225d4d; }

.topic-internal.card-action-trailer a:hover svg, .topic-internal.card-action-trailer a:focus svg, .topic-internal.card-action-trailer span:hover svg, .topic-internal.card-action-trailer span:focus svg, .topic-internal.card-action.bookmarkable a:hover svg, .topic-internal.card-action.bookmarkable a:focus svg, .topic-internal.card-action.bookmarkable span:hover svg, .topic-internal.card-action.bookmarkable span:focus svg { fill: #3f474f; }

.topic-internal .card-action-trailer a:hover svg, .topic-internal .card-action-trailer a:focus svg, .topic-internal .card-action-trailer span:hover svg, .topic-internal .card-action-trailer span:focus svg, .topic-internal .card-action.bookmarkable a:hover svg, .topic-internal .card-action.bookmarkable a:focus svg, .topic-internal .card-action.bookmarkable span:hover svg, .topic-internal .card-action.bookmarkable span:focus svg { fill: #3f474f; }

.topic-foundations.card-action-trailer a:hover svg, .topic-foundations.card-action-trailer a:focus svg, .topic-foundations.card-action-trailer span:hover svg, .topic-foundations.card-action-trailer span:focus svg, .topic-foundations.card-action.bookmarkable a:hover svg, .topic-foundations.card-action.bookmarkable a:focus svg, .topic-foundations.card-action.bookmarkable span:hover svg, .topic-foundations.card-action.bookmarkable span:focus svg { fill: #00252e; }

.topic-foundations .card-action-trailer a:hover svg, .topic-foundations .card-action-trailer a:focus svg, .topic-foundations .card-action-trailer span:hover svg, .topic-foundations .card-action-trailer span:focus svg, .topic-foundations .card-action.bookmarkable a:hover svg, .topic-foundations .card-action.bookmarkable a:focus svg, .topic-foundations .card-action.bookmarkable span:hover svg, .topic-foundations .card-action.bookmarkable span:focus svg { fill: #00252e; }

.topic-undefined.card-action-trailer a:hover svg, .topic-undefined.card-action-trailer a:focus svg, .topic-undefined.card-action-trailer span:hover svg, .topic-undefined.card-action-trailer span:focus svg, .topic-undefined.card-action.bookmarkable a:hover svg, .topic-undefined.card-action.bookmarkable a:focus svg, .topic-undefined.card-action.bookmarkable span:hover svg, .topic-undefined.card-action.bookmarkable span:focus svg { fill: #3f474f; }

.topic-undefined .card-action-trailer a:hover svg, .topic-undefined .card-action-trailer a:focus svg, .topic-undefined .card-action-trailer span:hover svg, .topic-undefined .card-action-trailer span:focus svg, .topic-undefined .card-action.bookmarkable a:hover svg, .topic-undefined .card-action.bookmarkable a:focus svg, .topic-undefined .card-action.bookmarkable span:hover svg, .topic-undefined .card-action.bookmarkable span:focus svg { fill: #3f474f; }

.topic-college-credit.card-action-trailer a:hover svg, .topic-college-credit.card-action-trailer a:focus svg, .topic-college-credit.card-action-trailer span:hover svg, .topic-college-credit.card-action-trailer span:focus svg, .topic-college-credit.card-action.bookmarkable a:hover svg, .topic-college-credit.card-action.bookmarkable a:focus svg, .topic-college-credit.card-action.bookmarkable span:hover svg, .topic-college-credit.card-action.bookmarkable span:focus svg { fill: #2c6ca1; }

.topic-college-credit .card-action-trailer a:hover svg, .topic-college-credit .card-action-trailer a:focus svg, .topic-college-credit .card-action-trailer span:hover svg, .topic-college-credit .card-action-trailer span:focus svg, .topic-college-credit .card-action.bookmarkable a:hover svg, .topic-college-credit .card-action.bookmarkable a:focus svg, .topic-college-credit .card-action.bookmarkable span:hover svg, .topic-college-credit .card-action.bookmarkable span:focus svg { fill: #2c6ca1; }

.topic-no-code.card-action-trailer a:hover svg, .topic-no-code.card-action-trailer a:focus svg, .topic-no-code.card-action-trailer span:hover svg, .topic-no-code.card-action-trailer span:focus svg, .topic-no-code.card-action.bookmarkable a:hover svg, .topic-no-code.card-action.bookmarkable a:focus svg, .topic-no-code.card-action.bookmarkable span:hover svg, .topic-no-code.card-action.bookmarkable span:focus svg { fill: #268762; }

.topic-no-code .card-action-trailer a:hover svg, .topic-no-code .card-action-trailer a:focus svg, .topic-no-code .card-action-trailer span:hover svg, .topic-no-code .card-action-trailer span:focus svg, .topic-no-code .card-action.bookmarkable a:hover svg, .topic-no-code .card-action.bookmarkable a:focus svg, .topic-no-code .card-action.bookmarkable span:hover svg, .topic-no-code .card-action.bookmarkable span:focus svg { fill: #268762; }

.topic-security.card-action-trailer a:hover svg, .topic-security.card-action-trailer a:focus svg, .topic-security.card-action-trailer span:hover svg, .topic-security.card-action-trailer span:focus svg, .topic-security.card-action.bookmarkable a:hover svg, .topic-security.card-action.bookmarkable a:focus svg, .topic-security.card-action.bookmarkable span:hover svg, .topic-security.card-action.bookmarkable span:focus svg { fill: #1983dd; }

.topic-security .card-action-trailer a:hover svg, .topic-security .card-action-trailer a:focus svg, .topic-security .card-action-trailer span:hover svg, .topic-security .card-action-trailer span:focus svg, .topic-security .card-action.bookmarkable a:hover svg, .topic-security .card-action.bookmarkable a:focus svg, .topic-security .card-action.bookmarkable span:hover svg, .topic-security .card-action.bookmarkable span:focus svg { fill: #1983dd; }

.topic-game-development.card-action-trailer a:hover svg, .topic-game-development.card-action-trailer a:focus svg, .topic-game-development.card-action-trailer span:hover svg, .topic-game-development.card-action-trailer span:focus svg, .topic-game-development.card-action.bookmarkable a:hover svg, .topic-game-development.card-action.bookmarkable a:focus svg, .topic-game-development.card-action.bookmarkable span:hover svg, .topic-game-development.card-action.bookmarkable span:focus svg { fill: #664bb5; }

.topic-game-development .card-action-trailer a:hover svg, .topic-game-development .card-action-trailer a:focus svg, .topic-game-development .card-action-trailer span:hover svg, .topic-game-development .card-action-trailer span:focus svg, .topic-game-development .card-action.bookmarkable a:hover svg, .topic-game-development .card-action.bookmarkable a:focus svg, .topic-game-development .card-action.bookmarkable span:hover svg, .topic-game-development .card-action.bookmarkable span:focus svg { fill: #664bb5; }

.topic-treehouse-resources.card-action-trailer a:hover svg, .topic-treehouse-resources.card-action-trailer a:focus svg, .topic-treehouse-resources.card-action-trailer span:hover svg, .topic-treehouse-resources.card-action-trailer span:focus svg, .topic-treehouse-resources.card-action.bookmarkable a:hover svg, .topic-treehouse-resources.card-action.bookmarkable a:focus svg, .topic-treehouse-resources.card-action.bookmarkable span:hover svg, .topic-treehouse-resources.card-action.bookmarkable span:focus svg { fill: #3ac162; }

.topic-treehouse-resources .card-action-trailer a:hover svg, .topic-treehouse-resources .card-action-trailer a:focus svg, .topic-treehouse-resources .card-action-trailer span:hover svg, .topic-treehouse-resources .card-action-trailer span:focus svg, .topic-treehouse-resources .card-action.bookmarkable a:hover svg, .topic-treehouse-resources .card-action.bookmarkable a:focus svg, .topic-treehouse-resources .card-action.bookmarkable span:hover svg, .topic-treehouse-resources .card-action.bookmarkable span:focus svg { fill: #3ac162; }

.topic-coding-for-kids.card-action-trailer a:hover svg, .topic-coding-for-kids.card-action-trailer a:focus svg, .topic-coding-for-kids.card-action-trailer span:hover svg, .topic-coding-for-kids.card-action-trailer span:focus svg, .topic-coding-for-kids.card-action.bookmarkable a:hover svg, .topic-coding-for-kids.card-action.bookmarkable a:focus svg, .topic-coding-for-kids.card-action.bookmarkable span:hover svg, .topic-coding-for-kids.card-action.bookmarkable span:focus svg { fill: #db520c; }

.topic-coding-for-kids .card-action-trailer a:hover svg, .topic-coding-for-kids .card-action-trailer a:focus svg, .topic-coding-for-kids .card-action-trailer span:hover svg, .topic-coding-for-kids .card-action-trailer span:focus svg, .topic-coding-for-kids .card-action.bookmarkable a:hover svg, .topic-coding-for-kids .card-action.bookmarkable a:focus svg, .topic-coding-for-kids .card-action.bookmarkable span:hover svg, .topic-coding-for-kids .card-action.bookmarkable span:focus svg { fill: #db520c; }

.card-action-trailer .bookmark:before, .card-action-trailer .bookmark:after, .card-action.bookmarkable .bookmark:before, .card-action.bookmarkable .bookmark:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.card-action-trailer .bookmark:before, .card-action.bookmarkable .bookmark:before { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 5px) rotate(45deg); -moz-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); transform: translate(-50%, 5px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.card-action-trailer .bookmark:after, .card-action.bookmarkable .bookmark:after { content: "Bookmark"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #384047; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #fff; left: 50%; bottom: 100%; }

.card-action-trailer .bookmark:hover:before, .card-action.bookmarkable .bookmark:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -5px) rotate(45deg); -moz-transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg); transform: translate(-50%, -5px) rotate(45deg); }

.card-action-trailer .bookmark:hover:after, .card-action.bookmarkable .bookmark:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.bookmarked .card-action-trailer .bookmark, .bookmarked .card-action.bookmarkable .bookmark { display: none; }

.card-action-trailer .unbookmark:before, .card-action-trailer .unbookmark:after, .card-action.bookmarkable .unbookmark:before, .card-action.bookmarkable .unbookmark:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.card-action-trailer .unbookmark:before, .card-action.bookmarkable .unbookmark:before { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 5px) rotate(45deg); -moz-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); transform: translate(-50%, 5px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.card-action-trailer .unbookmark:after, .card-action.bookmarkable .unbookmark:after { content: "Remove Bookmark"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #384047; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #fff; left: 50%; bottom: 100%; }

.card-action-trailer .unbookmark:hover:before, .card-action.bookmarkable .unbookmark:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -5px) rotate(45deg); -moz-transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg); transform: translate(-50%, -5px) rotate(45deg); }

.card-action-trailer .unbookmark:hover:after, .card-action.bookmarkable .unbookmark:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.topic-ai.card-action-trailer .unbookmark, .topic-ai.card-action.bookmarkable .unbookmark { border-color: #733A88; }

.topic-ai .card-action-trailer .unbookmark, .topic-ai .card-action.bookmarkable .unbookmark { border-color: #733A88; }

.topic-back-end.card-action-trailer .unbookmark, .topic-back-end.card-action.bookmarkable .unbookmark { border-color: #008297; }

.topic-back-end .card-action-trailer .unbookmark, .topic-back-end .card-action.bookmarkable .unbookmark { border-color: #008297; }

.topic-data.card-action-trailer .unbookmark, .topic-data.card-action.bookmarkable .unbookmark { border-color: #9F4B84; }

.topic-data .card-action-trailer .unbookmark, .topic-data .card-action.bookmarkable .unbookmark { border-color: #9F4B84; }

.topic-design.card-action-trailer .unbookmark, .topic-design.card-action.bookmarkable .unbookmark { border-color: #4a4290; }

.topic-design .card-action-trailer .unbookmark, .topic-design .card-action.bookmarkable .unbookmark { border-color: #4a4290; }

.topic-experimental.card-action-trailer .unbookmark, .topic-experimental.card-action.bookmarkable .unbookmark { border-color: #733a88; }

.topic-experimental .card-action-trailer .unbookmark, .topic-experimental .card-action.bookmarkable .unbookmark { border-color: #733a88; }

.topic-front-end.card-action-trailer .unbookmark, .topic-front-end.card-action.bookmarkable .unbookmark { border-color: #3659a2; }

.topic-front-end .card-action-trailer .unbookmark, .topic-front-end .card-action.bookmarkable .unbookmark { border-color: #3659a2; }

.topic-fundamentals.card-action-trailer .unbookmark, .topic-fundamentals.card-action.bookmarkable .unbookmark { border-color: #9b3b5a; }

.topic-fundamentals .card-action-trailer .unbookmark, .topic-fundamentals .card-action.bookmarkable .unbookmark { border-color: #9b3b5a; }

.topic-mobile.card-action-trailer .unbookmark, .topic-mobile.card-action.bookmarkable .unbookmark { border-color: #30826C; }

.topic-mobile .card-action-trailer .unbookmark, .topic-mobile .card-action.bookmarkable .unbookmark { border-color: #30826C; }

.topic-internal.card-action-trailer .unbookmark, .topic-internal.card-action.bookmarkable .unbookmark { border-color: #55616c; }

.topic-internal .card-action-trailer .unbookmark, .topic-internal .card-action.bookmarkable .unbookmark { border-color: #55616c; }

.topic-foundations.card-action-trailer .unbookmark, .topic-foundations.card-action.bookmarkable .unbookmark { border-color: #004e61; }

.topic-foundations .card-action-trailer .unbookmark, .topic-foundations .card-action.bookmarkable .unbookmark { border-color: #004e61; }

.topic-undefined.card-action-trailer .unbookmark, .topic-undefined.card-action.bookmarkable .unbookmark { border-color: #55616c; }

.topic-undefined .card-action-trailer .unbookmark, .topic-undefined .card-action.bookmarkable .unbookmark { border-color: #55616c; }

.topic-college-credit.card-action-trailer .unbookmark, .topic-college-credit.card-action.bookmarkable .unbookmark { border-color: #3887c8; }

.topic-college-credit .card-action-trailer .unbookmark, .topic-college-credit .card-action.bookmarkable .unbookmark { border-color: #3887c8; }

.topic-no-code.card-action-trailer .unbookmark, .topic-no-code.card-action.bookmarkable .unbookmark { border-color: #31AF7F; }

.topic-no-code .card-action-trailer .unbookmark, .topic-no-code .card-action.bookmarkable .unbookmark { border-color: #31AF7F; }

.topic-security.card-action-trailer .unbookmark, .topic-security.card-action.bookmarkable .unbookmark { border-color: #409BE9; }

.topic-security .card-action-trailer .unbookmark, .topic-security .card-action.bookmarkable .unbookmark { border-color: #409BE9; }

.topic-game-development.card-action-trailer .unbookmark, .topic-game-development.card-action.bookmarkable .unbookmark { border-color: #856fc4; }

.topic-game-development .card-action-trailer .unbookmark, .topic-game-development .card-action.bookmarkable .unbookmark { border-color: #856fc4; }

.topic-treehouse-resources.card-action-trailer .unbookmark, .topic-treehouse-resources.card-action.bookmarkable .unbookmark { border-color: #5fcf80; }

.topic-treehouse-resources .card-action-trailer .unbookmark, .topic-treehouse-resources .card-action.bookmarkable .unbookmark { border-color: #5fcf80; }

.topic-coding-for-kids.card-action-trailer .unbookmark, .topic-coding-for-kids.card-action.bookmarkable .unbookmark { border-color: #F36C27; }

.topic-coding-for-kids .card-action-trailer .unbookmark, .topic-coding-for-kids .card-action.bookmarkable .unbookmark { border-color: #F36C27; }

.card:not(.bookmarked) .card-action-trailer .unbookmark, .card:not(.bookmarked) .card-action.bookmarkable .unbookmark { display: none; }

.topic-ai.card-action-trailer .unbookmark svg, .topic-ai.card-action.bookmarkable .unbookmark svg { fill: #733A88; }

.topic-ai .card-action-trailer .unbookmark svg, .topic-ai .card-action.bookmarkable .unbookmark svg { fill: #733A88; }

.topic-back-end.card-action-trailer .unbookmark svg, .topic-back-end.card-action.bookmarkable .unbookmark svg { fill: #008297; }

.topic-back-end .card-action-trailer .unbookmark svg, .topic-back-end .card-action.bookmarkable .unbookmark svg { fill: #008297; }

.topic-data.card-action-trailer .unbookmark svg, .topic-data.card-action.bookmarkable .unbookmark svg { fill: #9F4B84; }

.topic-data .card-action-trailer .unbookmark svg, .topic-data .card-action.bookmarkable .unbookmark svg { fill: #9F4B84; }

.topic-design.card-action-trailer .unbookmark svg, .topic-design.card-action.bookmarkable .unbookmark svg { fill: #4a4290; }

.topic-design .card-action-trailer .unbookmark svg, .topic-design .card-action.bookmarkable .unbookmark svg { fill: #4a4290; }

.topic-experimental.card-action-trailer .unbookmark svg, .topic-experimental.card-action.bookmarkable .unbookmark svg { fill: #733a88; }

.topic-experimental .card-action-trailer .unbookmark svg, .topic-experimental .card-action.bookmarkable .unbookmark svg { fill: #733a88; }

.topic-front-end.card-action-trailer .unbookmark svg, .topic-front-end.card-action.bookmarkable .unbookmark svg { fill: #3659a2; }

.topic-front-end .card-action-trailer .unbookmark svg, .topic-front-end .card-action.bookmarkable .unbookmark svg { fill: #3659a2; }

.topic-fundamentals.card-action-trailer .unbookmark svg, .topic-fundamentals.card-action.bookmarkable .unbookmark svg { fill: #9b3b5a; }

.topic-fundamentals .card-action-trailer .unbookmark svg, .topic-fundamentals .card-action.bookmarkable .unbookmark svg { fill: #9b3b5a; }

.topic-mobile.card-action-trailer .unbookmark svg, .topic-mobile.card-action.bookmarkable .unbookmark svg { fill: #30826C; }

.topic-mobile .card-action-trailer .unbookmark svg, .topic-mobile .card-action.bookmarkable .unbookmark svg { fill: #30826C; }

.topic-internal.card-action-trailer .unbookmark svg, .topic-internal.card-action.bookmarkable .unbookmark svg { fill: #55616c; }

.topic-internal .card-action-trailer .unbookmark svg, .topic-internal .card-action.bookmarkable .unbookmark svg { fill: #55616c; }

.topic-foundations.card-action-trailer .unbookmark svg, .topic-foundations.card-action.bookmarkable .unbookmark svg { fill: #004e61; }

.topic-foundations .card-action-trailer .unbookmark svg, .topic-foundations .card-action.bookmarkable .unbookmark svg { fill: #004e61; }

.topic-undefined.card-action-trailer .unbookmark svg, .topic-undefined.card-action.bookmarkable .unbookmark svg { fill: #55616c; }

.topic-undefined .card-action-trailer .unbookmark svg, .topic-undefined .card-action.bookmarkable .unbookmark svg { fill: #55616c; }

.topic-college-credit.card-action-trailer .unbookmark svg, .topic-college-credit.card-action.bookmarkable .unbookmark svg { fill: #3887c8; }

.topic-college-credit .card-action-trailer .unbookmark svg, .topic-college-credit .card-action.bookmarkable .unbookmark svg { fill: #3887c8; }

.topic-no-code.card-action-trailer .unbookmark svg, .topic-no-code.card-action.bookmarkable .unbookmark svg { fill: #31AF7F; }

.topic-no-code .card-action-trailer .unbookmark svg, .topic-no-code .card-action.bookmarkable .unbookmark svg { fill: #31AF7F; }

.topic-security.card-action-trailer .unbookmark svg, .topic-security.card-action.bookmarkable .unbookmark svg { fill: #409BE9; }

.topic-security .card-action-trailer .unbookmark svg, .topic-security .card-action.bookmarkable .unbookmark svg { fill: #409BE9; }

.topic-game-development.card-action-trailer .unbookmark svg, .topic-game-development.card-action.bookmarkable .unbookmark svg { fill: #856fc4; }

.topic-game-development .card-action-trailer .unbookmark svg, .topic-game-development .card-action.bookmarkable .unbookmark svg { fill: #856fc4; }

.topic-treehouse-resources.card-action-trailer .unbookmark svg, .topic-treehouse-resources.card-action.bookmarkable .unbookmark svg { fill: #5fcf80; }

.topic-treehouse-resources .card-action-trailer .unbookmark svg, .topic-treehouse-resources .card-action.bookmarkable .unbookmark svg { fill: #5fcf80; }

.topic-coding-for-kids.card-action-trailer .unbookmark svg, .topic-coding-for-kids.card-action.bookmarkable .unbookmark svg { fill: #F36C27; }

.topic-coding-for-kids .card-action-trailer .unbookmark svg, .topic-coding-for-kids .card-action.bookmarkable .unbookmark svg { fill: #F36C27; }

.card-action-trailer .add-icon, .card-action.bookmarkable .add-icon { top: 1px; position: relative; }

.card-action-trailer.loading a svg, .card-action.bookmarkable.loading a svg { display: none; }

.card-action-trailer.loading a .loading-icon, .card-action.bookmarkable.loading a .loading-icon { display: inline-block; }

.card-action.secondary { float: right; margin: 0 0 0 10px; height: 36px; line-height: 36px; }

.card-action-button, .card-action-info { position: relative; background-color: transparent; display: inline-block; border: 2px solid #e8ebed; padding: 0; text-align: center; line-height: 36px; width: 36px; height: 36px; border-radius: 50%; transition: all 300ms 0s ease; }

.card-action-button.large, .card-action-info.large { width: 40px; height: 40px; line-height: 40px; }

.card-action-button:hover, .card-action-button:focus, .card-action-info:hover, .card-action-info:focus { border-color: #6E7881; }

.card-action-button:hover svg, .card-action-button:focus svg, .card-action-info:hover svg, .card-action-info:focus svg { fill: #6E7881; }

.card-action-button-inverse, .card-action-info-inverse { border-color: rgba(255, 255, 255, 0.4); }

.card-action-button-inverse:hover, .card-action-info-inverse:hover { border-color: #fff; }

.card-action-button svg, .card-action-info svg { position: relative; pointer-events: none; fill: #8e969d; }

.card-techdegree .card-action-button svg, .card-techdegree .card-action-info svg { fill: #fff; }

.card-action-button svg.loading-icon, .card-action-info svg.loading-icon { top: 2px; display: none; }

.loading.card-action-button svg.loading-icon, .loading.card-action-info svg.loading-icon { display: inline-block; }

.card-action-button svg.loading-icon .loading-circle, .card-action-info svg.loading-icon .loading-circle { fill: #e2e5e8; }

.topic-ai.card-action-button svg.loading-icon .loading-quarter-circle, .topic-ai.card-action-info svg.loading-icon .loading-quarter-circle { fill: #733A88; }

.topic-ai .card-action-button svg.loading-icon .loading-quarter-circle, .topic-ai .card-action-info svg.loading-icon .loading-quarter-circle { fill: #733A88; }

.topic-back-end.card-action-button svg.loading-icon .loading-quarter-circle, .topic-back-end.card-action-info svg.loading-icon .loading-quarter-circle { fill: #008297; }

.topic-back-end .card-action-button svg.loading-icon .loading-quarter-circle, .topic-back-end .card-action-info svg.loading-icon .loading-quarter-circle { fill: #008297; }

.topic-data.card-action-button svg.loading-icon .loading-quarter-circle, .topic-data.card-action-info svg.loading-icon .loading-quarter-circle { fill: #9F4B84; }

.topic-data .card-action-button svg.loading-icon .loading-quarter-circle, .topic-data .card-action-info svg.loading-icon .loading-quarter-circle { fill: #9F4B84; }

.topic-design.card-action-button svg.loading-icon .loading-quarter-circle, .topic-design.card-action-info svg.loading-icon .loading-quarter-circle { fill: #4a4290; }

.topic-design .card-action-button svg.loading-icon .loading-quarter-circle, .topic-design .card-action-info svg.loading-icon .loading-quarter-circle { fill: #4a4290; }

.topic-experimental.card-action-button svg.loading-icon .loading-quarter-circle, .topic-experimental.card-action-info svg.loading-icon .loading-quarter-circle { fill: #733a88; }

.topic-experimental .card-action-button svg.loading-icon .loading-quarter-circle, .topic-experimental .card-action-info svg.loading-icon .loading-quarter-circle { fill: #733a88; }

.topic-front-end.card-action-button svg.loading-icon .loading-quarter-circle, .topic-front-end.card-action-info svg.loading-icon .loading-quarter-circle { fill: #3659a2; }

.topic-front-end .card-action-button svg.loading-icon .loading-quarter-circle, .topic-front-end .card-action-info svg.loading-icon .loading-quarter-circle { fill: #3659a2; }

.topic-fundamentals.card-action-button svg.loading-icon .loading-quarter-circle, .topic-fundamentals.card-action-info svg.loading-icon .loading-quarter-circle { fill: #9b3b5a; }

.topic-fundamentals .card-action-button svg.loading-icon .loading-quarter-circle, .topic-fundamentals .card-action-info svg.loading-icon .loading-quarter-circle { fill: #9b3b5a; }

.topic-mobile.card-action-button svg.loading-icon .loading-quarter-circle, .topic-mobile.card-action-info svg.loading-icon .loading-quarter-circle { fill: #30826C; }

.topic-mobile .card-action-button svg.loading-icon .loading-quarter-circle, .topic-mobile .card-action-info svg.loading-icon .loading-quarter-circle { fill: #30826C; }

.topic-internal.card-action-button svg.loading-icon .loading-quarter-circle, .topic-internal.card-action-info svg.loading-icon .loading-quarter-circle { fill: #55616c; }

.topic-internal .card-action-button svg.loading-icon .loading-quarter-circle, .topic-internal .card-action-info svg.loading-icon .loading-quarter-circle { fill: #55616c; }

.topic-foundations.card-action-button svg.loading-icon .loading-quarter-circle, .topic-foundations.card-action-info svg.loading-icon .loading-quarter-circle { fill: #004e61; }

.topic-foundations .card-action-button svg.loading-icon .loading-quarter-circle, .topic-foundations .card-action-info svg.loading-icon .loading-quarter-circle { fill: #004e61; }

.topic-undefined.card-action-button svg.loading-icon .loading-quarter-circle, .topic-undefined.card-action-info svg.loading-icon .loading-quarter-circle { fill: #55616c; }

.topic-undefined .card-action-button svg.loading-icon .loading-quarter-circle, .topic-undefined .card-action-info svg.loading-icon .loading-quarter-circle { fill: #55616c; }

.topic-college-credit.card-action-button svg.loading-icon .loading-quarter-circle, .topic-college-credit.card-action-info svg.loading-icon .loading-quarter-circle { fill: #3887c8; }

.topic-college-credit .card-action-button svg.loading-icon .loading-quarter-circle, .topic-college-credit .card-action-info svg.loading-icon .loading-quarter-circle { fill: #3887c8; }

.topic-no-code.card-action-button svg.loading-icon .loading-quarter-circle, .topic-no-code.card-action-info svg.loading-icon .loading-quarter-circle { fill: #31AF7F; }

.topic-no-code .card-action-button svg.loading-icon .loading-quarter-circle, .topic-no-code .card-action-info svg.loading-icon .loading-quarter-circle { fill: #31AF7F; }

.topic-security.card-action-button svg.loading-icon .loading-quarter-circle, .topic-security.card-action-info svg.loading-icon .loading-quarter-circle { fill: #409BE9; }

.topic-security .card-action-button svg.loading-icon .loading-quarter-circle, .topic-security .card-action-info svg.loading-icon .loading-quarter-circle { fill: #409BE9; }

.topic-game-development.card-action-button svg.loading-icon .loading-quarter-circle, .topic-game-development.card-action-info svg.loading-icon .loading-quarter-circle { fill: #856fc4; }

.topic-game-development .card-action-button svg.loading-icon .loading-quarter-circle, .topic-game-development .card-action-info svg.loading-icon .loading-quarter-circle { fill: #856fc4; }

.topic-treehouse-resources.card-action-button svg.loading-icon .loading-quarter-circle, .topic-treehouse-resources.card-action-info svg.loading-icon .loading-quarter-circle { fill: #5fcf80; }

.topic-treehouse-resources .card-action-button svg.loading-icon .loading-quarter-circle, .topic-treehouse-resources .card-action-info svg.loading-icon .loading-quarter-circle { fill: #5fcf80; }

.topic-coding-for-kids.card-action-button svg.loading-icon .loading-quarter-circle, .topic-coding-for-kids.card-action-info svg.loading-icon .loading-quarter-circle { fill: #F36C27; }

.topic-coding-for-kids .card-action-button svg.loading-icon .loading-quarter-circle, .topic-coding-for-kids .card-action-info svg.loading-icon .loading-quarter-circle { fill: #F36C27; }

.card-action-button svg.building-icon, .card-action-info svg.building-icon { position: absolute; top: 7px; left: 7px; }

.card-action-button svg.salary-icon, .card-action-info svg.salary-icon { top: 3px; }

.card-action-button svg.play-icon, .card-action-info svg.play-icon { width: 12px; height: 14px; left: 2px; }

.loading.card-action-button svg.play-icon, .loading.card-action-info svg.play-icon { display: none; }

.topic-ai .card-action-button:hover, .topic-ai .card-action-button:focus { border-color: #733A88; }

.topic-back-end .card-action-button:hover, .topic-back-end .card-action-button:focus { border-color: #008297; }

.topic-data .card-action-button:hover, .topic-data .card-action-button:focus { border-color: #9F4B84; }

.topic-design .card-action-button:hover, .topic-design .card-action-button:focus { border-color: #4a4290; }

.topic-experimental .card-action-button:hover, .topic-experimental .card-action-button:focus { border-color: #733a88; }

.topic-front-end .card-action-button:hover, .topic-front-end .card-action-button:focus { border-color: #3659a2; }

.topic-fundamentals .card-action-button:hover, .topic-fundamentals .card-action-button:focus { border-color: #9b3b5a; }

.topic-mobile .card-action-button:hover, .topic-mobile .card-action-button:focus { border-color: #30826C; }

.topic-internal .card-action-button:hover, .topic-internal .card-action-button:focus { border-color: #55616c; }

.topic-foundations .card-action-button:hover, .topic-foundations .card-action-button:focus { border-color: #004e61; }

.topic-undefined .card-action-button:hover, .topic-undefined .card-action-button:focus { border-color: #55616c; }

.topic-college-credit .card-action-button:hover, .topic-college-credit .card-action-button:focus { border-color: #3887c8; }

.topic-no-code .card-action-button:hover, .topic-no-code .card-action-button:focus { border-color: #31AF7F; }

.topic-security .card-action-button:hover, .topic-security .card-action-button:focus { border-color: #409BE9; }

.topic-game-development .card-action-button:hover, .topic-game-development .card-action-button:focus { border-color: #856fc4; }

.topic-treehouse-resources .card-action-button:hover, .topic-treehouse-resources .card-action-button:focus { border-color: #5fcf80; }

.topic-coding-for-kids .card-action-button:hover, .topic-coding-for-kids .card-action-button:focus { border-color: #F36C27; }

.topic-ai .card-action-button:hover svg, .topic-ai .card-action-button:focus svg { fill: #733A88; }

.topic-back-end .card-action-button:hover svg, .topic-back-end .card-action-button:focus svg { fill: #008297; }

.topic-data .card-action-button:hover svg, .topic-data .card-action-button:focus svg { fill: #9F4B84; }

.topic-design .card-action-button:hover svg, .topic-design .card-action-button:focus svg { fill: #4a4290; }

.topic-experimental .card-action-button:hover svg, .topic-experimental .card-action-button:focus svg { fill: #733a88; }

.topic-front-end .card-action-button:hover svg, .topic-front-end .card-action-button:focus svg { fill: #3659a2; }

.topic-fundamentals .card-action-button:hover svg, .topic-fundamentals .card-action-button:focus svg { fill: #9b3b5a; }

.topic-mobile .card-action-button:hover svg, .topic-mobile .card-action-button:focus svg { fill: #30826C; }

.topic-internal .card-action-button:hover svg, .topic-internal .card-action-button:focus svg { fill: #55616c; }

.topic-foundations .card-action-button:hover svg, .topic-foundations .card-action-button:focus svg { fill: #004e61; }

.topic-undefined .card-action-button:hover svg, .topic-undefined .card-action-button:focus svg { fill: #55616c; }

.topic-college-credit .card-action-button:hover svg, .topic-college-credit .card-action-button:focus svg { fill: #3887c8; }

.topic-no-code .card-action-button:hover svg, .topic-no-code .card-action-button:focus svg { fill: #31AF7F; }

.topic-security .card-action-button:hover svg, .topic-security .card-action-button:focus svg { fill: #409BE9; }

.topic-game-development .card-action-button:hover svg, .topic-game-development .card-action-button:focus svg { fill: #856fc4; }

.topic-treehouse-resources .card-action-button:hover svg, .topic-treehouse-resources .card-action-button:focus svg { fill: #5fcf80; }

.topic-coding-for-kids .card-action-button:hover svg, .topic-coding-for-kids .card-action-button:focus svg { fill: #F36C27; }

.card-action-trailer:before, .card-action-trailer:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

.card-action-trailer:before { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 5px) rotate(45deg); -moz-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); transform: translate(-50%, 5px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.card-action-trailer:after { content: "Watch Trailer"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #384047; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #fff; left: 50%; bottom: 100%; }

.card-action-trailer:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -5px) rotate(45deg); -moz-transform: translate(-50%, -5px) rotate(45deg); -webkit-transform: translate(-50%, -5px) rotate(45deg); transform: translate(-50%, -5px) rotate(45deg); }

.card-action-trailer:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.card-action-trailer .tooltip { display: none; }

.card:first-child .card-action-trailer .tooltip { display: block; width: 230px; margin-left: -115px; -webkit-animation: floater 1s ease infinite; -moz-animation: floater 1s ease infinite; animation: floater 1s ease infinite; }

@-webkit-keyframes floater { 0%, 100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% { -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); } }

@-moz-keyframes floater { 0%, 100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% { -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); } }

@keyframes floater { 0%, 100% { -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% { -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); } }

.card-tooltip { position: absolute; background: #384047; text-align: center; padding: 15px 20px; width: 280px; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); color: #fff; left: 50%; bottom: 100%; }

.card-tooltip p { color: #fff; line-height: 1.6; margin: 0; }

.card-tooltip p strong { color: #fff; }

.card-tooltip:after { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; top: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

.card-action:hover .card-tooltip { visibility: visible; opacity: 1; -ms-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.card .confirmation-tarp { display: none; position: absolute; top: 58px; right: 15px; bottom: 0; left: 15px; z-index: 3; background: rgba(255, 255, 255, 0.97); padding: 60px 30px 0; border-radius: 0 0 4px 4px; text-align: center; -webkit-animation: fade-in 0.15s ease-in; -moz-animation: fade-in 0.15s ease-in; animation: fade-in 0.15s ease-in; }

.card .confirmation-tarp.fade-out { -webkit-animation: fade-out 0.3s ease-out forwards; -moz-animation: fade-out 0.3s ease-out forwards; animation: fade-out 0.3s ease-out forwards; }

.card .confirmation-tarp h4 { font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 8px; color: #101417; }

.card .confirmation-tarp p { font-size: 14px; color: #2b363e; margin-bottom: 20px; }

.card .confirmation-tarp .button { display: block; margin: 20px 0 0; }

.card .confirmation-tarp .button .loading-icon { display: none; width: 18px; height: 18px; margin: 0 auto; opacity: 1; opacity: 1; }

.loading .card .confirmation-tarp .button-secondary span { display: none; }

.loading .card .confirmation-tarp .button-secondary .loading-icon { display: block; }

.card .confirmation-tarp .view-all { font-size: 14px; font-weight: 700; position: relative; top: 10px; }

.topic-ai.card .confirmation-tarp .view-all { color: #733A88; }

.topic-ai .card .confirmation-tarp .view-all { color: #733A88; }

.topic-back-end.card .confirmation-tarp .view-all { color: #008297; }

.topic-back-end .card .confirmation-tarp .view-all { color: #008297; }

.topic-data.card .confirmation-tarp .view-all { color: #9F4B84; }

.topic-data .card .confirmation-tarp .view-all { color: #9F4B84; }

.topic-design.card .confirmation-tarp .view-all { color: #4a4290; }

.topic-design .card .confirmation-tarp .view-all { color: #4a4290; }

.topic-experimental.card .confirmation-tarp .view-all { color: #733a88; }

.topic-experimental .card .confirmation-tarp .view-all { color: #733a88; }

.topic-front-end.card .confirmation-tarp .view-all { color: #3659a2; }

.topic-front-end .card .confirmation-tarp .view-all { color: #3659a2; }

.topic-fundamentals.card .confirmation-tarp .view-all { color: #9b3b5a; }

.topic-fundamentals .card .confirmation-tarp .view-all { color: #9b3b5a; }

.topic-mobile.card .confirmation-tarp .view-all { color: #30826C; }

.topic-mobile .card .confirmation-tarp .view-all { color: #30826C; }

.topic-internal.card .confirmation-tarp .view-all { color: #55616c; }

.topic-internal .card .confirmation-tarp .view-all { color: #55616c; }

.topic-foundations.card .confirmation-tarp .view-all { color: #004e61; }

.topic-foundations .card .confirmation-tarp .view-all { color: #004e61; }

.topic-undefined.card .confirmation-tarp .view-all { color: #55616c; }

.topic-undefined .card .confirmation-tarp .view-all { color: #55616c; }

.topic-college-credit.card .confirmation-tarp .view-all { color: #3887c8; }

.topic-college-credit .card .confirmation-tarp .view-all { color: #3887c8; }

.topic-no-code.card .confirmation-tarp .view-all { color: #31AF7F; }

.topic-no-code .card .confirmation-tarp .view-all { color: #31AF7F; }

.topic-security.card .confirmation-tarp .view-all { color: #409BE9; }

.topic-security .card .confirmation-tarp .view-all { color: #409BE9; }

.topic-game-development.card .confirmation-tarp .view-all { color: #856fc4; }

.topic-game-development .card .confirmation-tarp .view-all { color: #856fc4; }

.topic-treehouse-resources.card .confirmation-tarp .view-all { color: #5fcf80; }

.topic-treehouse-resources .card .confirmation-tarp .view-all { color: #5fcf80; }

.topic-coding-for-kids.card .confirmation-tarp .view-all { color: #F36C27; }

.topic-coding-for-kids .card .confirmation-tarp .view-all { color: #F36C27; }

.card .confirmation-tarp .view-all svg { margin-left: 3px; position: relative; top: 2px; }

.topic-ai.card .confirmation-tarp .view-all svg { fill: #733A88; }

.topic-ai .card .confirmation-tarp .view-all svg { fill: #733A88; }

.topic-back-end.card .confirmation-tarp .view-all svg { fill: #008297; }

.topic-back-end .card .confirmation-tarp .view-all svg { fill: #008297; }

.topic-data.card .confirmation-tarp .view-all svg { fill: #9F4B84; }

.topic-data .card .confirmation-tarp .view-all svg { fill: #9F4B84; }

.topic-design.card .confirmation-tarp .view-all svg { fill: #4a4290; }

.topic-design .card .confirmation-tarp .view-all svg { fill: #4a4290; }

.topic-experimental.card .confirmation-tarp .view-all svg { fill: #733a88; }

.topic-experimental .card .confirmation-tarp .view-all svg { fill: #733a88; }

.topic-front-end.card .confirmation-tarp .view-all svg { fill: #3659a2; }

.topic-front-end .card .confirmation-tarp .view-all svg { fill: #3659a2; }

.topic-fundamentals.card .confirmation-tarp .view-all svg { fill: #9b3b5a; }

.topic-fundamentals .card .confirmation-tarp .view-all svg { fill: #9b3b5a; }

.topic-mobile.card .confirmation-tarp .view-all svg { fill: #30826C; }

.topic-mobile .card .confirmation-tarp .view-all svg { fill: #30826C; }

.topic-internal.card .confirmation-tarp .view-all svg { fill: #55616c; }

.topic-internal .card .confirmation-tarp .view-all svg { fill: #55616c; }

.topic-foundations.card .confirmation-tarp .view-all svg { fill: #004e61; }

.topic-foundations .card .confirmation-tarp .view-all svg { fill: #004e61; }

.topic-undefined.card .confirmation-tarp .view-all svg { fill: #55616c; }

.topic-undefined .card .confirmation-tarp .view-all svg { fill: #55616c; }

.topic-college-credit.card .confirmation-tarp .view-all svg { fill: #3887c8; }

.topic-college-credit .card .confirmation-tarp .view-all svg { fill: #3887c8; }

.topic-no-code.card .confirmation-tarp .view-all svg { fill: #31AF7F; }

.topic-no-code .card .confirmation-tarp .view-all svg { fill: #31AF7F; }

.topic-security.card .confirmation-tarp .view-all svg { fill: #409BE9; }

.topic-security .card .confirmation-tarp .view-all svg { fill: #409BE9; }

.topic-game-development.card .confirmation-tarp .view-all svg { fill: #856fc4; }

.topic-game-development .card .confirmation-tarp .view-all svg { fill: #856fc4; }

.topic-treehouse-resources.card .confirmation-tarp .view-all svg { fill: #5fcf80; }

.topic-treehouse-resources .card .confirmation-tarp .view-all svg { fill: #5fcf80; }

.topic-coding-for-kids.card .confirmation-tarp .view-all svg { fill: #F36C27; }

.topic-coding-for-kids .card .confirmation-tarp .view-all svg { fill: #F36C27; }

.card:not([data-location=bookmarks]) .bookmarkable-tarp .removed-wrapper { display: none; }

.card[data-location=bookmarks].personalized:not(.bookmarked) { opacity: 0; pointer-events: none; -webkit-animation: fall-out 0.3s ease-out; -moz-animation: fall-out 0.3s ease-out; animation: fall-out 0.3s ease-out; }

@-webkit-keyframes fall-out { from { -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform-origin: center center;
    opacity: 1; }
  to { -ms-transform: translate(0px, 500px) rotate(15deg);
    -moz-transform: translate(0px, 500px) rotate(15deg);
    -webkit-transform: translate(0px, 500px) rotate(15deg);
    transform: translate(0px, 500px) rotate(15deg);
    -webkit-transform-origin: center center;
    opacity: 0; } }

@-moz-keyframes fall-out { from { -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transform-origin: center center;
    opacity: 1; }
  to { -ms-transform: translate(0px, 500px) rotate(15deg);
    -moz-transform: translate(0px, 500px) rotate(15deg);
    -webkit-transform: translate(0px, 500px) rotate(15deg);
    transform: translate(0px, 500px) rotate(15deg);
    -moz-transform-origin: center center;
    opacity: 0; } }

@keyframes fall-out { from { -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    opacity: 1; }
  to { -ms-transform: translate(0px, 500px) rotate(15deg);
    -moz-transform: translate(0px, 500px) rotate(15deg);
    -webkit-transform: translate(0px, 500px) rotate(15deg);
    transform: translate(0px, 500px) rotate(15deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; } }

#card-trailer-modal { width: 50%; padding: 0; margin: 30px auto; max-width: 800px; }

@media screen and (min-width: 680px) { #card-trailer-modal { width: 90%; } }

@media screen and (max-width: 679px) { #card-trailer-modal { width: 100%; } }

.coursecard-org-stats { position: absolute; bottom: 105px; right: 15px; z-index: 3; }

.coursecard-org-stats li { float: left; margin-right: 20px; }

.coursecard-org-stats li svg { height: 14px; width: auto; fill: #8e969d; }

.coursecard-org-stats h4 { display: inline; }

*, *:before, *:after { box-sizing: border-box; }

.marketing_2020-layout { scroll-behavior: smooth; overflow-x: hidden; }

body { background-color: #fff; color: #1a2126; font-size: 16px; font-style: normal; line-height: 1; position: relative; margin: 0; padding: 0; text-rendering: geometricPrecision; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

img { height: auto; -ms-interpolation-mode: bicubic; }

img, object, embed { max-width: 100%; }

img[src*="taboola"] { position: absolute; left: -1000px; }

a { color: #387bab; font-weight: 700; text-decoration: none; }

a:hover, a:active { color: #2a5d81; text-decoration: none; }

a img { border: none; }

.margin-max { margin-top: 90px; }

@media screen and (min-width: 960px) { .margin-max { margin-top: 150px; } }

.margin-mid { margin-top: 70px; }

@media screen and (min-width: 960px) { .margin-mid { margin-top: 110px; } }

.margin-min { margin-top: 50px; }

@media screen and (min-width: 960px) { .margin-min { margin-top: 70px; } }
.alert-banner { border-radius: 0 !important; margin-bottom: 0 !important; }

.alert-banner p { position: relative; max-width: 1160px; margin: 0 auto; font-size: 10px; color: #ed5a5a; }

.alert-banner.with-icon p { padding-left: 35px; }

.alert-banner.with-icon p svg { left: 0; }

.global-message { padding: 0; }

.global-message a { padding: 0; margin-top: 0; }

.global-message-container { width: 100%; z-index: 1000; }

@media screen and (max-width: 679px) { .global-message-container { position: fixed; top: 88px; } }

@media screen and (min-width: 680px) { .global-message-container { position: fixed; top: 100px; } }

.global-message-container p, .global-message-container strong { color: #fff !important; font-size: 13px; margin: 0; line-height: 1.3; }

.global-message-container p { padding-right: 30px; }

.global-message-container .close-message { position: absolute; top: 50%; right: 20px; width: 12px; height: 12px; transition: opacity 200ms ease-in-out; margin-top: -8px; padding: 0; }

.global-message-container .close-message:hover, .global-message-container .close-message:active { cursor: pointer; opacity: 0.7; }

.global-message-error { background-color: #be4a4a; }

.global-message-success { background-color: #24793d; }

.global-message-centered-content { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-left: 20px; padding-right: 20px; }

@media screen and (max-width: 679px) { .global-message-centered { padding-left: 15px; } }

.global-message-centered a.button { float: none; position: unset; }

@media screen and (max-width: 679px) { .global-message-centered a.button { margin-top: 10px; } }

@media screen and (max-width: 679px) { .global-message-centered p { text-align: center; } }

@media screen and (max-width: 679px) { .global-message-centered span { display: block; } }

.global-message-sticky-footer { background-image: url("/assets/marketing/landings/tracks_fullimg-a5ed73ac6c2fd81a3d4e4bc652f76d50cbccb4272dfe3cca1cb00067694896ba.png"); background-color: #ed5a5a; background-size: cover; background-repeat: no-repeat; position: fixed; bottom: 0px; top: initial; left: 0px; right: 0px; background-position: center; }
.button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, opacity 0.3s ease; border-radius: 4px; cursor: pointer; display: inline-block; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; position: relative; margin: 0; outline: none; text-align: center; text-decoration: none; vertical-align: baseline; white-space: nowrap; background-color: transparent; border: solid 2px #5fcf80; }

.button { font-size: 16px; height: 52px; line-height: 48px; padding: 0 32px; }

.button.square { padding: 0; width: 52px; }

.button.square { padding: 0; width: 40px; }

.button:not(.has-topic-color) { color: #5fcf80; }

.button svg:not(.has-topic-fill) { fill: #5fcf80; }

.button:hover:not(.disabled), .button:focus, .uploader.hover:not(.disabled) .button { border-color: #34ad58; }

.button:hover:not(.disabled):not(.has-topic-color), .button:focus:not(.has-topic-color), .uploader.hover:not(.disabled) .button:not(.has-topic-color) { color: #34ad58; }

.button:hover:not(.disabled) svg:not(.has-topic-fill), .button:focus svg:not(.has-topic-fill), .uploader.hover:not(.disabled) .button svg:not(.has-topic-fill) { fill: #34ad58; }

.button:last-child { margin-right: 0; }

.ff .button:not(.button) { line-height: 1; }

.topic-ai .button { border-color: #733A88; color: #733A88; }

.button.topic-ai { border-color: #733A88; color: #733A88; }

.topic-back-end .button { border-color: #008297; color: #008297; }

.button.topic-back-end { border-color: #008297; color: #008297; }

.topic-data .button { border-color: #9F4B84; color: #9F4B84; }

.button.topic-data { border-color: #9F4B84; color: #9F4B84; }

.topic-design .button { border-color: #4a4290; color: #4a4290; }

.button.topic-design { border-color: #4a4290; color: #4a4290; }

.topic-experimental .button { border-color: #733a88; color: #733a88; }

.button.topic-experimental { border-color: #733a88; color: #733a88; }

.topic-front-end .button { border-color: #3659a2; color: #3659a2; }

.button.topic-front-end { border-color: #3659a2; color: #3659a2; }

.topic-fundamentals .button { border-color: #9b3b5a; color: #9b3b5a; }

.button.topic-fundamentals { border-color: #9b3b5a; color: #9b3b5a; }

.topic-mobile .button { border-color: #30826C; color: #30826C; }

.button.topic-mobile { border-color: #30826C; color: #30826C; }

.topic-internal .button { border-color: #55616c; color: #55616c; }

.button.topic-internal { border-color: #55616c; color: #55616c; }

.topic-foundations .button { border-color: #004e61; color: #004e61; }

.button.topic-foundations { border-color: #004e61; color: #004e61; }

.topic-undefined .button { border-color: #55616c; color: #55616c; }

.button.topic-undefined { border-color: #55616c; color: #55616c; }

.topic-college-credit .button { border-color: #3887c8; color: #3887c8; }

.button.topic-college-credit { border-color: #3887c8; color: #3887c8; }

.topic-no-code .button { border-color: #31AF7F; color: #31AF7F; }

.button.topic-no-code { border-color: #31AF7F; color: #31AF7F; }

.topic-security .button { border-color: #409BE9; color: #409BE9; }

.button.topic-security { border-color: #409BE9; color: #409BE9; }

.topic-game-development .button { border-color: #856fc4; color: #856fc4; }

.button.topic-game-development { border-color: #856fc4; color: #856fc4; }

.topic-treehouse-resources .button { border-color: #5fcf80; color: #5fcf80; }

.button.topic-treehouse-resources { border-color: #5fcf80; color: #5fcf80; }

.topic-coding-for-kids .button { border-color: #F36C27; color: #F36C27; }

.button.topic-coding-for-kids { border-color: #F36C27; color: #F36C27; }

.topic-ai .button svg { fill: #733A88; }

.button.topic-ai svg { fill: #733A88; }

.topic-back-end .button svg { fill: #008297; }

.button.topic-back-end svg { fill: #008297; }

.topic-data .button svg { fill: #9F4B84; }

.button.topic-data svg { fill: #9F4B84; }

.topic-design .button svg { fill: #4a4290; }

.button.topic-design svg { fill: #4a4290; }

.topic-experimental .button svg { fill: #733a88; }

.button.topic-experimental svg { fill: #733a88; }

.topic-front-end .button svg { fill: #3659a2; }

.button.topic-front-end svg { fill: #3659a2; }

.topic-fundamentals .button svg { fill: #9b3b5a; }

.button.topic-fundamentals svg { fill: #9b3b5a; }

.topic-mobile .button svg { fill: #30826C; }

.button.topic-mobile svg { fill: #30826C; }

.topic-internal .button svg { fill: #55616c; }

.button.topic-internal svg { fill: #55616c; }

.topic-foundations .button svg { fill: #004e61; }

.button.topic-foundations svg { fill: #004e61; }

.topic-undefined .button svg { fill: #55616c; }

.button.topic-undefined svg { fill: #55616c; }

.topic-college-credit .button svg { fill: #3887c8; }

.button.topic-college-credit svg { fill: #3887c8; }

.topic-no-code .button svg { fill: #31AF7F; }

.button.topic-no-code svg { fill: #31AF7F; }

.topic-security .button svg { fill: #409BE9; }

.button.topic-security svg { fill: #409BE9; }

.topic-game-development .button svg { fill: #856fc4; }

.button.topic-game-development svg { fill: #856fc4; }

.topic-treehouse-resources .button svg { fill: #5fcf80; }

.button.topic-treehouse-resources svg { fill: #5fcf80; }

.topic-coding-for-kids .button svg { fill: #F36C27; }

.button.topic-coding-for-kids svg { fill: #F36C27; }

.topic-ai .button:hover:not(.disabled), .topic-ai .button:focus { border-color: #552b64; color: #552b64; }

.button:hover:not(.disabled).topic-ai, .button:focus.topic-ai { border-color: #552b64; color: #552b64; }

.topic-back-end .button:hover:not(.disabled), .topic-back-end .button:focus { border-color: #005664; color: #005664; }

.button:hover:not(.disabled).topic-back-end, .button:focus.topic-back-end { border-color: #005664; color: #005664; }

.topic-data .button:hover:not(.disabled), .topic-data .button:focus { border-color: #7c3b67; color: #7c3b67; }

.button:hover:not(.disabled).topic-data, .button:focus.topic-data { border-color: #7c3b67; color: #7c3b67; }

.topic-design .button:hover:not(.disabled), .topic-design .button:focus { border-color: #38326d; color: #38326d; }

.button:hover:not(.disabled).topic-design, .button:focus.topic-design { border-color: #38326d; color: #38326d; }

.topic-experimental .button:hover:not(.disabled), .topic-experimental .button:focus { border-color: #552b64; color: #552b64; }

.button:hover:not(.disabled).topic-experimental, .button:focus.topic-experimental { border-color: #552b64; color: #552b64; }

.topic-front-end .button:hover:not(.disabled), .topic-front-end .button:focus { border-color: #29447c; color: #29447c; }

.button:hover:not(.disabled).topic-front-end, .button:focus.topic-front-end { border-color: #29447c; color: #29447c; }

.topic-fundamentals .button:hover:not(.disabled), .topic-fundamentals .button:focus { border-color: #762d45; color: #762d45; }

.button:hover:not(.disabled).topic-fundamentals, .button:focus.topic-fundamentals { border-color: #762d45; color: #762d45; }

.topic-mobile .button:hover:not(.disabled), .topic-mobile .button:focus { border-color: #225d4d; color: #225d4d; }

.button:hover:not(.disabled).topic-mobile, .button:focus.topic-mobile { border-color: #225d4d; color: #225d4d; }

.topic-internal .button:hover:not(.disabled), .topic-internal .button:focus { border-color: #3f474f; color: #3f474f; }

.button:hover:not(.disabled).topic-internal, .button:focus.topic-internal { border-color: #3f474f; color: #3f474f; }

.topic-foundations .button:hover:not(.disabled), .topic-foundations .button:focus { border-color: #00252e; color: #00252e; }

.button:hover:not(.disabled).topic-foundations, .button:focus.topic-foundations { border-color: #00252e; color: #00252e; }

.topic-undefined .button:hover:not(.disabled), .topic-undefined .button:focus { border-color: #3f474f; color: #3f474f; }

.button:hover:not(.disabled).topic-undefined, .button:focus.topic-undefined { border-color: #3f474f; color: #3f474f; }

.topic-college-credit .button:hover:not(.disabled), .topic-college-credit .button:focus { border-color: #2c6ca1; color: #2c6ca1; }

.button:hover:not(.disabled).topic-college-credit, .button:focus.topic-college-credit { border-color: #2c6ca1; color: #2c6ca1; }

.topic-no-code .button:hover:not(.disabled), .topic-no-code .button:focus { border-color: #268762; color: #268762; }

.button:hover:not(.disabled).topic-no-code, .button:focus.topic-no-code { border-color: #268762; color: #268762; }

.topic-security .button:hover:not(.disabled), .topic-security .button:focus { border-color: #1983dd; color: #1983dd; }

.button:hover:not(.disabled).topic-security, .button:focus.topic-security { border-color: #1983dd; color: #1983dd; }

.topic-game-development .button:hover:not(.disabled), .topic-game-development .button:focus { border-color: #664bb5; color: #664bb5; }

.button:hover:not(.disabled).topic-game-development, .button:focus.topic-game-development { border-color: #664bb5; color: #664bb5; }

.topic-treehouse-resources .button:hover:not(.disabled), .topic-treehouse-resources .button:focus { border-color: #3ac162; color: #3ac162; }

.button:hover:not(.disabled).topic-treehouse-resources, .button:focus.topic-treehouse-resources { border-color: #3ac162; color: #3ac162; }

.topic-coding-for-kids .button:hover:not(.disabled), .topic-coding-for-kids .button:focus { border-color: #db520c; color: #db520c; }

.button:hover:not(.disabled).topic-coding-for-kids, .button:focus.topic-coding-for-kids { border-color: #db520c; color: #db520c; }

.topic-ai .button:hover:not(.disabled) svg, .topic-ai .button:focus svg { fill: #552b64; }

.button:hover:not(.disabled).topic-ai svg, .button:focus.topic-ai svg { fill: #552b64; }

.topic-back-end .button:hover:not(.disabled) svg, .topic-back-end .button:focus svg { fill: #005664; }

.button:hover:not(.disabled).topic-back-end svg, .button:focus.topic-back-end svg { fill: #005664; }

.topic-data .button:hover:not(.disabled) svg, .topic-data .button:focus svg { fill: #7c3b67; }

.button:hover:not(.disabled).topic-data svg, .button:focus.topic-data svg { fill: #7c3b67; }

.topic-design .button:hover:not(.disabled) svg, .topic-design .button:focus svg { fill: #38326d; }

.button:hover:not(.disabled).topic-design svg, .button:focus.topic-design svg { fill: #38326d; }

.topic-experimental .button:hover:not(.disabled) svg, .topic-experimental .button:focus svg { fill: #552b64; }

.button:hover:not(.disabled).topic-experimental svg, .button:focus.topic-experimental svg { fill: #552b64; }

.topic-front-end .button:hover:not(.disabled) svg, .topic-front-end .button:focus svg { fill: #29447c; }

.button:hover:not(.disabled).topic-front-end svg, .button:focus.topic-front-end svg { fill: #29447c; }

.topic-fundamentals .button:hover:not(.disabled) svg, .topic-fundamentals .button:focus svg { fill: #762d45; }

.button:hover:not(.disabled).topic-fundamentals svg, .button:focus.topic-fundamentals svg { fill: #762d45; }

.topic-mobile .button:hover:not(.disabled) svg, .topic-mobile .button:focus svg { fill: #225d4d; }

.button:hover:not(.disabled).topic-mobile svg, .button:focus.topic-mobile svg { fill: #225d4d; }

.topic-internal .button:hover:not(.disabled) svg, .topic-internal .button:focus svg { fill: #3f474f; }

.button:hover:not(.disabled).topic-internal svg, .button:focus.topic-internal svg { fill: #3f474f; }

.topic-foundations .button:hover:not(.disabled) svg, .topic-foundations .button:focus svg { fill: #00252e; }

.button:hover:not(.disabled).topic-foundations svg, .button:focus.topic-foundations svg { fill: #00252e; }

.topic-undefined .button:hover:not(.disabled) svg, .topic-undefined .button:focus svg { fill: #3f474f; }

.button:hover:not(.disabled).topic-undefined svg, .button:focus.topic-undefined svg { fill: #3f474f; }

.topic-college-credit .button:hover:not(.disabled) svg, .topic-college-credit .button:focus svg { fill: #2c6ca1; }

.button:hover:not(.disabled).topic-college-credit svg, .button:focus.topic-college-credit svg { fill: #2c6ca1; }

.topic-no-code .button:hover:not(.disabled) svg, .topic-no-code .button:focus svg { fill: #268762; }

.button:hover:not(.disabled).topic-no-code svg, .button:focus.topic-no-code svg { fill: #268762; }

.topic-security .button:hover:not(.disabled) svg, .topic-security .button:focus svg { fill: #1983dd; }

.button:hover:not(.disabled).topic-security svg, .button:focus.topic-security svg { fill: #1983dd; }

.topic-game-development .button:hover:not(.disabled) svg, .topic-game-development .button:focus svg { fill: #664bb5; }

.button:hover:not(.disabled).topic-game-development svg, .button:focus.topic-game-development svg { fill: #664bb5; }

.topic-treehouse-resources .button:hover:not(.disabled) svg, .topic-treehouse-resources .button:focus svg { fill: #3ac162; }

.button:hover:not(.disabled).topic-treehouse-resources svg, .button:focus.topic-treehouse-resources svg { fill: #3ac162; }

.topic-coding-for-kids .button:hover:not(.disabled) svg, .topic-coding-for-kids .button:focus svg { fill: #db520c; }

.button:hover:not(.disabled).topic-coding-for-kids svg, .button:focus.topic-coding-for-kids svg { fill: #db520c; }

.button svg { transition: fill 200ms ease-in-out; }

@media screen and (min-width: 969px) { .button + .button { margin-left: 10px; } }

.button.close, .button.button-close { padding: 0; margin: 0; width: 28px; height: 28px; line-height: 22px; text-align: center; z-index: 2; }

.button.close svg.close-icon, .button.button-close svg.close-icon { margin: 6px 0 0 0; top: 0; }

.button.icon-on-left svg { margin: 0 5px 0 0; }

.button.icon-on-right svg { margin: 0 0 0 5px; }

.button svg { vertical-align: middle; position: relative; top: -1px; }

.button svg.reload-icon { width: 16px; height: 16px; left: 0; top: 0; }

@media screen and (max-width: 679px) { .full-on-mobile { display: block; width: 100%; margin: 0; padding-left: 0; padding-right: 0; text-align: center; } }

.js-focus-visible :focus:not(.focus-visible) { outline: none; box-shadow: none; }
form .row { padding: 0 9px; }

form .row .column, form .row .columns { padding: 0 6px; }

form .note { font-size: 13px; }

input[type='email'], input[type='number'], input[type='search'] { padding: 12px 15px; }

.message p { margin-top: 0; }

.field_with_errors input, .field_with_errors select, .error input, .error select { background-color: #fff; margin-bottom: 0; border-color: #ed5a5a; }

.field_with_errors .error-message, .error .error-message { color: #ed5a5a; font-size: 14px; }

.form-card .error-message { margin-bottom: 20px !important; }

.form-card .error-message .form-element > span { color: #ed5a5a; }

textarea.field_with_errors { margin-bottom: 0; }

legend { margin-bottom: 20px; }

fieldset { border: none; }

.flex-block-xs-white-bg { display: flex !important; }

.button--inline-white-bg { margin-top: 2px !important; padding: 0 26px !important; height: 47px !important; line-height: 43px !important; }

.button--primary-gray { background-color: #40484a !important; border-color: #40484a !important; color: #fff !important; font-size: 1rem; max-width: 172px; }

.flex-basis-70-lg-white-bg { flex-basis: 70% !important; max-width: 343px; }

@media screen and (max-width: 960px) { .flex-basis-70-lg-white-bg { max-width: 100%; padding-right: 1em; } }

@media screen and (max-width: 755px) { .form-card-wrap-xs { flex-direction: column; }
  .mobile-input-padding { padding-bottom: 0.5em !important; }
  .flex-basis-70-lg-white-bg { flex-basis: 100% !important; padding-right: 0; }
  .button--primary-gray { max-width: 100%; }
  .flex-block-xs-white-bg { flex-direction: column; } }
.dropdown { background: #f9fafa; min-width: 200px; max-width: 420px; position: absolute; top: 50px; display: none; z-index: 100; border-radius: 5px; text-align: left; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.08); }

.dropdown-show .dropdown { display: block; }

.dropdown:before { position: absolute; content: ""; background: #fff; width: 12px; height: 12px; border-radius: 3px 0 0 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.08); top: -6px; }

.dropdown.left, .dropdown-left { left: 0; }

.dropdown.left:before, .dropdown-left:before { left: 20px; }

.dropdown.right, .dropdown-right { right: -20px; }

.dropdown.right:before, .dropdown-right:before { right: 20px; }

.dropdown .dropdown-title { display: block; background: #fff; font-size: 16px; line-height: 20px; position: relative; z-index: 1; border-bottom: 1px solid #e8ebed; border-radius: 5px 5px 0 0; margin: 0; }

.dropdown .dropdown-title a { display: block; padding: 15px 20px; color: #101417; }

.dropdown .dropdown-title a:hover { color: black; }

.dropdown > ul { margin: 0; background: #f9fafa; }

.dropdown > ul > li { list-style: none; border: 0 solid #f0f2f4; border-width: 0 0 1px; font-weight: 400; margin: 0; transition: background-color 0.3s ease, border-color 0.3s ease; }

.dropdown > ul > li:last-child { border-bottom: none; }

.dropdown > ul > li:not(.without-hover):hover { background: #fff; border-color: #e8ebed; }

.dropdown > ul > li:not(.without-hover):hover > a { color: #101417; }

.dropdown > ul > li:not(.without-hover):hover > a svg { fill: #1a2126; }

.dropdown > ul > li > a { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; }

.dropdown > ul > li > a:before, .dropdown > ul > li > a:after { content: " "; display: table; }

.dropdown > ul > li > a:after { clear: both; }

.dropdown > ul > li > a > svg { fill: #2b363e; }

.dropdown .empty { padding: 60px 20px; margin: 0; font-size: 14px; color: #2b363e; text-align: center; }

.dropdown .empty .button { margin: 15px 40px; display: block; }

.dropdown .dropdown-secondary { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; border-radius: 0 0 5px 5px; background: #fff; border-top: 1px solid #e8ebed; }

.dropdown .dropdown-secondary:before, .dropdown .dropdown-secondary:after { content: " "; display: table; }

.dropdown .dropdown-secondary:after { clear: both; }

.dropdown .dropdown-secondary > svg { fill: #2b363e; }

.dropdown .dropdown-secondary:hover { background: #edeff0; color: #101417; }

body { transition: padding 600ms 0s ease; }

.header-nav-item-profile-dropdown { top: 96%; right: -90px; max-width: 200px; }

body { padding-top: 0 !important; }

.nav { z-index: 1 !important; box-shadow: none !important; position: static !important; }

.nav22-override { z-index: 9 !important; position: absolute !important; box-shadow: none !important; }

@media screen and (max-width: 970px) { .signin22-wrapper #signout22 { right: 30px !important; top: -2px !important; } }

@media screen and (max-width: 679px) { .signin22-wrapper #signout22 { top: -3px !important; right: -100px !important; } }

@media screen and (max-width: 970px) { .signin22-wrapper { display: block !important; } }

@media screen and (max-width: 679px) { .nav22-mobile-override { right: 10px !important; } }

.nav { display: flex; align-items: center; background: #fff; box-shadow: 0 0 1px rgba(0, 65, 94, 0.2); z-index: 102; transition: height 600ms 0s ease; position: fixed; top: 0; right: 0; left: 0; }

@media screen and (max-width: 679px) { .nav { height: 50px; } }

@media screen and (min-width: 680px) { .nav { height: 70px; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav { bottom: 0; height: 100%; overflow-y: auto; } }

@media screen and (max-width: 679px) { .nav { display: flex; flex-wrap: wrap; align-content: space-between; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav { height: 100vh; align-items: start; } }

.nav-container { padding-top: 0; padding-bottom: 0; width: 100%; position: relative; max-width: 1260px; margin: 0 auto; height: 70px; display: flex; }

@media screen and (max-width: 969px) { .nav-container { padding: 30px; } }

@media screen and (max-width: 679px) { .nav-container { padding: 0 15px; } }

@media screen and (max-width: 969px) { .nav-container { flex-wrap: wrap; padding: 0 !important; }
  .hamburger-button-clicked .nav-container { height: 94vh; } }

.nav-container-2022 { padding-top: 0; padding-bottom: 0; width: 100%; position: relative; max-width: 1400px; margin: 0 auto; }

@media screen and (max-width: 969px) { .nav-container-2022 { padding: 30px; } }

@media screen and (max-width: 679px) { .nav-container-2022 { padding: 0 15px; } }

.nav-list { list-style: none; position: relative; width: 100%; margin: 0 auto; text-align: right; overflow: visible; padding-left: 0; position: inherit; }

@media screen and (max-width: 969px) { .nav-list { text-align: left; } }

.nav-list:before, .nav-list:after { content: " "; display: table; }

.nav-list:after { clear: both; }

@media screen and (max-width: 679px) { .hamburger-button-clicked .nav-list { padding-top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hamburger-button-clicked .nav-list { padding-top: 70px; } }

.nav-list:before, .nav-list:after { content: " "; display: table; }

.nav-list:after { clear: both; }

@media screen and (max-width: 969px) { .nav-list { padding: 0 15px; }
  .hamburger-button-clicked .nav-list { min-height: 91vh; } }

@media screen and (max-width: 679px) { .nav-list { text-align: left; } }

.nav-list-2022 { list-style: none; position: relative; width: 100%; margin: 0 auto; text-align: left; padding-left: 9em; cursor: default; }

@media screen and (max-width: 969px) { .nav-list-2022 { text-align: right; } }

.nav-list-2022:before, .nav-list-2022:after { content: " "; display: table; }

.nav-list-2022:after { clear: both; }

@media screen and (max-width: 679px) { .hamburger-button-clicked .nav-list-2022 { padding-top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hamburger-button-clicked .nav-list-2022 { padding-top: 70px; } }

.nav-list-2022:before, .nav-list-2022:after { content: " "; display: table; }

.nav-list-2022:after { clear: both; }

@media screen and (min-width: 1300px) { .nav-list-2022 { margin-left: 30px; } }

@media screen and (max-width: 970px) { .nav-list-2022 { padding-left: 0; margin-left: 0; } }

@media screen and (max-width: 679px) { .nav-list-2022 { text-align: left; } }

.nav-block-2022 { margin: 0 0 0 15px; }

.nav-item { font-weight: 700; line-height: 30px; font-size: 14px; display: inline-block; }

@media screen and (max-width: 679px) { .nav-item { line-height: 50px; } }

@media screen and (min-width: 680px) { .nav-item { line-height: 70px; } }

@media screen and (min-width: 970px) { .nav-item { margin: 0 30px 0 0; } }

@media screen and (min-width: 970px) { .nav-item { margin: 0 10px; } }

.nav-item-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-secondary { right: 30px; } }

@media screen and (max-width: 969px) { .nav-item-tablet { display: none; min-width: 200px; line-height: 40px; font-size: 18px; }
  .hamburger-button-clicked .nav-item-tablet { display: block; } }

.nav-item-tablet.nav-item-show-on-mobile { border-bottom: 2px solid #d4d9dd; }

.nav-item-show-on-mobile { display: none; }

@media screen and (max-width: 969px) { .nav-item-show-on-mobile { display: block; display: none; min-width: 200px; line-height: 40px; font-size: 18px; border-bottom: 2px solid #d4d9dd; }
  .hamburger-button-clicked .nav-item-show-on-mobile { display: block; } }

.nav-item-show-on-mobile-container { float: right; height: 70px; display: flex; align-items: center; justify-content: center; }

.nav-item-show-on-mobile-container .toggle-steps { padding: 0; margin: 0; }

.nav-item-show-on-mobile .nav-link { color: #3b3b3b; font-size: 16px; font-weight: 400; display: inline-block; }

.nav-item .toggle-steps-hide { display: none; }

.nav-item-mobile .current a { color: #303853; border-bottom: 2px solid #b7c0c7; padding-bottom: 2px; }

.nav-item-submenu { font-size: 1rem; line-height: 40px; padding-left: 15px; padding-bottom: 1rem; margin: 0; }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { margin-top: 12px; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { position: absolute; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { top: 0; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { right: 60px; } }

@media screen and (max-width: 380px) { .nav-item-cta { right: 52px; } }

.nav-item-logo { transition: top 600ms 0s ease; }

@media screen and (min-width: 970px) { .nav-item-logo { position: absolute; left: 0; position: absolute; top: 17px; } }

@media screen and (max-width: 969px) { .nav-item-logo { width: 30px; height: 32px; position: absolute; top: -8px; } }

@media screen and (max-width: 680px) { .nav-item-logo { position: absolute; top: 9px; } }

@media screen and (min-width: 679px) { .nav-item-logo { margin-top: 24px; } }

@media screen and (min-width: 970px) { .nav-item-logo { margin-top: 0; } }

.nav-item-logo-container { margin: 0; position: relative; width: 100%; height: 100%; line-height: 1.3; }

.nav-item-logo-icon { display: block; }

@media screen and (max-width: 380px) { .nav-item-logo-icon { max-width: 110px; margin-top: 5px; } }

.nav-item-logo-icon .icon-treehouse { fill: #3e474f; }

.nav-item-logo-icon .icon-logo { fill: #5fcf80; }

.nav-item:hover .nav-item-logo-icon .icon-treehouse { fill: #282d32; }

.nav-item:hover .nav-item-logo-icon .icon-logo { fill: #3ac162; }

@media screen and (max-width: 969px) { .nav-item-free-trial { margin-top: 19px !important; } }

@media screen and (max-width: 679px) { .nav-item-free-trial { margin-top: 10px !important; } }

@media screen and (max-width: 969px) { .nav-item-sign-in { position: absolute; } }

@media screen and (max-width: 969px) { .nav-item-sign-in { top: 18px !important; } }

@media screen and (max-width: 679px) { .nav-item-sign-in { right: 40px; } }

.nav-item-sign-in-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 680px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-secondary { right: 30px; } }

@media screen and (max-width: 679px) { .visitor .nav-item-sign-in { top: 12px !important; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in { top: -7px; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in { right: 10px; } }

@media screen and (max-width: 380px) { .visitor .nav-item-sign-in { right: 0; left: 47%; }
  .visitor .nav-item-sign-in a { font-size: 12px; } }

.logged-in .nav-item-sign-in { right: -80px; display: inline-block !important; }

.nav-item-sign-in-2022 { position: absolute; z-index: 11; top: -145px; right: 180px; font-size: 1rem; color: #fff; }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { position: absolute; } }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { top: 0; } }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { right: 97px; } }

.nav-item-sign-in-2022-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 680px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-2022-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-2022-secondary { right: 30px; } }

@media screen and (max-width: 679px) { .visitor .nav-item-sign-in-2022 { top: 7px !important; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in-2022 { top: -7px; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in-2022 { right: 10px; } }

.logged-in .nav-item-sign-in-2022 { right: -80px; display: inline-block !important; }

.nav-item-sign-in-2022 a:hover { color: #edba36 !important; }

.nav .current .nav-toggle { border-bottom: 4px solid #cccccc; }

.nav-block { display: inline-block; }

@media screen and (min-width: 970px) { .nav-block { float: left; margin-left: 15%; } }

@media screen and (max-width: 969px) { .nav-block { width: 100%; } }

.nav-block-mobile-tablet { display: none; }

@media screen and (max-width: 969px) { .nav-block-mobile-tablet { display: none; min-width: 200px; margin: 0 auto; clear: both; line-height: 40px; top: 200px; }
  .hamburger-button-clicked .nav-block-mobile-tablet { display: block; } }

@media screen and (max-width: 969px) { .nav-block-hide-on-mobile { display: none; } }

.nav-social { padding: 1rem 0; text-align: center; width: 100%; background-color: #2d3339; }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav-social { display: flex !important; align-items: center; justify-content: center; gap: 20px; } }

.nav-social svg { fill: #fff; }

.nav-social-link { display: flex; }

.nav-link, .nav a { color: #387bab; transition: color 300ms 0s ease; font-weight: 700; }

.nav-link:hover, .nav-link:active, .nav-link:focus, .nav a:hover, .nav a:active, .nav a:focus { color: #2a5d81; }

.nav-link-2022, .nav a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3b3b3b; transition: color 300ms 0s ease; font-weight: 300; font-size: 1rem; }

.nav-link-2022:hover, .nav-link-2022:active, .nav-link-2022:focus, .nav a:hover, .nav a:active, .nav a:focus { color: #3b3b3b; }

.nav-link-2022-w, .nav a-w { color: #fff !important; }

.nav-link-2022:not(.nav-link-sign-in):hover, .nav a:not(.nav-link-sign-in):hover { background-color: #F0F0F0; }

.nav-link { position: relative; }

@media screen and (max-width: 969px) { .nav-link { display: block; } }

@media screen and (min-width: 970px) { .nav-link { display: inline-block; } }

@media screen and (max-width: 969px) { .nav-link:not(.nav-link-sign-in):not(.nav-link-sign-out):not(.nav-link-logo):not(.nav-link-free-trial) { margin: 1rem 15px; } }

.current .nav-link { color: #303853; }

.current .nav-link::after { content: ''; position: absolute; width: 100%; height: 0; left: 0; bottom: 21px; border-bottom: 4px solid #cccccc; }

@media screen and (max-width: 969px) { .current .nav-link::after { bottom: 6px; } }

.nav-link.button:not(.button--primary-ubora) { font-size: 12px; height: 30px; line-height: 26px; padding: 0 10px; background: #008298; background: linear-gradient(to bottom, #008298 0%, #007589 100%); border-color: transparent; color: #fff !important; }

@media screen and (max-width: 380px) { .nav-link.button:not(.button--primary-ubora) { padding: 0 5px; } }

.nav-link.button:not(.button--primary-ubora):hover, .nav-link.button:not(.button--primary-ubora):active, .nav-link.button:not(.button--primary-ubora):focus { background: linear-gradient(#004652, #004652); border-color: transparent !important; color: #fff !important; }

.nav-link-sign-in:hover, .nav-link-sign-out:hover { color: #0e8397 !important; }

@media screen and (max-width: 969px) { .nav-link-sign-in, .nav-link-sign-out { line-height: 30px; font-size: 14px; } }

.nav-link-learn::after { content: ''; position: relative; display: inline-block; margin-left: 4px; top: -1px; width: 12px; height: 7px; background-size: auto; background-repeat: no-repeat; background-position: center; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); }

.nav .nav-dropdown { position: relative; }

.nav .nav-dropdown.active .nav-toggle { border-bottom: 4px solid #53b16b; }

.nav .nav-dropdown-menu { display: none; position: absolute; padding-block: 10px; top: 75px; left: 0; z-index: 999; background: #fff; border: 2px solid #cccccc; }

.nav .nav-dropdown.active .nav-dropdown-menu { display: flex; flex-direction: column; text-align: left; white-space: nowrap; }

.nav .nav-dropdown-menu a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 40px; padding-inline: 24px; }

.nav .nav-dropdown-menu a:hover { background: #F0F0F0; }

.nav .nav-toggle { font-size: 16px; line-height: 30px; border: none; background: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.modal-tarp { left: 0; }

.modal { border-radius: 5px; margin: 0 auto; }

@media screen and (min-width: 768px) { .modal { width: 92%; } }

.modal h1, .modal h2 { font-size: 18px; margin: 0; }

.modal .contained { padding: 30px; }

.modal .video-container { margin-bottom: 30px; }

.modal .modal-close { padding: 0; width: 30px; font-size: 12px; height: 30px; line-height: 26px; border: solid 2px #d4d9dd; }

.modal .modal-close svg { fill: #1a2126; }

.modal .modal-close:hover, .modal .modal-close:active, .modal .modal-close:focus { border-color: #b7c0c7; }

.modal .modal-close:hover svg, .modal .modal-close:active svg, .modal .modal-close:focus svg { fill: #101417 !important; }

.modal fieldset { border: none; margin-bottom: 0; }

.modal .centered { margin: 0 auto; float: none; clear: both; }

#help-form h3, #help-form .contact-alternative p { margin-top: 0; }
header.header { text-align: center; }

header.header h1 { font-size: 40px; margin: 0; }

.has-sticky-subnav { position: relative; z-index: 2; }

.dropdown { background: #f9fafa; min-width: 200px; max-width: 420px; position: absolute; top: 50px; display: none; z-index: 100; border-radius: 5px; text-align: left; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.08); }

.dropdown-show .dropdown { display: block; }

.dropdown:before { position: absolute; content: ""; background: #fff; width: 12px; height: 12px; border-radius: 3px 0 0 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.08); top: -6px; }

.dropdown.left, .dropdown-left { left: 0; }

.dropdown.left:before, .dropdown-left:before { left: 20px; }

.dropdown.right, .dropdown-right { right: -20px; }

.dropdown.right:before, .dropdown-right:before { right: 20px; }

.dropdown .dropdown-title { display: block; background: #fff; font-size: 16px; line-height: 20px; position: relative; z-index: 1; border-bottom: 1px solid #e8ebed; border-radius: 5px 5px 0 0; margin: 0; }

.dropdown .dropdown-title a { display: block; padding: 15px 20px; color: #101417; }

.dropdown .dropdown-title a:hover { color: black; }

.dropdown > ul { margin: 0; background: #f9fafa; }

.dropdown > ul > li { list-style: none; border: 0 solid #f0f2f4; border-width: 0 0 1px; font-weight: 400; margin: 0; transition: background-color 0.3s ease, border-color 0.3s ease; }

.dropdown > ul > li:last-child { border-bottom: none; }

.dropdown > ul > li:not(.without-hover):hover { background: #fff; border-color: #e8ebed; }

.dropdown > ul > li:not(.without-hover):hover > a { color: #101417; }

.dropdown > ul > li:not(.without-hover):hover > a svg { fill: #1a2126; }

.dropdown > ul > li > a { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; }

.dropdown > ul > li > a:before, .dropdown > ul > li > a:after { content: " "; display: table; }

.dropdown > ul > li > a:after { clear: both; }

.dropdown > ul > li > a > svg { fill: #2b363e; }

.dropdown .empty { padding: 60px 20px; margin: 0; font-size: 14px; color: #2b363e; text-align: center; }

.dropdown .empty .button { margin: 15px 40px; display: block; }

.dropdown .dropdown-secondary { position: relative; display: block; padding: 15px 20px; font-size: 14px; line-height: 18px; font-weight: 700; color: #1a2126; transition: background-color 0.3s ease, color 0.3s ease; border-radius: 0 0 5px 5px; background: #fff; border-top: 1px solid #e8ebed; }

.dropdown .dropdown-secondary:before, .dropdown .dropdown-secondary:after { content: " "; display: table; }

.dropdown .dropdown-secondary:after { clear: both; }

.dropdown .dropdown-secondary > svg { fill: #2b363e; }

.dropdown .dropdown-secondary:hover { background: #edeff0; color: #101417; }

body { transition: padding 600ms 0s ease; }

.header-nav-item-profile-dropdown { top: 96%; right: -90px; max-width: 200px; }

body { padding-top: 0 !important; }

.nav { z-index: 1 !important; box-shadow: none !important; position: static !important; }

.nav22-override { z-index: 9 !important; position: absolute !important; box-shadow: none !important; }

@media screen and (max-width: 970px) { .signin22-wrapper #signout22 { right: 30px !important; top: -2px !important; } }

@media screen and (max-width: 679px) { .signin22-wrapper #signout22 { top: -3px !important; right: -100px !important; } }

@media screen and (max-width: 970px) { .signin22-wrapper { display: block !important; } }

@media screen and (max-width: 679px) { .nav22-mobile-override { right: 10px !important; } }

.nav { display: flex; align-items: center; background: #fff; box-shadow: 0 0 1px rgba(0, 65, 94, 0.2); z-index: 102; transition: height 600ms 0s ease; position: fixed; top: 0; right: 0; left: 0; }

@media screen and (max-width: 679px) { .nav { height: 50px; } }

@media screen and (min-width: 680px) { .nav { height: 70px; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav { bottom: 0; height: 100%; overflow-y: auto; } }

@media screen and (max-width: 679px) { .nav { display: flex; flex-wrap: wrap; align-content: space-between; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav { height: 100vh; align-items: start; } }

.nav-container { padding-top: 0; padding-bottom: 0; width: 100%; position: relative; max-width: 1260px; margin: 0 auto; height: 70px; display: flex; }

@media screen and (max-width: 969px) { .nav-container { padding: 30px; } }

@media screen and (max-width: 679px) { .nav-container { padding: 0 15px; } }

@media screen and (max-width: 969px) { .nav-container { flex-wrap: wrap; padding: 0 !important; }
  .hamburger-button-clicked .nav-container { height: 94vh; } }

.nav-container-2022 { padding-top: 0; padding-bottom: 0; width: 100%; position: relative; max-width: 1400px; margin: 0 auto; }

@media screen and (max-width: 969px) { .nav-container-2022 { padding: 30px; } }

@media screen and (max-width: 679px) { .nav-container-2022 { padding: 0 15px; } }

.nav-list { list-style: none; position: relative; width: 100%; margin: 0 auto; text-align: right; overflow: visible; padding-left: 0; position: inherit; }

@media screen and (max-width: 969px) { .nav-list { text-align: left; } }

.nav-list:before, .nav-list:after { content: " "; display: table; }

.nav-list:after { clear: both; }

@media screen and (max-width: 679px) { .hamburger-button-clicked .nav-list { padding-top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hamburger-button-clicked .nav-list { padding-top: 70px; } }

.nav-list:before, .nav-list:after { content: " "; display: table; }

.nav-list:after { clear: both; }

@media screen and (max-width: 969px) { .nav-list { padding: 0 15px; }
  .hamburger-button-clicked .nav-list { min-height: 91vh; } }

@media screen and (max-width: 679px) { .nav-list { text-align: left; } }

.nav-list-2022 { list-style: none; position: relative; width: 100%; margin: 0 auto; text-align: left; padding-left: 9em; cursor: default; }

@media screen and (max-width: 969px) { .nav-list-2022 { text-align: right; } }

.nav-list-2022:before, .nav-list-2022:after { content: " "; display: table; }

.nav-list-2022:after { clear: both; }

@media screen and (max-width: 679px) { .hamburger-button-clicked .nav-list-2022 { padding-top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hamburger-button-clicked .nav-list-2022 { padding-top: 70px; } }

.nav-list-2022:before, .nav-list-2022:after { content: " "; display: table; }

.nav-list-2022:after { clear: both; }

@media screen and (min-width: 1300px) { .nav-list-2022 { margin-left: 30px; } }

@media screen and (max-width: 970px) { .nav-list-2022 { padding-left: 0; margin-left: 0; } }

@media screen and (max-width: 679px) { .nav-list-2022 { text-align: left; } }

.nav-block-2022 { margin: 0 0 0 15px; }

.nav-item { font-weight: 700; line-height: 30px; font-size: 14px; display: inline-block; }

@media screen and (max-width: 679px) { .nav-item { line-height: 50px; } }

@media screen and (min-width: 680px) { .nav-item { line-height: 70px; } }

@media screen and (min-width: 970px) { .nav-item { margin: 0 30px 0 0; } }

@media screen and (min-width: 970px) { .nav-item { margin: 0 10px; } }

.nav-item-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-secondary { right: 30px; } }

@media screen and (max-width: 969px) { .nav-item-tablet { display: none; min-width: 200px; line-height: 40px; font-size: 18px; }
  .hamburger-button-clicked .nav-item-tablet { display: block; } }

.nav-item-tablet.nav-item-show-on-mobile { border-bottom: 2px solid #d4d9dd; }

.nav-item-show-on-mobile { display: none; }

@media screen and (max-width: 969px) { .nav-item-show-on-mobile { display: block; display: none; min-width: 200px; line-height: 40px; font-size: 18px; border-bottom: 2px solid #d4d9dd; }
  .hamburger-button-clicked .nav-item-show-on-mobile { display: block; } }

.nav-item-show-on-mobile-container { float: right; height: 70px; display: flex; align-items: center; justify-content: center; }

.nav-item-show-on-mobile-container .toggle-steps { padding: 0; margin: 0; }

.nav-item-show-on-mobile .nav-link { color: #3b3b3b; font-size: 16px; font-weight: 400; display: inline-block; }

.nav-item .toggle-steps-hide { display: none; }

.nav-item-mobile .current a { color: #303853; border-bottom: 2px solid #b7c0c7; padding-bottom: 2px; }

.nav-item-submenu { font-size: 1rem; line-height: 40px; padding-left: 15px; padding-bottom: 1rem; margin: 0; }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { margin-top: 12px; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { position: absolute; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { top: 0; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .nav-item-cta { right: 60px; } }

@media screen and (max-width: 380px) { .nav-item-cta { right: 52px; } }

.nav-item-logo { transition: top 600ms 0s ease; }

@media screen and (min-width: 970px) { .nav-item-logo { position: absolute; left: 0; position: absolute; top: 17px; } }

@media screen and (max-width: 969px) { .nav-item-logo { width: 30px; height: 32px; position: absolute; top: -8px; } }

@media screen and (max-width: 680px) { .nav-item-logo { position: absolute; top: 9px; } }

@media screen and (min-width: 679px) { .nav-item-logo { margin-top: 24px; } }

@media screen and (min-width: 970px) { .nav-item-logo { margin-top: 0; } }

.nav-item-logo-container { margin: 0; position: relative; width: 100%; height: 100%; line-height: 1.3; }

.nav-item-logo-icon { display: block; }

@media screen and (max-width: 380px) { .nav-item-logo-icon { max-width: 110px; margin-top: 5px; } }

.nav-item-logo-icon .icon-treehouse { fill: #3e474f; }

.nav-item-logo-icon .icon-logo { fill: #5fcf80; }

.nav-item:hover .nav-item-logo-icon .icon-treehouse { fill: #282d32; }

.nav-item:hover .nav-item-logo-icon .icon-logo { fill: #3ac162; }

@media screen and (max-width: 969px) { .nav-item-free-trial { margin-top: 19px !important; } }

@media screen and (max-width: 679px) { .nav-item-free-trial { margin-top: 10px !important; } }

@media screen and (max-width: 969px) { .nav-item-sign-in { position: absolute; } }

@media screen and (max-width: 969px) { .nav-item-sign-in { top: 18px !important; } }

@media screen and (max-width: 679px) { .nav-item-sign-in { right: 40px; } }

.nav-item-sign-in-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 680px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-secondary { right: 30px; } }

@media screen and (max-width: 679px) { .visitor .nav-item-sign-in { top: 12px !important; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in { top: -7px; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in { right: 10px; } }

@media screen and (max-width: 380px) { .visitor .nav-item-sign-in { right: 0; left: 47%; }
  .visitor .nav-item-sign-in a { font-size: 12px; } }

.logged-in .nav-item-sign-in { right: -80px; display: inline-block !important; }

.nav-item-sign-in-2022 { position: absolute; z-index: 11; top: -145px; right: 180px; font-size: 1rem; color: #fff; }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { position: absolute; } }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { top: 0; } }

@media screen and (max-width: 969px) { .nav-item-sign-in-2022 { right: 97px; } }

.nav-item-sign-in-2022-secondary { transition: opacity 200ms 0s ease; }

@media screen and (min-width: 680px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-2022-secondary { opacity: 1; } }

@media screen and (min-width: 970px) { .scrolled-past-hero.scrolling-down .nav-item-sign-in-2022-secondary { right: 30px; } }

@media screen and (max-width: 679px) { .visitor .nav-item-sign-in-2022 { top: 7px !important; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in-2022 { top: -7px; } }

@media screen and (max-width: 969px) { .visitor .nav-item-sign-in-2022 { right: 10px; } }

.logged-in .nav-item-sign-in-2022 { right: -80px; display: inline-block !important; }

.nav-item-sign-in-2022 a:hover { color: #edba36 !important; }

.nav .current .nav-toggle { border-bottom: 4px solid #cccccc; }

.nav-block { display: inline-block; }

@media screen and (min-width: 970px) { .nav-block { float: left; margin-left: 15%; } }

@media screen and (max-width: 969px) { .nav-block { width: 100%; } }

.nav-block-mobile-tablet { display: none; }

@media screen and (max-width: 969px) { .nav-block-mobile-tablet { display: none; min-width: 200px; margin: 0 auto; clear: both; line-height: 40px; top: 200px; }
  .hamburger-button-clicked .nav-block-mobile-tablet { display: block; } }

@media screen and (max-width: 969px) { .nav-block-hide-on-mobile { display: none; } }

.nav-social { padding: 1rem 0; text-align: center; width: 100%; background-color: #2d3339; }

@media screen and (max-width: 969px) { .hamburger-button-clicked .nav-social { display: flex !important; align-items: center; justify-content: center; gap: 20px; } }

.nav-social svg { fill: #fff; }

.nav-social-link { display: flex; }

.nav-link, .nav a { color: #387bab; transition: color 300ms 0s ease; font-weight: 700; }

.nav-link:hover, .nav-link:active, .nav-link:focus, .nav a:hover, .nav a:active, .nav a:focus { color: #2a5d81; }

.nav-link-2022, .nav a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3b3b3b; transition: color 300ms 0s ease; font-weight: 300; font-size: 1rem; }

.nav-link-2022:hover, .nav-link-2022:active, .nav-link-2022:focus, .nav a:hover, .nav a:active, .nav a:focus { color: #3b3b3b; }

.nav-link-2022-w, .nav a-w { color: #fff !important; }

.nav-link-2022:not(.nav-link-sign-in):hover, .nav a:not(.nav-link-sign-in):hover { background-color: #F0F0F0; }

.nav-link { position: relative; }

@media screen and (max-width: 969px) { .nav-link { display: block; } }

@media screen and (min-width: 970px) { .nav-link { display: inline-block; } }

@media screen and (max-width: 969px) { .nav-link:not(.nav-link-sign-in):not(.nav-link-sign-out):not(.nav-link-logo):not(.nav-link-free-trial) { margin: 1rem 15px; } }

.current .nav-link { color: #303853; }

.current .nav-link::after { content: ''; position: absolute; width: 100%; height: 0; left: 0; bottom: 21px; border-bottom: 4px solid #cccccc; }

@media screen and (max-width: 969px) { .current .nav-link::after { bottom: 6px; } }

.nav-link.button:not(.button--primary-ubora) { font-size: 12px; height: 30px; line-height: 26px; padding: 0 10px; background: #008298; background: linear-gradient(to bottom, #008298 0%, #007589 100%); border-color: transparent; color: #fff !important; }

@media screen and (max-width: 380px) { .nav-link.button:not(.button--primary-ubora) { padding: 0 5px; } }

.nav-link.button:not(.button--primary-ubora):hover, .nav-link.button:not(.button--primary-ubora):active, .nav-link.button:not(.button--primary-ubora):focus { background: linear-gradient(#004652, #004652); border-color: transparent !important; color: #fff !important; }

.nav-link-sign-in:hover, .nav-link-sign-out:hover { color: #0e8397 !important; }

@media screen and (max-width: 969px) { .nav-link-sign-in, .nav-link-sign-out { line-height: 30px; font-size: 14px; } }

.nav-link-learn::after { content: ''; position: relative; display: inline-block; margin-left: 4px; top: -1px; width: 12px; height: 7px; background-size: auto; background-repeat: no-repeat; background-position: center; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010%22%3E%0D%0A%09%3Cpath%20fill%3D%22%237b8b8e%22%20d%3D%22M9.5%2C9.5c-0.4%2C0-0.7-0.1-1-0.4L2%2C3.1C1.4%2C2.5%2C1.3%2C1.6%2C1.9%2C1C2.5%2C0.4%2C3.4%2C0.3%2C4%2C0.9L9.5%2C6L15%2C0.9%0D%0A%09%09c0.6-0.6%2C1.6-0.5%2C2.1%2C0.1c0.6%2C0.6%2C0.5%2C1.6-0.1%2C2.1l-6.5%2C6C10.2%2C9.4%2C9.9%2C9.5%2C9.5%2C9.5z%22%2F%3E%0D%0A%3C%2Fsvg%3E"); }

.nav .nav-dropdown { position: relative; }

.nav .nav-dropdown.active .nav-toggle { border-bottom: 4px solid #53b16b; }

.nav .nav-dropdown-menu { display: none; position: absolute; padding-block: 10px; top: 75px; left: 0; z-index: 999; background: #fff; border: 2px solid #cccccc; }

.nav .nav-dropdown.active .nav-dropdown-menu { display: flex; flex-direction: column; text-align: left; white-space: nowrap; }

.nav .nav-dropdown-menu a { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 40px; padding-inline: 24px; }

.nav .nav-dropdown-menu a:hover { background: #F0F0F0; }

.nav .nav-toggle { font-size: 16px; line-height: 30px; border: none; background: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.toggle-steps { display: block; font-weight: 500; cursor: pointer; }

.toggle-steps:not(.nav-link) { font-size: 1.5rem; color: #4b5658; padding-bottom: 1.5rem; margin-bottom: 1rem; }

.toggle-steps:not(.nav-link) .marketing-layout, .marketing-2020-layout .toggle-steps:not(.nav-link) { border-bottom: 2px solid #d4d9dd; }

@media screen and (max-width: 969px) { .toggle-steps.nav-link { color: #0098b1; border-bottom: 2px solid #d4d9dd; } }

.toggle-steps.nav-link .toggle-steps-view-chevron { cursor: pointer; }

@media screen and (min-width: 969px) { .toggle-steps.nav-link .toggle-steps-view-chevron { display: none; } }

.toggle-steps-view { display: flex; align-items: center; }

.toggle-steps-view-2 { justify-content: space-between; }

.toggle-steps-view-minusplus:after { content: '+'; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps-view-plusminus:after { content: '+'; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps-view-chevron { position: relative; margin-left: auto; background-color: #0098b1; padding: 1rem; border-radius: 50%; height: 40px; min-width: 40px; }

.toggle-steps-view-chevron svg { fill: white; position: absolute; top: 17px; left: 14px; }

.toggle-steps.selected .chevron-icon { transform: rotate(180deg); }

.toggle-steps.selected-2 .toggle-steps-view-minusplus:after { content: "-"; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps.selected-2 .toggle-steps-view-plusminus:after { content: "-"; position: relative; margin-left: auto; padding: 0.5rem; border-radius: 50%; height: 40px; min-width: 34px; color: #0e8397; font-weight: 700; }

.toggle-steps.selected-2 .toggle-steps-view-2 { justify-content: space-between; }

.steps-list { max-width: 800px; }

.steps-list-override { max-width: 1018px; }

@media screen and (max-width: 969px) { .toggle-steps-hide { display: none; } }

.header { background: #3e474f; z-index: 102; transition: height 600ms 0s ease; position: fixed; top: 0; right: 0; left: 0; }

@media screen and (max-width: 679px) { .header { height: 50px; } }

@media screen and (min-width: 680px) { .header { height: 70px; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .header { bottom: 0; height: 100%; overflow-y: auto; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .header { height: auto; } }

.header-loading-bar { background: #5fcf80; position: fixed; top: 0; left: 0; width: 100%; height: 2px; }

.header-nav { padding-top: 0; padding-bottom: 0; height: 100%; padding: 0 10px 0 10px; }

@media screen and (min-width: 1200px) { .header-nav { padding: 0 30px 0 30px; } }

.header-nav .nav-dropdown { position: relative; }

.header-nav .nav-dropdown.active .nav-toggle { border-bottom: 4px solid #53b16b; }

.header-nav .nav-dropdown-menu { display: none; position: absolute; top: 75px; left: 0; z-index: 999; background: #3e474f; }

.header-nav .nav-dropdown.active .nav-dropdown-menu { display: flex; flex-direction: column; text-align: left; white-space: nowrap; padding: 10px; }

.header-nav .nav-dropdown.active .nav-dropdown-menu a { font-weight: 400; font-size: 16px; line-height: 40px; padding-inline: 10px; }

.header-nav .nav-dropdown.active .nav-dropdown-menu a:hover { background: #adb6b9; }

.header-nav .nav-toggle { color: #adb6b9; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 30px; background: transparent; border: none; }

.header-nav .nav-toggle:hover { cursor: pointer; color: #fff; }

.header-nav .dropdown-item .current { border-bottom: 4px solid #cccccc; }

.header-nav .current .nav-toggle { color: #adb6b9; border-bottom: 4px solid #cccccc; }

.header-nav-list { list-style: none; position: relative; width: 100%; margin: 0 auto; text-align: right; }

@media screen and (max-width: 969px) { .header-nav-list { text-align: left; } }

.header-nav-list:before, .header-nav-list:after { content: " "; display: table; }

.header-nav-list:after { clear: both; }

@media screen and (max-width: 679px) { .hamburger-button-clicked .header-nav-list { padding-top: 50px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .hamburger-button-clicked .header-nav-list { padding-top: 70px; } }

.header-nav-item { font-weight: 700; font-size: 16px; text-align: center; }

@media screen and (max-width: 679px) { .header-nav-item { line-height: 50px; } }

@media screen and (min-width: 680px) { .header-nav-item { line-height: 70px; } }

@media screen and (min-width: 970px) { .header-nav-item { float: left; margin-right: 25px; transition: opacity 600ms 0s ease; } }

@media screen and (min-width: 970px) and (min-width: 970px) and (max-width: 1200px) { .header-nav-item { margin-right: 13px; font-size: 15px; } }

.header-nav-item-primary { font-size: 18px; }

@media screen and (min-width: 970px) and (max-width: 1200px) { .header-nav-item-primary { font-size: 15px; } }

@media screen and (max-width: 969px) { .header-nav-item-primary { line-height: 40px; } }

@media screen and (min-width: 970px) { .header-has-button.scrolled-past-hero.scrolling-down .header-nav-item-secondary { opacity: 0; visibility: hidden; } }

@media screen and (max-width: 969px) { .header-nav-item-secondary { line-height: 38px; } }

.header-nav-item-desktop { display: none; }

@media screen and (min-width: 970px) { .header-nav-item-desktop { display: inline-block; } }

.header-nav-item-mobile { display: none; }

@media screen and (max-width: 969px) { .header-nav-item-mobile { display: none; min-width: 200px; margin: 0 auto; clear: both; line-height: 40px; width: 60%; max-width: 300px; text-align: center; }
  .hamburger-button-clicked .header-nav-item-mobile { display: block; } }

@media screen and (max-width: 969px) and (max-width: 969px) { .header-nav-item-mobile .nav-item-submenu { padding-left: 0; padding-bottom: 0; } }

.header-nav-item-mobile .toggle-steps-hide { display: none; }

.header-nav-item-mobile-container { display: none; }

@media screen and (max-width: 969px) { .header-nav-item-mobile-container { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; }
  .header-nav-item-mobile-container .nav-link { color: #adb6b9; }
  .header-nav-item-mobile-container .nav-link:not(.nav-link-sign-in):not(.nav-link-sign-out):not(.nav-link-logo):not(.nav-link-free-trial) { font-size: 16px; font-weight: 500; color: #adb6b9; margin: 0; margin-right: 10px; }
  .header-nav-item-mobile-container .toggle-steps { padding: 0; margin: 0; border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
  .header-nav-item-mobile-container .toggle-steps svg { fill: #adb6b9; margin-bottom: 3px; } }

.header-nav-item-logo { transition: top 600ms 0s ease; }

@media screen and (min-width: 970px) { .header-nav-item-logo { position: relative; line-height: 34px; top: 9px; } }

@media screen and (max-width: 969px) { .header-nav-item-logo { text-align: center; top: 9px; } }

.header-nav-item-logo-container { margin: 0; position: relative; width: 100%; height: 100%; }

.header-nav-item-logo-link { display: block; position: relative; width: 100%; height: 100%; }

.header-nav-item-logo-icon { display: inline-block; position: relative; fill: #5fcf80; top: 8px; }

.header-nav-link:hover .header-nav-item-logo-icon, .header-nav-link:focus .header-nav-item-logo-icon { fill: #fff; }

@media screen and (min-width: 970px) { .header-nav-item-logo-icon { top: 9px; } }

@media screen and (max-width: 969px) { .header-nav-item-logo-icon { position: relative; } }

.hamburger-button-clicked .header-nav-item-logo-icon { float: none; }

@media screen and (min-width: 970px) { .header-nav-item-logo-text { display: inline-block; margin-left: 10px; border-right: 2px solid rgba(255, 255, 255, 0.1); padding-inline: 28px; } }

@media screen and (max-width: 969px) { .header-nav-item-logo-text { display: none; } }

@media screen and (max-width: 969px) { .hamburger-button-clicked .header-nav-item-logo-text { display: block; position: relative; top: 5px; margin-bottom: 12px; } }

@media screen and (max-width: 969px) { .logged-in .header-nav-item-techdegrees { margin-top: 15px; padding-top: 15px; border-top: 2px solid rgba(255, 255, 255, 0.07); display: none; }
  .hamburger-button-clicked .logged-in .header-nav-item-techdegrees { display: block; } }

@media screen and (max-width: 969px) { .logged-in .header-nav-item-support { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid rgba(255, 255, 255, 0.07); display: none; }
  .hamburger-button-clicked .logged-in .header-nav-item-support { display: block; } }

@media screen and (min-width: 970px) { .header-nav-item-organization { margin-right: 0; position: absolute; top: 0; }
  .header-nav-item-profile-points-size-2 .header-nav-item-organization { right: 255px; }
  .header-nav-item-profile-points-size-3 .header-nav-item-organization { right: 265px; }
  .header-nav-item-profile-points-size-4 .header-nav-item-organization { right: 275px; }
  .header-nav-item-profile-points-size-5 .header-nav-item-organization { right: 285px; }
  .header-nav-item-profile-points-size-6 .header-nav-item-organization { right: 295px; } }

@media screen and (max-width: 969px) { .header-nav-item-organization { display: none; margin-bottom: 9px; }
  .hamburger-button-clicked .header-nav-item-organization { display: block; } }

@media screen and (min-width: 970px) { .header-nav-item-workspaces { padding-right: 22px; border-right: 2px solid rgba(255, 255, 255, 0.1); margin-right: 0; line-height: 34px; position: absolute; top: 18px; right: 120px; }
  .header-nav-item-profile-points-size-2 .header-nav-item-workspaces { right: 137px; }
  .header-nav-item-profile-points-size-3 .header-nav-item-workspaces { right: 147px; }
  .header-nav-item-profile-points-size-4 .header-nav-item-workspaces { right: 157px; }
  .header-nav-item-profile-points-size-5 .header-nav-item-workspaces { right: 167px; }
  .header-nav-item-profile-points-size-6 .header-nav-item-workspaces { right: 177px; } }

@media screen and (max-width: 969px) { .header-nav-item-workspaces { display: none; }
  .hamburger-button-clicked .header-nav-item-workspaces { display: block; } }

@media screen and (min-width: 970px) { .header-nav-item-settings { display: none; } }

@media screen and (max-width: 969px) { .header-nav-item-settings { display: none; }
  .hamburger-button-clicked .header-nav-item-settings { display: block; } }

@media screen and (min-width: 970px) { .header-nav-item-sign-out { display: none; } }

@media screen and (max-width: 969px) { .header-nav-item-sign-out { display: none; }
  .hamburger-button-clicked .header-nav-item-sign-out { display: block; } }

@media screen and (min-width: 970px) { .header-nav-item-profile { line-height: 36px; position: absolute; top: 0; right: 26px; margin-right: 0; height: 70px; } }

@media screen and (max-width: 969px) { .header-nav-item-profile { display: none; margin-top: 15px; margin-bottom: 5px; line-height: 28px; padding-top: 20px; border-top: 2px solid rgba(255, 255, 255, 0.07); }
  .hamburger-button-clicked .header-nav-item-profile { display: block; } }

.header-nav-item-profile-dropdown { top: 96% !important; right: -10px !important; }

@media screen and (max-width: 969px) { .header-nav-item-profile-dropdown { display: none !important; } }

.header-nav-item-profile-dropdown-title-link { line-height: 20px; }

.header-nav-item-profile-dropdown-title-name { display: block; color: #101417; font-size: 14px; font-weight: 700; }

.header-nav-item-profile-dropdown-title-label { color: #2b363e; font-size: 12px; font-weight: 400; }

@media screen and (min-width: 970px) { .header-nav-item-profile-avatar { float: right; margin: 17px 18px 0 0; } }

@media screen and (max-width: 969px) { .header-nav-item-profile-avatar { display: block; margin: 0 auto 5px; } }

.header-nav-item-profile-avatar .avatar-image { overflow: hidden; }

.header-nav-item-profile-points { font-weight: 700; }

@media screen and (min-width: 970px) { .header-nav-item-profile-points { margin-right: 7px; line-height: 70px; float: right; } }

@media screen and (max-width: 969px) { .header-nav-item-profile-points { display: block; color: #fff; line-height: 20px; font-size: 20px; padding-top: 5px; } }

.header-nav-item-profile-text { font-size: 14px; line-height: 18px; }

@media screen and (min-width: 970px) { .header-nav-item-profile-text { display: none; } }

.header-nav-item-profile-chevron { fill: #adb6b9; position: absolute; top: 50%; right: 10px; margin-top: -4px; }

.header-nav-link:hover .header-nav-item-profile-chevron, .header-nav-link:focus .header-nav-item-profile-chevron { fill: #fff; }

@media screen and (max-width: 969px) { .header-nav-item-profile-chevron { display: none; } }

@media screen and (min-width: 970px) { .header-nav-item-notifications { position: absolute; top: 0; right: -10px; height: 70px; margin-right: 0; display: block; } }

@media screen and (max-width: 969px) { .header-nav-item-notifications { position: unset; display: none; }
  .hamburger-button-clicked .header-nav-item-notifications { display: block; } }

.header-nav-item-notifications-count { color: #fff; font-weight: 700; border-radius: 4px; }

@media screen and (min-width: 970px) { .header-nav-item-notifications-count { display: block; background: #ed5a5a; position: absolute; top: 16px; right: 3px; font-size: 14px; padding: 0 3px; line-height: 16px; }
  .header-nav-item-notifications-count-double-digits { right: -3px; font-size: 13px; line-height: 15px; } }

@media screen and (max-width: 969px) { .header-nav-item-notifications-count { display: inline-block; background: #1a2126; padding: 0 4px; line-height: 22px; margin-right: 4px; } }

.header-nav-item-notifications-count-hidden { display: none; }

@media screen and (min-width: 970px) { .header-nav-item-notifications-text { display: none; } }

.header-nav-item-notifications-icon { fill: #adb6b9; width: 26px; height: 25px; }

@media screen and (min-width: 970px) { .header-nav-item-notifications-icon { margin-top: 22px; } }

.header-nav-item-notifications:hover .header-nav-item-notifications-icon, .header-nav-link:focus .header-nav-item-notifications-icon { fill: #fff; }

.header-nav-item-notifications-dropdown { width: 420px; right: -2px !important; top: 96% !important; }

@media screen and (max-width: 969px) { .header-nav-item-notifications-dropdown { display: none !important; } }

.header-nav-item-notifications-dropdown .loading { text-align: center; }

.header-nav-item-notifications-dropdown .notification-list { max-height: 360px; overflow-y: auto; }

.header-nav-item-notifications-dropdown-all { color: #fff !important; background-color: #5fcf80 !important; }

.header-nav-item-notifications-dropdown-all:hover { background-color: #2e9a4e !important; }

.header-nav-link { display: block; color: #adb6b9; }

.header-nav-link:before, .header-nav-link:after { content: " "; display: table; }

.header-nav-link:after { clear: both; }

.header-nav-link:focus { color: #fff; }

.header-nav-item-current .header-nav-link, .header-nav-item:hover .header-nav-link { color: #fff; }

.header-nav-item-sign-up .header-nav-link { color: #5fcf80; }

@media screen and (min-width: 970px) { .header-nav-item-profile .header-nav-link, .header-nav-item-notifications .header-nav-link { padding: 0 10px; height: 100%; } }

.header-button { position: absolute; opacity: 0; margin: 0; visibility: hidden; transition: opacity 600ms 0s ease; }

@media screen and (max-width: 969px) { .header-button { top: 8px; } }

@media screen and (min-width: 970px) { .header-button { top: 15px; } }

@media screen and (min-width: 970px) { .header-button { right: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .header-button { right: 20px; } }

@media screen and (max-width: 679px) { .header-button { right: 15px; } }

.header-has-button.scrolled-past-hero.scrolling-down .header-button { opacity: 1; visibility: visible; }

@media screen and (max-width: 969px) { .header-button { height: 32px; line-height: 28px; padding: 0 10px; } }

.hamburger-button-clicked .header-button { display: none; }
.dialog { position: relative; max-width: 840px; margin: 0 auto; outline: none; }

.dialog:not(.active) { display: none; }

.dialog-tarp { background: rgba(40, 46, 51, 0.93); transition: opacity 300ms 0s ease; z-index: 500; }

.dialog-tarp.active { display: table; width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

@media screen and (min-width: 680px) { .dialog-tarp.active { padding: 30px 70px; } }

@media screen and (max-width: 679px) { .dialog-tarp.active { padding: 15px 50px; } }

.dialog-tarp:not(.active) { opacity: 0; }

.dialog-container { display: table-cell; vertical-align: middle; }

.dialog-close { border-radius: 0 4px 4px 0; transition: transform 300ms 0s ease; position: absolute; top: 0; }

@media screen and (min-width: 680px) { .dialog-close { padding: 0 11px 0 30px; right: -50px; } }

@media screen and (max-width: 679px) { .dialog-close { padding: 0 8px 0 20px !important; right: -40px; } }

.dialog-close:hover, .dialog-close:focus { -ms-transform: translatex(4px); -moz-transform: translatex(4px); -webkit-transform: translatex(4px); transform: translatex(4px); }

@media screen and (max-width: 679px) { .dialog-close svg { width: 10px; height: 10px; } }
div.video-modal .box, div.video-modal .mixed-box { max-width: 900px; margin: 0 auto; }

div.video-modal button.modal-close { top: 40px; right: 40px; background: rgba(0, 0, 0, 0.2); }

div.video-modal p.video-description { margin: 0; line-height: 1.6; }
@font-face { font-family: 'Roboto Mono Bold'; src: url(/assets/RobotoMono-Bold-5563ce589d608ea0da7fe51f79c6e85ae488b414ed5eb7d166b86aa17c243526.ttf) format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'Roboto Mono Regular'; src: url(/assets/RobotoMono-Regular-c3c88e6a2a6b5989b984134fcc51ce69d767fd18025872e8cf416c04c4daaf20.ttf) format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: 'Work Sans Regular'; src: url(/assets/WorkSans-Regular-7dfee5e0f2fe91cb66c2ee685ddd24adf4cf174bb3b13f9a9134d193e0a58125.ttf) format("truetype"); font-weight: 400; font-style: normal; }

.homepage .header-lined { overflow: hidden; text-align: center; }

.homepage .header-lined:before { margin-left: -100%; }

.homepage .header-lined:after { margin-right: -100%; }

.homepage .header-lined:before, .homepage .header-lined:after { content: ''; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 100%; height: 2px; background: #b7c0c7; border: solid #3f4850; border-width: 0 10px; }

.homepage-hero { display: flex; justify-content: center; text-align: center; height: 525px; padding: 5rem; }

@media screen and (max-width: 679px) { .homepage-hero { padding: 1.5rem; } }

.homepage-hero-inner { align-self: center; width: 1260px; margin: auto; }

.homepage-hero h1, .homepage-hero h2 { color: #fff; }

@media screen and (max-width: 679px) { .homepage-hero h1 { text-align: left; } }

.homepage-signup-form { background-color: #fff; position: relative; top: -100px; padding: 2rem; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); }

.homepage-signup-form-banner { background-color: #2d3339; border-radius: 4px 4px 0 0; font-size: 1.125rem; text-align: center; font-weight: 500; padding: 1.5rem; margin: -32px -32px 32px; color: #fff; }

.homepage-tabs { max-width: 1260px; margin: 0 auto 5rem auto; text-align: center; font-size: 0; display: flex; justify-content: space-between; }

.homepage-tabs a { font-weight: 500; flex-grow: 1; font-size: 1.5rem; padding: 2rem; }

.homepage-tabs a:not(.active) { color: #576366; border-bottom: 3px solid #e8ebed; }

.homepage-tabs a.active, .homepage-tabs a.active:hover, .homepage-tabs a:hover { color: #007e92; border-bottom: 3px solid #0098b1; }

@media screen and (max-width: 679px) { .homepage-tabs { display: none; } }

.homepage-learning-content { text-align: center; background: url(/assets/views/marketing/homepage/learning-content-left-b5e371b06c4f7e38e8f2e150900eff78cffd5f8886077c81d8dc46d1967a9c96.svg), url(/assets/views/marketing/homepage/learning-content-right-e43466975b717d3306eb856ac7a413907bf7c7b05189a4ca00529726d9eda20c.svg); background-position: left 40px, right -40px; background-repeat: no-repeat; background-size: contain; }

@media screen and (max-width: 969px) { .homepage-learning-content { background: url(/assets/views/marketing/homepage/learning-content-left-b5e371b06c4f7e38e8f2e150900eff78cffd5f8886077c81d8dc46d1967a9c96.svg); background-position: left 40px; background-repeat: no-repeat; background-size: contain; } }

@media screen and (max-width: 679px) { .homepage-learning-content { background-image: none; } }

.homepage-learning-content h2, .homepage-learning-content h3, .homepage-learning-content p { color: #fff; }

.homepage-learning-content-items { display: flex; justify-content: center; flex-wrap: wrap; max-width: 1260px; margin: 4rem auto 5rem auto; padding-bottom: 5rem; border-bottom: 1px solid #b7c0c7; }

@media screen and (max-width: 405px) { .homepage-learning-content-items div:nth-of-type(3) { border-bottom: 1px solid #b7c0c7; } }

@media screen and (max-width: 405px) { .homepage-learning-content .border-r-dark-xs { border-right: 0 !important; } }

.homepage-p6 { max-width: 1260px; text-align: center; margin: auto; }

.homepage-p6-competitors { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(8, 1fr); }

@media screen and (max-width: 679px) { .homepage-p6-competitors { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: repeat(16, 1fr); } }

.homepage-p6-competitors .box { padding: 1.5rem 3rem; border-top: 1px solid #f0f2f4; border-bottom: 1px solid #f0f2f4; display: flex; justify-content: center; align-items: center; }

@media screen and (max-width: 969px) { .homepage-p6-competitors .box { padding: 0.5rem; } }

@media screen and (max-width: 679px) { .homepage-p6-competitors .box.empty { display: none; } }

.homepage-p6-competitors .box.feature { text-align: left; justify-content: left; }

@media screen and (min-width: 969px) { .homepage-p6-competitors .box.feature { min-width: 360px; } }

@media screen and (max-width: 679px) { .homepage-p6-competitors .box.feature { grid-column: span 3; } }

.homepage-p6-competitors .title { text-align: center; }

.homepage-p6-competitors .title.active, .homepage-p6-competitors .homepage-tabs a.title:hover, .homepage-tabs .homepage-p6-competitors a.title:hover { background-color: #31af7f; }

.homepage-p6-competitors .title.active h3, .homepage-p6-competitors .homepage-tabs a.title:hover h3, .homepage-tabs .homepage-p6-competitors a.title:hover h3 { color: #fff; }

.homepage-p6-competitors .title.inactive { background-color: #edeff0; border-right: 2px solid #d4d9dd; }

.homepage-p6-competitors .title.inactive h3 { color: #576366; }

.homepage-p6 h2 { margin-bottom: 5rem; }

.homepage-p7 h2 { text-align: center; }

.homepage-p7 .list-lined-checked { list-style: none; }

.homepage-p7 .list-lined-checked li { list-style-type: none; padding: 1rem 0; border-bottom: 1px solid #e8ebed; }

.homepage-p7 .list-lined-checked li:before { content: ""; width: 14px; height: 12px; background: url("/assets/icons/icon-global-863d50621b14046616519056916ec67ac8a680fcb1c994a27ec6c1a92e9569d5.svg") no-repeat -155px -61px; filter: brightness(0) saturate(100%) invert(71%) sepia(51%) saturate(414%) hue-rotate(85deg) brightness(92%) contrast(89%); float: left; margin: 2px 0 0 -24px; }

.homepage-p8 { background: url(/assets/views/marketing/homepage/100-days-of-code-bg-b55134a18cc519086fb00fda35e7be2f67251d8e0deb3828f2c7c8d514b32ff7.svg) center/cover no-repeat #303853; }

.homepage-100daysofcode { background: #1455A3 url(/assets/views/marketing/home/100daysofCode_MilestonBanner_Halfway-abc8abef302c0f7d8622fff6bf2a6d743d5f1c7f28ec6c87b697d88e90d3971f.png) right/contain no-repeat; }

.homepage-qa { background-color: #edeff0; }

.homepage-qa h2 { margin-bottom: 2rem; }

.homepage-qa-section { max-width: 1260px; margin: auto; }

.homepage-qa-section-block { margin: 0 auto 1.5rem auto; }

.homepage-qa-section ul { line-height: 180%; }

.homepage-qa2022 { background-color: #fff; }

.homepage-qa2022 h2 { margin-bottom: 2rem; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3rem; color: #3e474f; font-weight: 600; }

.homepage-qa2022-section { max-width: 1260px; margin: auto; }

.homepage-qa2022-section-block { margin: 0 auto 1.5rem auto; }

.homepage-qa2022-section ul { line-height: 180%; }

.homepage2022 { max-width: 1440px; margin: 0 auto; }

.homepage2022 .mobile-success-stories { margin-bottom: 6em !important; max-width: 1440px; margin: 2em auto; padding: 3em 1em 0 1em; background-color: #fafafa; position: relative; z-index: 2; }

@media screen and (max-width: 970px) { .homepage2022 .mobile-success-stories { display: block !important; } }

.homepage2022 .mobile-success-stories:after { content: ""; position: absolute; bottom: -100px; right: 0; border-bottom: 14em solid #3e474f; width: 100%; z-index: -1; }

.homepage2022 .mobile-success-stories-container { display: flex; flex-wrap: wrap; max-width: 1220px; margin: 0 auto; flex-direction: column; gap: 5em; }

.homepage2022 .mobile-success-stories-first-block { display: flex; flex-direction: column; justify-content: space-between; gap: 1em; margin-bottom: 20em; }

.homepage2022 .mobile-success-stories-first-block h4 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3rem; color: #3e474f; max-width: 100%; font-weight: 600; }

.homepage2022 .mobile-success-stories-first-block p { font-family: 'Work Sans Regular', sans-serif; font-size: 1rem; color: #656565; max-width: 100%; }

.homepage2022 .mobile-success-stories-first-block a { font-size: 0.875rem; color: #0e8397; font-weight: 600; }

.homepage2022 .mobile-success-stories-orange-1 { padding: 2em 4em 2em 1em; display: flex; background-color: #ecc148; max-width: 90%; height: auto; position: relative; transition: margin 0.2s ease-in-out; }

.homepage2022 .mobile-success-stories-orange-1 img { border-radius: 50%; box-shadow: 3px 3px 3px #00000050; }

.homepage2022 .mobile-success-stories-orange-1 p:first-child { color: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; font-weight: 500; }

.homepage2022 .mobile-success-stories-orange-1 p:last-child { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; }

.homepage2022 .mobile-success-stories-orange-1:before { content: ""; width: 100%; height: 100%; position: absolute; border: 3px dotted #ecc148; bottom: -12px; right: -12px; }

.homepage2022 .mobile-success-stories-orange-1:after { content: ""; position: absolute; top: 100%; right: 0; width: 0; border-top: 40px solid #ecc148; border-left: 40px solid transparent; }

.homepage2022 .mobile-success-stories-orange-1-left { position: absolute; right: -40px; bottom: 100px; }

.homepage2022 .mobile-success-stories-orange-1-right { display: flex; flex-direction: column; justify-content: space-between; gap: 1em; }

.homepage2022 .mobile-success-stories-orange-2 { padding: 2em; display: flex; background-color: #ecc148; max-width: 100%; height: auto; position: relative; transition: margin 0.2s ease-in-out; }

.homepage2022 .mobile-success-stories-orange-2 img { border-radius: 50%; box-shadow: 3px 3px 3px #00000050; }

.homepage2022 .mobile-success-stories-orange-2 p:first-child { color: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.125rem; font-weight: 500; }

.homepage2022 .mobile-success-stories-orange-2 p:last-child { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.9375rem; color: #fff; max-width: 250px; }

.homepage2022 .mobile-success-stories-orange-2:before { content: ""; width: 100%; height: 100%; position: absolute; border: 3px dotted #ecc148; bottom: -12px; left: -12px; }

.homepage2022 .mobile-success-stories-orange-2:after { content: ""; position: absolute; top: 100%; right: 0; width: 0; border-top: 40px solid #ecc148; border-left: 40px solid transparent; }

.homepage2022 .mobile-success-stories-orange-2-left { position: absolute; right: -20px; bottom: -50px; z-index: 1; }

.homepage2022 .mobile-success-stories-orange-2-right { display: flex; flex-direction: column; justify-content: space-between; gap: 1em; }

.homepage2022 .mobile-success-stories-teal { padding: 3.5em 1.5em; display: flex; background-color: #0e8397; max-width: 100%; height: auto; position: relative; transition: margin 0.2s ease-in-out; }

.homepage2022 .mobile-success-stories-teal-computer { position: absolute; top: -368px; right: 100px; min-width: 300px; max-width: 300px; transition: right 0.3s; }

@media screen and (max-width: 425px) { .homepage2022 .mobile-success-stories-teal-computer { right: 0; } }

.homepage2022 .mobile-success-stories-teal-avatar { border-radius: 50%; box-shadow: 3px 3px 3px #00000050; }

.homepage2022 .mobile-success-stories-teal p:first-child { color: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5625rem; font-weight: 500; line-height: 30px; }

.homepage2022 .mobile-success-stories-teal p:last-child { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; max-width: 220px; }

.homepage2022 .mobile-success-stories-teal:before { content: ""; width: 100%; height: 100%; position: absolute; border: 3px dotted #0e8397; top: -12px; right: -12px; }

.homepage2022 .mobile-success-stories-teal:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; border-top: 40px solid #0e8397; border-right: 40px solid transparent; }

.homepage2022 .mobile-success-stories-teal-left { position: absolute; right: 150px; bottom: -40px; }

.homepage2022 .mobile-success-stories-teal-right { display: flex; flex-direction: column; justify-content: space-between; gap: 1em; }

.homepage2022 .mobile-success-stories-black { padding: 2.5em; display: flex; background-color: #3e474f; max-width: 98%; height: auto; position: relative; transition: margin 0.2s ease-in-out; }

.homepage2022 .mobile-success-stories-black img { border-radius: 50%; box-shadow: 3px 3px 3px #00000050; }

.homepage2022 .mobile-success-stories-black p:first-child { color: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; font-weight: 500; text-align: end; }

.homepage2022 .mobile-success-stories-black p:last-child { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; max-width: 180px; text-align: end; }

.homepage2022 .mobile-success-stories-black:before { content: ""; width: 100%; height: 100%; position: absolute; border: 3px dotted #3e474f; bottom: -12px; right: -12px; }

.homepage2022 .mobile-success-stories-black:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; border-top: 40px solid #3e474f; border-right: 40px solid transparent; }

.homepage2022 .mobile-success-stories-black-left { position: absolute; left: 10px; top: -50px; }

.homepage2022 .mobile-success-stories-black-right { display: flex; flex-direction: column; justify-content: space-between; align-items: end; gap: 1em; }

.homepage2022 .success-stories { max-width: 1440px; margin: 2em auto; padding: 3em 1em 0 1em; background-color: #fafafa; position: relative; }

@media screen and (max-width: 970px) { .homepage2022 .success-stories { display: none; } }

.homepage2022 .success-stories:after { content: ""; position: absolute; bottom: 20px; right: 0; border-bottom: 16em solid #3e474f; width: 1440px; z-index: 1; }

.homepage2022 .success-stories-container { display: flex; flex-wrap: wrap; max-width: 1220px; margin: 0 auto; }

.homepage2022 .success-stories-left { display: flex; flex-direction: column; width: 50%; z-index: 2; }

.homepage2022 .success-stories-right { display: flex; flex-direction: column; width: 50%; align-items: center; gap: 6em; z-index: 2; }

.homepage2022 .success-stories-first-block { display: flex; flex-direction: column; justify-content: space-between; gap: 1em; margin-bottom: 34em; }

.homepage2022 .success-stories-first-block h4 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3rem; color: #3e474f; max-width: 400px; font-weight: 600; }

.homepage2022 .success-stories-first-block p { font-family: 'Work Sans Regular', sans-serif; font-size: 1rem; color: #656565; max-width: 410px; }

.homepage2022 .success-stories-first-block a { font-size: 0.875rem; color: #0e8397; font-weight: 600; }

.homepage2022 .success-stories-orange-1 { padding: 3em; display: flex; background-color: #ecc148; max-width: 496px; height: 500px; bottom: 100px; position: relative; transition: 0.2s; }

.homepage2022 .success-stories-orange-1 img { border-radius: 50%; box-shadow: 3px 3px 3px #00000050; }

.homepage2022 .success-stories-orange-1 p:first-child { color: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2rem; font-weight: 500; }

.homepage2022 .success-stories-orange-1 p:last-child { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; }

.homepage2022 .success-stories-orange-1:before { content: ""; width: 100%; height: 100%; position: absolute; border: 2px dotted #ecc148; bottom: -12px; right: -12px; }

.homepage2022 .success-stories-orange-1:after { content: ""; position: absolute; top: 100%; right: 0; width: 0; border-top: 40px solid #ecc148; border-left: 40px solid transparent; }

.homepage2022 .success-stories-orange-1:hover { transform: translateY(-10px); }

.homepage2022 .success-stories-orange-1-left { position: absolute; left: -60px; top: 20px; }

.homepage2022 .success-stories-orange-1-right { display: flex; flex-direction: column; justify-content: space-between; }

.homepage2022 .success-stories-orange-2 { padding: 2em; display: flex; background-color: #ecc148; max-width: 496px; height: 250px; left: 50px; position: relative; transition: 0.2s; }

.homepage2022 .success-stories-orange-2 img { border-radius: 50%; box-shadow: 3px 3px 3px #00000050; }

.homepage2022 .success-stories-orange-2 p:first-child { color: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5rem; font-weight: 500; }

.homepage2022 .success-stories-orange-2 p:last-child { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; }

.homepage2022 .success-stories-orange-2:before { content: ""; width: 100%; height: 100%; position: absolute; border: 2px dotted #ecc148; bottom: -12px; left: -12px; }

.homepage2022 .success-stories-orange-2:after { content: ""; position: absolute; top: 100%; right: 0; width: 0; border-top: 40px solid #ecc148; border-left: 40px solid transparent; }

.homepage2022 .success-stories-orange-2:hover { transform: translateY(-10px); }

.homepage2022 .success-stories-orange-2-left { position: absolute; left: -60px; bottom: -40px; transition: left 0.3s; }

@media screen and (max-width: 1160px) { .homepage2022 .success-stories-orange-2-left { left: -50px; } }

.homepage2022 .success-stories-orange-2-right { display: flex; flex-direction: column; justify-content: space-between; }

.homepage2022 .success-stories-teal { padding: 3.5em; display: flex; background-color: #0e8397; max-width: 496px; height: 500px; position: relative; transition: 0.2s; }

.homepage2022 .success-stories-teal-computer { position: absolute; top: -518px; right: -80px; min-width: 624px; max-width: 496px; transition: right 0.3s; }

@media screen and (max-width: 1000px) { .homepage2022 .success-stories-teal-computer { right: 0; } }

.homepage2022 .success-stories-teal-avatar { border-radius: 50%; box-shadow: 3px 3px 3px #00000050; }

.homepage2022 .success-stories-teal p:first-child { color: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.875rem; font-weight: 500; }

.homepage2022 .success-stories-teal p:last-child { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; }

.homepage2022 .success-stories-teal:before { content: ""; width: 100%; height: 100%; position: absolute; border: 2px dotted #0e8397; top: -12px; right: -12px; }

.homepage2022 .success-stories-teal:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; border-top: 40px solid #0e8397; border-right: 40px solid transparent; }

.homepage2022 .success-stories-teal:hover { transform: translateY(-10px); }

.homepage2022 .success-stories-teal-left { position: absolute; left: -40px; bottom: 70px; }

.homepage2022 .success-stories-teal-right { display: flex; flex-direction: column; justify-content: space-between; }

.homepage2022 .success-stories-black { padding: 2.5em; display: flex; background-color: #3e474f; max-width: 399px; height: 250px; bottom: 30px; right: 50px; position: relative; transition: 0.2s; }

.homepage2022 .success-stories-black img { border-radius: 50%; box-shadow: 3px 3px 3px #00000050; }

.homepage2022 .success-stories-black p:first-child { color: #fff; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5rem; font-weight: 500; }

.homepage2022 .success-stories-black p:last-child { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.125rem; color: #fff; max-width: 240px; }

.homepage2022 .success-stories-black:before { content: ""; width: 100%; height: 100%; position: absolute; border: 2px dotted #3e474f; bottom: -12px; right: -12px; }

.homepage2022 .success-stories-black:after { content: ""; position: absolute; top: 100%; right: 0; width: 0; border-top: 40px solid #3e474f; border-left: 40px solid transparent; }

.homepage2022 .success-stories-black:hover { transform: translateY(-10px); }

.homepage2022 .success-stories-black-left { position: absolute; right: -40px; bottom: 20px; }

.homepage2022 .success-stories-black-right { display: flex; flex-direction: column; justify-content: space-between; }

.homepage2022 .aside-woman { max-width: 100%; height: 460px; position: absolute; top: 91px; right: 185px; z-index: 12; transition: right 0.3s; }

.homepage2022 .aside-shape { height: 257px; width: 257px; position: absolute; top: 0; right: 250px; z-index: 11; transition: right 0.3s; }

.homepage2022 .mobile-hero { background-color: #3e474f; position: relative; width: 100%; margin: 0 0 2em 0; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; }

.homepage2022 .mobile-hero__woman-and-shape { position: relative; }

.homepage2022 .mobile-hero__container { max-width: 334px; }

.homepage2022 .mobile-hero__text { display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-end; min-height: 200px; margin: 3em 0 3em 4em; position: relative; }

.homepage2022 .aside-woman-mobile { max-width: 100%; position: relative; z-index: 2; }

.homepage2022 .aside-shape-mobile { height: 240px; width: 240px; position: absolute; top: -36px; left: 94px; z-index: 1; }

.homepage2022 .aside-quote-mobile { height: 108px; width: 141px; filter: invert(66%) sepia(74%) saturate(465%) hue-rotate(356deg) brightness(106%) contrast(86%); opacity: 0.5; position: absolute; top: -16px; left: -60px; }

.homepage2022 .hero__side-design--content-p-mobile { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-size: 1.75rem; line-height: 34px; font-weight: 500; position: relative; margin-bottom: 0.5em; }

.homepage2022 .hero__side-design--content-p2-mobile { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; opacity: 0.75; font-size: 1.25rem; font-weight: 500; position: relative; }

.homepage2022 .social-proofing { margin: 2em 0; }

.homepage2022 .social-proofing .flex-block-xs-2 { display: flex; }

.homepage2022 .social-proofing__h2 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; color: #9ea3a6; letter-spacing: 5px; text-transform: uppercase; }

.homepage2022 .social-proofing__opacity { opacity: 0.5; }

@keyframes scroll { 0% { transform: translateX(0); }
  100% { transform: translateX(calc(-250px * 5)); } }

.homepage2022 .take-the-next-step { max-width: 1660px; margin: 0 auto; }

.homepage2022 .take-the-next-step .container { display: flex; margin: 2em 0 0 0; padding: 0; min-width: 100%; }

.homepage2022 .take-the-next-step .container .image { width: 37%; height: auto; display: flex; }

.homepage2022 .take-the-next-step .container .text { width: 67%; display: flex; flex-direction: column; }

.homepage2022 .take-the-next-step .container .text p { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3.75rem; color: #fff; line-height: 72px; padding: 1em; background-color: #3e474f; }

@media screen and (max-width: 680px) { .homepage2022 .take-the-next-step .container .text p { padding: 0.5em; } }

.homepage2022 .next-step-woman { object-fit: cover; }

.homepage2022 .next-step-design { object-fit: cover; }

.homepage2022 .nswts { background-color: #fafafa; }

.homepage2022 .nswts-h3 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3rem !important; color: #3e474f; max-width: 388px; font-weight: 600; }

.homepage2022 .nswts-p { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem !important; color: #656565; line-height: 24px; max-width: 470px; font-weight: 500; }

.homepage2022 .nswts .join-now-btn { background-color: #0e8397 !important; border: none !important; font-size: 1.125rem; padding: 16px 30px !important; transition: 0.3s ease; color: #fff; border-radius: 6px; }

.homepage2022 .nswts .join-now-btn:hover { background-color: #edba36 !important; }

.homepage2022 .toggle-steps-q1 { border-top: 1px solid #d5e6ea; padding-top: 1em; }

.homepage2022 .toggle-steps-q1, .homepage2022 .toggle-steps-q2, .homepage2022 .toggle-steps-q3, .homepage2022 .toggle-steps-q4, .homepage2022 .toggle-steps-q5, .homepage2022 .toggle-steps-q6 { font-weight: 300; border-bottom: 1px solid #d5e6ea !important; }

.homepage2022 .who-joins-treehouse { margin: 2em auto; }

.homepage2022 .who-joins-treehouse .container { display: flex; padding: 2em; }

.homepage2022 .who-joins-treehouse .container-2 { flex-direction: row-reverse; }

.homepage2022 .who-joins-treehouse h2 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2.1875rem; color: #0e8397; font-weight: 600; margin-bottom: 0.5em; }

.homepage2022 .who-joins-treehouse-p { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 4.5rem; color: #3e474f; line-height: 72px; font-weight: 600; }

.homepage2022 .who-joins-treehouse .text { width: 50%; }

.homepage2022 .who-joins-treehouse .text .span1 { border-bottom: 36px solid #ecc247; line-height: 14px; display: inline-block; width: 568px; text-align: center; }

.homepage2022 .who-joins-treehouse .text .span3 { border-bottom: 36px solid #ecc247; line-height: 14px; display: inline-block; width: 216px; text-align: center; }

.homepage2022 .who-joins-treehouse .text-2 { width: 48%; }

.homepage2022 .who-joins-treehouse .image { width: 50%; }

.homepage2022 .who-joins-treehouse .image .content0 { position: relative; }

.homepage2022 .who-joins-treehouse .image .who-joins-treehouse-img1 { padding-left: 20%; }

.homepage2022 .who-joins-treehouse .image .who-joins-treehouse-img2 { padding-right: 20%; }

.homepage2022 .who-joins-treehouse .image .content { position: relative; z-index: 2; }

.homepage2022 .who-joins-treehouse .image .content .who-joins-treehouse-img3 { position: absolute; width: 227px; right: 62px; top: 150px; }

.homepage2022 .who-joins-treehouse .image .content .who-joins-treehouse-img4 { position: absolute; width: 48px; top: 205px; right: 204px; }

.homepage2022 .who-joins-treehouse .image .content-p { max-width: 150px; font-family: "Work Sans", sans-serif; font-size: 1rem; color: #fff; line-height: 24px; position: absolute; top: 261px; right: 110px; }

.homepage2022 .who-joins-treehouse .image .content-p-2 { max-width: 213px; font-family: "Work Sans", sans-serif; font-size: 1rem; color: #fff; line-height: 24px; position: absolute; top: 118px; right: 159px; z-index: 3; }

.homepage2022 .who-joins-treehouse .image .who-joins-treehouse-img5 { position: absolute; width: 125px; top: 64px; left: 30px; z-index: 2; }

.homepage2022 .who-joins-treehouse .image .who-joins-treehouse-img6 { position: absolute; width: 227px; top: 25px; left: 85px; z-index: 1; opacity: 0.3; }

.homepage2022 .who-joins-treehouse .image .who-joins-treehouse-img7 { position: absolute; width: 294px; top: 89px; left: 171px; z-index: 2; }

.homepage2022 .hero__text--main .hero-headline { font-family: 'Roboto Mono Bold', monospace; font-size: 2.75rem; color: #3e474f; border: solid 2px #3e474f; padding: 0.5em; position: relative !important; z-index: 15; cursor: grab; background-color: #fff; }

.homepage2022 .hero__text--main .hero-headline .ui-resizable-handle { position: absolute; height: 13px; width: 13px; background-color: #fff; border: solid 2px #3e474f; }

.homepage2022 .hero__text--main .hero-headline .ui-resizable-se { cursor: se-resize; bottom: -7px; right: -7px; }

.homepage2022 .hero__text--main .hero-headline .ui-resizable-sw { cursor: sw-resize; bottom: -7px; left: -7px; }

.homepage2022 .hero__text--main .hero-headline .ui-resizable-ne { cursor: ne-resize; top: -7px; right: -7px; }

.homepage2022 .hero__text--main .hero-headline .ui-resizable-nw { cursor: nw-resize; top: -7px; left: -7px; }

.homepage2022 .hero__text--main .hero-headline--span { background-color: #3e474f; color: #ecc148; padding: 0.1em 0.3em; margin: -12px; }

.homepage2022 .hero__text--main .hero-subheadline-white-bg { font-family: 'Roboto Mono Regular', monospace; font-size: 1.375rem; color: #40484a; line-height: 32px; margin: 1em 0; padding-bottom: 0; max-width: 414px; }

.homepage2022 .hero__text--main .hero-subheadline-white-bg--span { font-size: 2rem; font-weight: 700; }

.homepage2022 .hero__text--main .hero-subheadline { font-size: 1.25rem; color: #ed7f35; font-weight: 500; margin-top: 1em; }

@media screen and (max-width: 555px) { .homepage2022 .hero__text--main .hero-subheadline { padding-bottom: 0; max-width: 250px; margin: 0 auto; padding-top: 1em; } }

.homepage2022 .hero__text--main .hero-subheadline .regular-white-bg { font-weight: 300; }

.homepage2022 .hero__text--main input[type='email'], .homepage2022 .hero__text--main input[type='number'], .homepage2022 .hero__text--main input[type='search'] { padding: 1em; margin-bottom: 4px; }

.homepage2022 .hero__text--main .form-text-input::-webkit-input-placeholder, .homepage2022 .hero__text--main .form-textarea::-webkit-input-placeholder { font-family: 'Roboto Mono Regular', monospace; font-size: 1.25rem; color: #a9a9a9; }

.homepage2022 .hero__text--main .form-text-input, .homepage2022 .hero__text--main input[type='text'] { font-size: 1.25rem; }

.homepage2022 .hero__text--main #account_signup_email { background-color: #fff; }

.homepage2022 .hero__text--main #signupForm fieldset div button img { vertical-align: middle; }

.homepage2022 .hero__text--main .join-now-btn { background-color: #0e8397 !important; border: none !important; height: 68px !important; font-size: 1.2rem; padding: 0 10px !important; transition: 0.3s ease; }

.homepage2022 .hero__text--main .join-now-btn:hover { background-color: #edba36 !important; }

@media screen and (max-width: 756px) { .homepage2022 .hero__text--main .join-now-btn { padding: 10px 10px !important; } }

.homepage2022 .free-trial22-override { width: 14%; height: auto !important; padding: 0.7em 0.4em !important; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.125rem !important; background-color: #0e8397 !important; position: absolute; top: -136px; right: -10px; z-index: 10; min-width: 168px; border: none; transition: 0.3s ease; }

.homepage2022 .free-trial22-override:hover { background-color: #edba36 !important; }

.homepage2022 .hero__side-design--background { position: absolute; top: -153px; right: -120px; background-color: #3E474F; height: 704px; width: 540px; z-index: 10; transition: right 0.3s; }

.homepage2022 .hero__side-design--content { position: absolute; right: 0; top: 0; }

.homepage2022 .hero__side-design--content-p { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-size: 1.75rem; line-height: 34px; width: 234px; height: 238px; font-weight: 500; position: relative; z-index: 12; }

.homepage2022 .hero__side-design--content-p2 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; opacity: 0.75; font-size: 1.25rem; font-weight: 500; position: absolute; right: -20px; bottom: -290px; z-index: 10; }

.homepage2022 .aside-quote { height: 108px; width: 141px; filter: invert(66%) sepia(74%) saturate(465%) hue-rotate(356deg) brightness(106%) contrast(86%); opacity: 0.5; position: absolute; top: 182px; right: 16px; z-index: 11; }

.homepage2022 .join-now-cta { margin-top: -12em; background-color: #fafafa; }

.homepage2022 .join-now-cta input[type='email'], .homepage2022 .join-now-cta input[type='number'], .homepage2022 .join-now-cta input[type='search'] { padding: 1em; margin-bottom: 4px; }

.homepage2022 .join-now-cta .form-text-input::-webkit-input-placeholder, .homepage2022 .join-now-cta .form-textarea::-webkit-input-placeholder { font-family: 'Roboto Mono Regular', monospace; font-size: 1.25rem; color: #a9a9a9; }

.homepage2022 .join-now-cta .form-text-input, .homepage2022 .join-now-cta input[type='text'] { font-size: 1.25rem; }

.homepage2022 .join-now-cta #account_signup_email { background-color: #fff; }

.homepage2022 .join-now-cta #signupForm fieldset div button img { vertical-align: middle; }

.homepage2022 .join-now-cta__background { background-color: #3e474f; padding: 10em 0; width: 100%; }

.homepage2022 .join-now-cta__top-layer { background-color: #ecc148; padding: 4em; max-width: 1131px; height: 398px; border-radius: 30px; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-evenly; width: 80%; position: relative; top: 240px; }

.homepage2022 .join-now-cta__top-layer h2 { opacity: 0.95; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3rem; color: #3e474f; line-height: 64px; text-align: center; font-weight: 600; }

.homepage2022 .join-now-cta__top-layer p { opacity: 0.85; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; text-align: center; font-weight: 600; }

.homepage2022 .join-now-cta__top-layer p:last-child { color: #ed5a5a; }

.homepage2022 .join-now-cta #signupForm fieldset div { justify-content: center; }

.homepage2022 .join-now-cta .join-now-btn { background-color: #0e8397 !important; border: none !important; height: 68px !important; font-size: 1.2rem; padding: 0 10px !important; transition: 0.3s ease; }

.homepage2022 .join-now-cta .join-now-btn:hover { background-color: #edba36 !important; }

@media screen and (max-width: 756px) { .homepage2022 .join-now-cta .join-now-btn { padding: 10px 10px !important; } }

.homepage2022 .the-treehouse-promise { margin: 2em auto; background-color: #fafafa; }

.homepage2022 .the-treehouse-promise .container { display: flex; justify-content: center; min-width: 100%; padding: 4em 2em; }

.homepage2022 .the-treehouse-promise .container .grid1 { width: 46%; display: flex; }

.homepage2022 .the-treehouse-promise .container .grid1 .box0 { position: absolute; left: 0; }

.homepage2022 .the-treehouse-promise .container .grid2x2 { display: flex; flex-wrap: wrap; gap: 2em; width: 54%; }

.homepage2022 .the-treehouse-promise .container .grid2x2 .box2, .homepage2022 .the-treehouse-promise .container .grid2x2 .box3, .homepage2022 .the-treehouse-promise .container .grid2x2 .box4 { background-color: #3e474f; }

.homepage2022 .the-treehouse-promise .container .grid2x2 > div { display: flex; flex-basis: calc(50% - 40px); justify-content: center; min-width: 300px; border-radius: 6px; }

.homepage2022 .the-treehouse-promise .container .grid2x2 > div .promise-div { display: flex; align-items: start; flex-direction: column; border-radius: 6px; width: 350px; height: 384px; justify-content: space-between; }

@media screen and (max-width: 960px) { .homepage2022 .the-treehouse-promise .container .grid2x2 > div .promise-div { justify-content: space-evenly; width: 100%; } }

.homepage2022 .the-treehouse-promise .container .grid2x2 > div a { font-size: 0.875rem; color: #0e8397; font-weight: 600; }

.homepage2022 .the-treehouse-promise .container .grid2x2 > div > div { display: flex; align-items: start; flex-direction: column; border-radius: 6px; width: 350px; height: 384px; padding: 1.3em; justify-content: space-evenly; }

@media screen and (max-width: 960px) { .homepage2022 .the-treehouse-promise .container .grid2x2 > div > div { justify-content: center; gap: 1em; width: 100%; } }

.homepage2022 .the-treehouse-promise .container .grid2x2 > div > div img { height: 48px; width: 48px; }

.homepage2022 .the-treehouse-promise .container .grid2x2 > div > div h2 { color: #3e474f; font-weight: 600; font-size: 3rem; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.homepage2022 .the-treehouse-promise .container .grid2x2 > div > div h3 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #fff; font-weight: 300; }

.homepage2022 .the-treehouse-promise .container .grid2x2 > div > div .promise-p { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 24px; color: #656565; font-weight: 500; }

.homepage2022 .the-treehouse-promise .container .grid2x2 > div > div p { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; color: #fff; line-height: 24px; font-weight: 500; color: #c5c8ca; }

.homepage2022 .bap-padding { padding: 1em; margin-bottom: 6em !important; }

@media screen and (max-width: 970px) { .homepage2022 .bap-padding { padding: 0 5px; } }

@media screen and (max-width: 700px) { .homepage2022 .bap-padding { flex-direction: column; align-items: center; } }

.homepage2022 .bap__override-h2 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2.8rem; color: #3e474f; max-width: 500px; font-weight: 600; }

.homepage2022 .bap__override-p { font-family: "Work Sans", sans-serif; font-size: 1rem; color: #656565; line-height: 24px; max-width: 490px; font-weight: 300; }

.homepage2022 .bap .box-22 { gap: 1em; align-items: start; padding: 1rem 1.5rem; display: flex; }

@media screen and (max-width: 700px) { .homepage2022 .how-it-works-plans-2 { padding-left: 0 !important; } }

.homepage2022 .how-it-works-plans-2__div { display: flex; flex-direction: column; }

.homepage2022 .how-it-works-plans-2__div h3 { font-family: "Work Sans", sans-serif; font-size: 1.5rem; color: #333; font-weight: 600; margin-bottom: 10px; }

.homepage2022 .how-it-works-plans-2__div p { font-family: "Work Sans", sans-serif; font-size: 1rem; color: #a1a1a1; line-height: 24px; font-weight: 300; }

.homepage2022 .how-it-works-plans-2 .box-22 { gap: 1em; align-items: start; padding: 1rem 1.5rem; display: flex; padding: 1em 1.5em 0 1.5em; }

.homepage2022 .how-it-works-plans-2 .build-portfolio-icon { height: 24px; width: 24px; }

div.flex-block-xs.flex-basis-100-xs.flex-basis-50-md.p-lr-2-xs.p-l-0-md.p-r-2-md.m-t-2-xs.m-t-0-md > div > div > a { background-color: #0e8397 !important; border: none !important; font-size: 1.125rem; transition: 0.3s ease; }

div.flex-block-xs.flex-basis-100-xs.flex-basis-50-md.p-lr-2-xs.p-l-0-md.p-r-2-md.m-t-2-xs.m-t-0-md > div > div > a:hover { background: #edba36 !important; }

div.flex-block-xs.flex-basis-100-xs.flex-basis-40-md.p-l-2-md.p-r-0-md.m-t-2-xs.m-t-0-md > div > a { background-color: #0e8397 !important; border: none !important; font-size: 0.875rem; transition: 0.3s ease; }

div.flex-block-xs.flex-basis-100-xs.flex-basis-40-md.p-l-2-md.p-r-0-md.m-t-2-xs.m-t-0-md > div > a:hover { background: #edba36 !important; }

@media (max-width: 1255px) { .grid1 { display: none !important; }
  .the-treehouse-promise .container .grid2x2 { width: 100% !important; } }

@media (max-width: 1095px) { .hero-headline { font-size: 2.7rem !important; } }

@media (max-width: 1076px) { .hero-headline { font-size: 2.6rem !important; } }

@media (max-width: 1038px) { .hero-headline { font-size: 2.5rem !important; } }

@media (max-width: 1000px) { .hero-headline { font-size: 2.4rem !important; } }

@media (max-width: 1180px) { .aside-woman { right: 40px !important; }
  .aside-shape { right: 95px !important; }
  .hero__side-design--content-p, .hero__side-design--content-p2, .aside-quote { display: none; }
  .hero__side-design--background { right: -220px !important; } }

@media (max-width: 960px) { .aside-woman, .aside-shape { display: none; }
  .hero__side-design--background { display: none; }
  .free-trial22-override, .nav-link-2022-w { display: none; }
  .homepage-hero-white-bg { padding: 5em 1em 0 1em !important; }
  .mobile-hero { display: flex !important; }
  .the-treehouse-promise .container .grid2x2 { flex-wrap: nowrap !important; flex-direction: column; }
  .the-treehouse-promise .container .grid2x2 .box3 { order: 1; }
  .nswts-justify { text-align: center; flex-direction: column; }
  .nswts-h3 { max-width: 100% !important; }
  .nswts-p { max-width: 100% !important; }
  .mobile-margin-top { margin-top: 3em !important; }
  .who-joins-treehouse .container { flex-direction: column !important; align-items: center; }
  .who-joins-treehouse-2 { margin: 2em auto 0 auto !important; }
  .who-joins-treehouse .text, .who-joins-treehouse .text-2 { width: 98% !important; }
  .who-joins-treehouse .text .span1 { border-bottom: none !important; display: inline !important; }
  .who-joins-treehouse .text .span2 { border-bottom: 36px solid #ecc247; line-height: 14px; display: inline-block; width: 248px; text-align: start; }
  .who-joins-treehouse .text .span3 { display: none !important; }
  .who-joins-treehouse .text .span4 { border-bottom: 36px solid #ecc247; line-height: 14px; display: inline-block !important; width: 306px; text-align: start; }
  .who-joins-treehouse .image { width: 90% !important; margin-top: 3em; }
  .who-joins-treehouse h2 { font-size: 1.5625rem !important; }
  .who-joins-treehouse-p { font-size: 3.4375rem !important; line-height: 65px !important; } }

@media (max-width: 768px) { .how-it-works-plans-2__btn-2 { max-width: 160px; margin: 2em auto 0 !important; }
  .box5 { display: block !important; width: 100%; order: 2; }
  .social-proofing { overflow: hidden; width: 100%; }
  .flex-block-xs-2 { display: flex !important; flex-wrap: nowrap !important; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .slide-track { animation: scroll 10s linear infinite; display: flex; }
  .flexy-logo { flex: 0 0 auto; }
  .flexy-rpt { display: flex !important; }
  .flex-basis-100-xs-2 { flex-basis: 30% !important; }
  .who-joins-treehouse-img1 { padding-left: 0 !important; }
  .who-joins-treehouse-img2 { padding-right: 0 !important; }
  .join-now-cta { margin-top: -32em !important; }
  .join-now-cta__top-layer { top: 530px !important; height: 585px !important; padding: 2em !important; }
  .join-now-cta__background { padding: 18em 0 !important; } }

@media (max-width: 686px) { .how-it-works-plans-2__btn { display: none !important; }
  .how-it-works-plans-2__a { display: block !important; max-width: 160px; margin: 2em auto 0; }
  div.how-it-works-plans-2__a.flex-grow-1-xs.text-left-xs.w-full-xs.w-auto-md > a { background-color: #0e8397 !important; border: none !important; font-size: 0.875rem; transition: 0.3s ease; }
  div.how-it-works-plans-2__a.flex-grow-1-xs.text-left-xs.w-full-xs.w-auto-md > a:hover { background: #edba36 !important; } }

@media (max-width: 680px) { .take-the-next-step .container { flex-direction: column; }
  .take-the-next-step .container .text { width: 100% !important; }
  .take-the-next-step .container .image { width: 100% !important; justify-content: center; background-color: #3e474f; } }

@media all and (-ms-high-contrast: none) { .homepage-p6-competitors { display: -ms-grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } }

.container-white-bg .hero__text--main .form-label { display: none !important; }

.container-white-bg .hero__text--aside .hero-video { display: block; font-size: 0; }

.container-white-bg .hero__text--aside .hero-video .mejs-container { max-width: 689px; margin: auto; }

.container-white-bg .hero__text--aside .hero-video .mejs-controls { display: grid; grid-template-columns: 1fr 2fr 15fr 2fr 1fr 1fr 1fr; padding: 0 3px; height: auto !important; }

@media screen and (max-width: 370px) { .container-white-bg .hero__text--aside .hero-video .mejs-controls { grid-template-columns: 1fr 1fr 15fr 2fr 2fr 2fr 2fr; } }

.container-white-bg .hero__text--aside .hero-video .mejs-overlay { bottom: 20px !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-controls, .container-white-bg .hero__text--aside .hero-video .mejs-button, .container-white-bg .hero__text--aside .hero-video .mejs-time { height: 20px !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-currenttime-container { width: 22px !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-duration-container { width: revert !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-time-total, .container-white-bg .hero__text--aside .hero-video .mejs-time-current, .container-white-bg .hero__text--aside .hero-video .mejs-time-buffering { height: 7px !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-time-current { border: none !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-time-rail, .container-white-bg .hero__text--aside .hero-video .mejs-time { padding: 0 !important; display: flex !important; align-items: center !important; margin: 0 !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-time-rail { padding: 8px 0 0; width: 120px !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-time-slider, .container-white-bg .hero__text--aside .hero-video .mejs-time-rail { width: 60% !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-currenttime, .container-white-bg .hero__text--aside .hero-video .mejs-duration { font-size: 7px !important; }

@media screen and (max-width: 400px) { .container-white-bg .hero__text--aside .hero-video .mejs-currenttime, .container-white-bg .hero__text--aside .hero-video .mejs-duration { font-size: 5px !important; } }

@media screen and (max-width: 370px) { .container-white-bg .hero__text--aside .hero-video .mejs-currenttime, .container-white-bg .hero__text--aside .hero-video .mejs-duration { display: none; } }

.container-white-bg .hero__text--aside .hero-video .mejs-button > button { padding: 0 !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-playpause-button, .container-white-bg .hero__text--aside .hero-video .mejs-button, .container-white-bg .hero__text--aside .hero-video .mejs-fullscreen-button, .container-white-bg .hero__text--aside .hero-video .mejs-mute { width: 10px !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-button:last-child { margin-right: 0 !important; }

.container-white-bg .hero__text--aside .hero-video .mejs-rewind-button, .container-white-bg .hero__text--aside .hero-video .mejs-speed-button { display: none; }

.container-white-bg .hero__text--aside .hero-video .play-icon { height: 8px !important; width: 8px !important; }

.container-white-bg .hero__text--aside .hero-video .pause-icon, .container-white-bg .hero__text--aside .hero-video .rewind-icon, .container-white-bg .hero__text--aside .hero-video .captions-icon, .container-white-bg .hero__text--aside .hero-video .volume-icon, .container-white-bg .hero__text--aside .hero-video .workspaces-outline-icon, .container-white-bg .hero__text--aside .hero-video .fullscreen-icon, .container-white-bg .hero__text--aside .hero-video .speed-icon { width: 8px; height: 8px; }

@media screen and (max-width: 400px) { .container-white-bg .hero__text--aside .hero-video .volume-icon { display: none !important; } }
.courses .homepage-hero { background-color: #0098b1; background: url(/assets/views/marketing/home/courses-p1-53d7c35bb0666e4bce257c204dc8702df9c557baad9011649c021bc6a6c259ac.webp) center/cover no-repeat; }

@media screen and (max-width: 679px) { .courses .homepage-hero { background: url(/assets/views/marketing/home/courses-p1-mobile-4e0415adc6417fbc98bc0dfa7800e997598e2254fc19093cfb618f654b680828.webp) center/cover no-repeat; } }

@media screen and (max-width: 679px) { .courses .homepage-hero h2 { display: none; } }

@media screen and (max-width: 679px) { .courses .homepage-features svg { max-width: 100px; } }

.courses .homepage-100daysofcode { background: #1455A3 url("views/marketing/home/100daysofCode_MilestonBanner_Halfway.png") right/contain no-repeat; }

@media screen and (min-width: 0px) and (max-width: 969px) { .courses .homepage-100daysofcode { background: #1455A3; } }

.courses .homepage-100daysofcode .mobile-image { background: #1455A3 url("views/marketing/home/100daysofCode_MilestonBanner_Halfway.png") right/contain no-repeat; height: 250px; min-width: 100%; }

.courses .homepage-p5 { background: url(/assets/views/marketing/homepage/courses-tracks-top-left-bd32631b5fa25b2d1705d1356f87b128e6c754d7c8fa50cab6d4631cd49e728a.svg) top left/200px no-repeat, url(/assets/views/marketing/homepage/courses-tracks-top-right-7d1e53ca5d08f056e46a7036c53a5b2f35d3019fa168b75a500a0cd75eaeb75e.svg) top right/150px no-repeat, url(/assets/views/marketing/homepage/courses-tracks-bottom-left-00733bb6257fd0fe58ea3090a7fd66d4a8d2436c94736f77432751b3b18ec734.svg) bottom left/300px no-repeat, url(/assets/views/marketing/homepage/courses-tracks-bottom-right-c24e9fd55bf6c460fc9879447bcc7643afb8e8136f51c8f218083bd455a07783.svg) bottom right/200px no-repeat; }

@media screen and (max-width: 679px) { .courses .homepage-p5 { background-image: none; } }

.courses .card-list, .courses .card-actions, .courses .card-stages { padding: 0; }

.courses .user-stories { background: url(/assets/layouts/header-bg-0e6a992b193cbbf0ea2d9b2a00521d3d8aba1f47908c04dd57782e774c20f0f5.svg) #f6f9fa 0 -70px repeat; }

#newyears { background: url(/assets/views/marketing/home/NewYearsCampaign_WebsiteBanner_Final-367940e7c5a5bdc3342c651640cc5b16fa543642701ca2d36d45cec7afe72f33.png) center/cover no-repeat; }

@media screen and (max-width: 679px) { #newyears { background: url(/assets/views/marketing/home/NewYearsCampaign_WebsiteBannerFinal_mobile-f3f73954d310c10fa2119029198d3e24572a81c1df859c2bcc935a5c3ddd7f7a.png) center/cover no-repeat; } }

@media screen and (max-width: 679px) { #newyears { text-align: center !important; } }

.td-banner { background: url(/assets/views/marketing/shared/badges-bg-c11f48f36ebb1b5f26dd12cb4cc73f67d01d4431b5d3cfc2fe8c22d686ff8f0b.png) center/cover no-repeat; }

.td-banner img { object-fit: contain; display: block; margin: 0 auto; }

@media screen and (max-width: 970px) { .td-banner { display: none; } }

.techdegree-content-wrapper { padding: 10em; }

.techdegree-content-wrapper img { position: absolute; margin-left: auto; margin-right: auto; top: 135px; left: 0; right: 0; text-align: center; z-index: 1; }

@media screen and (min-width: 0px) and (max-width: 969px) { .techdegree-content-wrapper { padding: 0px; }
  .techdegree-content-wrapper img { top: 120px; } }

.techdegree-callout { position: relative; }

.techdegree-banner { background: url(/assets/views/marketing/home/experiment_techdegree_bg_courses-8e3e29c24b8f7384179230e745c2a1730e019b3bab458d180478221b8c332ad9.webp) center/cover no-repeat; min-height: 396px; }

@media screen and (min-width: 0px) and (max-width: 969px) { .techdegree-banner { min-height: 200px; } }

.techdegree-details { position: absolute; margin-left: auto; margin-right: auto; top: 140px; left: 0; right: 0; text-align: center; z-index: 0; background: white; border-radius: 12px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

@media screen and (min-width: 0px) and (max-width: 969px) { .techdegree-details { position: relative; border-radius: 0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 3px 6px rgba(0, 0, 0, 0); top: 0px; } }

video { width: 100%; max-height: 100%; }
.hero-section { background: linear-gradient(126deg, #4a4290 0%, #804197 50%, #d44c66 100%); height: 331px; display: flex; align-items: center; justify-content: center; padding: 20px; margin: 0 auto; max-width: 1280px; border-radius: 16px; }

.hero-container { max-width: 1240px; width: 100%; margin: 0 auto; padding: 0 20px; position: relative; }

.hero-editors-choice { position: absolute; top: 20px; right: 20px; z-index: 10; }

.editors-choice-image { min-width: 204px; height: 30px; border-radius: 6px; display: block; }

.hero-content { text-align: center; }

.hero-heading { font-size: 52px; color: #fff; text-align: center; margin: 0 0 16px 0; font-family: 'Quicksand', sans-serif; font-weight: 700; }

.hero-subheading { font-size: 20px; color: #fff; text-align: center; margin: 0 0 8px 0; font-family: 'Quicksand', sans-serif; font-weight: 400; }

.hero-subheading strong { font-weight: 700; }

.hero-sub-subheading { font-size: 12px; color: #fff; text-align: center; margin: 0 0 24px 0; font-family: 'Quicksand', sans-serif; }

.hero-signup-form { display: flex; justify-content: center; }

.hero-form { display: contents; }

.hero-form-row { display: flex; align-items: center; gap: 12px; justify-content: center; }

.hero-email-wrapper { margin: 0; }

.hero-email-input { width: 300px; height: 49px; padding: 0px 8px 0px 15px; border: 1px solid #b6b6b6; border-radius: 4px; background-color: #fff; font-size: 14px; color: #000; font-family: 'Quicksand', sans-serif; }

.hero-email-input::placeholder { color: #999; }

.hero-consent-wrapper { display: none; }

.hero-cta-button { border-radius: 4px; background-color: #0e8397; font-size: 18px; color: #fff !important; text-align: center; border: none; padding: 12px 24px; height: 49px; cursor: pointer; font-family: 'Quicksand', sans-serif; font-weight: 600; transition: background-color 0.3s ease; display: flex; align-items: center; justify-content: center; }

.hero-cta-button:hover { background-color: #0c7285; color: #fff !important; }

@media screen and (max-width: 969px) { .hero-section { height: auto; min-height: 331px; padding: 40px 20px; }
  .hero-editors-choice { top: 10px; right: 10px; }
  .editors-choice-image { width: 153px; height: 31px; }
  .hero-heading { font-size: 36px; margin-bottom: 12px; }
  .hero-subheading { font-size: 18px; margin-bottom: 6px; }
  .hero-sub-subheading { font-size: 11px; margin-bottom: 20px; }
  .hero-form-row { flex-direction: column; gap: 16px; }
  .hero-email-input { width: 280px; }
  .hero-cta-button { width: 280px; } }

@media screen and (max-width: 679px) { .hero-section { height: auto; min-height: 280px; padding: 30px 15px; }
  .hero-heading { font-size: 28px; }
  .hero-subheading { font-size: 16px; }
  .hero-email-input, .hero-cta-button { width: 260px; } }

.teams-section { padding: 40px 20px; text-align: center; max-width: 1240px; margin: 0 auto; }

.teams-headline { margin-bottom: 14px; font-size: 12px; color: #1a2126; letter-spacing: 0.8px; text-transform: uppercase; text-align: center; font-family: 'Quicksand', sans-serif; font-weight: 400; }

.teams-logos { display: flex; justify-content: center; align-items: center; gap: 54px; flex-wrap: wrap; }

.logo-item { display: flex; align-items: center; justify-content: center; }

.company-logo { width: 92px; height: auto; object-fit: contain; }

@media screen and (max-width: 969px) { .teams-logos { gap: 30px; }
  .company-logo { width: 80px; } }

@media screen and (max-width: 679px) { .teams-logos { gap: 20px; justify-content: space-around; }
  .company-logo { width: 70px; } }

.hundred-days-section { padding: 60px 20px; max-width: 1240px; margin: 0 auto; }

.hundred-days-container { position: relative; width: 100%; height: 452px; display: flex; align-items: center; }

.hundred-days-content { background: #ffffff; border-radius: 16px; padding: 32px; width: 507px; height: 263px; z-index: 2; position: relative; display: flex; flex-direction: column; justify-content: center; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); }

.hundred-days-heading { font-size: 24px; color: #384047; margin: 0 0 16px 0; font-family: 'Quicksand', sans-serif; font-weight: 700; }

.hundred-days-text { font-family: 'Quicksand', sans-serif; font-size: 18px; color: #1a2126; line-height: 28px; margin: 0 0 24px 0; }

.hundred-days-link { font-size: 18px; color: #0e8397; text-transform: uppercase; text-decoration: none; font-family: 'Quicksand', sans-serif; font-weight: 600; display: inline-flex; align-items: center; transition: color 0.3s ease; }

.hundred-days-link:hover { color: #0c7285; }

.hundred-days-text-underline { border-bottom: 1px solid #0e8397; padding-bottom: 2px; transition: border-color 0.3s ease; }

.hundred-days-link:hover .hundred-days-text-underline { border-bottom-color: #0c7285; }

.hundred-days-arrow { width: 16px; height: 16px; margin-left: 8px; flex-shrink: 0; }

.hundred-days-image { position: absolute; right: 0; top: 0; z-index: 1; }

.hundred-days-img { width: 944px; height: 452px; border-radius: 16px; object-fit: cover; }

@media screen and (max-width: 1024px) { .hundred-days-container { height: auto; flex-direction: column; gap: 20px; }
  .hundred-days-content { width: 100%; max-width: 507px; height: auto; min-height: 263px; margin: 0 auto; }
  .hundred-days-image { position: relative; right: auto; top: auto; width: 100%; display: flex; justify-content: center; }
  .hundred-days-img { width: 100%; max-width: 944px; height: auto; aspect-ratio: 944/452; } }

@media screen and (max-width: 969px) { .hundred-days-section { padding: 40px 20px; }
  .hundred-days-content { padding: 24px; max-width: 100%; }
  .hundred-days-heading { font-size: 20px; margin-bottom: 12px; }
  .hundred-days-text { font-size: 16px; line-height: 24px; margin-bottom: 20px; }
  .hundred-days-link { font-size: 16px; } }

@media screen and (max-width: 679px) { .hundred-days-content { padding: 20px; }
  .hundred-days-heading { font-size: 18px; }
  .hundred-days-text { font-size: 14px; line-height: 22px; }
  .hundred-days-link { font-size: 14px; } }

.homepage.courses-e-page .featured-courses-section { padding: 60px 20px; background-color: #f8f9fa; }

.homepage.courses-e-page .featured-courses-grid { display: flex; gap: 30px; justify-content: center; flex-wrap: wrap; max-width: 1260px; margin: 0 auto; }

@media screen and (max-width: 969px) { .homepage.courses-e-page .featured-courses-grid { flex-direction: column; gap: 20px; } }

.homepage.courses-e-page .featured-course-card { background: white; border-radius: 16px; overflow: hidden; box-shadow: 0px 1px 22px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; cursor: pointer; flex: 0 0 390px; width: 390px; max-width: 390px; height: 270px; display: flex; flex-direction: column; margin-bottom: 16px; margin-left: 0; margin-right: 0; }

.homepage.courses-e-page .featured-course-card:first-child { margin-left: 0; }

.homepage.courses-e-page .featured-course-card:last-child { margin-right: 0; }

.homepage.courses-e-page .featured-course-card:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }

.homepage.courses-e-page .featured-course-card:hover .course-thumbnail-img, .homepage.courses-e-page .featured-course-card:hover .thumbnail-placeholder { transform: scale(1.05); }

.homepage.courses-e-page .featured-course-card:hover .video-overlay { background: rgba(0, 0, 0, 0.5); }

.homepage.courses-e-page .featured-course-card:hover .play-icon { transform: scale(1.1); }

.homepage.courses-e-page .featured-course-card.show-video video, .homepage.courses-e-page .featured-course-card.show-video .featured-course-preview-video { display: block; opacity: 1; }

.homepage.courses-e-page .featured-course-card:not(.show-video) video, .homepage.courses-e-page .featured-course-card:not(.show-video) .featured-course-preview-video { display: none; opacity: 0; }

@media screen and (max-width: 970px) { .homepage.courses-e-page .featured-course-card:first-child { margin-left: auto; }
  .homepage.courses-e-page .featured-course-card:last-child { margin-right: auto; } }

@media screen and (max-width: 969px) { .homepage.courses-e-page .featured-course-card { width: 100%; height: auto; max-width: 390px; margin: 0 auto; flex: none; }
  .homepage.courses-e-page .course-thumbnail { height: 160px; } }

@media screen and (max-width: 679px) { .homepage.courses-e-page .featured-course-card { max-width: 100%; width: 100%; } }

.homepage.courses-e-page .course-thumbnail { position: relative; width: 100%; height: 120px; overflow: hidden; border-radius: 16px 16px 0 0; cursor: pointer; background-color: #f5f5f5; flex-shrink: 0; }

.homepage.courses-e-page .course-thumbnail-img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; transition: transform 0.3s ease; }

.homepage.courses-e-page .course-thumbnail video, .homepage.courses-e-page .course-thumbnail .featured-course-preview-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; object-position: center 30%; z-index: 2; border-radius: 8px; display: none; opacity: 0; transition: opacity 0.3s ease; }

.homepage.courses-e-page .thumbnail-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; font-size: 18px; font-weight: 600; transition: transform 0.3s ease; }

.homepage.courses-e-page .thumbnail-placeholder.html-css-theme { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }

.homepage.courses-e-page .thumbnail-placeholder.python-theme { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }

.homepage.courses-e-page .thumbnail-placeholder.javascript-theme { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }

.homepage.courses-e-page .video-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s ease; z-index: 3; }

.homepage.courses-e-page .play-icon { width: 48px; height: 48px; fill: white; transition: transform 0.3s ease; }

.homepage.courses-e-page .course-info { padding: 12px 16px 16px 16px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }

.homepage.courses-e-page .course-info .h3-wrapper { overflow: hidden; width: 100%; }

.homepage.courses-e-page .course-info h3 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; font-size: 20px; font-weight: 600; color: #384047; margin-bottom: 4px; line-height: 1.3; margin-top: 0; white-space: nowrap; position: relative; }

.homepage.courses-e-page .course-info h3.marquee-active { animation: marquee-scroll 2s ease-out forwards; }

.homepage.courses-e-page .course-info h3.marquee-reset { animation: marquee-reset 0.3s ease-out forwards; }

.homepage.courses-e-page .course-info p { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; font-size: 14px; color: #1a2126; line-height: 21px; margin-bottom: 8px; flex: 1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }

@keyframes marquee-scroll { 0% { transform: translateX(0px); }
  100% { transform: translateX(var(--marquee-distance, -50px)); } }

@keyframes marquee-reset { 0% { transform: translateX(var(--marquee-distance, -50px)); }
  100% { transform: translateX(0px); } }

.homepage.courses-e-page .course-label { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; font-size: 12px; font-weight: 600; padding: 4px 8px; border-radius: 4px; margin-right: 4px; display: inline-block; }

.homepage.courses-e-page .course-label.recommended { background-color: #31af7f; color: #ffffff; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-label.popular { background-color: #804197; color: #ffffff; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-label.new { background-color: #ff6b35; color: #ffffff; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-label.bootcamp { background-color: #0066cc; color: #ffffff; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-label.track { background-color: #7b68ee; color: #ffffff; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-label.hot-topic { background-color: #d44c66; color: #ffffff; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-label.free { background-color: #ffd247; color: #384047; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-label.level-up { background: linear-gradient(150deg, #4a4290 0%, #0e8397 100%); color: #ffffff; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-label.certificate { background-color: #384047; color: #ffffff; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-label.college-credit { background-color: #3887c8; color: #ffffff; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-label.placeholder { border-radius: 4px; background-color: #fff; font-size: 18px; color: #384052; text-align: center; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .placeholder-card { border-radius: 16px; background: linear-gradient(126deg, #804197 0%, #d44c66 100%); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px; }

.homepage.courses-e-page .placeholder-card .course-info { padding: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; }

.homepage.courses-e-page .placeholder-card .course-info h3 { font-size: 20px; color: #fff; text-align: center; margin-bottom: 0; white-space: normal; }

.homepage.courses-e-page .placeholder-card .course-info p { font-size: 14px; color: #fff; line-height: 21px; text-align: center; margin-bottom: 0; flex: none; -webkit-line-clamp: unset; line-clamp: unset; display: block; }

.homepage.courses-e-page .placeholder-card .course-label { padding: 12px 24px; margin: 0; display: inline-block; }

.homepage.courses-e-page .placeholder-card .course-badges { margin-top: 16px; }

.homepage.courses-e-page .placeholder-card.library-placeholder { background: linear-gradient(126deg, #384047 0%, #004e61 100%); }

.homepage.courses-e-page .course-level, .homepage.courses-e-page .course-students, .homepage.courses-e-page .course-duration { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; font-size: 12px; font-weight: 600; color: #384047; margin-right: 4px; display: inline-block; padding: 4px 8px; border-radius: 4px; background-color: #ffffff; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2)); }

.homepage.courses-e-page .course-badges { margin-top: auto; }

.homepage.courses-e-page .course-section { margin-bottom: 30px; }

.homepage.courses-e-page .section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; max-width: 1260px; margin-left: auto; margin-right: auto; }

.homepage.courses-e-page .section-title { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; font-size: 32px; font-weight: 700; color: #384047; margin: 0; padding: 0 20px; }

.homepage.courses-e-page .section-nav { display: flex; gap: 12px; }

@media screen and (max-width: 969px) { .homepage.courses-e-page .section-nav { display: none; } }

.homepage.courses-e-page .carousel-container { position: relative; max-width: 1260px; margin: 0 auto; overflow: hidden; width: 100%; padding: 0 20px 24px; }

@media screen and (max-width: 1260px) { .homepage.courses-e-page .carousel-container { width: calc(100vw - 40px); max-width: calc(100vw - 40px); } }

@media screen and (max-width: 969px) { .homepage.courses-e-page .carousel-container { width: 100%; padding: 0 20px 24px; }
  .homepage.courses-e-page .carousel-track { flex-direction: column; align-items: center; gap: 20px; }
  .homepage.courses-e-page .section-header { padding: 0 20px; } }

.homepage.courses-e-page .carousel-track { display: flex; gap: 30px; transition: transform 0.3s ease; width: 100%; margin-left: 0; margin-right: 0; box-sizing: border-box; }

@media screen and (max-width: 970px) { .homepage.courses-e-page .carousel-track { gap: 20px; } }

@media screen and (max-width: 969px) { .homepage.courses-e-page .carousel-track { flex-direction: column; align-items: center; gap: 20px; transform: none !important; } }

.homepage.courses-e-page .carousel-nav { background: transparent; border: 1px solid #cfcfcf; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: none; transition: background 0.2s; padding: 0; }

.homepage.courses-e-page .carousel-nav:hover, .homepage.courses-e-page .carousel-nav:active { background: #f3f3f3; }

.homepage.courses-e-page .carousel-nav svg { width: 16px; height: 16px; fill: #384047; }
@media screen and (min-width: 969px) { .text-7-md { font-size: 12px; } }

@media screen and (min-width: 0) { .text-7-xs { font-size: 12px; } }

@media screen and (min-width: 969px) { .text-8-md { font-size: 10px; } }

@media screen and (min-width: 0) { .text-8-xs { font-size: 10px; } }

@media screen and (max-width: 679px) { .techdegree .button + .button { margin: 16px 0px 0px 0px; } }

.techdegree-p3 svg { max-width: 125px; }

.techdegree-p3 p { font-size: 1.125rem; }

.techdegree-p4 { background: url(/assets/views/marketing/homepage/techdegree-no-pay-us-back-770542e0138dbcfe9564ad80abab104f365ad89a3e78f758c97ba348cf82c030.svg) center/contain no-repeat; min-height: 484px; text-align: center; }

@media screen and (max-width: 679px) { .techdegree-p4 { background: url(/assets/views/marketing/homepage/techdegree-no-pay-us-back-mobile-7dcf0e1e2f32e4d81061b5da6dd59c473817088c89bf05fbc4a0844d47fe49a1.png) center/cover no-repeat; } }

@media screen and (max-width: 679px) { .techdegree-p4 h2, .techdegree-p4 h3 { text-align: left; } }

.techdegree-p4 h2, .techdegree-p4 h3 { color: #fff; }

.techdegree-p5 { background: url(/assets/views/marketing/homepage/techdegree-pulses-b5260368794251735142d8995302536933dc144747f6707bded739f2b99f6cfb.svg) center top/contain no-repeat; text-align: center; padding: 5rem 0; }

.techdegree-p5 h2, .techdegree-p5 h3 { color: #fff; }

.techdegree-p5 h2 { margin-bottom: 1.5rem; }

.techdegree-compare { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0px 0px; grid-template-areas: "header1 header1 header2 ." "degree1 degree2 degree3 ." "header3 header3 . ." "degree4 degree5 . ."; }

@media screen and (max-width: 969px) { .techdegree-compare { grid-template-columns: 1fr; } }

@media screen and (max-width: 969px) { .techdegree-compare { grid-template-areas: "header1" "degree1" "degree2" "header2" "degree3" "header3" "degree4" "degree5"; } }

.techdegree-compare li { margin: 1rem 0; }

.techdegree-compare .button { margin-top: auto; }

.techdegree-compare .header1 { grid-area: header1; }

@media screen and (max-width: 679px) { .techdegree-compare .header1 { margin-top: 1.5rem; } }

.techdegree-compare .header2 { grid-area: header2; }

@media screen and (max-width: 679px) { .techdegree-compare .header2 { margin-top: 3rem; } }

.techdegree-compare .header3 { grid-area: header3; }

@media screen and (max-width: 679px) { .techdegree-compare .header3 { margin-top: 3rem; } }

.techdegree-compare [class*="header"] { align-self: start; padding: 2rem 1.5rem 0 1.5rem; }

@media screen and (max-width: 679px) { .techdegree-compare [class*="header"] { padding: 0; } }

.techdegree-compare [class*="degree"] { padding: 1.5rem; }

@media screen and (max-width: 679px) { .techdegree-compare [class*="degree"] { padding: 0; margin-top: 1.5rem; } }

.techdegree-compare [class*="header"], .techdegree-compare [class*="degree"] { display: flex; flex-wrap: wrap; flex-direction: column; }

.techdegree-compare .degree1 { grid-area: degree1; }

.techdegree-compare .degree2 { grid-area: degree2; }

.techdegree-compare .degree3 { grid-area: degree3; }

.techdegree-compare .degree4 { grid-area: degree4; }

.techdegree-compare .degree5 { grid-area: degree5; }

.techdegree-compare h3 { border-top: 1px solid #e8ebed; border-bottom: 1px solid #e8ebed; min-height: 70px; display: flex; align-items: center; }

.techdegree .homepage-hero { background-color: #4a4290; background: url(/assets/views/marketing/home/techdegree-p1-2887d8c20eca71b7f5fd4f428b524f231e3f9c0cf26fea21344e4f25f7417e93.webp) center/cover no-repeat; }

@media screen and (max-width: 679px) { .techdegree .homepage-hero { background: url(/assets/views/marketing/home/techdegree-p1-mobile-1b263e012864cd7f865e366e29389790cdaa0d59bca85f5f3235e83a5e61b262.webp) center/cover no-repeat; } }

.techdegree-cards { display: grid; grid-gap: 2rem 1.5rem; grid-template-columns: 1fr 1fr 1fr; margin-top: 1.5rem; }

@media screen and (max-width: 969px) { .techdegree-cards { grid-template-columns: 1fr 1fr; } }

@media screen and (max-width: 679px) { .techdegree-cards { grid-template-columns: 1fr; } }

.techdegree-card { display: grid; background: #fff; border-radius: 4px; height: 320px !important; width: 100%; }

@media screen and (max-width: 969px) { .techdegree-card { height: 260px !important; } }

.techdegree-card-generic .techdegree-card-header { background-color: #c6ccd2; justify-content: center; }

.techdegree-card-header { display: flex; justify-content: space-between; align-items: center; max-height: 60px; border-radius: 4px 4px 0 0; padding: 1.5rem; }

.techdegree-card-header p { color: #fff; font-size: 12px; }

.techdegree-card-header img { max-width: 100px; height: 100px; }

.techdegree-card > .techdegree-card-link { font-weight: 500; }

.techdegree-card-content { padding: 2rem 1.5rem 1.5rem 1.5rem; text-align: center; }

.techdegree-card-description { margin-top: 15px; font-size: 14px; color: #1a2126; }

@media screen and (max-width: 768px) { .techdegree-card-description { font-size: 12px; } }

@media screen and (max-width: 400px) { .techdegree-card-description { font-size: 10px; } }

.techdegree-card-links { align-self: end; padding: 0 1.5rem 1.5rem 1.5rem; }

@media screen and (max-width: 969px) { .techdegree-card-links .button + .button { margin: 1rem auto 0 auto; } }

.techdegree-2022 .homepage-hero { height: 600px !important; display: flex; flex-direction: column; justify-content: center; align-items: center; }

@media screen and (max-width: 679px) { .techdegree-2022 .homepage-hero { max-height: 430px; } }

.techdegree-2022 .homepage-hero h1 { font-weight: 600; margin-top: 5px; }

@media screen and (max-width: 364px) { .techdegree-2022 .homepage-hero h1 { padding: 0 !important; } }

.techdegree-2022 .homepage-hero h3 { color: #ECC148; }

.techdegree-2022 .homepage-hero h2 { opacity: 80%; margin-top: 10px; }

@media screen and (max-width: 400px) { .techdegree-2022 .homepage-hero h2 { display: block !important; } }

.techdegree-2022 .homepage-hero hr { width: 92px; margin: 30px auto 0; border: solid 1px #ECC148; background-color: #ECC148; }

@media screen and (max-width: 768px) { .techdegree-2022 .homepage-hero hr { display: none; } }

.techdegree-2022-signup { display: flex; justify-content: center; margin-top: 20px; }

.techdegree-2022-signup .form-label { color: #fff !important; font-size: 14px !important; font-weight: 500; text-align: center; }

.techdegree-2022-signup .form-label:before { border: 2px solid #fff !important; background-color: #fff; top: 3px; }

@media screen and (max-width: 768px) { .techdegree-2022-signup .form-label:before { top: 4px; } }

.techdegree-2022-signup .form-label:first-child { display: none !important; }

@media screen and (max-width: 768px) { .techdegree-2022-signup .form-label:last-child { font-size: 8px !important; white-space: nowrap; } }

@media screen and (max-width: 768px) { .techdegree-2022-signup { margin-top: 0px; } }

.techdegree-2022-signup-input { border: none !important; background-color: #fff !important; min-width: 400px; background-image: url(/assets/views/marketing/shared/envelop-86681fd382d71cb595c7d80713166fe7db850fb0cb92db9491dfc9629705b33c.svg); background-repeat: no-repeat; background-position: 4%; }

@media screen and (max-width: 768px) { .techdegree-2022-signup-input { background-color: #4F59AFB2 !important; min-width: 209px; border: 2px solid #fff !important; color: #fff !important; background-image: none; text-indent: 0 !important; }
  .techdegree-2022-signup-input::placeholder { color: #fff; text-align: center; font-weight: 500; } }

.techdegree-2022-signup .field_with_errors .error-message { font-size: 10px !important; line-height: 12px; margin-bottom: 0 !important; margin-top: 5px; }

@media screen and (min-width: 680px) { .techdegree-2022-signup .field_with_errors .error-message { text-align: left; } }

.techdegree-2022-signup .mobile-input-padding { padding-bottom: 0 !important; }

.techdegree-2022-signup-container { max-height: 61px; display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 8px !important; margin: 10px 0; color: #fff; }

@media screen and (max-width: 768px) { .techdegree-2022-signup-container { max-height: revert; padding: 0; margin: 0; flex-direction: column; gap: 10px; background-color: transparent; } }

.techdegree-2022-signup-btn { font-size: 16px !important; line-height: 16px !important; height: 38px !important; padding: 0 20px !important; margin-right: 10px !important; background: #ECC148 !important; border: none !important; color: #3E474F !important; }

.techdegree-2022-signup-btn:hover { background: #ECC148; }

.techdegree-2022-signup input[type='email'] { font-weight: 500; text-indent: 32px; }

.techdegree-2022-links { margin: -50px 0 50px 0; display: flex; justify-content: center; }

@media screen and (max-width: 679px) { .techdegree-2022-links { animation: slidein 30s infinite; animation-timing-function: linear; } }

.techdegree-2022-links-items { white-space: nowrap; display: inline-block; }

.techdegree-2022-links a { padding: 0 20px; color: #FFFFFF; border-right: solid 1px #FFFFFF !important; }

@media screen and (min-width: 680px) { .techdegree-2022-links a:last-child { border-right: none !important; } }

.techdegree-2022-video { justify-content: space-around; }

.techdegree-2022-video h3 { font-size: 30px; color: #133EA2; }

@media screen and (max-width: 969px) { .techdegree-2022-video h3 { font-size: 18px; } }

@media screen and (min-width: 400px) { .techdegree-2022-video h3 { padding: 0 11%; } }

@media screen and (min-width: 510px) { .techdegree-2022-video h3 { padding: 0 20%; } }

.techdegree-2022-video p { line-height: 18px; font-weight: 500; color: #000000; }

.techdegree-2022-video .mejs-controls { display: flex; align-items: center; justify-content: space-around; }

.techdegree-2022-video .mejs-overlay { bottom: 40px !important; }

.techdegree-2022-video .mejs-controls, .techdegree-2022-video .mejs-button, .techdegree-2022-video .mejs-time { height: 40px !important; }

.techdegree-2022-video .mejs-playpause-button { width: auto !important; }

.techdegree-2022-video .mejs-button { width: auto !important; }

.techdegree-2022-video .mejs-button:last-child { margin-right: 0 !important; }

.techdegree-2022-video .mejs-button button { padding: 0 !important; }

.techdegree-2022-video .mejs-currenttime-container { width: 32px !important; }

.techdegree-2022-video .mejs-duration-container { width: revert !important; }

.techdegree-2022-video .mejs-time-total, .techdegree-2022-video .mejs-time-rail { height: 9px !important; }

.techdegree-2022-video .mejs-time-current { height: 4px !important; }

.techdegree-2022-video .mejs-time-rail, .techdegree-2022-video .mejs-time { padding: 0 !important; display: flex !important; align-items: center !important; }

.techdegree-2022-video .mejs-time-rail { padding: 8px 0 0; width: 120px !important; }

.techdegree-2022-video .mejs-time-slider, .techdegree-2022-video .mejs-time-rail { width: 30% !important; }

.techdegree-2022-video .mejs-currenttime, .techdegree-2022-video .mejs-duration { font-size: 10px !important; }

@media screen and (max-width: 768px) { .techdegree-2022-video .mejs-currenttime, .techdegree-2022-video .mejs-duration { font-size: 8px !important; } }

.techdegree-2022-video .play-icon { height: 14px !important; width: 14px !important; }

@media screen and (max-width: 400px) { .techdegree-2022-video .play-icon { height: 12px !important; width: 12px !important; } }

.techdegree-2022-video .pause-icon, .techdegree-2022-video .rewind-icon, .techdegree-2022-video .captions-icon, .techdegree-2022-video .volume-icon, .techdegree-2022-video .workspaces-outline-icon, .techdegree-2022-video .fullscreen-icon, .techdegree-2022-video .speed-icon { width: 14px; height: 14px; }

@media screen and (max-width: 400px) { .techdegree-2022-video .pause-icon, .techdegree-2022-video .rewind-icon, .techdegree-2022-video .captions-icon, .techdegree-2022-video .volume-icon, .techdegree-2022-video .workspaces-outline-icon, .techdegree-2022-video .fullscreen-icon, .techdegree-2022-video .speed-icon { width: 12px; } }

.techdegree-2022-video .mejs-container .mejs-controls .mejs-button.mejs-speed-button { width: auto !important; }

@media screen and (max-width: 400px) { .techdegree-2022-video .volume-icon { display: none !important; } }

.techdegree-2022-graduates { margin-bottom: 75px; }

.techdegree-2022-graduates h2 { font-size: 30px; text-align: center; padding: 44px; color: #000000; }

@media screen and (max-width: 680px) { .techdegree-2022-graduates h2 { font-size: 16px; } }

.techdegree-2022-graduates-logos { display: flex; justify-content: center; align-items: center; gap: 70px; }

@media screen and (max-width: 969px) { .techdegree-2022-graduates-logos { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 20px; align-items: center; justify-items: center; gap: 30px; } }

.techdegree-2022-intro h2 { color: #133EA2; }

@media screen and (min-width: 970px) { .techdegree-2022-intro h2 { font-size: 30px !important; } }

.techdegree-2022-intro .grid { display: grid; grid-template-columns: 1fr 1fr; justify-items: center; }

@media screen and (max-width: 969px) { .techdegree-2022-intro .grid { grid-template-columns: 1fr; } }

.techdegree-2022-intro .grid-card { max-width: 475px; max-height: 900px; display: grid; grid-template-rows: 50px 320px; justify-items: center; gap: 20px; }

@media screen and (max-width: 969px) { .techdegree-2022-intro .grid-card { max-width: 300px; grid-template-rows: auto; margin-top: 40px; } }

.techdegree-2022-intro .grid-card img { width: 100%; height: auto; }

@media screen and (max-width: 969px) { .techdegree-2022-intro .grid-card img { order: 1; } }

@media screen and (max-width: 969px) { .techdegree-2022-intro .grid-card-title { order: 2; } }

.techdegree-2022-intro .grid-card-text h4 { text-indent: 30px; }

.techdegree-2022-intro .grid-card-text h4:first-child { background: url(/assets/views/marketing/shared/o-652d3b66f128f8ec36dec62287c29acff32786883ce353537213fc54e0217ac8.svg) no-repeat; background-position-y: 6px; }

@media screen and (max-width: 969px) { .techdegree-2022-intro .grid-card-text h4:first-child { background-position-y: 3px; background-size: 2%; text-indent: 20px; } }

.techdegree-2022-intro .grid-card-text h4:nth-child(3) { background: url(/assets/views/marketing/shared/x-4f6c4f36bd90842d4cefd091b3c52931f3c257c7c2cb9ba3ba1086756c7565fd.svg) no-repeat; background-position-y: 6px; }

@media screen and (max-width: 969px) { .techdegree-2022-intro .grid-card-text h4:nth-child(3) { background-position-y: 3px; background-size: 2%; text-indent: 20px; } }

.techdegree-2022-intro .grid-card-text h5 { font-weight: 400; padding: 6px 0 0 30px; }

@media screen and (max-width: 969px) { .techdegree-2022-intro .grid-card-text { order: 3; } }

.techdegree-2022-programs { background: url(/assets/views/marketing/homepage/techdegree-purple-bg-0ebc730b30fec509bae47fa593cd32904306cf24792ba0b52a27c806b373faea.webp) no-repeat; background-size: cover; }

.techdegree-2022-programs h2 { font-size: 30px; margin-bottom: 10px; }

@media screen and (max-width: 400px) { .techdegree-2022-programs h2 { font-size: 19px; } }

.techdegree-2022-programs .techdegree-cards { grid-gap: 4rem 1.5rem; }

@media screen and (min-width: 347px) and (max-width: 680px) { .techdegree-2022-programs .techdegree-cards { padding: 24px; } }

.techdegree-2022-programs .techdegree-card { min-height: 195px; border-radius: 0 !important; }

.techdegree-2022-programs .techdegree-card p { margin-bottom: 0; }

.techdegree-2022-programs .techdegree-card-header { max-height: 42px !important; padding: 10px !important; border-radius: 0 !important; }

.techdegree-2022-programs .techdegree-card h4 { font-weight: 600; }

.techdegree-2022-programs .techdegree-card .add-front-end-background-color-dark { background-color: #133EA2 !important; }

.techdegree-2022-programs .techdegree-card .add-design-background-color-dark { background-color: #4A4290 !important; }

.techdegree-2022-programs .techdegree-card .add-back-end-background-color-dark { background-color: #0E8397 !important; }

.techdegree-2022-programs .techdegree-card:nth-child(5) h4 { color: #944F81 !important; }

.techdegree-2022-programs .techdegree-card:nth-child(5) .techdegree-card-header { background-color: #944F81 !important; }

.techdegree-2022-programs .techdegree-card-links { display: flex; flex-direction: row; align-items: center; justify-content: center; }

.techdegree-2022-programs .techdegree-card-links .button { line-height: 30px !important; height: 35px !important; }

@media screen and (max-width: 1200px) { .techdegree-2022-programs .techdegree-card-links .button { padding: 0 15px !important; font-size: 14px !important; } }

.techdegree-2022-programs .techdegree-card-links .button + .button { margin: 0 0 0 15px !important; }

.techdegree-2022-programs .techdegree-card-projects, .techdegree-2022-programs .techdegree-card-time { font-size: 10px; white-space: nowrap; }

.techdegree-2022-twitter { position: relative; width: 90%; margin-inline: auto; }

@media screen and (max-width: 400px) { .techdegree-2022-twitter { width: 100%; } }

.techdegree-2022-twitter h2 { color: #146D8D; font-size: 30px; }

.techdegree-2022-twitter p { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFFFFF; font-weight: 500; line-height: 1.063rem; padding-block: 2.5rem; font-size: 15px; }

@media screen and (max-width: 1060px) { .techdegree-2022-twitter .icon-prev-arrow { margin-right: 0px; }
  .techdegree-2022-twitter .icon-next-arrow { margin-left: 0px; } }

@media screen and (max-width: 768px) { .techdegree-2022-twitter h2 { font-size: 22.5px; }
  .techdegree-2022-twitter p { font-size: 15px; padding-block: 18px; } }

@media screen and (max-width: 400px) { .techdegree-2022-twitter h2 { font-size: 18px; }
  .techdegree-2022-twitter p { font-size: 8px; }
  .techdegree-2022-twitter-wrapper .twitter-slide-controls { top: 40%; } }

.techdegree-2022-twitter-wrapper { display: grid; grid-template-columns: 7% 86% 7%; margin-inline: auto; justify-content: center; align-items: center; }

.techdegree-2022-twitter-wrapper .twitterSlider { margin: 0 auto; width: 100%; }

@media screen and (max-width: 1200px) { .techdegree-2022-twitter-wrapper { grid-template-columns: 20% 60% 20%; } }

@media screen and (max-width: 450px) { .techdegree-2022-twitter-wrapper { grid-template-columns: 5% 90% 5%; } }

.techdegree-2022-twitter .slide-control-icon { width: 12px; height: 15px; }

.techdegree-2022-twitter .twitter-prev-arrow, .techdegree-2022-twitter .twitter-next-arrow { margin: 0px; padding: 0px; }

.techdegree-2022-twitter .twitter-tweet { height: 322px; }

.techdegree-2022-twitter blockquote { display: none !important; }

.techdegree-2022-cta { margin: 0 0 58px 0 !important; padding: 0 !important; }

@media screen and (max-width: 969px) { .techdegree-2022-cta { margin: 0 !important; border-radius: 0 !important; } }

.techdegree-2022-cta .techdegrees-cta-container { max-width: 1100px; height: 317px; margin: auto; background-color: #ECC148; }

@media screen and (max-width: 969px) { .techdegree-2022-cta .techdegrees-cta-container { margin: 0 !important; text-align: center; height: 187px; } }

.techdegree-2022-cta .techdegrees-cta-container h2, .techdegree-2022-cta .techdegrees-cta-container p { color: #2C4E94 !important; }

.techdegree-2022-cta .techdegrees-cta-container p { font-weight: 500; line-height: 20px; margin-block: 20px 34px; }

@media screen and (max-width: 969px) { .techdegree-2022-cta .techdegrees-cta-container p { padding-right: 0; margin: 10px 0 20px; font-size: 12px; line-height: 14px; } }

.techdegree-2022-cta .techdegrees-cta-image { width: 289px; }

@media screen and (max-width: 969px) { .techdegree-2022-cta .techdegrees-cta-image { display: none; } }

.techdegree-2022-cta .button { background: #2C4E94 !important; border: solid 2px #2C4E94; }

@media screen and (max-width: 969px) { .techdegree-2022-cta .button { height: 32px; font-size: 14px; line-height: 26px; } }

.techdegree-2022-cta::before { content: ''; position: absolute; left: 0; z-index: -2; width: 100%; height: 400px; background: #edeff0; }

.techdegree-2022-cta::after { content: ''; position: absolute; left: 0; z-index: -1; bottom: 524px; height: 200px; width: 100%; background: #3E474F; }

@keyframes slidein { 0% { transform: translate(0%); }
  100% { transform: translate(-104%); } }
@charset "UTF-8";
.degrees-index-form.form-inverse .error-message { padding: 12px 18px; background: #ed5a5a; border-radius: 0 0 4px 4px; color: white !important; }

.degrees-index-form-item { margin: 0; }

.degrees-index-form-col { margin: 0 10px; }

.degrees-index-form-input { font-size: 16px; height: 50px; border-radius: 4px !important; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15); border: none !important; margin: 0 0 10px !important; background: #fff; transition: opacity 300ms 0s ease; }

.degrees-index-form-input:not(:focus) { opacity: 0.9; }

.field_with_errors .degrees-index-form-input { box-shadow: 0 0 0 2px #ed5a5a; opacity: 1; }

.degrees-index-form-input-group { margin: 0 -5px; }

.degrees-index-form-input-group:before, .degrees-index-form-input-group:after { content: " "; display: table; }

.degrees-index-form-input-group:after { clear: both; }

.degrees-index-form-input-col { padding: 0 5px; float: left; width: 50%; }

.degrees-index-form-button { background: #387BC9; border-color: #387BC9; width: 100%; }

.degrees-index-form .error-message { margin: -14px -2px 10px; padding-top: 10px; border-radius: 0 0 4px 4px; }

@media screen and (min-width: 900px) { .degrees-index-mission .degrees-index-heading-container { text-align: left; width: 47.5%; float: left; margin-right: 2.5%; } }

.degrees-index-degrees .degrees-index-heading-container, .degrees-index-features .degrees-index-heading-container, .degrees-index-teachers .degrees-index-heading-container, .degrees-index-enroll .degrees-index-heading-container, .degrees-index-faqs .degrees-index-heading-container { max-width: 760px; margin: 0 auto 60px; text-align: center; }

.degrees-index-hero-content .degrees-index-heading, .degrees-index-enroll .degrees-index-heading { color: #fff; }

.degrees-index-hero-content .degrees-index-heading { font-size: 40px; line-height: 50px; margin: 0; }

.form-showing .degrees-index-hero-content .degrees-index-heading { line-height: 48px; }

@media screen and (min-width: 680px) { .degrees-index-hero-content .degrees-index-heading { max-width: 500px; } }

.degrees-index-mission .degrees-index-heading, .degrees-index-degrees .degrees-index-heading, .degrees-index-features .degrees-index-heading, .degrees-index-teachers .degrees-index-heading, .degrees-index-enroll .degrees-index-heading, .degrees-index-faqs .degrees-index-heading { margin-top: 0; font-size: 30px; margin-bottom: 20px; line-height: 1.3; }

.degrees-index-features-content .degrees-index-sub-heading, .degrees-index-features-network .degrees-index-sub-heading, .degrees-index-faqs .degrees-index-sub-heading { font-size: 26px; margin-bottom: 20px; margin-top: 0; }

.degrees-index-hero-content .degrees-index-description, .degrees-index-enroll .degrees-index-description { color: rgba(255, 255, 255, 0.9); }

.degrees-index-hero-content .degrees-index-description { font-size: 20px; line-height: 30px; margin-top: 20px; }

.form-showing .degrees-index-hero-content .degrees-index-description { margin-top: 10px; }

@media screen and (min-width: 680px) { .degrees-index-hero-content .degrees-index-description { max-width: 400px; } }

.degrees-index-features .degrees-index-description, .degrees-index-degrees .degrees-index-description, .degrees-index-enroll .degrees-index-description { font-size: 18px; line-height: 34px; }

.degrees-index-mission .degrees-index-description, .degrees-index-features-network-content .degrees-index-description, .degrees-index-features-projects .degrees-index-description, .degrees-index-features-code .degrees-index-description, .degrees-index-features-curriculum .degrees-index-description, .degrees-index-teachers .degrees-index-description, .degrees-index-faqs .degrees-index-description { font-size: 16px; line-height: 30px; }

.degrees-index-mission .degrees-index-description, .degrees-index-degrees .degrees-index-description, .degrees-index-features .degrees-index-description, .degrees-index-teachers .degrees-index-description { color: #2b363e; }

.degrees-index-cta-button { background: #387BC9; border-color: #387BC9; color: #fff; font-size: 16px; line-height: 42px; height: 46px; padding: 0 30px; margin: 15px 0; z-index: 5; }

.degrees-index-hero-content .degrees-index-cta-button { height: 50px; line-height: 46px; }

.degrees-index-cta-link { font-weight: 500; font-size: 16px; }

.degrees-index-cta-link-arrow { fill: #3f8abf; vertical-align: middle; margin-top: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }

.degrees-index-cta-link:hover svg { margin-left: 5px; fill: #326e99; }

.degrees-index-hero { position: relative; background: #384047 url(/assets/views/degrees/index/degrees-hero-7d4053a3513bf0e2ccf0fcb4dd0b41f2362f25027b3e8f571661c8be7268ec8c.jpg) no-repeat !important; position: relative !important; height: auto; margin: 0 !important; padding: 0 !important; border-bottom: none !important; }

@media screen and (max-width: 679px) { .degrees-index-hero { background-size: cover !important; } }

@media screen and (min-width: 680px) { .degrees-index-hero { background-size: cover !important; } }

@media screen and (max-width: 679px) { .degrees-index-hero { background-position: 80% 30% !important; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .degrees-index-hero { background-position: 55% top !important; } }

@media screen and (min-width: 970px) { .degrees-index-hero { background-position: center 30% !important; } }

.degrees-index-hero:before { content: ""; opacity: 0.5; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(left, #0B1523, #0b1523 40%, rgba(11, 21, 35, 0)); background-image: linear-gradient(to right, #0B1523, #0b1523 40%, rgba(11, 21, 35, 0)); z-index: 0; }

.degrees-index-hero:after { content: ""; z-index: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(rgba(12, 23, 36, 0), rgba(12, 23, 36, 0) 60%, #0C1724); background-image: linear-gradient(rgba(12, 23, 36, 0), rgba(12, 23, 36, 0) 60%, #0C1724); }

.degrees-index-hero-content { position: relative; z-index: 3; }

@media screen and (max-width: 679px) { .degrees-index-hero-content { max-width: 440px; } }

@media screen and (min-width: 680px) { .degrees-index-hero-content { max-width: 390px; } }

@media screen and (min-width: 680px) { .degrees-index-hero-content { text-align: left; } }

@media screen and (max-width: 679px) { .degrees-index-hero-content { margin: 0 auto; } }

@media screen and (max-width: 679px) { .degrees-index-hero-content-container { margin: 40px auto; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .degrees-index-hero-content-container { margin: 60px auto; } }

@media screen and (min-width: 970px) { .degrees-index-hero-content-container { margin: 100px auto; } }

.form-showing .degrees-index-hero-content-container { margin: 0 auto; }

.degrees-index-hero-quote { position: relative; z-index: 5; }

.degrees-index-hero-quote:before, .degrees-index-hero-quote:after { content: " "; display: table; }

.degrees-index-hero-quote:after { clear: both; }

.degrees-index-hero-quote-hr { border-color: rgba(255, 255, 255, 0.1); margin: 30px 0; }

.degrees-index-hero-quote-content { background: transparent; border: none; color: #fff; font-size: 20px; position: relative; padding: 0; }

@media screen and (max-width: 679px) { .degrees-index-hero-quote-content { margin-bottom: 30px; } }

@media screen and (min-width: 680px) { .degrees-index-hero-quote-content { margin-left: 245px; font-size: 16px; top: 35px; } }

.degrees-index-hero-quote-content:before { content: "“"; opacity: 0.1; font-size: 144px; margin-left: -36px; position: absolute; top: -60px; left: 50%; }

.degrees-index-hero-quote-cite { font-size: 16px; }

@media screen and (min-width: 680px) { .degrees-index-hero-quote-cite { font-size: 14px; } }

.degrees-index-hero-quote-img { max-width: 100%; border-radius: 4px; }

@media screen and (max-width: 679px) { .degrees-index-hero-quote-img { width: 230px; max-width: initial; } }

.degrees-index-hero-quote-img-container { text-align: center; max-width: 215px; margin: 0 auto; }

@media screen and (max-width: 679px) { .degrees-index-hero-quote-img-container { border-radius: 100%; width: 100px; height: 100px; overflow: hidden; } }

@media screen and (min-width: 680px) { .degrees-index-hero-quote-img-container { width: 215px; float: left; } }

.degrees-index-mission { background: #fff; }

@media screen and (max-width: 900px) { .degrees-index-mission { text-align: center; } }

.degrees-index-mission .container { padding-top: 80px; padding-bottom: 80px; }

@media screen and (min-width: 900px) { .degrees-index-mission-image { float: right; width: 47.5%; margin-left: 2.5%; } }

.degrees-index-mission-image img { max-width: 100%; border-radius: 4px; margin-bottom: -30px; }

@media screen and (max-width: 900px) { .degrees-index-mission-image img { max-width: 70%; margin: 0 auto 30px; } }

@media screen and (max-width: mobile-max) { .degrees-index-mission-image img { max-width: 80%; } }

.degrees-index-degrees { background: #edeff0; text-align: center; }

.degrees-index-degrees .container { padding-top: 80px; padding-bottom: 80px; }

.degrees-index-degrees-grid-item { text-align: center; background: #fff; border-radius: 4px; margin-bottom: 30px; padding: 30px 20px; position: relative; }

@media screen and (min-width: 680px) and (max-width: 969px) { .degrees-index-degrees-grid-item { height: 260px; width: 48.5%; float: left; margin: 15px 1.5%; }
  .degrees-index-degrees-grid-item:nth-child(odd) { margin-left: 0; }
  .degrees-index-degrees-grid-item:nth-child(even) { margin-right: 0; } }

@media screen and (min-width: 970px) { .degrees-index-degrees-grid-item { height: 375px; width: 33%; float: none; margin: 15px 1.5%; } }

@media screen and (min-width: 970px) { .degrees-index-degrees-grid-item { height: 275px; } }

.degrees-index-degrees-grid-item-title { margin-top: 0; }

.degrees-index-degrees-grid-item-description { margin-top: 15px; font-size: 14px; }

.degrees-index-degrees-grid-item-button { border-radius: 4px; color: #fff; font-weight: 500; padding: 10px 15px; font-size: 14px; line-height: 24px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }

@media screen and (min-width: 680px) { .degrees-index-degrees-grid-item-button { position: absolute; right: 30px; bottom: 30px; left: 30px; } }

.degrees-index-degrees-grid-item-button:hover { background-color: #387BC9; color: #fff; }

.degrees-index-degrees-grid-item-textlink { font-weight: 500; white-space: nowrap; display: block; padding-top: 10px; }

.degrees-index-degrees-grid-item-textlink svg { vertical-align: middle; fill: #2b363e; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }

.degrees-index-degrees-grid-item-link { color: #2b363e; }

.degrees-index-degrees-grid-item-link:hover { color: #1a2126; }

.degrees-index-degrees-grid-item-link:hover .degrees-index-degrees-grid-item-textlink svg { margin-left: 5px; fill: #1a2126; }

.degrees-index-features { background: #fff; }

.degrees-index-features .container { padding-top: 80px; padding-bottom: 80px; }

.degrees-index-features-image { margin-bottom: 30px; }

.degrees-index-features-image img { border-radius: 4px; max-width: 100%; }

@media screen and (max-width: 900px) { .degrees-index-features-image img { max-width: 70%; margin: 0 auto; } }

@media screen and (max-width: 679px) { .degrees-index-features-image img { max-width: 80%; } }

.degrees-index-features-curriculum, .degrees-index-features-projects, .degrees-index-features-code, .degrees-index-features-network-content { margin: 80px 0; }

.degrees-index-features-curriculum:before, .degrees-index-features-curriculum:after, .degrees-index-features-projects:before, .degrees-index-features-projects:after, .degrees-index-features-code:before, .degrees-index-features-code:after, .degrees-index-features-network-content:before, .degrees-index-features-network-content:after { content: " "; display: table; }

.degrees-index-features-curriculum:after, .degrees-index-features-projects:after, .degrees-index-features-code:after, .degrees-index-features-network-content:after { clear: both; }

@media screen and (max-width: 900px) { .degrees-index-features-curriculum, .degrees-index-features-projects, .degrees-index-features-code, .degrees-index-features-network-content { text-align: center; } }

@media screen and (min-width: 900px) { .degrees-index-features-content, .degrees-index-features-image { width: 47.5%; }
  .degrees-index-features-projects .degrees-index-features-content, .degrees-index-features-projects .degrees-index-features-image { float: right; }
  .degrees-index-features-code .degrees-index-features-content, .degrees-index-features-curriculum .degrees-index-features-content, .degrees-index-features-code .degrees-index-features-image, .degrees-index-features-curriculum .degrees-index-features-image { float: left; } }

@media screen and (min-width: 900px) { .degrees-index-features-code .degrees-index-features-image, .degrees-index-features-curriculum .degrees-index-features-image { margin-right: 5%; }
  .degrees-index-features-projects .degrees-index-features-image { margin-left: 5%; } }

.degrees-index-features-network { text-align: center; }

.degrees-index-features-network-github { height: 50px; }

.degrees-index-features-network-github img { height: 30px; }

.degrees-index-features-network-slack { height: 50px; }

.degrees-index-features-network-slack img { height: 40px; }

.degrees-index-features-network-content { margin: 60px 0 0; }

@media screen and (max-width: 679px) { .degrees-index-features-network-content { margin-top: -30px; } }

@media screen and (max-width: 679px) { .degrees-index-features-network-content-item:last-child { margin-bottom: 30px; } }

.degrees-index-features-network-illustration { margin: 0 auto 30px; width: 120px; height: 120px; }

.degrees-index-smallquote { background: transparent; border: none; text-align: left; padding: 0 0 0 70px; margin: 30px 0 0 0; font-size: 14px; font-style: italic; font-weight: 300; color: #2b363e; position: relative; }

@media screen and (max-width: 900px) { .degrees-index-smallquote { text-align: center; padding: 0; } }

.degrees-index-smallquote img { display: block; margin: 0 auto 15px; width: 50px; height: 50px; }

@media screen and (min-width: 900px) { .degrees-index-smallquote img { position: absolute; left: 0; } }

.degrees-index-smallquote cite { font-size: 14px; }

.degrees-index-teachers { background: #edeff0; overflow: hidden; }

.degrees-index-teachers .container { padding-top: 80px; padding-bottom: 80px; }

@media screen and (min-width: 680px) { .degrees-index-teachers .profiles { width: 415%; } }

@media screen and (min-width: 680px) { .degrees-index-teachers .profile { width: 11.5%; margin: 0 1% 30px 0; } }

@media screen and (max-width: 679px) { .degrees-index-teachers .profile > a figure figcaption { margin-right: 55px; }
  .degrees-index-teachers .profile > a figure figcaption .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .degrees-index-teachers .profile > a figure img { width: 50px; height: 50px; } }

.degrees-index-enroll { background: #387BC9; }

.degrees-index-enroll .container { padding-top: 80px; padding-bottom: 80px; }

.degrees-index-enroll-box { background: rgba(255, 255, 255, 0.15); margin: 30px auto 0; border-radius: 4px; max-width: 800px; }

@media screen and (min-width: 970px) { .degrees-index-enroll-box { padding: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .degrees-index-enroll-box { padding: 20px; } }

@media screen and (max-width: 679px) { .degrees-index-enroll-box { padding: 15px; } }

.degrees-index-enroll-list { list-style: none; margin: -15px 0 30px; }

.degrees-index-enroll-list:before, .degrees-index-enroll-list:after { content: " "; display: table; }

.degrees-index-enroll-list:after { clear: both; }

.degrees-index-enroll-item { color: #fff; font-weight: 700; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 17px 0; line-height: 18px; font-size: 14px; }

@media screen and (max-width: 679px) { .degrees-index-enroll-item { padding: 17px 0 17px 32px; } }

@media screen and (min-width: 680px) { .degrees-index-enroll-item { width: 48.5%; margin: 0 1.5%; float: left; }
  .degrees-index-enroll-item:nth-child(odd) { margin-left: 0; }
  .degrees-index-enroll-item:nth-child(even) { margin-right: 0; } }

.degrees-index-enroll-icon { fill: #fff; margin-right: 10px; vertical-align: middle; position: relative; top: -1px; }

@media screen and (max-width: 679px) { .degrees-index-enroll-icon { margin-left: -32px; } }

.degrees-index-enroll-degrees-list { margin: 0; }

.degrees-index-enroll-degrees-list:before, .degrees-index-enroll-degrees-list:after { content: " "; display: table; }

.degrees-index-enroll-degrees-list:after { clear: both; }

.degrees-index-enroll-degrees-item { list-style: none; margin-bottom: 15px; }

@media screen and (min-width: 680px) { .degrees-index-enroll-degrees-item { width: 48.5%; margin: 0 1.5% 15px; float: left; }
  .degrees-index-enroll-degrees-item:nth-child(n+5) { margin-bottom: 0; }
  .degrees-index-enroll-degrees-item:nth-child(odd) { margin-left: 0; }
  .degrees-index-enroll-degrees-item:nth-child(even) { margin-right: 0; } }

@media screen and (max-width: 679px) { .degrees-index-enroll-degrees-item:last-child { margin-bottom: 0; } }

.degrees-index-enroll-degrees-button { width: 100%; padding: 0 15px; height: 50px; line-height: 46px; }

@media screen and (max-width: 679px) { .degrees-index-enroll-degrees-button { height: auto; } }

.degrees-index-enroll-degrees-button .topic-title { float: left; margin: 0; color: #387BC9; font-size: 14px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.degrees-index-enroll-degrees-button .topic-pricing { float: right; font-size: 14px; color: rgba(56, 123, 201, 0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

@media screen and (max-width: 679px) { .degrees-index-enroll-degrees-button .topic-pricing { margin-top: -20px; } }

@media screen and (max-width: 679px) { .degrees-index-enroll-degrees-button .topic-title, .degrees-index-enroll-degrees-button .topic-pricing { display: block; float: none; } }

.degrees-index-enroll-degrees-button:hover, .degrees-index-enroll-degrees-button:focus { border-color: #fff; }

.degrees-index-enroll-degrees-button:hover .topic-html, .degrees-index-enroll-degrees-button:focus .topic-html { color: #3659a2; }

.degrees-index-enroll-degrees-button:hover .topic-html + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-html + .topic-pricing { color: rgba(54, 89, 162, 0.5); }

.degrees-index-enroll-degrees-button:hover .topic-javascript, .degrees-index-enroll-degrees-button:focus .topic-javascript { color: #3659a2; }

.degrees-index-enroll-degrees-button:hover .topic-javascript + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-javascript + .topic-pricing { color: rgba(54, 89, 162, 0.5); }

.degrees-index-enroll-degrees-button:hover .topic-ios, .degrees-index-enroll-degrees-button:focus .topic-ios { color: #30826C; }

.degrees-index-enroll-degrees-button:hover .topic-ios + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-ios + .topic-pricing { color: rgba(48, 130, 108, 0.5); }

.degrees-index-enroll-degrees-button:hover .topic-android, .degrees-index-enroll-degrees-button:focus .topic-android { color: #30826C; }

.degrees-index-enroll-degrees-button:hover .topic-android + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-android + .topic-pricing { color: rgba(48, 130, 108, 0.5); }

.degrees-index-enroll-degrees-button:hover .topic-java, .degrees-index-enroll-degrees-button:focus .topic-java { color: #008297; }

.degrees-index-enroll-degrees-button:hover .topic-java + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-java + .topic-pricing { color: rgba(0, 130, 151, 0.5); }

.degrees-index-enroll-degrees-button:hover .topic-python, .degrees-index-enroll-degrees-button:focus .topic-python { color: #008297; }

.degrees-index-enroll-degrees-button:hover .topic-python + .topic-pricing, .degrees-index-enroll-degrees-button:focus .topic-python + .topic-pricing { color: rgba(0, 130, 151, 0.5); }

.degrees-index-enroll .plan-cta { position: relative; bottom: auto; left: auto; right: auto; }

.degrees-index-enroll .plan-cta .button { font-size: 16px; }

.degrees-index-faqs { background: #edeff0; }

.degrees-index-faqs .container { padding-top: 60px; padding-bottom: 60px; }

.degrees-index-faqs hr { margin: 0 auto 60px; }

.degrees-index-faqs h5 { margin-top: 0; }

.degrees-index-faqs ul:last-child, .degrees-index-faqs p:last-child { margin-bottom: 0; }

.degrees-index-faqs-container:before, .degrees-index-faqs-container:after { content: " "; display: table; }

.degrees-index-faqs-container:after { clear: both; }

@media screen and (min-width: 680px) { .degrees-index-faqs-half { width: 48.5%; margin: 0 1.5% 30px; float: left; }
  .degrees-index-faqs-half:first-child { margin-left: 0; }
  .degrees-index-faqs-half:last-child { margin-right: 0; } }

.degrees-index-faqs-button { display: block; font-weight: 500; padding: 15px; text-align: center; }

@media screen and (min-width: 680px) { .degrees-index-faqs-button { float: left; width: 31.3%; margin: 0 1.5% 15px; }
  .degrees-index-faqs-button:nth-child(3n+1) { margin-left: 0; }
  .degrees-index-faqs-button:nth-child(3n) { margin-right: 0; } }

#techdegree-intro-video-modal .box { padding: 0; }

#techdegree-intro-video-modal video { border-radius: 4px 4px 0 0; }

.degrees-price-selection { background-color: #387BC9; text-align: left; }

.degrees-price-selection-heading { margin-bottom: 60px; margin-top: 30px; color: #fff; }

.degrees-price-selection .container .row { margin: 0 auto; }

.degrees-price-selection .container, .degrees-price-selection .row.td-pricing { max-width: 1200px; }

.degrees-price-selection .row.td-pricing h2 { margin-bottom: 30px; }

.degrees-price-selection .degrees-index-enroll-degrees h3 { color: #fff; margin-bottom: 30px; }
.teams-hero { background-color: #133ea2; background: url(/assets/views/marketing/home/teams-p1-8335bd2f1b5814958c932442657c7778517742b81ff13d3f4e393b2a43f77a5d.webp) center/cover no-repeat; }

@media screen and (max-width: 679px) { .teams-hero { background: url(/assets/views/marketing/home/teams-p1-mobile-6204b0e5726040f259c8816cae67167d7f43134f518d36cea863d2b34f4ae25b.webp) center/cover no-repeat; } }

@media screen and (max-width: 679px) { .teams-hero h2 { display: none; } }

.teams-p3 h2 { text-align: center; }

.teams-p3 img:not(.teams-p3-image-square) { max-width: 140px; }

.teams-p3-image-square { display: none; }

.teams-p5 { background: url(/assets/views/marketing/homepage/teams-p5-left-7fdc3702f3801584eb6543e6e786a98b7dc35210cf68c78f046921b40802dc82.svg) left/contain no-repeat, url(/assets/views/marketing/homepage/teams-p5-right-db297b922ef168fee25960a13d7aad44eb5fc2bd317d8ee70080c06440e1cba0.svg) right/contain no-repeat; }

@media screen and (max-width: 679px) { .teams-p5 { background: url(/assets/views/marketing/homepage/teams-p5-right-db297b922ef168fee25960a13d7aad44eb5fc2bd317d8ee70080c06440e1cba0.svg) right/contain no-repeat; } }

.teams-p5 li { line-height: 48px; }

.teams-p7 h3, .teams-p7 p { color: #fff; }

.teams-p7-anchor { display: block; position: relative; top: -150px; visibility: hidden; }

.hubspot-form li { margin: 0; }

.hubspot-form input[type=checkbox] { margin-right: 10px; }

.hubspot-form .form-text-input:not([type=checkbox]) { width: 100%; margin-bottom: 1.5rem; }

.hubspot-form .form-text-input:not([type=checkbox]).form-feedback-error { margin-bottom: 0.5rem; }

.hubspot-form select { height: 47px; }

.hubspot-form .legal-consent-container { margin-bottom: 1.5rem; }

.hubspot-form .hs-form-required { color: #be4a4a; }

.hubspot-form .hs-error-msg { color: #be4a4a; }

.hubspot-form .hs-main-font-element { color: #be4a4a; font-weight: 700; }

.hubspot-form .hs-input:not([type=checkbox]) { width: 100% !important; }

.hubspot-form .hs-submit { text-align: center; }

.hubspot-form .form-feedback { margin-left: 1rem !important; margin-right: 1rem !important; }

.hubspot-form .form-feedback-error { border-color: #be4a4a; }

.hubspot-form .inputs-list { list-style-type: none; padding-left: 0; }

.hubspot-form .form-columns-1, .hubspot-form .form-columns-2, .hubspot-form .form-columns-3 { max-width: none; }

.hubspot-form .form-columns-1 .input, .hubspot-form .form-columns-1 .form-label:not(.hs-form-booleancheckbox-display), .hubspot-form .form-columns-1 .hs-field-desc, .hubspot-form .form-columns-2 .input, .hubspot-form .form-columns-2 .form-label:not(.hs-form-booleancheckbox-display), .hubspot-form .form-columns-2 .hs-field-desc, .hubspot-form .form-columns-3 .input, .hubspot-form .form-columns-3 .form-label:not(.hs-form-booleancheckbox-display), .hubspot-form .form-columns-3 .hs-field-desc { margin-left: 1rem !important; margin-right: 1rem !important; }

@media screen and (min-width: 680px) { .hubspot-form .form-columns-3 .hs-form-field { width: 33.3% !important; } }

.hbspt-form .submitted-message p:first-of-type { font-weight: 700; }
blockquote.twitter-tweet { display: inline-block; font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; border-color: #eee #ddd #bbb; border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); margin: 10px 5px; padding: 0 16px 16px 16px; max-width: 468px; }

.slick-slide:focus { outline: none; }

blockquote.twitter-tweet p { font-size: 16px; font-weight: 400; line-height: 20px; }

blockquote.twitter-tweet a { color: inherit; font-weight: 400; text-decoration: none; outline: 0 none; }

blockquote.twitter-tweet a:hover, blockquote.twitter-tweet a:focus { text-decoration: underline; }
.stories-card { background: #fff; border-radius: 8px; border: solid 3px #EDEFF0; min-height: 400px; }

.stories-card h6 { position: relative; }

.stories-card h6:after { content: ""; display: block; width: 40px; border-bottom: solid 4px #5fcf80; position: absolute; top: 32px; border-radius: 8px; }

@media screen and (max-width: 679px) { .story-image-xs { height: 450px; } }

#malina { background: url(/assets/views/marketing/home/stories-headshots/primary_malina-sq-fe0a83ce19e18cc66be0722bfc2bce747d918aaaeb088416a46ba519685e8ed6.webp) center/cover no-repeat; }

#chris { background: url(/assets/views/marketing/home/stories-headshots/chris-79085de62916e3202c96320e7b3e5096a563eaccdbc486e6260aff95c3f39e4e.webp) center/cover no-repeat; }

#brian { background: url(/assets/views/marketing/home/stories-headshots/primary_Brian-d413553b021b590c4f2b088dea72f8c3ac6b9b1897eda1ff84562ced01f1d6f1.webp) center/cover no-repeat; }

#kalina { background: url(/assets/views/marketing/home/stories-headshots/primary_Kalina-Edwards-17934c1914c1589f366a7f529be563f02082e5f4f5b52735b1bb222c07e6c6ba.webp) center/cover no-repeat; }

#p_luna { background: url(/assets/views/marketing/home/stories-headshots/primary_P-Luna-sq-c06b1a88515c46d1bb6187c66a7218f646e17dd692e2aa159522fc6ee9de8041.webp) center/cover no-repeat; }

#christina { background: url(/assets/views/marketing/home/stories-headshots/primary_stories_christina_meyer-57f0333f08ec1509f62f1da602bd93e5-534c717108b363e42799241568a3daaf6b15364101b616c2464ebe5fcd4d0977.webp) center/cover no-repeat; }
.survey-progress { list-style: none; text-align: center; display: table; }

@media screen and (min-width: 680px) { .survey-progress { width: 85%; margin: 0 auto 30px; } }

@media screen and (max-width: 679px) { .survey-progress { width: 92%; margin: 10px auto 20px; } }

.survey-progress li { position: relative; display: table-cell; color: #525b63; line-height: 1; font-weight: 700; white-space: nowrap; }

@media screen and (min-width: 680px) { .survey-progress li { font-size: 13px; } }

@media screen and (max-width: 679px) { .survey-progress li { font-size: 12px; } }

.survey-progress li svg { fill: #5fcf80; width: 14px; left: 50%; margin-left: -6px; position: absolute; left: 50%; }

.survey-progress li svg.checkmark-icon { height: 10px; top: 9px; }

.survey-progress li svg.close-icon { height: 12px; top: 8px; }

.survey-progress li a { transition: color 300ms 0s ease; color: inherit; display: block; height: 100%; position: relative; }

.survey-progress li a:hover { color: #24282b; }

.survey-progress li span { display: block; width: 200px; text-align: center; margin-left: -100px; position: absolute; top: 38px; left: 50%; }

.survey-progress li:not(.divider) { height: 49px; }

@media screen and (min-width: 680px) { .survey-progress li:not(.divider) { width: 68px; } }

@media screen and (max-width: 679px) { .survey-progress li:not(.divider) { width: 48px; } }

.survey-progress li:not(.divider):before { content: ' '; display: inline-block; width: 28px; height: 28px; border: 2px solid #cbd4d8; border-radius: 28px; position: absolute; top: 0; left: 50%; margin-left: -14px; }

.survey-progress li.current:before, .survey-progress li.complete:before { border-color: #5fcf80; }

.survey-progress li.divider:before { content: ' '; display: block; width: 100%; height: 2px; background: rgba(0, 0, 0, 0.04); border-radius: 10px; position: absolute; top: 13px; }

.survey-header { position: relative; text-align: center; }

@media screen and (min-width: 680px) { .survey-header.without-divider:not(.without-margin) { margin-bottom: 25px; } }

@media screen and (max-width: 679px) { .survey-header.without-divider:not(.without-margin) { margin-bottom: 15px; } }

.survey-header:not(.without-divider) { border-bottom: 1px solid #f0f2f4; }

@media screen and (min-width: 680px) { .survey-header:not(.without-divider) { padding: 0 0 30px; } }

@media screen and (max-width: 679px) { .survey-header:not(.without-divider) { padding: 0 0 20px; } }

.survey-header h1 { color: #384047; line-height: 1.5; }

@media screen and (min-width: 680px) { .survey-header h1 { font-size: 24px; } }

@media screen and (max-width: 679px) { .survey-header h1 { font-size: 18px; } }

.survey-header h2, .survey-header p { color: #8d9aa5; line-height: 1.6; font-weight: 400; }

@media screen and (min-width: 680px) { .survey-header h2, .survey-header p { font-size: 16px; } }

@media screen and (max-width: 679px) { .survey-header h2, .survey-header p { font-size: 14px; } }

.survey-header h1 + h2, .survey-header h2 + h1 { margin-top: 3px; }

@media screen and (min-width: 680px) { .survey-header p + h1 { margin-top: 10px; } }

@media screen and (max-width: 679px) { .survey-header p + h1 { margin-top: 5px; } }

.survey-heading-text { text-align: center; padding: 10px 0 40px; }

@media screen and (max-width: 679px) { .survey-heading-text { padding: 0 0 20px; } }

.survey-heading-text h1 { margin-bottom: 5px; line-height: 1.5; }

@media screen and (min-width: 680px) { .survey-heading-text h1 { font-size: 24px; } }

@media screen and (max-width: 679px) { .survey-heading-text h1 { font-size: 20px; } }

.survey-heading-text p { color: #2b363e; line-height: 1.5; padding: 0; margin: 0; }

@media screen and (min-width: 680px) { .survey-heading-text p { font-size: 16px; } }

@media screen and (max-width: 679px) { .survey-heading-text p { font-size: 14px; } }

@media screen and (max-width: 969px) { .survey-heading-text p { padding: 0 20px; } }

.survey fieldset:not(:last-child) { border-bottom: 2px solid #f0f2f4; }

.survey fieldset:last-child { margin: 0; padding: 0; }

.survey fieldset:last-child .form-item { margin: 0; }

.survey .step:not(.current-wizard-step) { display: none; }

.survey-list { margin: 0; padding: 0; list-style: none; }

.survey-list.with-top-margin { margin-top: 30px; }

.survey-list.with-top-border { border-top: 1px solid #f0f2f4; }

.survey-list.with-bottom-border { border-bottom: 1px solid #f0f2f4; margin-bottom: 30px; }

.survey-list-item { position: relative; }

@media screen and (min-width: 680px) { .padded-list-items .survey-list-item { padding: 30px 0 30px 44px; } }

@media screen and (max-width: 679px) { .padded-list-items .survey-list-item { padding: 20px 0 20px 35px; } }

.padded-list-items.tight-padding .survey-list-item { padding-top: 15px; padding-bottom: 15px; }

.survey-list-item:not(:last-child) { border-bottom: 1px solid #f0f2f4; }

.survey-list-item-icon { display: block; fill: #6c879b; position: absolute; top: 50%; right: 10px; transition: fill 300ms 0s ease, opacity 150ms 0s ease, transform 150ms 0s ease; -ms-transform: translatey(-50%); -moz-transform: translatey(-50%); -webkit-transform: translatey(-50%); transform: translatey(-50%); }

.survey-list-item-icon-container:hover .survey-list-item-icon.close-24-icon { fill: #2b363e; }

.survey-list-item-icon-container:hover .survey-list-item-icon.help-outline-24-icon { fill: #35A961; }

.showing-description .survey-list-item-icon.right-arrow-icon { -ms-transform: translate(-10px, -50%) rotate(90deg); -moz-transform: translate(-10px, -50%) rotate(90deg); -webkit-transform: translate(-10px, -50%) rotate(90deg); transform: translate(-10px, -50%) rotate(90deg); }

.showing-description .survey-list-item-icon.help-outline-24-icon { opacity: 0; }

li:not(.showing-description) .survey-list-item-icon.close-24-icon { opacity: 0; }

.survey-list-item-icon-container { display: block; position: absolute; cursor: pointer; padding: 10px; width: 44px; height: 44px; }

@media screen and (min-width: 680px) { .survey-list-item-icon-container { top: 20px; right: 5px; } }

@media screen and (max-width: 679px) { .survey-list-item-icon-container { top: 10px; right: -10px; } }

.tight-padding .survey-list-item-icon-container { top: 10px; }

li:not(.showing-description) .survey-list-item-icon-container:before, li:not(.showing-description) .survey-list-item-icon-container:after { visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }

li:not(.showing-description) .survey-list-item-icon-container:before { position: absolute; z-index: 1001; content: ""; background: #384047; width: 10px; height: 10px; bottom: 100%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: translate(-50%, 20px) rotate(45deg); -moz-transform: translate(-50%, 20px) rotate(45deg); -webkit-transform: translate(-50%, 20px) rotate(45deg); transform: translate(-50%, 20px) rotate(45deg); left: 50%; border-radius: 0 0 3px 0; }

li:not(.showing-description) .survey-list-item-icon-container:after { content: "What's this?"; font: 700 14px/22px "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; position: absolute; background: #384047; text-align: center; padding: 10px 20px; width: auto; z-index: 1000; border-radius: 4px; visibility: hidden; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; -ms-transform: translate(-50%, 15px); -moz-transform: translate(-50%, 15px); -webkit-transform: translate(-50%, 15px); transform: translate(-50%, 15px); color: #fff; left: 50%; bottom: 100%; }

li:not(.showing-description) .survey-list-item-icon-container:hover:before { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 5px) rotate(45deg); -moz-transform: translate(-50%, 5px) rotate(45deg); -webkit-transform: translate(-50%, 5px) rotate(45deg); transform: translate(-50%, 5px) rotate(45deg); }

li:not(.showing-description) .survey-list-item-icon-container:hover:after { visibility: visible; opacity: 1; -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.survey-list-item-description { position: relative; background: #f9fafa; margin-bottom: -1px; border: 1px solid #f0f2f4; border-width: 1px 0; max-height: 1000px; transition: max-height 300ms 0s ease, opacity 600ms 0s ease, padding 300ms 0s ease; }

@media screen and (max-width: 679px) { .survey-list-item-description { padding: 20px; margin-left: -20px; margin-right: -20px; } }

@media screen and (min-width: 680px) { .survey-list-item-description { padding: 30px; margin-left: -30px; margin-right: -30px; } }

li:not(.showing-description) .survey-list-item-description { max-height: 0; opacity: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; }

.survey-list-item-description p { line-height: 1.8; color: #2b363e; }

.survey-list-item-description:after { content: " "; display: block; background: #f9fafa; border: 1px solid #e8ebed; border-width: 1px 0 0 1px; border-radius: 4px 0 0 0; position: absolute; top: -6px; width: 12px; height: 12px; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (min-width: 680px) { .survey-list-item-description:after { right: 51px; } }

@media screen and (max-width: 679px) { .survey-list-item-description:after { right: 26px; } }

.survey-list-item-link { position: relative; display: block; color: #1a2126; transition: color 300ms 0s ease; }

@media screen and (min-width: 680px) { .survey-list-item-link { padding: 30px 0; } }

@media screen and (max-width: 679px) { .survey-list-item-link { padding: 20px 0; } }

@media screen and (min-width: 680px) { .survey-list-item-link:not(.accordion-link) { padding-left: 44px; } }

@media screen and (max-width: 679px) { .survey-list-item-link:not(.accordion-link) { padding-left: 35px; } }

.tight-padding .survey-list-item-link { padding-top: 20px; padding-bottom: 20px; }

.ui-sortable .survey-list-item-link { cursor: move; background: #fff; }

@media screen and (min-width: 680px) { .ui-sortable .survey-list-item-link { padding-left: 78px; } }

@media screen and (max-width: 679px) { .ui-sortable .survey-list-item-link { padding-left: 68px; } }

.ui-sortable .survey-list-item-link:before { content: ""; background: url("/assets/global/drag-75169656971734810cda7f11d0c0d1020e61809fa138f5ce81781208cbf1e230.svg"); background-size: 20px 10px; width: 20px; height: 10px; position: absolute; top: 50%; left: 0; -ms-transform: translatey(-50%); -moz-transform: translatey(-50%); -webkit-transform: translatey(-50%); transform: translatey(-50%); }

.survey-list-item-link:hover { color: black; }

@media screen and (max-width: 679px) { .survey-list-item-radio, .survey-list-item-checkbox, .survey-list-item-rank { top: 22px; width: 20px; height: 20px; } }

@media screen and (min-width: 680px) { .survey-list-item-radio, .survey-list-item-checkbox, .survey-list-item-rank { top: 30px; width: 24px; height: 24px; } }

.tight-padding .survey-list-item-radio, .tight-padding .survey-list-item-checkbox, .tight-padding .survey-list-item-rank { top: 20px; }

.survey-list-item-radio, .survey-list-item-radio:after, .survey-list-item-checkbox, .survey-list-item-checkbox:after, .survey-list-item-rank, .survey-list-item-rank:after { display: block; border: 2px solid #000; border-radius: 4px; position: absolute; }

.survey-list-item-radio, .survey-list-item-checkbox { opacity: 0.5; left: 0; }

.survey-list-item-radio, .survey-list-item-radio:after, .survey-list-item-checkbox, .survey-list-item-checkbox:after { transition: opacity 150ms 0s ease, border-color 150ms 0s ease; }

a:hover .survey-list-item-radio, a:active .survey-list-item-radio, a.checked .survey-list-item-radio, a:hover .survey-list-item-radio:after, a:active .survey-list-item-radio:after, a.checked .survey-list-item-radio:after, a:hover .survey-list-item-checkbox, a:active .survey-list-item-checkbox, a.checked .survey-list-item-checkbox, a:hover .survey-list-item-checkbox:after, a:active .survey-list-item-checkbox:after, a.checked .survey-list-item-checkbox:after { opacity: 1; }

a:active .survey-list-item-radio, a.checked .survey-list-item-radio, a:active .survey-list-item-radio:after, a.checked .survey-list-item-radio:after, a:active .survey-list-item-checkbox, a.checked .survey-list-item-checkbox, a:active .survey-list-item-checkbox:after, a.checked .survey-list-item-checkbox:after { border-color: #35A961; }

.survey-list-item-rank { left: 30px; top: 50%; color: #000; opacity: 0.4; text-align: center; font-weight: 700; -ms-transform: translatey(-50%); -moz-transform: translatey(-50%); -webkit-transform: translatey(-50%); transform: translatey(-50%); }

@media screen and (min-width: 680px) { .survey-list-item-rank { line-height: 20px; } }

@media screen and (max-width: 679px) { .survey-list-item-rank { line-height: 16px; font-size: 11px; } }

.survey-list-item-radio, .survey-list-item-radio:after { border-radius: 50%; }

.survey-list-item-radio:after { content: " "; opacity: 0; left: 50%; top: 50%; }

@media screen and (max-width: 679px) { .survey-list-item-radio:after { margin-top: -3px; margin-left: -3px; border-width: 3px; width: 6px; height: 6px; } }

@media screen and (min-width: 680px) { .survey-list-item-radio:after { margin-top: -4px; margin-left: -4px; border-width: 4px; width: 8px; height: 8px; } }

.survey-list-item .input-radio { position: absolute; top: 50%; left: 3px; -ms-transform: translatey(-50%); -moz-transform: translatey(-50%); -webkit-transform: translatey(-50%); transform: translatey(-50%); z-index: 0; cursor: pointer; }

.ie .survey-list-item .input-radio { left: 5px; margin-top: -1px; }

.survey-list-item .input-radio:before, .survey-list-item .input-radio:after { display: block; content: " "; border-radius: 50%; border: 2px solid #000; z-index: 1; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: opacity 150ms 0s ease, border-color 150ms 0s ease; margin-top: -4px; }

.survey-list-item .input-radio:before { background: #fff; width: 24px; height: 24px; }

.survey-list-item .input-radio:after { width: 8px; height: 8px; border-width: 4px; }

.survey-list-item .input-radio:not(:checked):before { border-color: #d4d9dd; }

.survey-list-item .input-radio:not(:checked):after { opacity: 0; }

.survey-list-item .input-radio:checked:before, .survey-list-item .input-radio:checked:after { border-color: #35A961; }

.survey-list-item-checkbox svg { opacity: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

a:active .survey-list-item-checkbox svg, a.checked .survey-list-item-checkbox svg { opacity: 1; fill: #35A961; }

.survey-list-item p { margin: 0; }

.survey-list-item-label, .survey-list-item label { display: block; font-size: 14px; line-height: 24px; transition: color 300ms 0s ease; cursor: pointer; }

.ui-sortable .survey-list-item-label, .ui-sortable .survey-list-item label { cursor: move; }

.survey-list-item-label:hover, .survey-list-item label:hover { color: black; }

.showing-description .survey-list-item-label, .showing-description .survey-list-item label { font-weight: 700; }

.survey-actions { text-align: center; margin: 30px 0; }

@media screen and (max-width: 679px) { .survey-actions-back { margin-bottom: 10px; } }

.survey-actions .hidden { display: none !important; }

.marketing-survey-close { float: right; padding: 17px 20px 0 0; height: 100%; z-index: 2; position: relative; }

.marketing-survey-close .close-icon { display: block; box-sizing: border-box; width: 30px; height: 30px; border-width: 6px; border-style: solid; border-color: #676B6F; border-radius: 100%; background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%, white 56%, transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%, white 56%, transparent 56%, transparent 100%); background-color: #676B6F; transition: all 0.3s ease; }

.marketing-survey-close .close-icon:hover { background-color: #3F4850; border-color: #3F4850; }

.marketing-survey-control-bar { height: 70px; position: fixed; width: 100%; z-index: 1; background-color: rgba(39, 46, 55, 0.96); color: #fff; }

.marketing-survey-control-bar .container-left { float: left; height: 70px; line-height: 70px; padding-left: 15px; }

.marketing-survey-control-bar .container-left a { color: #fff; }

@media screen and (max-width: 250px) { .marketing-survey-control-bar .container-left .previous-question-btn-text { display: none; } }

.marketing-survey-control-bar .container-left .previous-question-btn .left-chevron-icon { vertical-align: middle; fill: #fff; display: none; }

@media screen and (max-width: 250px) { .marketing-survey-control-bar .container-left .previous-question-btn .left-chevron-icon { display: inline; } }

.survey-marketing { background-color: #F9FAFA; position: relative; }

.survey-marketing .survey { position: relative !important; }

.survey-marketing-bg { position: absolute; width: 100%; min-height: 100%; overflow: hidden; }

.survey-marketing-bg img { position: absolute; height: 105vh; padding-top: 10px; }

.survey-marketing-bg img:first-child { left: 0; }

@media screen and (max-width: 768px) { .survey-marketing-bg img:first-child { width: 100%; } }

.survey-marketing-bg img:nth-child(2) { right: 0; }

@media screen and (max-width: 768px) { .survey-marketing-bg img:nth-child(2) { opacity: 0; } }

.survey-marketing .step { display: none; position: relative; width: 100%; }

.survey-marketing .step.current-wizard-step { display: block; }

.survey-marketing .survey-wizard-container:not(.result) { min-height: 100vh; padding: 80px 50px 70px 50px; background-color: #3F4850; display: flex; justify-content: center; align-items: center; }

@media screen and (max-width: 680px) { .survey-marketing .survey-wizard-container:not(.result) { padding: 65px 20px 50px 20px; } }

.survey-marketing-tarp { pointer-events: none; }

.survey-marketing-hero { margin: 0 !important; padding: 20px 10px 40px 10px; border-radius: 4px 4px 0 0; }

@media screen and (max-width: 680px) { .survey-marketing-hero { padding: 20px 10px 20px 10px; } }

.survey-marketing-hero-heading { color: #06B1C4; margin: 0; min-height: 60px; }

.survey-marketing-hero-heading-question-number { width: 100%; padding-right: 20px; position: relative; }

.survey-marketing-hero-heading-question-number .q-number { line-height: 60px !important; }

.survey-marketing-hero-heading-text { color: #06B1C4; padding-left: 15px; display: table-cell; vertical-align: middle; height: 60px; word-spacing: 4px; border-left: 1px solid lightgray; }

@media screen and (max-width: 680px) { .survey-marketing-hero-heading-text { padding-left: 0; border-left: 0; } }

.survey-marketing-hero { background: transparent; color: #fff; }

.survey-marketing-answer { list-style: none; }

@media screen and (max-width: 768px) { .survey-marketing-answer { margin-top: 20px !important; } }

.survey-marketing-answer .input-checkbox:checked + .survey-marketing-box { background: #EFEFEF !important; border-color: #EFEFEF !important; }

.survey-marketing-answer .input-checkbox:checked + .survey-marketing-box:hover, .survey-marketing-answer .input-checkbox:checked + .survey-marketing-box:hover, .survey-marketing-answer .input-checkbox:checked + .survey-marketing-box:hover .survey-marketing-copy { background: #FFFFFF !important; color: #06B1C4; }

.survey-marketing-box { display: block; border-radius: 4px; text-align: left; height: 100%; margin: 10px 0 10px 0; padding: 36px 20px 36px 25px; transition: all 300ms 0s ease; background-color: #EFEFEF; position: relative; }

@media screen and (max-width: 480px) { .survey-marketing-box { padding: 20px 15px; } }

.survey-marketing-box:hover, .survey-marketing-box:focus { background: #FFFFFF; cursor: pointer; }

.survey-marketing-box:hover .survey-marketing-copy, .survey-marketing-box:focus .survey-marketing-copy { color: #06B1C4; }

.survey-marketing-copy { display: inline; font-size: 1.15rem; line-height: 1.3; margin: 0; position: relative; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 300ms 0s ease; color: #3F4850C7; position: absolute; top: 50%; width: 80%; }

@media screen and (max-width: 480px) { .survey-marketing-copy { position: relative; } }

.survey-marketing-copy strong { display: block; margin-bottom: 5px; }

.marketing-layout .survey-marketing-hr { margin: 15px 0; }

.survey-marketing .input-checkbox { display: none; }

.survey-marketing .input-checkbox:checked + .survey-marketing-box { background: #ffd466; border-color: #ffd466; }

.survey-marketing .input-checkbox:checked + .survey-marketing-box .survey-marketing-copy { color: #384047; }

.survey-marketing-rec .center { display: flex; justify-content: center; }

.survey-marketing-rec .text-container { margin: 35px; text-align: center; }

@media screen and (max-width: 768px) { .survey-marketing-rec .text-container { margin: 0; } }

.survey-marketing-rec .background-white { background-color: white; }

.survey-marketing-rec section:not(.block-items) { padding: 50px 0px 30px 0px; }

.survey-marketing-rec .section-more-options .text-container * { margin: 20px; }

.survey-marketing-rec .section-more-options .badge { width: 100px; }

@media screen and (max-width: 990px) { .survey-marketing-rec .section-results { padding: 50px 0px 0px 0px; } }

.survey-marketing-rec .section-results .rec-heading, .survey-marketing-rec .section-results .intro { text-align: center; margin-bottom: 15px; }

.survey-marketing-rec .section-results .intro { font-size: 0.75rem; margin-bottom: 35px; }

.survey-marketing-rec .section-results .card-list { padding: 15px 0px 0px 0px; text-align: center; }

@media screen and (max-width: 750px) { .survey-marketing-rec .section-results .card-list .card { width: 100%; } }

@media screen and (min-width: 750px) and (max-width: 1140px) { .survey-marketing-rec .section-results .card-list .card { width: 49%; } }

@media screen and (min-width: 1140px) { .survey-marketing-rec .section-results .card-list .card { width: 30%; } }

.survey-marketing-rec .section-results .card-list .card.track:not(.variable-height) { display: inline-block; text-align: left; float: none; padding: 0 5px; vertical-align: top; }

.survey-marketing-rec .section-results .card-list .card.track:not(.variable-height) .card-title { font-size: 1.025rem !important; }

.survey-marketing-rec .section-results .card-list .card.track:not(.variable-height) .card-actions { padding-left: 0 !important; }

.survey-marketing-rec .section-results .card-list .card.track:not(.variable-height) .card-action .button.primary { color: white; }

.survey-marketing-rec .section-results .card-list .techdegree-card { width: 35%; margin: 0 auto; display: inline-block; vertical-align: top; margin: 30px 20px auto; min-height: 320px; height: 100%; }

@media screen and (max-width: 768px) { .survey-marketing-rec .section-results .card-list .techdegree-card { width: 90% !important; margin: 15px auto; } }

@media screen and (max-width: 990px) { .survey-marketing-rec .section-results .card-list .techdegree-card { width: 60%; } }

@media screen and (max-width: 1205px) { .survey-marketing-rec .section-results .card-list .techdegree-card-links .button { margin-left: 0; margin-top: 2px; width: 100% !important; } }

.survey-marketing-rec .section-results .card-list .techdegree-card-description { font-weight: 400; }

.survey-marketing-rec .section-perks .button:not(.secondary), .survey-marketing-rec .section-more-options .button:not(.secondary), .survey-marketing-rec .call-to-action-btn { display: block; margin: 0 auto; width: 280px !important; margin-bottom: 25px; }

@media screen and (max-width: 990px) { .survey-marketing-rec .section-perks .button:not(.secondary), .survey-marketing-rec .section-more-options .button:not(.secondary), .survey-marketing-rec .call-to-action-btn { width: 350px; } }

@media screen and (max-width: 768px) { .survey-marketing-rec .section-more-options .button:not(.secondary) { padding: 0px; margin: 20px 0px 20px 0px; } }

@media screen and (max-width: 480px) { .survey-marketing-rec .section-perks { padding-bottom: 0px; } }

@media screen and (max-width: 680px) { .survey-marketing-rec .section-perks { padding: 0 0 33px 0 !important; } }

@media screen and (max-width: 768px) { .survey-marketing-rec .section-perks .button:not(.secondary) { padding: 0px; margin: -20px 0px 20px 0px; } }

.survey-marketing-rec .block-items { padding: 33px 0px 33px 0px; overflow: hidden; }

.survey-marketing-rec .block-items .block-grid__item { height: 190px; width: 48% !important; }

@media screen and (max-width: 480px) { .survey-marketing-rec .block-items .block-grid__item { height: 100% !important; } }

@media screen and (max-width: 750px) { .survey-marketing-rec .block-items .block-grid__item { border-bottom: 0 !important; height: 100% !important; width: 100% !important; } }

@media screen and (min-width: 750px) and (max-width: 990px) { .survey-marketing-rec .block-items .block-grid__item { height: 260px; width: 45% !important; } }

.survey-marketing-rec .block-items .block-grid__item:first-child, .survey-marketing-rec .block-items .block-grid__item:nth-child(3) { margin-right: 30px; }

.survey-marketing-rec .block-items .block-grid__item:nth-child(-n + 2) { margin-bottom: 20px; border-bottom: 1px solid lightgrey; }

@media screen and (max-width: 768px) { .survey-marketing-rec .block-items .block-grid__item:nth-child(-n + 2) { margin-bottom: 0px; } }

.survey-marketing-rec .block-items .block-container { padding: 10px; max-width: 640px; }

.survey-marketing-rec .block-items .block-container-image { display: inline-block; vertical-align: top; width: 20%; margin: 0px 15px 0 0; }

@media screen and (max-width: 480px) { .survey-marketing-rec .block-items .block-container-image { width: 40%; } }

@media screen and (max-width: 768px) { .survey-marketing-rec .block-items .block-container-image { max-width: 25%; display: block; margin: 10px auto; } }

@media screen and (max-width: 990px) { .survey-marketing-rec .block-items .block-container-image { display: block; margin: 0 auto; } }

.survey-marketing-rec .block-items .block-container-text { display: inline-block; width: 70%; }

@media screen and (max-width: 480px) { .survey-marketing-rec .block-items .block-container-text { display: block; margin: 0 auto; } }

@media screen and (max-width: 768px) { .survey-marketing-rec .block-items .block-container-text { width: 100%; text-align: center; } }

@media screen and (max-width: 990px) { .survey-marketing-rec .block-items .block-container-text { display: block; margin: 0 auto; width: 100% !important; text-align: center; padding-top: 5px; } }

.survey-marketing-rec .block-items .block-container-text p { margin-top: 15px; }

.survey-marketing-rec-bg { position: absolute; padding-top: 10px; width: 100%; }

.survey-marketing-rec-bg > img { width: 100%; }

.survey-marketing .survey.result .survey-marketing-bg { display: none; }

.survey-marketing .survey.result .survey-wizard-container { display: none; }
.how-it-works-hero { background-color: #0098b1; background: url(/assets/views/marketing/home/how-it-works-p1-a446917d3754f3927ca0e921b59de15e88c3f1ba7d12e7670fb19185d31e6a5e.webp) center/cover no-repeat; }

@media screen and (max-width: 679px) { .how-it-works-hero { background: url(/assets/views/marketing/home/how-it-works-p1-mobile-df7a49120ddd4076b9ce99ca4d5bec9a0923668cd8d2ae1e0f5ea39ef23baa20.webp) center/cover no-repeat; } }

@media screen and (max-width: 679px) { .how-it-works-hero h2 { display: none; } }

.how-it-works-p2 svg { max-width: 70%; }

@media screen and (max-width: 679px) { .how-it-works-p2 svg { max-width: 200px; margin-bottom: 5rem; } }

.how-it-works-plans { display: grid; grid-gap: 0 3rem; grid-auto-flow: column; grid-template-rows: repeat(5, 1fr); }

@media screen and (max-width: 1150px) { .how-it-works-plans { grid-gap: 0 1.5rem; grid-template-columns: 1fr; grid-auto-flow: row; grid-auto-rows: 1fr; } }

.how-it-works-plans .box { padding: 1rem 1.5rem; display: flex; align-items: center; }

.how-it-works-plans .box svg { fill: #3f4850; margin-right: 1rem; }

.how-it-works-plans .box.column { flex-wrap: wrap; }

@media screen and (max-width: 679px) { .how-it-works-plans .box.column { padding-top: 5rem; } }

.how-it-works-plans .box:not(:nth-child(5n)) { border-bottom: 2px solid #e8ebed; }

@media screen and (max-width: 679px) { .how-it-works-plans .box { padding: 0.5rem; } }

@media screen and (max-width: 679px) { .how-it-works-plans .box.empty { display: none; } }

.how-it-works-plans .title { width: 100%; display: flex; flex-grow: 1; justify-content: space-between; }

@media screen and (max-width: 320px) { .how-it-works-plans .title { flex-wrap: wrap; } }

.how-it-works-plans .tagline { margin-top: 1.5rem; font-weight: 500; }

.how-it-works-plans-details svg { max-width: 125px; }

.how-it-works-podcast { position: relative; min-height: 426px; background-color: #0098b1; background: url(/assets/views/marketing/homepage/100-days-of-code-podcast-bg-3c90be5aac9db6ad6dcafc0c9871fb3cac0b8c73ce865f64142d87a621fd4d7a.svg) center/cover no-repeat; padding: 5rem 1rem 1rem 1rem; }

@media screen and (max-width: 679px) { .how-it-works-podcast { max-height: 300px; } }

.how-it-works-podcast h2 { margin-bottom: 2rem; }

.how-it-works-podcast-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; z-index: 1; position: relative; max-width: 1260px; margin: auto; }

.how-it-works-podcast-grid-content { grid-row-start: 2; }

@media screen and (max-width: 969px) { .how-it-works-podcast-grid-content { grid-row-start: 1; } }

.how-it-works-podcast-rocket { position: absolute; max-height: 500px; bottom: 0; right: 20%; }

@media screen and (max-width: 969px) { .how-it-works-podcast-rocket { top: -50px; right: 0; } }

.how-it-works-blog .blog-header { background-color: #31af7f; }
#video-lander { background-color: #FFF; }

#video-lander header { background-image: none; padding: 0; margin-bottom: 80px; }

.video-playing #video-lander .landing-header { -ms-transform: translate3d(-50%, -450px, 0); -moz-transform: translate3d(-50%, -450px, 0); -webkit-transform: translate3d(-50%, -450px, 0); transform: translate3d(-50%, -450px, 0); }

.video-paused #video-lander .video-cta { -ms-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

#video-lander .video-cta { transition: transform 150ms ease-in; -ms-transform: translate3d(-50%, -590px, 0); -moz-transform: translate3d(-50%, -590px, 0); -webkit-transform: translate3d(-50%, -590px, 0); transform: translate3d(-50%, -590px, 0); z-index: 99; background-color: rgba(255, 255, 255, 0.95); padding: 20px; border-radius: 5px; text-align: center; }

@media screen and (max-width: 639px) { #video-lander .video-cta { position: absolute; top: 180px; left: 50%; box-shadow: 0 0 100px rgba(0, 0, 0, 0.3); } }

@media screen and (min-width: 640px) { #video-lander .video-cta { position: absolute; top: 75px; left: 50%; } }

#video-lander .video-cta h3 { margin-top: 0; margin-bottom: 7px; }

#video-lander .video-cta .btn { margin-top: 0; }

#video-lander .mejs-container { border-radius: 0; }

#video-lander #hero { max-height: 540px; border-radius: 0; }

#video-lander .main-heading { width: 100%; text-align: center; margin-bottom: 0; }

#video-lander .main-heading h1 { font-size: 24px; margin-bottom: 7px; }

#video-lander .landing-header { position: absolute; top: 0; background-color: transparent; width: 100%; height: 54px; z-index: 100; padding-top: 35px; }

#video-lander .landing-header .container { max-width: 1000px; width: 100%; margin: 0 auto; }

#video-lander .landing-header .container:before, #video-lander .landing-header .container:after { content: " "; display: table; }

#video-lander .landing-header .container:after { clear: both; }

#video-lander .landing-header .main-nav { float: right; margin: 2px 0 0 0; }

#video-lander .landing-header .main-nav ul { list-style: none; margin: 0; float: right; }

@media screen and (max-width: 1040px) { #video-lander .landing-header .main-nav ul { padding-right: 15px; } }

#video-lander .landing-header .main-nav ul li a { font-size: 12px; padding: 8px 16px 7px; text-transform: uppercase; color: white; margin-bottom: 0; }

#video-lander .landing-header .th-logo { margin: 0; width: 50%; float: left; font-size: 0; }

@media screen and (max-width: 1040px) { #video-lander .landing-header .th-logo { padding-left: 15px; } }

#video-lander .section { padding-top: 0; padding-bottom: 0; }

#video-lander .video-wrapper { width: 100%; height: auto; position: relative; }

#video-lander .video-wrapper .full-width-video { position: relative; z-index: 0; top: 0; width: 100%; height: auto; }

#video-lander .video-wrapper .full-width-video .video { width: 100%; height: auto; }

@media screen and (max-width: 767px) { #video-lander .video-wrapper .full-width-video .video { display: block; } }

#video-lander .video-wrapper .video-feature { background: #5fcf80 url(/assets/marketing/landings/video_bg_large_green-81302fb9c79300c27b3250620adbc563ce2a35bc6979c1b5c3e405e1da71cc8e.jpg) center center no-repeat; }

#video-lander .video-wrapper .video-feature-bryan { background: #5fcf80 url(/assets/marketing/landings/video_bg_large_green_bryan-db8923a0bc8344c734b338be061cd60d0c6549229a9251a69cec8c6d4de91865.jpg) center center no-repeat; }

#video-lander .video-wrapper .video-feature-kavitha { background: #5fcf80 url(/images/marketing/landings/video_bg_large_green_kavitha.webp) center center no-repeat; }

#video-lander .video-wrapper .video-feature, #video-lander .video-wrapper .video-feature-bryan, #video-lander .video-wrapper .video-feature-kavitha { position: absolute; width: 100%; height: 100%; background-size: cover; top: 0; z-index: 1; text-align: center; }

#video-lander .video-wrapper .video-feature .message, #video-lander .video-wrapper .video-feature-bryan .message, #video-lander .video-wrapper .video-feature-kavitha .message { position: absolute; width: 100%; top: 50%; margin: 0; }

@media screen and (max-width: 640px) { #video-lander .video-wrapper .video-feature .message, #video-lander .video-wrapper .video-feature-bryan .message, #video-lander .video-wrapper .video-feature-kavitha .message { height: 100px; margin-top: -90px; } }

@media screen and (min-width: 641px) and (max-width: 767px) { #video-lander .video-wrapper .video-feature .message, #video-lander .video-wrapper .video-feature-bryan .message, #video-lander .video-wrapper .video-feature-kavitha .message { height: 150px; margin-top: -90px; } }

@media screen and (min-width: 768px) { #video-lander .video-wrapper .video-feature .message, #video-lander .video-wrapper .video-feature-bryan .message, #video-lander .video-wrapper .video-feature-kavitha .message { height: 146px; margin-top: -73px; padding: 0 12%; } }

#video-lander .video-wrapper .video-feature h1, #video-lander .video-wrapper .video-feature-bryan h1, #video-lander .video-wrapper .video-feature-kavitha h1 { color: #fff; margin: 0 0 10px 0; padding-top: 0; font-size: 38px; line-height: 1.2; }

@media screen and (max-width: 480px) { #video-lander .video-wrapper .video-feature h1, #video-lander .video-wrapper .video-feature-bryan h1, #video-lander .video-wrapper .video-feature-kavitha h1 { font-size: 18px; margin: 3px 0 -22px 0; display: none; } }

@media screen and (min-width: 481px) and (max-width: 640px) { #video-lander .video-wrapper .video-feature h1, #video-lander .video-wrapper .video-feature-bryan h1, #video-lander .video-wrapper .video-feature-kavitha h1 { font-size: 24px; padding-top: 0; } }

@media screen and (min-width: 641px) and (max-width: 767px) { #video-lander .video-wrapper .video-feature h1, #video-lander .video-wrapper .video-feature-bryan h1, #video-lander .video-wrapper .video-feature-kavitha h1 { font-size: 30px; padding-top: 10px; } }

#video-lander .video-wrapper .video-feature .play-button, #video-lander .video-wrapper .video-feature-bryan .play-button, #video-lander .video-wrapper .video-feature-kavitha .play-button { width: 70px; height: 70px; margin: 25px auto 35px auto; display: block; }

#video-lander .video-wrapper .video-feature .play-button a, #video-lander .video-wrapper .video-feature-bryan .play-button a, #video-lander .video-wrapper .video-feature-kavitha .play-button a { width: 100%; height: 100%; display: block; }

#video-lander .video-wrapper .video-feature .play-button a span, #video-lander .video-wrapper .video-feature-bryan .play-button a span, #video-lander .video-wrapper .video-feature-kavitha .play-button a span { display: inline-block; }

#video-lander .video-wrapper .video-feature .play-button a .icon-play-button, #video-lander .video-wrapper .video-feature-bryan .play-button a .icon-play-button, #video-lander .video-wrapper .video-feature-kavitha .play-button a .icon-play-button { width: 70px; height: 70px; position: relative; }

#video-lander .video-wrapper .video-feature .play-button a .icon-play-button .icon-play, #video-lander .video-wrapper .video-feature-bryan .play-button a .icon-play-button .icon-play, #video-lander .video-wrapper .video-feature-kavitha .play-button a .icon-play-button .icon-play { top: 50%; left: 50%; position: absolute; margin: -9px 0 0 -4px; }

@media screen and (max-width: 767px) { #video-lander .secondary-content { padding-left: 15px; padding-right: 15px; } }

#video-lander .secondary-content .item { padding-top: 40px; text-align: left; }

@media screen and (max-width: 767px) { #video-lander .secondary-content .item { width: 290px; margin: 0 auto; text-align: center; } }

#video-lander .secondary-content .item img { width: 100%; max-width: 174px; height: auto; display: block; }

@media screen and (max-width: 767px) { #video-lander .secondary-content .item img { margin: 0 auto; } }

#video-lander .secondary-content .item h3 { font-size: 18px; margin-top: 40px; color: #4c5760; }

#video-lander .secondary-content .item p { font-size: 14px; }

#video-lander .secondary-content .item a.link { padding: 0 21px 0 0; display: inline-block; margin: 0; }

#video-lander .secondary-content .item a:hover { text-decoration: none; }

#video-lander .secondary-content .cta-section .button { margin-top: 20px; }

#video-lander .secondary-content .cta-section h2 { margin-top: 0; }

@media screen and (max-width: 640px) { #video-lander .secondary-content .cta-section h2 { font-size: 24px; } }

@media screen and (min-width: 641px) and (max-width: 860px) { #video-lander .secondary-content .cta-section h2 { font-size: 30px; } }

@media screen and (min-width: 861px) { #video-lander .secondary-content .cta-section h2 { font-size: 34px; } }
@media screen and (min-width: 679px) { .text-7-md { font-size: 12px; } }

@media screen and (min-width: 0) { .text-7-xs { font-size: 12px; } }

@media screen and (min-width: 679px) { .text-8-md { font-size: 10px; } }

@media screen and (min-width: 0) { .text-8-xs { font-size: 10px; } }

.bg-purple { background: url(/assets/views/marketing/shared/techdegree-purple-gradient-8a966f31cfd7d42c675b33bd820613e67621b2013ca67c44690eee632b083c6b.webp) no-repeat center center/cover; }

.bg-blue { background: url(/assets/views/marketing/shared/techdegree-blue-gradient-60d5ca189f8d9b567151d0d95bbe9d6f66ea1a74850ecf47d803e549fff31a3e.webp) no-repeat center center/cover; }

.bg-turquoise { background: url(/assets/views/marketing/shared/what-youll-learn-gradient-desktop-3852161edb0937b6046a45b64a1486071aa1e42105cb927360730f22455b1054.webp) no-repeat center center/cover; }

.topic-data-analysis { color: #944F81; }

.topic-full-stack-javascript, .topic-front-end-web-development { color: #133EA2; }

.topic-python-development { color: #0E8397; }

.topic-ux-design { color: #4A4290; }

.techdegrees .homepage-hero-design, .techdegrees-2023 .homepage-hero-design { background-color: #4a4290; background: url(/assets/views/marketing/home/techdegrees-ux-secondary-p1-9db3a579b97708f15aa00e03024dfb142ea045e96c7c60fb633f71935616338f.webp) center/cover no-repeat; }

.techdegrees .homepage-hero-html, .techdegrees-2023 .homepage-hero-html { background-color: #3659a2; background: url(/assets/views/marketing/home/techdegrees-frontend-secondary-p1-30051fa97111350d7cd4027620daaf372c85fc3c2c2a70a10eb863feb4311984.webp) center/cover no-repeat; }

.techdegrees .homepage-hero-javascript, .techdegrees-2023 .homepage-hero-javascript { background-color: #3659a2; background: url(/assets/views/marketing/home/techdegrees-js-secondary-p1-cef3010b58149ed5419bb904ec13706d27957edd6d7e4d2d96b8f4601edb27ca.webp) center/cover no-repeat; }

.techdegrees .homepage-hero-php, .techdegrees-2023 .homepage-hero-php { background-color: #008297; background: url(/assets/views/marketing/home/techdegrees-php-secondary-p1-653ac18493e46e180a40c53aeb65ae1489ca7c05e69750b34843c30c006f4bbd.webp) center/cover no-repeat; }

.techdegrees .homepage-hero-python, .techdegrees-2023 .homepage-hero-python { background-color: #008297; background: url(/assets/views/marketing/home/techdegrees-python-secondary-p1-cc92a3b94893bcb1596dbdd9f8a2dcd2fc23c27cdd51e5696c61973d82e3696b.webp) center/cover no-repeat; }

.techdegrees .homepage-hero-web, .techdegrees-2023 .homepage-hero-web { background-color: #3659a2; background: url(/assets/views/marketing/home/techdegrees-web-secondary-p1-f49d0946c907390b6ba7196ead05dc6f0fd0bb027a330d0d637e1efea69ba477.webp) center/cover no-repeat; }

@media screen and (max-width: 969px) { .techdegrees .homepage-hero-inner, .techdegrees-2023 .homepage-hero-inner { display: flex; flex-direction: column; align-items: center; } }

.techdegrees .homepage-hero-inner h1, .techdegrees .homepage-hero-inner h2, .techdegrees-2023 .homepage-hero-inner h1, .techdegrees-2023 .homepage-hero-inner h2 { color: #fff; }

.techdegrees .homepage-hero-inner h1, .techdegrees-2023 .homepage-hero-inner h1 { font-weight: 600; }

@media screen and (max-width: 679px) { .techdegrees .homepage-hero-inner, .techdegrees-2023 .homepage-hero-inner { margin-top: 45px; } }

@media screen and (max-width: 679px) { .techdegrees .homepage-hero-inner h2 img, .techdegrees-2023 .homepage-hero-inner h2 img { width: 12px; margin-right: 5px; } }

.techdegrees .homepage-p4, .techdegrees-2023 .homepage-p4 { margin-top: -100px; }

@media screen and (max-width: 679px) { .techdegrees .homepage-p4, .techdegrees-2023 .homepage-p4 { margin-top: -50px; } }

.techdegrees-p3, .techdegrees-2023-p3 { background-image: url(/assets/views/marketing/home/td-p3-left-4b40616c661b28e107def333485060c0a0f1a4f9f625f07bc1b363f31a5f6a27.svg), url(/assets/views/marketing/home/td-p3-right-637aaead1200c52f224982e0fe33a598b812f03b0fa71168de8f419d25a97269.svg); background-position: -40px, right; background-repeat: no-repeat; background-size: contain; height: 400px; }

@media screen and (max-width: 679px) { .techdegrees-p3, .techdegrees-2023-p3 { background: url(/assets/views/marketing/home/td-p3-left-4b40616c661b28e107def333485060c0a0f1a4f9f625f07bc1b363f31a5f6a27.svg) -40px 0px no-repeat; height: 700px; } }

.techdegrees-p3 .button--secondary, .techdegrees-2023-p3 .button--secondary { background-color: white !important; }

.techdegrees-cta, .techdegrees-2023-cta { padding: 10px; margin: 10px; }

.techdegrees-cta-container, .techdegrees-2023-cta-container { display: flex; align-items: center; justify-content: center; min-height: 340px; background-color: #64ce83; padding: 15px 50px; }

@media screen and (max-width: 969px) { .techdegrees-cta-container, .techdegrees-2023-cta-container { padding: 25px 50px; flex-direction: column; align-items: center; justify-content: center; }
  .techdegrees-cta-container .center-text, .techdegrees-2023-cta-container .center-text { display: flex; flex-direction: column; justify-content: center; align-items: center; } }

.techdegrees-cta-container img, .techdegrees-2023-cta-container img { width: 306px; }

@media screen and (max-width: 969px) { .techdegrees-cta-container img, .techdegrees-2023-cta-container img { display: flex; width: 312px; } }

.techdegrees-cta-container h2, .techdegrees-2023-cta-container h2 { font-weight: 500; font-size: 30px; }

@media screen and (max-width: 969px) { .techdegrees-cta-container h2, .techdegrees-2023-cta-container h2 { font-size: 16px; } }

.techdegrees-cta-container p, .techdegrees-2023-cta-container p { margin: 15px 0px; font-weight: 500; max-width: 410px; }

@media screen and (max-width: 679px) { .techdegrees-cta-container p, .techdegrees-2023-cta-container p { margin: 25px 0px; font-size: 10px; } }

.techdegrees-cta-image, .techdegrees-2023-cta-image { width: 404px; margin: 10px 60px; }

@media screen and (max-width: 969px) { .techdegrees-cta-image, .techdegrees-2023-cta-image { display: none; } }

.techdegrees-p7 .list, .techdegrees-2023-p7 .list { list-style: none; }

.techdegrees-p7 .list-item + .list-item, .techdegrees-2023-p7 .list-item + .list-item { border-top: 1px solid #c6ccd2; }

.techdegrees-p7 .button-container, .techdegrees-2023-p7 .button-container { max-width: 600px; }

.techdegrees-p7 .button--secondary, .techdegrees-2023-p7 .button--secondary { background-color: white !important; }

@media screen and (max-width: 679px) { .techdegrees .button + .button, .techdegrees-2023 .button + .button { margin-left: initial; } }

.techdegrees .project-list, .techdegrees-2023 .project-list { list-style: none; margin-left: 0; }

@media screen and (min-width: 1140px) { .techdegrees .project-list, .techdegrees-2023 .project-list { max-width: 1400px; margin-left: auto; margin-right: auto; } }

.techdegrees .card-wrapper, .techdegrees-2023 .card-wrapper { flex-basis: 50%; }

@media screen and (min-width: 960px) { .techdegrees .card-wrapper, .techdegrees-2023 .card-wrapper { flex-basis: 33.33%; } }

.techdegrees .card-item, .techdegrees-2023 .card-item { height: 100%; }

.techdegrees .card-title, .techdegrees-2023 .card-title { white-space: initial; }

.techdegrees .card-capstone, .techdegrees-2023 .card-capstone { height: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; }

.techdegrees .card-capstone.design, .techdegrees-2023 .card-capstone.design { background-image: linear-gradient(to right, #4a4290 0%, #4a4290 10%, #6e66b9 10%, #6e66b9 20%, #a09ad1 20%, #a09ad1 30%, #4a4290 30%, #4a4290 40%, #6e66b9 40%, #6e66b9 50%, #a09ad1 50%, #a09ad1 60%, #4a4290 60%, #4a4290 70%, #6e66b9 70%, #6e66b9 80%, #a09ad1 80%, #a09ad1 90%, #4a4290 90%, #4a4290 100%); }

.techdegrees .card-capstone.front-end, .techdegrees-2023 .card-capstone.front-end { background-image: linear-gradient(to right, #3659a2 0%, #3659a2 10%, #5c7fc9 10%, #5c7fc9 20%, #95acdc 20%, #95acdc 30%, #3659a2 30%, #3659a2 40%, #5c7fc9 40%, #5c7fc9 50%, #95acdc 50%, #95acdc 60%, #3659a2 60%, #3659a2 70%, #5c7fc9 70%, #5c7fc9 80%, #95acdc 80%, #95acdc 90%, #3659a2 90%, #3659a2 100%); }

.techdegrees .card-capstone.back-end, .techdegrees-2023 .card-capstone.back-end { background-image: linear-gradient(to right, #008297 0%, #008297 10%, #00c4e4 10%, #00c4e4 20%, #31e2ff 20%, #31e2ff 30%, #008297 30%, #008297 40%, #00c4e4 40%, #00c4e4 50%, #31e2ff 50%, #31e2ff 60%, #008297 60%, #008297 70%, #00c4e4 70%, #00c4e4 80%, #31e2ff 80%, #31e2ff 90%, #008297 90%, #008297 100%); }

@media screen and (max-width: 679px) { .techdegrees .card-capstone, .techdegrees-2023 .card-capstone { border-radius: 0 !important; } }

.techdegrees .card-capstone .interior, .techdegrees-2023 .card-capstone .interior { background-color: white; height: 98.5%; }

@media screen and (max-width: 679px) { .techdegrees .card-capstone .card-header, .techdegrees-2023 .card-capstone .card-header { border-radius: 0 !important; } }

.techdegrees .card-capstone .card-text, .techdegrees-2023 .card-capstone .card-text { margin-bottom: -70px; max-width: 700px; margin-left: auto; margin-right: auto; }

.techdegrees .card-capstone .min-150, .techdegrees-2023 .card-capstone .min-150 { min-height: 150px; }

.techdegrees .card-capstone .seal-container, .techdegrees-2023 .card-capstone .seal-container { width: 160px; bottom: -100px; }

.techdegrees .card-list, .techdegrees-2023 .card-list { padding: 0; }

.techdegrees .card-item, .techdegrees-2023 .card-item { margin-top: 1rem; min-height: 350px; }

@media screen and (max-width: 679px) { .techdegrees .card-item, .techdegrees-2023 .card-item { min-height: 300px; } }

@media screen and (max-width: 679px) { .techdegrees .teacher-container, .techdegrees-2023 .teacher-container { float: initial !important; } }

.techdegrees .teacher-avatar, .techdegrees-2023 .teacher-avatar { display: block; min-width: 80px; height: 80px; background-size: auto 80px; float: right; }

.techdegrees .teacher-tags, .techdegrees-2023 .teacher-tags { list-style: none; padding: 0; margin: 1rem 0; right: 0; left: 0; position: absolute; white-space: nowrap; overflow: hidden; }

.techdegrees .teacher-tags:after, .techdegrees-2023 .teacher-tags:after { width: 20px; content: ""; position: absolute; height: 100%; right: 0; top: 0; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #f9fafa); }

.techdegrees .teacher-tags > li, .techdegrees-2023 .teacher-tags > li { display: inline-block; margin: 0 7px 9px 0; border: #c6ccd2 2px solid; padding: .5rem; border-radius: 25px; font-weight: 700; font-size: 0.75rem; }

.techdegrees .teacher-tags .topic-back-end, .techdegrees-2023 .teacher-tags .topic-back-end { color: #008297; }

.techdegrees .teacher-tags .topic-front-end, .techdegrees-2023 .teacher-tags .topic-front-end { color: #3659a2; }

.techdegrees .teacher-tags .topic-design, .techdegrees-2023 .teacher-tags .topic-design { color: #4a4290; }

.techdegrees .teacher-tags .topic-fundamentals, .techdegrees-2023 .teacher-tags .topic-fundamentals { color: #9b3b5a; }

.techdegrees .teacher-tags .topic-experimental, .techdegrees-2023 .teacher-tags .topic-experimental { color: #733a88; }

.techdegrees .teacher-tags .topic-data, .techdegrees-2023 .teacher-tags .topic-data { color: #9F4B84; }

.shadow { -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); }

.blog-posts { list-style: none; padding-left: 0; }

.blog-wrapper { flex-basis: 33.33%; }

.blog-post { height: 100%; }

@media screen and (max-width: 679px) { .blog-post { min-height: initial; } }

.blog-header { height: 20px; }

@media screen and (max-width: 679px) { .blog-text { display: none; } }

.blog-wrapper + .blog-wrapper { margin-left: 2rem; }

@media screen and (max-width: 679px) { .blog-wrapper + .blog-wrapper { margin-left: initial; } }

.hubspot-form li { margin: 0; }

.hubspot-form input[type=checkbox] { margin-right: 10px; }

.hubspot-form .form-text-input:not([type=checkbox]) { width: 100%; margin-bottom: 1.5rem; }

.hubspot-form .form-text-input:not([type=checkbox]).form-feedback-error { margin-bottom: 0.5rem; }

.hubspot-form .legal-consent-container { margin-bottom: 1.5rem; }

.hubspot-form .hs-form-required { color: #be4a4a; }

.hubspot-form .hs-error-msg { color: #be4a4a; }

.hubspot-form .hs-main-font-element { color: #be4a4a; font-weight: 700; }

.hubspot-form .hs-input:not([type=checkbox]) { width: 100% !important; }

.hubspot-form .form-feedback { margin-left: 1rem !important; margin-right: 1rem !important; }

.hubspot-form .form-feedback-error { border-color: #be4a4a; }

.hubspot-form .inputs-list { list-style-type: none; padding-left: 0; }

.hubspot-form .form-columns-1, .hubspot-form .form-columns-2, .hubspot-form .form-columns-3 { max-width: none; }

.hubspot-form .form-columns-1 .input, .hubspot-form .form-columns-1 .form-label:not(.hs-form-booleancheckbox-display), .hubspot-form .form-columns-1 .hs-field-desc, .hubspot-form .form-columns-2 .input, .hubspot-form .form-columns-2 .form-label:not(.hs-form-booleancheckbox-display), .hubspot-form .form-columns-2 .hs-field-desc, .hubspot-form .form-columns-3 .input, .hubspot-form .form-columns-3 .form-label:not(.hs-form-booleancheckbox-display), .hubspot-form .form-columns-3 .hs-field-desc { margin-left: 1rem !important; margin-right: 1rem !important; }

@media screen and (min-width: 680px) { .hubspot-form .form-columns-3 .hs-form-field { width: 33.3% !important; } }

.hbspt-form .submitted-message p:first-of-type { font-weight: 700; }

.card-progress { z-index: 1; }

.project-controls { margin-bottom: 20px; }

.project-controls .mejs-controls { display: none; }

.project-controls .mejs-playpause-button, .project-controls .mejs-captions-button, .project-controls .mejs-volume-button { display: none !important; }

@media screen and (min-width: 1400px) { .project-controls .mejs-playpause-button, .project-controls .mejs-captions-button, .project-controls .mejs-volume-button { display: block !important; } }

.project-controls .mejs-button > button:focus { background: white !important; }

.project-controls .mejs-button > button:focus svg { fill: #a8afb5 !important; }

.project-controls .mejs-controls, .project-controls .mejs-container { background: white !important; }

.project-controls .mejs-overlay-play { bottom: 0 !important; }

.project-controls .mejs-overlay-loading { display: none; }

.project-controls .mejs-playpause-button svg { fill: #a8afb5 !important; }

.project-controls .mejs-poster { width: auto; }

.project-controls .mejs-time-total { background: #a8afb5 !important; }

.project-controls .mejs-time-current { border: 0 !important; }

.techdegrees-2023-cta { margin: 0; padding: 0; }

.techdegrees-2023-cta p { text-align: left; }

@media screen and (max-width: 969px) { .techdegrees-2023-cta p { text-align: center; } }

.techdegrees-2023-cta .button { background-color: #ECC148; min-width: 208px; height: 49px; margin-top: 30px; border: none; color: #3E474F !important; }

.techdegrees-2023-cta .button:hover { background-color: #EDDA6D; }

@media screen and (max-width: 969px) { .techdegrees-2023-cta .button { margin-top: 0; min-width: 179px; height: 39px; line-height: 39px; } }

.techdegrees-2023-cta-container { background-color: #3E474F; }

.techdegrees-2023 .homepage-hero { min-height: 609px; }

@media screen and (min-width: 1200px) { .techdegrees-2023 .homepage-hero { padding: 80px 100px; } }

@media screen and (max-width: 969px) { .techdegrees-2023 .homepage-hero { min-height: 800px; } }

.techdegrees-2023 .homepage-hero-inner { max-width: 700px; }

.techdegrees-2023 .homepage-hero-inner .button { min-width: 208px; height: 49px; }

@media screen and (max-width: 679px) { .techdegrees-2023 .homepage-hero-inner .button { min-width: 158px; height: 39px; line-height: 35px; } }

.techdegrees-2023 .homepage-hero-inner h1, .techdegrees-2023 .homepage-hero-inner h2 { color: #000000; }

@media screen and (max-width: 969px) { .techdegrees-2023 .homepage-hero-inner h1, .techdegrees-2023 .homepage-hero-inner h2 { width: 100% !important; } }

@media screen and (min-width: 970px) { .techdegrees-2023 .homepage-hero-inner h1 { font-size: 32px !important; font-weight: 600; width: 100%; } }

.techdegrees-2023 .homepage-hero-inner h2 a { color: #48BD6A; }

.techdegrees-2023 .homepage-hero-inner h3 { width: 90%; text-align: left; }

@media screen and (max-width: 969px) { .techdegrees-2023 .homepage-hero-inner h3 { text-align: center; } }

@media screen and (max-width: 969px) { .techdegrees-2023 .homepage-hero-inner h3 a { color: #48BD6A; } }

.techdegrees-2023 .homepage-hero-inner .checkpoints { list-style-image: url("/assets/icons/icon-green-check-mark-3fee17acd289e21737942049ce2f0b41ce35c93c24e14ffde7a7a87ccceafcfd.svg"); padding: 0 0 0 15px; }

@media screen and (max-width: 400px) { .techdegrees-2023 .homepage-hero-inner .checkpoints { margin: 0 80px; } }

.techdegrees-2023 .homepage-hero-inner .checkpoints li { margin-bottom: 10px; }

@media screen and (max-width: 969px) { .techdegrees-2023 .homepage-hero-inner .checkpoints li { margin-bottom: 5px; } }

@media screen and (max-width: 969px) { .techdegrees-2023 .homepage-hero-inner .checkpoints { margin-left: 22%; margin-right: 12%; } }

.techdegrees-2023 .homepage-hero-inner .syllabus-link { float: left; color: #0E8397; text-decoration: underline; }

@media screen and (max-width: 969px) { .techdegrees-2023 .homepage-hero-inner .syllabus-link { float: none; display: inline-block; } }

@media screen and (max-width: 679px) { .techdegrees-2023 .homepage-hero-inner { margin-top: 45px; } }

.techdegrees-2023 .td-submenu { display: flex; align-items: center; justify-content: center; gap: 200px; min-height: 90px; background: url(/assets/views/marketing/home/techdegree-green-banner-69969ea6e4b8b1c43afc93a679067781da06ca9629ae41c333609128b9e06f59.webp); background-size: cover; color: #fff; padding: 20px; }

@media screen and (max-width: 1024px) { .techdegrees-2023 .td-submenu { gap: 100px; } }

@media screen and (max-width: 969px) { .techdegrees-2023 .td-submenu { display: none; } }

.techdegrees-2023 .td-submenu h5 { color: #fff; text-indent: 44px; line-height: 40px !important; }

.techdegrees-2023 .td-submenu h5 span { color: #fff; }

.techdegrees-2023 .td-submenu h5:hover { cursor: pointer; }

.techdegrees-2023 .td-submenu h5:first-child { background: url(/assets/views/marketing/homepage/techdegree-badge-td-f4bb20105f826168906ebe86b8d578d124e22d0569b7e69f15cb063389d872c0.svg) 4px no-repeat; background-size: 32px; }

.techdegrees-2023 .td-submenu h5:nth-child(2) { background: url(/assets/views/marketing/homepage/techdegree-overview-e5d9284b99f40e7853f542990b02f5928a610f532654c7f2013d4d8036311aa8.svg) 4px no-repeat; background-size: 32px; }

.techdegrees-2023 .td-submenu h5:last-child { background: url(/assets/views/marketing/homepage/techdegree-pricing-cc45ca847e4d69cd8b81195604a0a6610a946883ca32e7f26c41a8ceb99b8155.svg) 4px no-repeat; background-size: 32px; }

.techdegrees-2023 .td-video { height: 70%; margin: auto; align-self: center; }

@media screen and (min-width: 1200px) { .techdegrees-2023 .td-video { max-width: 457px; height: 90%; } }

@media screen and (max-width: 969px) { .techdegrees-2023 .td-video { align-self: start; } }

.techdegrees-2023 .td-body { background: linear-gradient(180deg, #EDEFF0 63%, #FFFFFF 97.14%); }

@media screen and (min-width: 970px) { .techdegrees-2023 .td-p1 h2, .techdegrees-2023 .td-p4 h2 { font-size: 30px !important; } }

@media screen and (max-width: 969px) { .techdegrees-2023 .td-p1 h2, .techdegrees-2023 .td-p4 h2 { margin-top: 20px; } }

.techdegrees-2023 .td-p1 h3, .techdegrees-2023 .td-p4 h3 { color: #48BD6A; }

.techdegrees-2023 .td-p1 .td-grid, .techdegrees-2023 .td-p4 .td-grid { display: grid; grid-template-columns: 321px 321px 321px; align-items: center; justify-content: center; gap: 30px; padding: 30px; }

@media screen and (max-width: 1024px) { .techdegrees-2023 .td-p1 .td-grid, .techdegrees-2023 .td-p4 .td-grid { grid-template-columns: 321px; gap: 36px; } }

@media screen and (max-width: 330px) { .techdegrees-2023 .td-p1 .td-grid, .techdegrees-2023 .td-p4 .td-grid { grid-template-columns: 1fr; } }

.techdegrees-2023 .td-p1 .td-grid:last-child .td-grid-card:first-child h4, .techdegrees-2023 .td-p4 .td-grid:last-child .td-grid-card:first-child h4 { padding-right: 0; }

.techdegrees-2023 .td-p1 .td-grid-card, .techdegrees-2023 .td-p4 .td-grid-card { display: flex; flex-direction: column; justify-content: flex-start; gap: 20px; height: 304px; width: 100%; padding: 26px; background-color: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

.techdegrees-2023 .td-p1 .td-grid-card:last-child h4, .techdegrees-2023 .td-p4 .td-grid-card:last-child h4 { padding-right: 50px; }

@media screen and (max-width: 969px) { .techdegrees-2023 .td-p1 .td-grid-card:last-child h4, .techdegrees-2023 .td-p4 .td-grid-card:last-child h4 { padding: 0 20px; } }

.techdegrees-2023 .td-p1 .td-grid-card:last-child img, .techdegrees-2023 .td-p4 .td-grid-card:last-child img { margin-top: 0; height: 70px; }

.techdegrees-2023 .td-p1 .td-grid-card h4, .techdegrees-2023 .td-p4 .td-grid-card h4 { padding-right: 60px; margin: 0; }

@media screen and (max-width: 969px) { .techdegrees-2023 .td-p1 .td-grid-card h4, .techdegrees-2023 .td-p4 .td-grid-card h4 { padding-right: 0; padding: 0 20px; } }

.techdegrees-2023 .td-p1 .td-grid-card h5, .techdegrees-2023 .td-p4 .td-grid-card h5 { margin: 0; }

.techdegrees-2023 .td-p1 .td-grid-card img, .techdegrees-2023 .td-p4 .td-grid-card img { margin-top: 5px; }

@media screen and (max-width: 969px) { .techdegrees-2023 .td-p1 .td-grid-card img, .techdegrees-2023 .td-p4 .td-grid-card img { margin-top: 0; } }

@media screen and (max-width: 969px) { .techdegrees-2023 .td-p1 .td-grid-card, .techdegrees-2023 .td-p4 .td-grid-card { align-items: center; text-align: center; height: 276px; padding: 20px 10px; } }

@media screen and (max-width: 330px) { .techdegrees-2023 .td-p1 .td-grid-card, .techdegrees-2023 .td-p4 .td-grid-card { height: 100%; } }

.techdegrees-2023 .td-p2-overview-video { margin-bottom: -195px; }

@media screen and (max-width: 969px) { .techdegrees-2023 .td-p2-overview-video { padding: 40px; margin-bottom: 0; } }

.techdegrees-2023 .td-p2-overview-video h3 { color: #48BD6A; margin-top: 10px; }

.techdegrees-2023 .td-p2-overview-video h2 { color: #133EA2; }

.techdegrees-2023 .td-p2 .active .project-cards-project-header-right { color: #0E8397; }

.techdegrees-2023 .td-p2 .active .project-cards-project-header-right svg { transform: rotate(90deg); }

.techdegrees-2023 .td-p2 .project-cards { color: #3E474F; padding: 25px 44px 44px; }

@media screen and (max-width: 969px) { .techdegrees-2023 .td-p2 .project-cards { padding-top: 25px !important; } }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; padding: 120px 13px; } }

@media screen and (min-width: 1050px) { .techdegrees-2023 .td-p2 .project-cards { gap: 0 70px; } }

.techdegrees-2023 .td-p2 .project-cards .mejs-overlay { bottom: 0 !important; }

.techdegrees-2023 .td-p2 .project-cards ul { list-style: none; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards > .project-list { display: flex; flex-wrap: wrap; max-width: 470px; column-gap: 32px; row-gap: 30px; margin-left: auto; margin-right: 0; } }

.techdegrees-2023 .td-p2 .project-cards > p, .techdegrees-2023 .td-p2 .project-cards > h2 { font-weight: 500; color: #fff; text-align: center; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards > p, .techdegrees-2023 .td-p2 .project-cards > h2 { flex-basis: 100%; } }

.techdegrees-2023 .td-p2 .project-cards > p { font-weight: 400; font-size: 8px; line-height: 10px; text-transform: uppercase; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards > p { font-size: 16px; line-height: 19px; } }

.techdegrees-2023 .td-p2 .project-cards > h2 { margin-top: 6px; margin-bottom: 32px; font-size: 16px; line-height: 19px !important; font-weight: 500; }

@media screen and (max-width: 969px) { .techdegrees-2023 .td-p2 .project-cards > h2 { margin-right: 0 !important; } }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards > h2 { margin-bottom: 90px; margin-top: 12px; font-size: 30px; line-height: 36px !important; } }

.techdegrees-2023 .td-p2 .project-cards-project { cursor: pointer; max-width: 768px; margin: 15px auto 0; background-color: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); border-radius: 3px; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards-project { min-height: 65px; max-width: initial; margin: initial; flex-basis: calc(50% - 16px); } }

.techdegrees-2023 .td-p2 .project-cards-project-header { display: flex; justify-content: space-between; padding: 8px 12px 10px 10px; }

.techdegrees-2023 .td-p2 .project-cards-project-header-left > div { display: flex; align-items: center; }

.techdegrees-2023 .td-p2 .project-cards-project-header-left > div img { margin-right: 7px; }

.techdegrees-2023 .td-p2 .project-cards-project-header-left > div h4 { font-size: 8px; font-weight: 500; padding-top: 2px; }

.techdegrees-2023 .td-p2 .project-cards-project-header-left h3 { margin-top: 8px; font-weight: 500; font-size: 12px; line-height: 14px !important; }

.techdegrees-2023 .td-p2 .project-cards-project-header-left h3:last-child { line-height: initial !important; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards-project-header-left h3 { padding-right: 40px; } }

.techdegrees-2023 .td-p2 .project-cards-project-header-right { transform: translateY(16px); color: #5FCF80; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards-project-header-right { transform: translateY(25px); } }

.techdegrees-2023 .td-p2 .project-cards-project-header-right svg { height: 16px; width: 24px; }

.techdegrees-2023 .td-p2 .project-cards-project-card { display: none; padding: 10px 27px 20px; }

.techdegrees-2023 .td-p2 .project-cards-project-card > h4 { color: #48BD6A; }

.techdegrees-2023 .td-p2 .project-cards-project-card > h3 { margin: 12px 0; font-weight: 400; font-size: 16px; color: #5FCF80; }

.techdegrees-2023 .td-p2 .project-cards-project-card > p { font-weight: 400; font-size: 12px; line-height: 13px; }

.techdegrees-2023 .td-p2 .project-cards-project-card-button { display: flex; justify-content: center; align-items: center; width: 180px; height: 40px; margin: 20px auto 0; font-size: 13px; line-height: 16px; }

@media screen and (max-width: 1023px) { .techdegrees-2023 .td-p2 .project-cards .active .project-cards-project-card { display: block; } }

.techdegrees-2023 .td-p2 .project-cards .active .project-cards-project-card .mejs-controls { background: #fff !important; }

.techdegrees-2023 .td-p2 .project-cards .active .project-cards-project-card .mejs-playpause-button svg { fill: #a8afb5 !important; }

.techdegrees-2023 .td-p2 .project-cards .active .project-cards-project-card .mejs-time-total, .techdegrees-2023 .td-p2 .project-cards .active .project-cards-project-card .mejs-time-buffering { background: #a8afb5 !important; }

.techdegrees-2023 .td-p2 .project-cards-desktop { display: none; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards-desktop { display: block; flex-basis: 446px; margin-right: auto; } }

.techdegrees-2023 .td-p2 .project-cards-desktop .project-cards-project { display: none; padding: 20px 38px 34px; }

.techdegrees-2023 .td-p2 .project-cards-desktop .project-cards-project-header { padding-left: 0; padding-right: 0; }

.techdegrees-2023 .td-p2 .project-cards-desktop .project-cards-project-header-left img { margin-right: 14px; width: 22px; height: 17px; }

.techdegrees-2023 .td-p2 .project-cards-desktop .project-cards-project-header-left h4 { font-size: 12px; line-height: 13px; }

.techdegrees-2023 .td-p2 .project-cards-desktop .project-cards-project-header-left h3 { margin-bottom: 10px; font-size: 26px; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards-desktop .project-cards-project-header-left h3 { padding-right: 0; } }

.techdegrees-2023 .td-p2 .project-cards-desktop .project-cards-project-header-right { display: none; }

.techdegrees-2023 .td-p2 .project-cards-desktop .project-cards-project-card { padding: 0; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards-desktop .project-cards-project-card { display: block; } }

.techdegrees-2023 .td-p2 .project-cards-desktop .project-cards-project-card-button { width: 256px; height: 49px; margin-top: 30px; font-size: 19px; line-height: 42px; }

.techdegrees-2023 .td-p2 .project-cards-desktop .active { min-height: 300px; width: 450px; display: block; }

.techdegrees-2023 .td-p2 .project-cards .active .project-cards-project-header-right { color: #0E8397; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-p2 .project-cards .active .project-cards-project-header-right svg { transform: rotate(0deg); } }

.techdegrees-2023 .td-p3 { background: url(/assets/views/marketing/homepage/techdegree-green-gradient-a6b260434dc752e746b5ae4279861d87c5ee2f1266f352d8698a9e8cf238eac9.webp); }

.techdegrees-2023 .td-p3 h2 { font-size: 30px; }

.techdegrees-2023 .td-p3 .folder-icon { width: 12px; height: auto; }

.techdegrees-2023 .td-p4 { min-height: 670px; background-size: 600px 430px !important; background: url(/assets/views/marketing/homepage/techdegree-rocket-f49f5da8098d172c8e9a14739ef0b3d47b190bd0cf06608df19a29dacb375e12.webp) no-repeat; background-position-x: 80px; background-position-y: 240px !important; display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 40px; }

@media screen and (max-width: 1200px) { .techdegrees-2023 .td-p4 { background: none; justify-content: center; } }

@media screen and (max-width: 1024px) { .techdegrees-2023 .td-p4 { min-height: 450px; gap: 20px; } }

@media screen and (max-width: 400px) { .techdegrees-2023 .td-p4 { padding: 10px; } }

.techdegrees-2023 .td-p4-checkpoints { display: grid; grid-template-columns: 1fr 1fr; gap: 20px !important; margin-left: 350px; }

@media screen and (max-width: 1200px) { .techdegrees-2023 .td-p4-checkpoints { margin-left: 0; gap: 10px !important; } }

.techdegrees-2023 .td-p4-checkpoints li { list-style-image: url("/assets/icons/icon-green-check-mark-light-e81f3c968b05f1835fa4f5ed9efcd9f04a6ed99dab1e4a1624cb34ebb13df4bd.svg"); padding-right: 10px; font-weight: 500; }

.techdegrees-2023 .td-p4-btns { display: grid; grid-template-columns: 1fr 2fr; justify-items: center; margin-left: 250px; }

@media screen and (max-width: 1200px) { .techdegrees-2023 .td-p4-btns { grid-template-columns: unset; margin-left: 0; gap: 10px; } }

.techdegrees-2023 .td-p4-btns .button { height: 49px; line-height: 45px; }

@media screen and (max-width: 679px) { .techdegrees-2023 .td-p4-btns .button { height: 39px; line-height: 35px; } }

.techdegrees-2023 .td-p4-btns > .button { line-height: 41px; color: #008298; border: solid 4px #008298; }

.techdegrees-2023 .td-p4-btns > .button:hover { color: white; background-color: #008298; }

@media screen and (max-width: 679px) { .techdegrees-2023 .td-p4-btns > .button { line-height: 35px; border: solid 2px #008298; } }

.techdegrees-2023 .td-p4-compare { text-decoration: underline; color: #0E8397; }

@media screen and (min-width: 1200px) { .techdegrees-2023 .td-p4-compare { margin-top: -20px; margin-right: 100px; } }

.techdegrees-2023 .td-instructors-2023 { padding: 40px 44px 34px; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-instructors-2023 { padding: 94px 0; } }

@media screen and (max-width: 400px) { .techdegrees-2023 .td-instructors-2023 { padding: 30px 20px; } }

.techdegrees-2023 .td-instructors-2023 a { text-decoration: none; }

.techdegrees-2023 .td-instructors-2023 a:link, .techdegrees-2023 .td-instructors-2023 a:visited, .techdegrees-2023 .td-instructors-2023 a:hover, .techdegrees-2023 .td-instructors-2023 a:active { color: inherit; }

.techdegrees-2023 .td-instructors-2023 ul { list-style: none; }

.techdegrees-2023 .td-instructors-2023 > h2 { margin-bottom: 28px; font-weight: 500; font-size: 16px; line-height: 19px; text-align: center; color: #fff; }

@media screen and (min-width: 1024px) { .techdegrees-2023 .td-instructors-2023 > h2 { font-size: 30px; line-height: 36px; margin-bottom: 75px; } }

.techdegrees-2023 .td-instructors-2023-list-item-card { display: flex; align-items: center; width: 270px; min-height: 170px; padding: 10px 13px; margin: 0 auto; background-color: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25); border-radius: 3px; }

@media screen and (min-width: 970px) { .techdegrees-2023 .td-instructors-2023-list-item-card { flex-direction: column; justify-content: center; width: 210px; height: 200px; padding: 12px 0; } }

.techdegrees-2023 .td-instructors-2023-list-item-img { display: block; width: 63px; height: 63px; border-radius: 50%; margin-right: 10px; }

@media screen and (min-width: 970px) { .techdegrees-2023 .td-instructors-2023-list-item-img { margin-bottom: 14px; } }

.techdegrees-2023 .td-instructors-2023-list-item-info { display: flex; flex-wrap: wrap; gap: 4px; padding: 0 5px; }

@media screen and (min-width: 970px) { .techdegrees-2023 .td-instructors-2023-list-item-info { justify-content: center; } }

.techdegrees-2023 .td-instructors-2023-list-item-info-author { flex-basis: 100%; font-weight: 500; font-size: 16px; line-height: 19px; color: #000; }

@media screen and (min-width: 970px) { .techdegrees-2023 .td-instructors-2023-list-item-info-author { text-align: center; } }

.techdegrees-2023 .td-instructors-2023-list-item-info-sss-tag, .techdegrees-2023 .td-instructors-2023-list-item-info-teachers-tag { display: inline-block; padding: 3px 5px 2px; font-weight: 500; font-size: 8px; line-height: 10px; border-radius: 12px; margin-bottom: 3px; }

.techdegrees-2023 .td-instructors-2023-list-item-info-sss-tag { color: #127735; border: 1px solid #127735; }

.techdegrees-2023 .td-instructors-2023-list-item-info-teachers-tag { border: 1px solid silver; }

@media screen and (min-width: 970px) { .techdegrees-2023 .td-instructors-2023-list-item-info-teachers-tag { margin: 5px; } }

.techdegrees-2023 .td-instructors-2023 .teacher-wrapper { max-width: 1200px; display: grid; grid-template-columns: 10% 80% 10%; align-items: center; margin: auto; }

@media screen and (max-width: 970px) { .techdegrees-2023 .td-instructors-2023 .teacher-wrapper { max-width: 400px; } }

.techdegrees-2023 .td-instructors-2023 .teacher-wrapper button { padding: 0 !important; }

.techdegrees-2023 .td-instructors-2023 .icon-prev-arrow, .techdegrees-2023 .td-instructors-2023 .icon-next-arrow { height: initial !important; }

.techdegrees-2023 .td-instructors-2023 .icon-prev-arrow svg, .techdegrees-2023 .td-instructors-2023 .icon-next-arrow svg { width: 11px; height: 9px; fill: #3E474F; }

.techdegrees-2023 .mejs-container { max-width: 689px; margin: auto; }

.techdegrees-2023 .mejs-controls { display: grid; grid-template-columns: 1fr 2fr 15fr 2fr 1fr 1fr 1fr; padding: 0 3px; height: auto !important; }

@media screen and (max-width: 370px) { .techdegrees-2023 .mejs-controls { grid-template-columns: 1fr 1fr 15fr 2fr 2fr 2fr 2fr; } }

.techdegrees-2023 .mejs-overlay { bottom: 20px !important; }

.techdegrees-2023 .mejs-controls, .techdegrees-2023 .mejs-button, .techdegrees-2023 .mejs-time { height: 20px !important; }

.techdegrees-2023 .mejs-currenttime-container { width: 22px !important; }

.techdegrees-2023 .mejs-duration-container { width: revert !important; }

.techdegrees-2023 .mejs-time-total, .techdegrees-2023 .mejs-time-current, .techdegrees-2023 .mejs-time-buffering { height: 7px !important; }

.techdegrees-2023 .mejs-time-current { border: none !important; }

.techdegrees-2023 .mejs-time-rail, .techdegrees-2023 .mejs-time { padding: 0 !important; display: flex !important; align-items: center !important; margin: 0 !important; }

.techdegrees-2023 .mejs-time-rail { padding: 8px 0 0; width: 120px !important; }

.techdegrees-2023 .mejs-time-slider, .techdegrees-2023 .mejs-time-rail { width: 60% !important; }

.techdegrees-2023 .mejs-currenttime, .techdegrees-2023 .mejs-duration { font-size: 7px !important; }

@media screen and (max-width: 400px) { .techdegrees-2023 .mejs-currenttime, .techdegrees-2023 .mejs-duration { font-size: 5px !important; } }

@media screen and (max-width: 370px) { .techdegrees-2023 .mejs-currenttime, .techdegrees-2023 .mejs-duration { display: none; } }

.techdegrees-2023 .mejs-button > button { padding: 0 !important; }

.techdegrees-2023 .mejs-playpause-button, .techdegrees-2023 .mejs-button, .techdegrees-2023 .mejs-fullscreen-button, .techdegrees-2023 .mejs-mute { width: 10px !important; }

.techdegrees-2023 .mejs-button:last-child { margin-right: 0 !important; }

.techdegrees-2023 .play-icon { height: 8px !important; width: 8px !important; }

.techdegrees-2023 .pause-icon, .techdegrees-2023 .rewind-icon, .techdegrees-2023 .captions-icon, .techdegrees-2023 .volume-icon, .techdegrees-2023 .workspaces-outline-icon, .techdegrees-2023 .fullscreen-icon, .techdegrees-2023 .speed-icon { width: 8px; height: 8px; }

@media screen and (max-width: 400px) { .techdegrees-2023 .volume-icon { display: none !important; } }
@media screen and (min-width: 680px) { .new-topics .background-color { background: white; background: linear-gradient(180deg, white 0%, #edeff0 30%, white 100%); } }

@media screen and (max-width: 679px) { .new-topics .background-color-full-mobile { background: white; background: linear-gradient(180deg, white 0%, #edeff0 30%, white 100%); } }

.new-topics h2 { margin: 1rem 0; font-size: 28px; }

.new-topics h3 { margin: 1rem 0; }

.new-topics h4 { margin: 1rem 0; }

.new-topics p { margin: 1rem 0; }

.new-topics .card-list { padding: 2rem !important; }

.new-topics .card-p { margin: 1rem 0; text-align: center; }

.new-topics .topics-banner { position: relative; overflow: hidden; }

.new-topics .topics-banner .custom-shape-divider-bottom { position: absolute; bottom: -40px; left: 0; width: 100%; overflow: hidden; line-height: 0; }

.new-topics .topics-banner .custom-shape-divider-bottom svg { position: relative; display: block; width: calc(155% + 1.3px); height: 115px; }

.new-topics .topics-banner .topic-hero .hero-image { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }

.new-topics .container .shadow-box { background-color: #fff; z-index: 5; border-radius: 4px; }

@media screen and (min-width: 680px) { .new-topics .container .shadow-box { -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 6px 10px -2px rgba(0, 0, 0, 0.4); } }

@media screen and (min-width: 970px) { .new-topics .container .intro-cta { background: linear-gradient(90deg, white 0%, #edeff0 100%); } }

@media screen and (max-width: 969px) { .new-topics .container .intro-cta { background: linear-gradient(180deg, white 0%, #edeff0 100%); } }

.new-topics .container .intro-cta .col .social-icons { display: block; width: 24px; height: 24px; fill: #edeff0; }

.new-topics .section { z-index: 5; }

.new-topics .section-background { z-index: -99; background-color: #edeff0; position: relative; }

.new-topics .section-background .custom-shape-divider-bottom { position: absolute; bottom: -40px; left: 0; width: 100%; overflow: hidden; line-height: 0; }

.new-topics .section-background .custom-shape-divider-bottom svg { position: relative; display: block; width: calc(155% + 1.3px); height: 115px; }

.new-topics .section-background .custom-shape-divider-top { position: absolute; top: -40px; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); z-index: -1; }

.new-topics .section-background .custom-shape-divider-top svg { position: relative; display: block; width: calc(155% + 1.3px); height: 115px; }

.new-topics .section-background .instructors .deprecated-avatar { border-radius: 4px; width: 100%; height: 200px; }

.new-topics .section-quiz { margin: 2rem 0; border-radius: 4px; background: linear-gradient(270deg, #e2e5fd, #d7f2e6, #f2d7db, #9cd6e0); background-size: 800% 800%; -webkit-animation: GradientBackground 30s ease infinite; -moz-animation: GradientBackground 30s ease infinite; animation: GradientBackground 30s ease infinite; -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 6px 10px -2px rgba(0, 0, 0, 0.4); }

@-webkit-keyframes GradientBackground { 0% { }
  background-position: 0% 50%;
  50% { }
  background-position: 100% 50%;
  100% { }
  background-position: 0% 50%; }

@-moz-keyframes GradientBackground { 0% { }
  background-position: 0% 50%;
  50% { }
  background-position: 100% 50%;
  100% { }
  background-position: 0% 50%; }

@keyframes GradientBackground { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }

.new-topics .section-cta { padding-top: 3rem; background-color: #3e474f; border-radius: 4px; }

.new-topics .section-cta p { color: #fff; }

.new-topics .section-cta h2, .new-topics .section-cta h3 { color: #fff; }

.new-topics .large-cta li { font-weight: 700; padding: 4px 0; color: #fff; }

.new-topics .large-cta hr { background-color: #5fcf80; height: 1px; border: none; width: 20%; margin: 10px 0; }

.new-topics .large-cta h4 { color: #5fcf80; }

.new-topics .workspace-img { width: 75px; }

@media screen and (max-width: 960px) { .new-topics .blog-wrapper + .blog-wrapper { margin-left: initial; } }
@charset "UTF-8";
.subscriptions-controller .homepage-hero { position: relative; overflow: hidden; }

.subscriptions-controller .homepage-hero.illustration { height: 365px; background: #1f9a7f url(/assets/views/marketing/subscribe/FreeTrial_p1graphic-ca15cd152abbfca81577d6fac485923947a633c90be0bb82e4ed0d4e2985ed3d.webp) center; background-size: cover; }

.subscriptions-controller .homepage-hero.pattern { background: #2d3339 url(/assets/views/marketing/subscribe/plus-pattern-f7cc0c6700398da2649184e584fa0941561ea173a79f4d45ebbfb4a6636a9cbe.webp); background-size: 64px 32px; }

.subscriptions-controller .homepage-hero.pattern:before { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(top, rgba(45, 51, 57, 0.4) 30%, #2d3339 85%); background-image: linear-gradient(to bottom, rgba(45, 51, 57, 0.4) 30%, #2d3339 85%); }

.subscriptions-controller .homepage-hero.pattern .signup-form-container { background: white url(/assets/views/marketing/subscribe/form-bg-ca78cdd4f65fce1bb306524a5aca44f8fa5424db0f52ff9b00249ed37d2a22ba.webp) 0 100px no-repeat; background-size: contain; }

.subscriptions-controller .homepage-hero-inner { z-index: 1; }

.discount-banner { width: 100%; display: flex; align-items: center; justify-content: center; background-color: #35A961; text-align: center; padding: 10px; height: 70px; }

@media screen and (max-width: 679px) { .discount-banner { height: 50px; } }

.discount-banner p { color: white; margin: 0 !important; }

@media screen and (max-width: 679px) { .discount-banner p { font-size: 13px; } }

.discount-banner svg { fill: white; vertical-align: -2px; margin-right: 2px; width: 1em; height: 1em; }

.signup-form fieldset { margin: 0; padding: 0; }

.signup-form hr { margin: 2.5rem auto; width: 80%; }

.signup-form .plan-categories { display: flex; position: relative; text-align: center; background-color: #fff; top: -1.5em; margin-bottom: 2rem; border-radius: 0.5rem; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); overflow: hidden; }

.signup-form .plan-category { display: flex; align-items: center; text-align: center; font-weight: 700; color: #2b363e; }

.signup-form .plan-category a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #1a2126; padding: 1em; }

.signup-form .plan-category a:hover, .signup-form .plan-category a.selected { background: #0098b1; background: linear-gradient(to bottom, #008298 0%, #007589 100%); color: #fff; }

.signup-form .plan-category-description { margin-bottom: 3.5rem; text-align: center; }

.signup-form .plan-category-description h2 { margin: 1rem 0; }

.signup-form .plan-category-description p { font-size: 0.9rem; }

.signup-form ul.checklist { list-style-type: none; margin: 0 2rem; padding: 0 0 1.5rem 0; line-height: 1.5; }

.signup-form ul.checklist li { padding: 1em 0; text-align: left; }

.signup-form ul.checklist li + li { border-top: 1px solid #edeff0; }

@media screen and (min-width: 960px) { .signup-form ul.checklist.split { display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-between; height: 18rem; }
  .signup-form ul.checklist.split li { width: 49%; }
  .signup-form ul.checklist.split li:nth-child(5) { border-top: 0; } }

.signup-form ul.checklist svg { fill: #5fcf80; width: 1em; height: 1em; vertical-align: middle; }

.signup-form .plan-card { display: grid; width: 50%; margin: 1rem; font-size: 0.9rem; background-color: #f9fafa; border-radius: 0.5rem; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); overflow: hidden; }

@media screen and (max-width: 679px) { .signup-form .plan-card { width: 100%; } }

.signup-form .plan-card .plan-card-title { color: #fff; text-align: center; padding: 0.25em; }

.signup-form .plan-card .plan-card-title-courses { background-color: #133ea2; }

.signup-form .plan-card .plan-card-title-plus { background-color: #be4e95; }

.signup-form .plan-card .plan-card-title, .signup-form .plan-card .plan-price { font-size: 2.25rem !important; font-weight: 700; text-align: center; }

.signup-form .plan-card .plan-price { margin: 2rem 0; color: #3f4850; }

.signup-form .plan-card p { font-size: 0.9rem; text-align: center; margin: 2rem; }

.signup-form .plan-card .plan-card-footer { align-self: end; margin: 1.5rem 2rem; }

.signup-form .plan-cards.plan-chosen .plan-card:not(.selected) h3 { background-color: #3f4850; }

.signup-form .plan-category-plans { margin: 2rem 0 3rem 0; display: none; }

.signup-form .plan-category-plans.selected { display: block; }

.signup-form label.button--primary-teal input[type=radio] { position: absolute; opacity: 0; width: 0.1px; height: 0.1px; }

.signup-form.plan-chosen .program-container .button--primary-teal, .signup-form.techdegree-chosen .program-container .button--primary-teal, .signup-form #payment-info .billing-period-options .button--primary-teal { border: 1px solid transparent; }

.signup-form.plan-chosen .program-container .button--primary-teal:not(.selected):not(:hover), .signup-form.techdegree-chosen .program-container .button--primary-teal:not(.selected):not(:hover), .signup-form #payment-info .billing-period-options .button--primary-teal:not(.selected):not(:hover) { background: transparent !important; border: 1px solid #c6ccd2 !important; color: #c6ccd2 !important; }

.signup-form.plan-chosen .plan-cards label.button--primary-teal.selected > span::after, .signup-form.plan-chosen .plan-cards button.button--primary-teal.selected > span::after, .signup-form.plan-chosen .techdegree-cards label.button--primary-teal.selected > span::after, .signup-form.plan-chosen .techdegree-cards button.button--primary-teal.selected > span::after, .signup-form.plan-chosen .program-actions label.button--primary-teal.selected > span::after, .signup-form.plan-chosen .program-actions button.button--primary-teal.selected > span::after, .signup-form.techdegree-chosen .plan-cards label.button--primary-teal.selected > span::after, .signup-form.techdegree-chosen .plan-cards button.button--primary-teal.selected > span::after, .signup-form.techdegree-chosen .techdegree-cards label.button--primary-teal.selected > span::after, .signup-form.techdegree-chosen .techdegree-cards button.button--primary-teal.selected > span::after, .signup-form.techdegree-chosen .program-actions label.button--primary-teal.selected > span::after, .signup-form.techdegree-chosen .program-actions button.button--primary-teal.selected > span::after { content: "ed ✔"; }

.signup-form .techdegree-card { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); }

.signup-form .techdegree-cards.techdegree-chosen .techdegree-card:not(.selected) .techdegree-card-header { background-color: #c6ccd2 !important; }

.signup-form .techdegree-cards.techdegree-chosen .techdegree-card:not(.selected) .techdegree-card-header svg { filter: grayscale(1); }

.signup-form .techdegree-cards.techdegree-chosen .techdegree-card:not(.selected) .techdegree-card-title { color: #3f4850 !important; }

.signup-form .all-programs-container { width: 90%; margin: 3rem auto; }

.signup-form .programs-heading { margin-bottom: 1.5rem; }

.signup-form .programs-heading h2 { font-size: 3rem; }

.signup-form .programs-heading hr { margin: 3px 0; width: 125px; height: 3px; background-color: #5fcf80; border-radius: 50px; }

.signup-form .program-container { display: flex; margin: 7px 0; background-color: #fff; border: 1px solid #c6ccd2; border-radius: 5px; overflow: hidden; }

@media screen and (max-width: 679px) { .signup-form .program-container { flex-direction: column; text-align: center; } }

.signup-form .program-container .program-stripe { flex: 0 0 18px; }

.signup-form .program-container .program-stripe-courses { flex: 0 0 18px; background-color: #133ea2; }

.signup-form .program-container .program-stripe-plus { flex: 0 0 18px; background-color: #be4e95; }

.signup-form .program-container .program-content { flex: 3 0; padding: 1rem; line-height: 1.5; }

.signup-form .program-container .program-content .program-title { font-size: 1.2rem; margin-bottom: 0.75rem; }

.signup-form .program-container .program-content h3 { font-size: 1.2rem; color: #3759A2; }

.signup-form .program-container .program-actions { flex: 2 0; padding: 1rem; background-color: #f9fafa; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.signup-form .program-container .program-actions .plan-price-monthly { margin: 0; font-size: 1.2rem; font-weight: 500; color: #326e99; }

.signup-form .program-container .program-actions .program-price { font-size: 1.2rem; color: #326e99; }

.signup-form .program-container .program-actions .button { align-self: center; margin-top: 1rem; }

.signup-form .programs-container { display: flex; flex-wrap: wrap; justify-content: space-between; }

@media screen and (min-width: 970px) { .signup-form .programs-container .program-container { width: 48%; }
  .signup-form .programs-container .program-content { flex-grow: 4; } }

@media screen and (max-width: 969px) { .signup-form .programs-container { flex-direction: column; text-align: left; } }

.signup-form .check-list li { list-style-type: none; padding: 7px 0 7px 0px; font-size: 14px; line-height: 1; text-align: left; }

.signup-form .check-list li:before { list-style-position: inside; content: ""; width: 14px; height: 12px; background: url("/assets/icons/icon-global-863d50621b14046616519056916ec67ac8a680fcb1c994a27ec6c1a92e9569d5.svg") no-repeat -155px -61px; float: left; margin: 2px 0 0 -24px; color: #5fcf80; }

.signup-form.form-locked .form-division, .signup-form.form-locked .form-footer { pointer-events: none; filter: grayscale(1); opacity: 0.4; }

.signup-form.form-locked .billing-period-options, .signup-form.form-locked .payment-note, .signup-form.form-locked .form-footer .note { opacity: 0; }

.signup-form .form-division-heading { margin: 2rem 0; }

.signup-form .tos-consent label, .signup-form .dpp-consent label { font-size: 1.125rem; font-weight: 700; }

.signup-form .tos-consent label .radio-checkbox-note, .signup-form .dpp-consent label .radio-checkbox-note { margin-top: 1rem; font-size: 0.875rem; font-weight: 400; }

.signup-form .billing-period-options { margin-bottom: 2rem; line-height: 1.5; }

@media screen and (min-width: 1140px) { .signup-form .billing-period-options { position: absolute; right: 0; top: 30px; } }

.signup-form .billing-period-options .billing-option { padding: 0 24px; }

.signup-form .billing-period-options .badge { display: inline-block; height: 12px; margin-left: 8px; font-size: 12px; line-height: 12px; vertical-align: 1px; text-transform: uppercase; border: 1px solid; padding: 6px; box-sizing: content-box; border-radius: 26px; }

.signup-form .payment-details { margin-bottom: 2rem; }

.signup-form .payment-options { list-style: none; padding: 0; }

.signup-form .payment-options li { display: inline; }

.signup-form .payment-options li.secondary { margin-left: 15px; }

@media screen and (max-width: 679px) { .signup-form .payment-options li.secondary { margin: 5px 0px 0px 0px; display: block; } }

.signup-form .payment-options li.secondary svg { max-width: 80px; }

.signup-form .payment-options li input { cursor: pointer; }

.signup-form .payment-options li label { cursor: pointer; display: inline-block; margin-bottom: 0; }

.signup-form .payment-options li svg { max-width: 50px; vertical-align: middle; position: relative; top: -2px; }

.signup-form .form-label.cvv { display: inline-block; }

.signup-form .tooltip-trigger { display: inline-block; position: relative; vertical-align: middle; }

.signup-form .tooltip-trigger .trigger-icon { width: 24px; height: 24px; border-radius: 30px; background-color: #d5e3e8; color: rgba(255, 255, 255, 0.8); display: block; font-size: 17px; font-weight: 600; text-decoration: none; text-align: center; line-height: 24px; }

.signup-form .tooltip-trigger .trigger-icon:hover { background-color: #c5d8df; }

.signup-form .tooltip-trigger .tooltip.tooltip-right { font-size: 14px; left: 75%; }

.signup-form .form-footer { margin: 1.5rem 0 3rem; background: none; line-height: 110%; clear: both; border-radius: 0 0 5px 5px; padding: 0; float: none; }

.signup-form .form-footer:before, .signup-form .form-footer:after { content: " "; display: table; }

.signup-form .form-footer:after { clear: both; }

.signup-form .form-footer p { font-size: 12px; }

.signup-form .form-footer p.note { padding-top: 30px; }

.signup-form .form-footer .secure-server { font-size: 14px; }

@media screen and (max-width: 679px) { .signup-form .form-footer .secure-server { display: block; position: relative; top: 10px; } }

@media screen and (min-width: 680px) { .signup-form .form-footer .secure-server { position: relative; top: 0; left: 30px; } }

.signup-form .form-footer .secure-server svg.lock-wide-icon { fill: #d4d9dd; position: relative; top: 3px; margin-right: 5px; }

.regular-white-bg { color: #40484a; }

.hero__text--main h1 { font-weight: 700; }

.hero-subheadline-white-bg { padding-bottom: 2em; max-width: 270px; }

.hero-subheadline { padding-bottom: 1em; color: #ed7f35; }

.container-white-bg { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; }

.row-white-bg { display: flex; align-items: center; justify-content: space-between; }

.hero__text--main { width: 55%; }

.hero__text--aside { width: 45%; }

.homepage-signup-form-2 { background-color: #fff; padding-top: 2em; }

.homepage-hero-white-bg { display: flex; justify-content: center; min-height: 525px; padding: 5em 1em; }

.homepage-signup-form-banner-2 { font-size: 1.125rem; font-weight: 500; margin: -32px -32px 32px; color: #2d3339; }

.hero__text--main fieldset { padding: 0; }

@media screen and (max-width: 960px) { .row-white-bg { flex-direction: column; }
  .hero__text--main { width: 70%; padding-bottom: 2em; order: 2; }
  .hero__text--aside { width: 70%; }
  .hero__text--main h1 { padding-bottom: 1em; font-size: 2.5rem; }
  .hero-video { max-width: 375px; height: 211px; margin-bottom: 30px; margin-inline: auto; }
  .hero-video iframe { width: 100% !important; height: 100% !important; } }

@media screen and (max-width: 755px) { .hero__text--main { width: 100%; }
  .hero__text--aside { width: 100%; }
  .hero__text--main h1 { font-size: 2rem; } }

#account_signup_tos_consent, #account_signup_privacy_consent { position: relative; }

#signup-interstitial { display: none; }

#signup-interstitial .form-division { border: 2px solid green; background: #f9fafa; border-radius: 5px; padding: 20px 30px; }

#signup-interstitial .teams-link { margin-inline: auto !important; width: 100%; }
.search-form-title { text-align: center; }

.libraries-wrapper { max-width: 1036px; }

.card-block { display: block; max-width: 348px; width: 100%; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); padding: 10px; border-radius: 4px; transition: all 0.3s ease-in-out; margin: auto; }

.card-block .card-title { color: #008298; }

.libraries { margin: 40px auto; min-height: 500px; }

.search-input { max-width: 600px; }

.show { display: block; }

.hide { display: none; }

.col-center-form { margin-top: 30px !important; }

.results-illustration { height: 450px !important; }

.results-title { text-align: center !important; }

.form-item { margin-top: 2px; }

.form-card-library { margin: auto; max-width: 1100px; }

.library-card-button { font-size: 12px; line-height: 38px; padding: 0px 32px; border-radius: 4px; display: block; margin: 30px auto; width: 120px; }

.text-muted { font-size: 16px; line-height: 40px; }

.text-muted span { font-weight: 700; }

.illustration { background: #1f9a7f url(/assets/views/marketing/subscribe/FreeTrial_p1graphic-ca15cd152abbfca81577d6fac485923947a633c90be0bb82e4ed0d4e2985ed3d.webp) center; background-size: cover; }

.find-library-top-inner { margin: 0; }

.find-library-top-container { max-height: 206px; }

.find-library-top-heading { margin-bottom: 0.2em; font-size: 36px; }

.find-library-top-subheading { font-size: 18px; margin: 0 auto; font-weight: 400; color: #fff; line-height: 24px; text-align: center; max-width: 760px; font-weight: 500; }

.find-library-cta-container { background-color: #ecc148; max-width: 1050px; margin: 0 auto; border-radius: 4px; display: flex; align-items: center; }

.find-library-cta-section { display: flex; justify-content: center; align-items: center; width: 100%; }

.find-library-cta-wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; gap: 2em; }

.find-library-graphic { width: 298px; height: 219px; }

.find-library-text-container { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.find-library-heading { font-size: 28px; margin-bottom: 0; color: #394048; }

.find-library-subheading { font-size: 16px; margin-bottom: 24px; color: #394048; }

.find-library-button-container { display: flex; justify-content: flex-start; width: 100%; }

.find-library-button { background-color: #0e8397; color: #fff; padding: 14px 18px; text-decoration: none; border-radius: 5px; font-size: 14px; }

.find-library-button:hover, .find-library-button:active { background-color: #097a89; color: #fff; }

@media (max-width: 800px) { .find-library-cta-container { padding: 1em 1em 4em; }
  .find-library-cta-wrapper { flex-direction: column; }
  .find-library-text-container { padding-left: 0; align-items: center; text-align: center; }
  .find-library-graphic { width: 100%; height: auto; max-height: 219px; }
  .find-library-button-container { justify-content: center; } }

@media (max-width: 685px) { .find-library-top-container { max-height: none; }
  .find-library-top-heading { text-align: center !important; } }
.page-container { overflow: hidden; }

.page-container .scroll-card { opacity: 0; }

.page-container .animation-from-left { animation: slideInFromLeft 1s ease-out forwards; }

.page-container .animation-from-right { animation: slideInFromRight 1s ease-out forwards; }

.page-container ul { color: #1a2126; font-size: inherit; line-height: 1.6; list-style-position: outside; margin: 0 0 30px 20px; padding: 0; }

.page-container p { color: #1a2126; font-size: 16px; line-height: 1.6; margin-top: 10px; margin-bottom: 20px; }

@keyframes slideInFromLeft { 0% { transform: translateX(-100%);
    opacity: 0; }
  100% { transform: translateX(0);
    opacity: 1; } }

@keyframes slideInFromRight { 0% { transform: translateX(100%);
    opacity: 0; }
  100% { transform: translateX(0);
    opacity: 1; } }

@font-face { font-family: 'Work Sans Regular'; src: url(/assets/WorkSans-Regular-7dfee5e0f2fe91cb66c2ee685ddd24adf4cf174bb3b13f9a9134d193e0a58125.ttf) format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Work Sans Medium'; src: url(/assets/WorkSans-Medium-f1ca78b693fa3195a3b4a78d1d851d5150cdce603e5289422e033ba5fdb85cc0.ttf) format("truetype"); font-weight: 500; font-style: normal; }

.about-header { background-color: #324a96; }

.about-header section .treehouse-illustration svg { margin-bottom: -3px; }

.about-photo img { border-radius: 4px 4px 0 0; margin-bottom: -3px; }

@media screen and (min-width: 960px) { .about-photo img { border-radius: 4px 0 0 4px; } }

.about-join { background: #00a961; }

.about-join svg { margin: 40px auto -3px; }

.about-edi .chart-container { position: relative; height: 50vh; }

@media screen and (max-width: 679px) { .about-edi .chart-container { height: 80vh; margin: auto; } }

@media screen and (orientation: landscape) { .about-edi .chart-container { min-height: 500px; } }

.about-edi .tabs { padding-top: 30px; border-top: 1px solid #e8ebed; }

.about-edi .control-container ul { list-style: none; display: block; padding: 0 30px; border-radius: 0 0 4px 4px; }

.about-edi .control-container li { display: inline-block; margin-right: 30px; position: relative; }

@media screen and (max-width: 679px) { .about-edi .control-container li { display: table; margin: 0 auto 15px auto; } }

.about-edi .control-container li.current a { background-color: #101417; color: #fff; margin: 0 -12px; padding: 3px 12px; border-radius: 100px; display: block; }

.about-edi .control-container li.current a:hover { color: #fff; }

.about-edi .control-container li a { color: #2b363e; font-weight: 700; font-size: 16px; }

.about-edi .control-container li a:hover { color: #101417; }

.about-edi ul.check-list, .about-edi ul.dot-list { margin: 0; }

.about-edi .check-list li { list-style-type: none; padding: 7px 0 7px 24px; font-size: 14px; line-height: 1.5; }

.about-edi .check-list li:before { content: ""; width: 14px; height: 12px; background: url("/assets/icons/icon-global-863d50621b14046616519056916ec67ac8a680fcb1c994a27ec6c1a92e9569d5.svg") no-repeat -155px -61px; float: left; margin: 5px 0 0 -24px; }

.about-edi .dot-list li { list-style-type: none; padding: 7px 0 7px 24px; line-height: 1.5; }

.about-edi .dot-list li:before { content: "\2022"; color: #d4d9dd; font-weight: 700; display: inline-block; width: 1em; margin-left: -1em; }

.about-edi .about-vid { text-align: center; }

.about-edi .about-vid iframe { width: 100%; max-width: 560px; }

.about-bios { background-color: #3e474f; }

.about-bios h3 { font-family: "Work Sans Medium", "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; color: #0e8397; letter-spacing: 5px; margin: 4px 0 25px 0; }

.about-bios h2 { font-size: 64px; color: #fff; letter-spacing: -3px; line-height: 72px !important; margin-bottom: 30px; }

.about-bios > .col-container { max-width: 1410px !important; }

@media screen and (min-width: 480px) { .about-bios > .col-container { padding: 0 37.5px; } }

.about-bios .block-grid { margin: 0 !important; }

.about-bios .bio { padding: 40px 17px 25px 17px; }

@media screen and (min-width: 680px) { .about-bios .bio { padding: 45px 30px; } }

@media screen and (min-width: 960px) { .about-bios .bio { padding: 45px 37.5px; } }

.about-bios .bio-thumbnail { cursor: pointer; aspect-ratio: 3/2; }

.about-bios .bio-thumbnail img { object-fit: cover; border-radius: 10px; width: 100%; height: 100%; }

.about-bios .bio-name { font-size: 24px; letter-spacing: -0.8px; color: #fff; margin: 15px auto 5px auto; width: fit-content; cursor: pointer; }

.about-bios .bio-role { font-size: 18px; letter-spacing: -0.4px; color: #fff; opacity: 0.5; margin: 0 auto 25px auto; width: fit-content; cursor: pointer; }

.about-bios .bio-more { color: #0e8397; font-size: 14px; line-height: 24px; display: flex; align-items: center; gap: 12px; width: fit-content; margin: 0 auto; cursor: pointer; }

.about-bios .bio-more > span { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; border-bottom: 1px solid transparent; }

.about-bios .bio-more img { border-bottom: 1px solid transparent; }

.about-bios .bio-more:hover > span { border-bottom: 1px solid #0e8397; }

.about-bios .bio-modal { width: 95%; max-width: 1204px; max-height: 96%; padding: 50px 10px 20px 10px; border-radius: 10px; background-color: rgba(245, 245, 245, 0.9); box-shadow: 0px 9px 18px rgba(255, 255, 255, 0.2); border: none; cursor: auto; animation: fadein-modal 0.3s; transition: all 0.3s ease; overflow-y: overlay; }

@media screen and (min-width: 480px) { .about-bios .bio-modal { padding: 70px 50px; } }

@media screen and (min-width: 680px) { .about-bios .bio-modal { padding: 70px 35px; } }

@media screen and (min-width: 960px) { .about-bios .bio-modal { padding: 70px 70px; } }

@media screen and (min-width: 1140px) { .about-bios .bio-modal { padding: 55px 130px; } }

.about-bios .bio-modal::backdrop { background: #141414; opacity: 0.5; animation: fadein-backdrop 0.3s; transition: all 0.3s ease; }

.about-bios .bio-modal.closing { opacity: 0; }

.about-bios .bio-modal.closing.bio-modal::backdrop { opacity: 0; }

.about-bios .bio-modal-container { text-align: left; }

.about-bios .bio-modal-container .col { padding: 0 25px; }

.about-bios .bio-modal-container .col:first-child p:first-of-type { font-weight: 700; }

.about-bios .bio-modal-container .col:first-child p:last-of-type, .about-bios .bio-modal-container .col:last-child p { margin-bottom: 25px; }

.about-bios .bio-modal-container .col:first-child p:last-of-type, .about-bios .bio-modal-container .col:last-child p { font-family: "Work Sans Regular", "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.about-bios .bio-modal-container b { font-weight: 700 !important; }

.about-bios .bio-modal-container p { font-size: 18px; line-height: 28px; color: #3e474f; opacity: 0.75; letter-spacing: -0.4px; }

.about-bios .bio-modal-container h4 { margin-top: 0; font-size: 24px; letter-spacing: -0.8px; }

.about-bios .bio-modal-thumbnail { aspect-ratio: 1/1; margin: 10px 0 26px 0; }

@media screen and (min-width: 680px) { .about-bios .bio-modal-thumbnail { margin: 17px 0 26px 0; max-width: 400px; } }

.about-bios .bio-modal-thumbnail img { object-fit: cover; border-radius: 10px; width: 100%; height: 100%; }

@keyframes fadein-modal { from { opacity: 0; }
  to { opacity: 0.9; } }

@keyframes fadein-backdrop { from { opacity: 0; }
  to { opacity: 0.5; } }

.about-bios .bio-close-button { position: absolute; top: 15px; right: 20px; width: 35px; opacity: 0.2; cursor: pointer; }

@media screen and (min-width: 480px) { .about-bios .bio-close-button { top: 20px; right: 20px; width: 42px; } }

@media screen and (min-width: 680px) { .about-bios .bio-close-button { top: 33px; right: 33px; width: 50px; } }
.pages-support-hero { text-align: left; overflow: visible; }

.application-layout .pages-support-hero { background: #f9fafa; margin-top: 70px; }

.marketing-layout .pages-support-hero .container { padding-top: 0; padding-bottom: 0; }

.pages-support-hero-title { margin: 0 0 40px; }

.pages-support-hero-cta { margin: 20px 0 40px; }

.pages-support-faq { border-radius: 4px; }

@media screen and (min-width: 970px) { .pages-support-faq { padding: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .pages-support-faq { padding: 20px; } }

@media screen and (max-width: 679px) { .pages-support-faq { padding: 15px; } }

@media screen and (min-width: 970px) { .pages-support-faq { margin-bottom: 30px; } }

@media screen and (min-width: 680px) and (max-width: 969px) { .pages-support-faq { margin-bottom: 20px; } }

@media screen and (max-width: 679px) { .pages-support-faq { margin-bottom: 15px; } }

.marketing-layout .pages-support-faq { border: solid 2px #e9f0f3; }

.application-layout .pages-support-faq { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); background: #fff; }

.pages-support-faq-heading { margin: 70px 0 20px; }

.pages-support-faq-section-heading { margin: 0 0 35px; }

@media screen and (min-width: 680px) { .pages-support-faq-section-heading { font-size: 26px; } }

@media screen and (max-width: 679px) { .pages-support-faq-section-heading { font-size: 22px; } }

.pages-support-faq-title { margin: 0 0 10px; line-height: 1.5; }

@media screen and (min-width: 680px) { .pages-support-faq-title { font-size: 16px; } }

@media screen and (max-width: 679px) { .pages-support-faq-title { font-size: 14px; } }

.hero .pages-support-faq-title { font-size: 18px; }

.pages-support-faq-description { margin-bottom: 0; line-height: 1.5; }

@media screen and (min-width: 680px) { .pages-support-faq-description { font-size: 16px; } }

@media screen and (max-width: 679px) { .pages-support-faq-description { font-size: 14px; } }

.hero .pages-support-faq-description { color: #050708; }
.footer-dev-list { display: inline-block; border-top: none; margin: 0 0 0 20px; padding: 20px 0; }

.footer-dev-list:before, .footer-dev-list:after { content: " "; display: table; }

.footer-dev-list:after { clear: both; }

.footer-dev-list li { list-style: none; }

.footer-dev-list > li { float: left; padding: 0; color: #c6ccd2; position: relative; }

.footer-dev-list > li:hover ul { display: block; }

.footer-dev-list > li:hover > a { background: #2d3339; color: #fff; border-radius: 0 0 5px 5px; border: 2px solid #2d3339; box-shadow: none; }

.footer-dev-list > li:hover > a .icon { background-position: -123px -33px; }

.footer-dev-list > li > a { background: #f9fafa; font-weight: 700; padding: 12px 15px; color: #1a2126; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); border-radius: 5px; border: 2px solid #2b363e; }

.footer-dev-list > li > a .icon { margin: -2px 0px 0 7px; }

.footer-dev-list a { font-size: 14px; display: block; font-weight: 700; color: #b8c5ce; text-decoration: none; padding: 8px 15px; line-height: 18px; }

.footer-dev-list a:hover { color: #fff; }

.footer-dev-list ul { background: #384047 url("/assets/dev-stripes-0df15acae28e6b0095253b1fc0d072ca1c7bb55a709de3543953fafe6c11609a.svg") repeat-x 0 -2px; padding-top: 3px; padding-left: 0; width: 250px; position: absolute; bottom: 100%; left: 0; z-index: 2; margin: 0; display: none; overflow: hidden; border-radius: 5px 5px 5px 0; }

.footer-dev-list ul li { list-style-type: none; font-size: 14px; padding: 0; color: #c6ccd2; }

.footer-dev-list ul li.break { border-bottom: 1px rgba(255, 255, 255, 0.2) solid; }

.footer-dev-list ul li:last-child { border: none; }

.footer-dev-list ul li a { font-weight: 400; padding: 10px 15px; }

.footer-dev-list ul li a:hover { background: #414a52; }

@media screen and (max-height: 1200px) { .footer-dev-listaccounts ul { height: 500px; overflow-y: scroll; } }