@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
/**
*
*
*
* YO! DUDE! YES, YOU!
* You beeter keep this icon list alphabetized, OR ELSE!
*
*
*
**/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**

These should be in normalize and for some reason they are not.

**/
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

:root {
  --gw-font-family-primary: "Poppins", sans-serif;
  --gw-shape-rounded: 30px;
  --gw-shape-thin-rounded: 12px;
  --gw-shape-thinner-rounded: 6px;
  --gw-shape-thinnerer-rounded: 4px;
  --gw-shape-micro-rounded: 2px;
  --gw-base-transition: 0.15s ease;
  --gw-color-brand-primary-50: #fafdfb;
  --gw-color-brand-primary-100: #eaf8f0;
  --gw-color-brand-primary-300: #b7e4c7;
  --gw-color-brand-primary: #95d5b2;
  --gw-color-brand-primary-500: #2d6a4f;
  --gw-color-brand-primary-700: #40916c;
  --gw-color-black: #000000;
  --gw-color-neutral-900: #171718;
  --gw-color-neutral-700: #29292a;
  --gw-color-neutral-500: #505256;
  --gw-color-neutral-300: #9ea0a6;
  --gw-color-neutral-100: #c2c6cc;
  --gw-color-neutral-50: #eaecee;
  --gw-color-neutral-25: #f2f5f9;
  --gw-color-neutral-20: #fafcff;
  --gw-color-white: #ffffff;
  --gw-color-gray: #879ca6;
  --gw-color-danger: #e55050;
  --gw-color-danger-shade1: #8c2a2a;
  --gw-color-danger-shade2: #f07b7b;
  --gw-color-danger-shade3: #f8bdbd;
  --gw-color-accent1: #a1b7c2;
  --gw-color-accent1-shade1: #2f3e46;
  --gw-color-accent1-shade2: #c3dae5;
  --gw-color-accent1-shade3: #ecf3f7;
  --gw-color-accent2: #457f9e;
  --gw-color-accent2-shade1: #1e4154;
  --gw-color-accent2-shade2: #78acc7;
  --gw-color-accent2-shade3: #d2e4ee;
  --gw-color-accent3: #5c9797;
  --gw-color-accent3-shade1: #2e4b4b;
  --gw-color-accent3-shade2: #86bebe;
  --gw-color-accent3-shade3: #d8eded;
  --gw-color-accent4: #6e86b6;
  --gw-color-accent4-shade1: #37435b;
  --gw-color-accent4-shade2: #90a7d4;
  --gw-color-accent4-shade3: #e9edf4;
  --gw-color-accent5: #a78d67;
  --gw-color-accent5-shade1: #7c6b51;
  --gw-color-accent5-shade2: #d3c6b3;
  --gw-color-accent5-shade3: #e9e2d9;
  --gw-color-accent6: #b7a35f;
  --gw-color-accent6-shade1: #8d7e4b;
  --gw-color-accent6-shade2: #e9e3cf;
  --gw-color-accent6-shade3: #f4f1e7;
  --gw-color-accent7: #e5d495;
  --gw-color-accent7-shade1: #baab76;
  --gw-color-accent7-shade2: #f2eacc;
  --gw-color-accent7-shade3: #f8f4e5;
  --gw-color-accent8: #e6af84;
  --gw-color-accent8-shade1: #c79873;
  --gw-color-accent8-shade2: #f4d3ba;
  --gw-color-accent8-shade3: #f9e9dc;
  --gw-shadow-20: 6px 6px 20px rgba(90, 92, 94, 0.2);
  --gw-shadow-20--hover: 6px 6px 20px 5px rgba(90, 92, 94, 0.3);
  --gw-shadow-40: 6px 6px 40px rgba(90, 92, 94, 0.2);
  --gw-shadow-40--hover: 6px 6px 40px 5px rgba(90, 92, 94, 0.3);
  --gw-shadow-20-light: 6px 6px 20px rgba(90, 92, 94, 0.1);
  --gw-shadow-20-light--hover: 6px 6px 20px 5px rgba(90, 92, 94, 0.2);
  --gw-shadow-50-tight: 2px 2px 0px 0px var(--gw-color-neutral-50);
  --gw-shadow-50-tight--hover: ;
  --gw-gradient-white-card: linear-gradient(90deg, var(--gw-color-white) 0%, var(--gw-color-neutral-25) 100%);
  --gw-gradient-horizontal-blue-1: linear-gradient(90deg, var(--gw-color-accent2-shade1) 0%, rgba(30, 65, 84, 0.5) 55%, rgba(30, 65, 84, 0) 100%);
  --gw-gradient-horizontal-blue-2: linear-gradient(90deg, var(--gw-color-accent2-shade1) 0%, rgba(30, 65, 84, 0.7) 55%, rgba(30, 65, 84, 0) 100%);
  --gw-gradient-horizontal-gray-1: linear-gradient(90deg, #2c2d32 0%, rgba(36, 36, 40, 0.44) 60%, rgba(41, 42, 47, 0) 110%);
  --gw-gradient-horizontal-gray-2: linear-gradient(90deg, #1a1b1e 0.29%, rgba(41, 42, 47, 0) 100%);
  --gw-gradient-horizontal-gray-3: linear-gradient(90deg, #2c2d32 0%, rgba(36, 36, 40, 0.6) 60%, rgba(41, 42, 47, 0) 110%);
  --gw-gradient-vertical-gray-1: linear-gradient(180deg, #282b30 0%, rgba(50, 54, 60, 0.45) 140%);
  --gw-gradient-vertical-gray-2: linear-gradient(180deg, #282b30 0%, rgba(50, 54, 60, 0.81) 100%);
  --gw-gradient-vertical-gray-1-inversed: linear-gradient(180deg, rgba(50, 54, 60, 0.45) 0%, #282b30 140%);
  --gw-gradient-vertical-gray-2-inversed: linear-gradient(180deg, rgba(50, 54, 60, 0.81) 0%, #282b30 100%);
  --gw-z-dropdowns: 6000;
  --gw-z-mobile-nav: 5000;
  --gw-z-desktop-nav: 4000;
  --gw-brkpts-mobile-sm: 320px;
  --gw-brkpts-mobile-md: 480px;
  --gw-brkpts-mobile-lg: 620px;
  --gw-brkpts-tablet-md: 720px;
  --gw-brkpts-tablet-lg: 940px;
  --gw-brkpts-desktop-sm: 1100px;
  --gw-brkpts-desktop-md: 1200px;
  --gw-brkpts-desktop-lg: 1360px;
  --gw-brkpts-desktop-xlg: 1440px;
  --gw-brkpts-desktop-xxlg: 1600px;
  --gw-sz-mobile-header-height: 82px;
  --gw-sz-mobile-nav-width: 100vw;
  --gw-sz-mobile-content-padding: 19px;
  --gw-sz-desktop-header-width: 86px;
  --gw-sz-desktop-open-header-width: 172px;
  --gw-sz-desktop-title-bar-height: 96px;
  --gw-sz-desktop-open-drawer-width: 330px;
  --gw-sz-desktop-max-width: 1440px;
  --gw-sz-desktop-content-padding: 58px;
  --gw-sz-desktop-search-width: 295px;
  --gw-dyn-current-desktop-sidebar-width: 0;
  --gw-side-gutter: 23px;
}
@media only screen and (min-width: 940px) {
  :root {
    --gw-side-gutter: 55px;
  }
}

* {
  box-sizing: border-box;
}

html {
  color: var(--gw-color-black);
  font-size: 62.5%;
  scroll-behavior: smooth;
  overscroll-behavior-y: none;
}

body {
  font-size: 1.6rem;
  font-family: var(--gw-font-family-primary);
  background-color: var(--gw-color-neutral-20);
}
@media only screen and (min-width: 940px) {
  body {
    font-size: 1.4rem;
    --gw-dyn-current-desktop-sidebar-width: 86px;
  }
}
body.hasOpenNav {
  overflow: hidden;
}
@media only screen and (min-width: 940px) {
  body.hasOpenNav {
    overflow: auto;
    --gw-dyn-current-desktop-sidebar-width: 172px;
  }
}

.gwds-layout {
  min-height: 100vh;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  --gw-desktop-current-drawer-width: 0px;
}
.gwds-layout > div.mobile-nav {
  position: fixed;
  height: 100vh;
  top: 0;
  left: calc(-1 * var(--gw-sz-mobile-nav-width));
  width: var(--gw-sz-mobile-nav-width);
  z-index: var(--gw-z-mobile-nav);
  transform: translateX(0);
  transition: transform var(--gw-base-transition);
  background-color: var(--gw-color-neutral-20);
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.mobile-nav {
    display: none;
  }
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.flow {
    width: 100%;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: var(--gw-dyn-current-desktop-sidebar-width) var(--gw-desktop-current-drawer-width) calc(100% - var(--gw-dyn-current-desktop-sidebar-width) - var(--gw-desktop-current-drawer-width));
    grid-template-areas: "gta-desktop-nav gta-desktop-drawer gta-desktop-main" "gta-desktop-nav gta-desktop-drawer gta-desktop-footer";
    transition: grid-template-columns var(--gw-base-transition);
  }
}
.gwds-layout > div.flow > header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--gw-sz-mobile-header-height);
  z-index: calc(var(--gw-z-mobile-nav) - 1);
  background-color: var(--gw-color-neutral-20);
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.flow > header > div.mobile-header-container {
    display: none;
  }
}
.gwds-layout > div.flow > header > div.desktop-header-container {
  display: none;
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.flow > header > div.desktop-header-container {
    display: block;
  }
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.flow > header {
    width: var(--gw-dyn-current-desktop-sidebar-width);
    height: 100vh;
    z-index: calc(var(--gw-z-desktop-nav) + 10);
    transition: width var(--gw-base-transition);
  }
}
.gwds-layout > div.flow > div.drawer {
  display: block;
  transform: translateX(100%);
  width: 100vw;
  height: calc(100vh - var(--gw-sz-mobile-header-height));
  top: var(--gw-sz-mobile-header-height);
  left: 0;
  position: fixed;
  transition: transform var(--gw-base-transition);
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.flow > div.drawer {
    overflow: hidden;
    position: absolute;
    top: initial;
    left: var(--gw-dyn-current-desktop-sidebar-width);
    width: var(--gw-desktop-current-drawer-width);
    transition: width var(--gw-base-transition), left var(--gw-base-transition);
    transform: none;
    height: 100vh;
    z-index: calc(var(--gw-z-desktop-nav) + 5);
  }
}
.gwds-layout > div.flow > div.drawer > div.drawer-content-wrapper {
  width: 100%;
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.flow > div.drawer > div.drawer-content-wrapper {
    width: var(--gw-sz-desktop-open-drawer-width);
  }
}
.gwds-layout > div.flow > div.title-bar {
  display: none;
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.flow > div.title-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: var(--gw-sz-desktop-title-bar-height);
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    z-index: calc(var(--gw-z-desktop-nav) + 1);
    padding: 22px 0;
    background-color: var(--gw-color-neutral-20);
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: var(--gw-dyn-current-desktop-sidebar-width) var(--gw-desktop-current-drawer-width) minmax(min-content, auto);
    grid-template-areas: "gta-tb-spacer1 gta-tb-spacer2 gta-tb-content";
    transition: grid-template-columns var(--gw-base-transition);
  }
}
.gwds-layout > div.flow > div.title-bar > div.content {
  padding-left: var(--gw-side-gutter);
  padding-right: var(--gw-side-gutter);
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.flow > div.title-bar > div.content {
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    grid-area: gta-tb-content;
    display: flex;
    align-items: center;
  }
}
.gwds-layout > div.flow > div.title-bar > div.content > div.title-container {
  flex-basis: 100%;
}
.gwds-layout > div.flow > div.title-bar > div.content > div.controls-container {
  flex-basis: auto;
}
.gwds-layout > div.flow > div.title-bar > div.content > div.search-container {
  flex-basis: var(--gw-sz-desktop-search-width);
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  text-align: right;
}
.gwds-layout > div.flow > main {
  padding-top: var(--gw-sz-mobile-header-height);
  max-width: 100vw;
  padding-left: var(--gw-side-gutter);
  padding-right: var(--gw-side-gutter);
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.flow > main {
    padding-top: var(--gw-sz-desktop-title-bar-height);
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    grid-area: gta-desktop-main;
  }
}
@media only screen and (min-width: 940px) {
  .gwds-layout > div.flow > footer {
    grid-area: gta-desktop-footer;
  }
}
body.hasOpenNav .gwds-layout > div.mobile-nav {
  transform: translateX(var(--gw-sz-mobile-nav-width));
}
.gwds-layout.hasOpenDrawer {
  --gw-desktop-current-drawer-width: var(--gw-sz-desktop-open-drawer-width);
}
.gwds-layout.hasOpenDrawer > div.flow > div.drawer {
  transform: translateX(0);
}
.gwds-layout.keepOpenOnDesktop {
  --gw-desktop-current-drawer-width: var(--gw-sz-desktop-open-drawer-width);
}
@media only screen and (min-width: 940px) {
  .gwds-layout.keepOpenOnDesktop > div.flow > div.drawer {
    transform: translateX(0);
  }
}

.gwds-layout-v2 {
  min-height: 100vh;
  padding: 0;
  width: 100vw;
  display: grid;
  grid-template-rows: min-content 100fr min-content;
  grid-template-columns: 100%;
  grid-template-areas: "header" "main" "footer";
}
@media only screen and (min-width: 1360px) {
  .gwds-layout-v2 {
    grid-template-rows: min-content 100fr min-content;
    grid-template-columns: 1fr fit-content(var(--gw-sz-desktop-max-width)) 1fr;
    grid-template-areas: "header header header" "main main main" "footer footer footer";
  }
}
.gwds-layout-v2 > header {
  grid-area: header;
}
@media only screen and (min-width: 1360px) {
  .gwds-layout-v2 > header > div.mobile-header-container {
    display: none;
  }
}
.gwds-layout-v2 > header > div.desktop-header-container {
  display: none;
}
@media only screen and (min-width: 1360px) {
  .gwds-layout-v2 > header > div.desktop-header-container {
    display: block;
  }
}
.gwds-layout-v2 > main {
  grid-area: main;
}
.gwds-layout-v2 > main,
.gwds-layout-v2 .gwds-layout-v2__main-grid {
  width: 100vw;
  display: grid;
  grid-template-columns: [full-start] minmax(var(--gw-side-gutter), 1fr) [main-start] min(100% - var(--gw-side-gutter) * 2, var(--gw-sz-desktop-max-width)) [main-end] minmax(var(--gw-side-gutter), 1fr) [full-end];
}
.gwds-layout-v2 > main > *,
.gwds-layout-v2 .gwds-layout-v2__main-grid > * {
  grid-column: main;
  padding: 0px 40px 0px 40px;
}
.gwds-layout-v2 > main > .full-width,
.gwds-layout-v2 .gwds-layout-v2__main-grid > .full-width {
  grid-column: full;
  padding: 0 0 0px 0;
}
.gwds-layout-v2 > footer {
  grid-area: footer;
}

.gwds-heading-1 {
  font-size: 3.8rem;
  line-height: 1.1052631579em;
  font-weight: 500;
}
.gwds-heading-1 > strong {
  font-weight: 700;
}

.gwds-heading-2 {
  font-size: 3.6rem;
  line-height: 1.1111111111em;
  font-weight: 400;
  letter-spacing: 1px;
}
.gwds-heading-2 > strong {
  font-weight: 700;
}

.gwds-heading-3 {
  font-size: 3.2rem;
  line-height: 1.125em;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.gwds-heading-3 > strong {
  font-weight: 900;
}

.gwds-heading-4 {
  font-size: 3.2rem;
  line-height: 1em;
  font-weight: 400;
}
.gwds-heading-4 > strong {
  font-weight: 700;
}

.gwds-heading-5 {
  font-size: 3.2rem;
  line-height: 1.125em;
  font-weight: 300;
  letter-spacing: 1px;
}
.gwds-heading-5 > strong {
  font-weight: 600;
}

.gwds-heading-6 {
  font-size: 2.8rem;
  line-height: 1.5em;
  font-weight: 700;
  letter-spacing: 0.4px;
}
.gwds-heading-6 > strong {
  font-weight: 900;
}

.gwds-heading-7 {
  font-size: 2.8rem;
  line-height: 1.1428571429em;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.gwds-heading-7 > strong {
  font-weight: 900;
}

.gwds-heading-8 {
  font-size: 2.8rem;
  line-height: 1.1428571429em;
  font-weight: 300;
  letter-spacing: 0.4px;
}
.gwds-heading-8 > strong {
  font-weight: 600;
}

.gwds-heading-9 {
  font-size: 2.2rem;
  line-height: 1.1818181818em;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.gwds-heading-9 > strong {
  font-weight: 900;
}

.gwds-heading-10 {
  font-size: 1.8rem;
  line-height: 1.4444444444em;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.gwds-heading-10 > strong {
  font-weight: 700;
}

.gwds-subheading-1 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: 0.04em;
}

.gwds-subheading-2 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: 0.0285em;
}

.gwds-subheading-3 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 0.0285em;
}

.gwds-paragraph.intro {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.0214em;
  line-height: 2.5em;
}

.gwds-paragraph {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.0214em;
  line-height: 2em;
}

.gwds-paragraph.size-lg {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.0188em;
  line-height: 2em;
}

.gwds-paragraph.small {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 2em;
}

.gwds-caption {
  font-size: 1.2rem;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 0.025em;
}

.gwds-caption.size-lg {
  font-size: 1.4rem;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 0.0214em;
}

.gwds-caption.small {
  font-size: 1rem;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.gwds-paragraph em,
.gwds-caption em,
.gwds-typography-region em {
  font-style: italic;
}
.gwds-paragraph strong,
.gwds-caption strong,
.gwds-typography-region strong {
  font-weight: 500;
}

.gwds-typography-region h1:not([class*=gwds-heading-]) {
  font-size: 3.8rem;
  line-height: 1.1052631579em;
  font-weight: 500;
}
.gwds-typography-region h1:not([class*=gwds-heading-]) > strong {
  font-weight: 700;
}
.gwds-typography-region h2:not([class*=gwds-heading-]) {
  font-size: 3.6rem;
  line-height: 1.1111111111em;
  font-weight: 400;
  letter-spacing: 1px;
}
.gwds-typography-region h2:not([class*=gwds-heading-]) > strong {
  font-weight: 700;
}
.gwds-typography-region h3:not([class*=gwds-heading-]) {
  font-size: 3.2rem;
  line-height: 1.125em;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.gwds-typography-region h3:not([class*=gwds-heading-]) > strong {
  font-weight: 900;
}
.gwds-typography-region h4:not([class*=gwds-heading-]) {
  font-size: 3.2rem;
  line-height: 1em;
  font-weight: 400;
}
.gwds-typography-region h4:not([class*=gwds-heading-]) > strong {
  font-weight: 700;
}
.gwds-typography-region h5:not([class*=gwds-heading-]) {
  font-size: 3.2rem;
  line-height: 1.125em;
  font-weight: 300;
  letter-spacing: 1px;
}
.gwds-typography-region h5:not([class*=gwds-heading-]) > strong {
  font-weight: 600;
}
.gwds-typography-region h6:not([class*=gwds-heading-]) {
  font-size: 2.8rem;
  line-height: 1.5em;
  font-weight: 700;
  letter-spacing: 0.4px;
}
.gwds-typography-region h6:not([class*=gwds-heading-]) > strong {
  font-weight: 900;
}
.gwds-typography-region a {
  color: var(--gw-color-brand-primary-700);
}
.gwds-typography-region ul,
.gwds-typography-region ol {
  line-height: 2em;
}
.gwds-typography-region p {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.0214em;
  line-height: 2em;
}
.gwds-typography-region figcaption {
  font-size: 1.2rem;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 0.025em;
}

.gwds-icon {
  display: block;
  background-color: transparent;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: currentColor;
}
.gwds-icon.icon-activity {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#activity);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#activity);
}
.gwds-icon.icon-anchor {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#anchor);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#anchor);
}
.gwds-icon.icon-arrow-left {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#arrow-left);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#arrow-left);
}
.gwds-icon.icon-arrow-right {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#arrow-right);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#arrow-right);
}
.gwds-icon.icon-bars {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#bars);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#bars);
}
.gwds-icon.icon-bell {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#bell);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#bell);
}
.gwds-icon.icon-blog {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#blog);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#blog);
}
.gwds-icon.icon-board {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#board);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#board);
}
.gwds-icon.icon-book {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#book);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#book);
}
.gwds-icon.icon-book2 {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#book2);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#book2);
}
.gwds-icon.icon-book-closed {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#book-closed);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#book-closed);
}
.gwds-icon.icon-book-open {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#book-open);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#book-open);
}
.gwds-icon.icon-bookmark {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#bookmark);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#bookmark);
}
.gwds-icon.icon-bookmark-filled {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#bookmark-filled);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#bookmark-filled);
}
.gwds-icon.icon-bookmark-plus {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#bookmark-plus);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#bookmark-plus);
}
.gwds-icon.icon-box {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#box);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#box);
}
.gwds-icon.icon-camera {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#camera);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#camera);
}
.gwds-icon.icon-calculator {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#calculator);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#calculator);
}
.gwds-icon.icon-calendar {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#calendar);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#calendar);
}
.gwds-icon.icon-check {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#check);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#check);
}
.gwds-icon.icon-check-circle {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#check-circle);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#check-circle);
}
.gwds-icon.icon-check-circle-inverted {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#check-circle-inverted);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#check-circle-inverted);
}
.gwds-icon.icon-chevron-down {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#chevron-down);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#chevron-down);
}
.gwds-icon.icon-chevron-up {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#chevron-up);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#chevron-up);
}
.gwds-icon.icon-circle-exclamation {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#circle-exclamation);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#circle-exclamation);
}
.gwds-icon.icon-circle-play {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#circle-play);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#circle-play);
}
.gwds-icon.icon-circle-question {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#circle-question);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#circle-question);
}
.gwds-icon.icon-clock {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#clock);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#clock);
}
.gwds-icon.icon-comment {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#comment);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#comment);
}
.gwds-icon.icon-comment-filled {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#comment-filled);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#comment-filled);
}
.gwds-icon.icon-compass {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#compass);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#compass);
}
.gwds-icon.icon-compass2 {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#compass2);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#compass2);
}
.gwds-icon.icon-crop-size {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#crop-size);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#crop-size);
}
.gwds-icon.icon-crop {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#crop);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#crop);
}
.gwds-icon.icon-document {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#document);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#document);
}
.gwds-icon.icon-dollar-sign {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#dollar-sign);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#dollar-sign);
}
.gwds-icon.icon-dollar-sign-square {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#dollar-sign-square);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#dollar-sign-square);
}
.gwds-icon.icon-edit {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#edit);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#edit);
}
.gwds-icon.icon-envelope {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#envelope);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#envelope);
}
.gwds-icon.icon-euro-sign {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#euro-sign);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#euro-sign);
}
.gwds-icon.icon-eye-slash {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#eye-slash);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#eye-slash);
}
.gwds-icon.icon-eye {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#eye);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#eye);
}
.gwds-icon.icon-facebook {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#facebook);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#facebook);
}
.gwds-icon.icon-facebook-filled {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#facebook-filled);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#facebook-filled);
}
.gwds-icon.icon-flask {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#flask);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#flask);
}
.gwds-icon.icon-fountain-pen {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#fountain-pen);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#fountain-pen);
}
.gwds-icon.icon-gear {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#gear);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#gear);
}
.gwds-icon.icon-glasses {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#glasses);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#glasses);
}
.gwds-icon.icon-hand-grow {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#hand-grow);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#hand-grow);
}
.gwds-icon.icon-handshake {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#handshake);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#handshake);
}
.gwds-icon.icon-hatchery {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#hatchery);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#hatchery);
}
.gwds-icon.icon-heart {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#heart);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#heart);
}
.gwds-icon.icon-house {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#house);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#house);
}
.gwds-icon.icon-image {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#image);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#image);
}
.gwds-icon.icon-instagram {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#instagram);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#instagram);
}
.gwds-icon.icon-instagram-filled {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#instagram-filled);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#instagram-filled);
}
.gwds-icon.icon-kelp {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#kelp);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#kelp);
}
.gwds-icon.icon-kelp-gear {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#kelp-gear);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#kelp-gear);
}
.gwds-icon.icon-kelp-hand {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#kelp-hand);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#kelp-hand);
}
.gwds-icon.icon-lightbulb {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#lightbulb);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#lightbulb);
}
.gwds-icon.icon-like {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#like);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#like);
}
.gwds-icon.icon-like-filled {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#like-filled);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#like-filled);
}
.gwds-icon.icon-link-simple {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#link-simple);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#link-simple);
}
.gwds-icon.icon-list-ul {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#list-ul);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#list-ul);
}
.gwds-icon.icon-loader {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#loader);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#loader);
}
.gwds-icon.icon-location {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#location);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#location);
}
.gwds-icon.icon-lock {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#lock);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#lock);
}
.gwds-icon.icon-log-out {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#log-out);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#log-out);
}
.gwds-icon.icon-magnifying-glass {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#magnifying-glass);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#magnifying-glass);
}
.gwds-icon.icon-map {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#map);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#map);
}
.gwds-icon.icon-minus {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#minus);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#minus);
}
.gwds-icon.icon-number-1 {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#number-1);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#number-1);
}
.gwds-icon.icon-number-2 {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#number-2);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#number-2);
}
.gwds-icon.icon-number-3 {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#number-3);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#number-3);
}
.gwds-icon.icon-number-4 {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#number-4);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#number-4);
}
.gwds-icon.icon-number-5 {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#number-5);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#number-5);
}
.gwds-icon.icon-paper-plane {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#paper-plane);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#paper-plane);
}
.gwds-icon.icon-paperclip {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#paperclip);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#paperclip);
}
.gwds-icon.icon-pen-to-square {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#pen-to-square);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#pen-to-square);
}
.gwds-icon.icon-pencil {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#pencil);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#pencil);
}
.gwds-icon.icon-pencil-line {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#pencil-line);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#pencil-line);
}
.gwds-icon.icon-play {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#play);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#play);
}
.gwds-icon.icon-play-inverted {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#play-inverted);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#play-inverted);
}
.gwds-icon.icon-plus {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#plus);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#plus);
}
.gwds-icon.icon-quotes {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#quotes);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#quotes);
}
.gwds-icon.icon-season-fall {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#season-fall);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#season-fall);
}
.gwds-icon.icon-season-spring {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#season-spring);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#season-spring);
}
.gwds-icon.icon-season-summer {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#season-summer);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#season-summer);
}
.gwds-icon.icon-season-winter {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#season-winter);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#season-winter);
}
.gwds-icon.icon-seed {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#seed);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#seed);
}
.gwds-icon.icon-squares {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#squares);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#squares);
}
.gwds-icon.icon-star {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#star);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#star);
}
.gwds-icon.icon-tag {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#tag);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#tag);
}
.gwds-icon.icon-trash-can {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#trash-can);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#trash-can);
}
.gwds-icon.icon-twitter {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#twitter);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#twitter);
}
.gwds-icon.icon-twitter-filled {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#twitter-filled);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#twitter-filled);
}
.gwds-icon.icon-upload {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#upload);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#upload);
}
.gwds-icon.icon-user {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#user);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#user);
}
.gwds-icon.icon-users {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#users);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#users);
}
.gwds-icon.icon-video {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#video);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#video);
}
.gwds-icon.icon-warning {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#warning);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#warning);
}
.gwds-icon.icon-world {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#world);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#world);
}
.gwds-icon.icon-wrench {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#wrench);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#wrench);
}
.gwds-icon.icon-x {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#x);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#x);
}
.gwds-icon.icon-button-download {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#button-download);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#button-download);
}
.gwds-icon.icon-button-plus {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#button-plus);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#button-plus);
}
.gwds-icon.icon-button-minus {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#button-minus);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#button-minus);
}
.gwds-icon.icon-button-arrow-right {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#button-arrow-right);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#button-arrow-right);
}
.gwds-icon.icon-button-arrow-left {
  -webkit-mask-image: url(/svg/stack/svg/sprite.stack.svg#button-arrow-left);
  mask-image: url(/svg/stack/svg/sprite.stack.svg#button-arrow-left);
}
.gwds-icon.color-brand-primary-50 {
  background-color: var(--gw-color-brand-primary-50);
}
.gwds-icon.color-brand-primary-100 {
  background-color: var(--gw-color-brand-primary-100);
}
.gwds-icon.color-brand-primary-300 {
  background-color: var(--gw-color-brand-primary-300);
}
.gwds-icon.color-brand-primary {
  background-color: var(--gw-color-brand-primary);
}
.gwds-icon.color-brand-primary-500 {
  background-color: var(--gw-color-brand-primary-500);
}
.gwds-icon.color-brand-primary-700 {
  background-color: var(--gw-color-brand-primary-700);
}
.gwds-icon.color-black {
  background-color: var(--gw-color-black);
}
.gwds-icon.color-neutral-900 {
  background-color: var(--gw-color-neutral-900);
}
.gwds-icon.color-neutral-700 {
  background-color: var(--gw-color-neutral-700);
}
.gwds-icon.color-neutral-500 {
  background-color: var(--gw-color-neutral-500);
}
.gwds-icon.color-neutral-300 {
  background-color: var(--gw-color-neutral-300);
}
.gwds-icon.color-neutral-100 {
  background-color: var(--gw-color-neutral-100);
}
.gwds-icon.color-neutral-50 {
  background-color: var(--gw-color-neutral-50);
}
.gwds-icon.color-neutral-25 {
  background-color: var(--gw-color-neutral-25);
}
.gwds-icon.color-neutral-20 {
  background-color: var(--gw-color-neutral-20);
}
.gwds-icon.color-white {
  background-color: var(--gw-color-white);
}
.gwds-icon.color-gray {
  background-color: var(--gw-color-gray);
}
.gwds-icon.color-danger {
  background-color: var(--gw-color-danger);
}
.gwds-icon.color-danger-shade1 {
  background-color: var(--gw-color-danger-shade1);
}
.gwds-icon.color-danger-shade2 {
  background-color: var(--gw-color-danger-shade2);
}
.gwds-icon.color-danger-shade3 {
  background-color: var(--gw-color-danger-shade3);
}
.gwds-icon.color-accent1 {
  background-color: var(--gw-color-accent1);
}
.gwds-icon.color-accent1-shade1 {
  background-color: var(--gw-color-accent1-shade1);
}
.gwds-icon.color-accent1-shade2 {
  background-color: var(--gw-color-accent1-shade2);
}
.gwds-icon.color-accent1-shade3 {
  background-color: var(--gw-color-accent1-shade3);
}
.gwds-icon.color-accent2 {
  background-color: var(--gw-color-accent2);
}
.gwds-icon.color-accent2-shade1 {
  background-color: var(--gw-color-accent2-shade1);
}
.gwds-icon.color-accent2-shade2 {
  background-color: var(--gw-color-accent2-shade2);
}
.gwds-icon.color-accent2-shade3 {
  background-color: var(--gw-color-accent2-shade3);
}
.gwds-icon.color-accent3 {
  background-color: var(--gw-color-accent3);
}
.gwds-icon.color-accent3-shade1 {
  background-color: var(--gw-color-accent3-shade1);
}
.gwds-icon.color-accent3-shade2 {
  background-color: var(--gw-color-accent3-shade2);
}
.gwds-icon.color-accent3-shade3 {
  background-color: var(--gw-color-accent3-shade3);
}
.gwds-icon.color-accent4 {
  background-color: var(--gw-color-accent4);
}
.gwds-icon.color-accent4-shade1 {
  background-color: var(--gw-color-accent4-shade1);
}
.gwds-icon.color-accent4-shade2 {
  background-color: var(--gw-color-accent4-shade2);
}
.gwds-icon.color-accent4-shade3 {
  background-color: var(--gw-color-accent4-shade3);
}
.gwds-icon.color-accent5 {
  background-color: var(--gw-color-accent5);
}
.gwds-icon.color-accent5-shade1 {
  background-color: var(--gw-color-accent5-shade1);
}
.gwds-icon.color-accent5-shade2 {
  background-color: var(--gw-color-accent5-shade2);
}
.gwds-icon.color-accent5-shade3 {
  background-color: var(--gw-color-accent5-shade3);
}
.gwds-icon.color-accent6 {
  background-color: var(--gw-color-accent6);
}
.gwds-icon.color-accent6-shade1 {
  background-color: var(--gw-color-accent6-shade1);
}
.gwds-icon.color-accent6-shade2 {
  background-color: var(--gw-color-accent6-shade2);
}
.gwds-icon.color-accent6-shade3 {
  background-color: var(--gw-color-accent6-shade3);
}
.gwds-icon.color-accent7 {
  background-color: var(--gw-color-accent7);
}
.gwds-icon.color-accent7-shade1 {
  background-color: var(--gw-color-accent7-shade1);
}
.gwds-icon.color-accent7-shade2 {
  background-color: var(--gw-color-accent7-shade2);
}
.gwds-icon.color-accent7-shade3 {
  background-color: var(--gw-color-accent7-shade3);
}
.gwds-icon.color-accent8 {
  background-color: var(--gw-color-accent8);
}
.gwds-icon.color-accent8-shade1 {
  background-color: var(--gw-color-accent8-shade1);
}
.gwds-icon.color-accent8-shade2 {
  background-color: var(--gw-color-accent8-shade2);
}
.gwds-icon.color-accent8-shade3 {
  background-color: var(--gw-color-accent8-shade3);
}

.gwds-shadow-20 {
  box-shadow: 6px 6px 20px rgba(90, 92, 94, 0.2);
  transition: box-shadow var(--gw-base-transition);
}
.gwds-shadow-20:hover {
  box-shadow: 6px 6px 20px 5px rgba(90, 92, 94, 0.3);
}

.gwds-shadow-40 {
  box-shadow: 6px 6px 40px rgba(90, 92, 94, 0.2);
  transition: box-shadow var(--gw-base-transition);
}
.gwds-shadow-40:hover {
  box-shadow: 6px 6px 40px 5px rgba(90, 92, 94, 0.3);
}

.gwds-shadow-20-light {
  box-shadow: 6px 6px 20px rgba(90, 92, 94, 0.1);
  transition: box-shadow var(--gw-base-transition);
}
.gwds-shadow-20-light:hover {
  box-shadow: 6px 6px 20px 5px rgba(90, 92, 94, 0.2);
}

.gwds-shadow-50-tight {
  box-shadow: 2px 2px 0px 0px var(--gw-color-neutral-50);
  transition: box-shadow var(--gw-base-transition);
}
.gwds-gradient-white-card {
  background-image: var(--gw-gradient-white-card);
}

.gwds-gradient-horizontal-blue-1 {
  background-image: var(--gw-gradient-horizontal-blue-1);
}

.gwds-gradient-horizontal-blue-2 {
  background-image: var(--gw-gradient-horizontal-blue-2);
}

.gwds-gradient-horizontal-gray-1 {
  background-image: var(--gw-gradient-horizontal-gray-1);
}

.gwds-gradient-horizontal-gray-2 {
  background-image: var(--gw-gradient-horizontal-gray-2);
}

.gwds-gradient-horizontal-gray-3 {
  background-image: var(--gw-gradient-horizontal-gray-3);
}

.gwds-gradient-vertical-gray-1 {
  background-image: var(--gw-gradient-vertical-gray-1);
}

.gwds-gradient-vertical-gray-2 {
  background-image: var(--gw-gradient-vertical-gray-2);
}

.gwds-gradient-vertical-gray-1-inversed {
  background-image: var(--gw-gradient-vertical-gray-1-inversed);
}

.gwds-gradient-vertical-gray-2-inversed {
  background-image: var(--gw-gradient-vertical-gray-2-inversed);
}

.gwds-btn {
  --gwds-btn--currentColor: var(--gw-color-black);
  --gwds-btn--currentBgColor: var(--gw-color-brand-primary);
  font-family: var(--gw-font-family-primary);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: 3%;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--gw-shape-rounded);
  text-transform: uppercase;
  padding: 19px 43px 19px 43px;
  transition: all var(--gw-base-transition);
  transition-property: all;
  text-decoration: none;
  background-color: var(--gwds-btn--currentBgColor);
  color: var(--gwds-btn--currentColor);
}
.gwds-btn:hover, .gwds-btn.__hover {
  --gwds-btn--currentBgColor: var(--gw-color-brand-primary-300);
}
.gwds-btn .label {
  color: var(--gwds-btn--currentColor);
}
.gwds-btn .label:first-child {
  margin-left: 5px;
}
.gwds-btn .label:last-child {
  margin-right: 5px;
}
.gwds-btn.color-brand-primary-50 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-brand-primary-50);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-brand-primary-50:hover, .gwds-btn.color-brand-primary-50.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-brand-primary-100 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-brand-primary-100);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-brand-primary-100:hover, .gwds-btn.color-brand-primary-100.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-brand-primary-300 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-brand-primary-300);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-brand-primary-300:hover, .gwds-btn.color-brand-primary-300.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-brand-primary {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-brand-primary);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-brand-primary:hover, .gwds-btn.color-brand-primary.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-brand-primary-500 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-brand-primary-500);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-brand-primary-500:hover, .gwds-btn.color-brand-primary-500.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-brand-primary-700 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-brand-primary-700);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-brand-primary-700:hover, .gwds-btn.color-brand-primary-700.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-black {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-black);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-black:hover, .gwds-btn.color-black.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-neutral-900 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-neutral-900);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-neutral-900:hover, .gwds-btn.color-neutral-900.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-neutral-700 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-neutral-700);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-neutral-700:hover, .gwds-btn.color-neutral-700.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-neutral-500 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-neutral-500);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-neutral-500:hover, .gwds-btn.color-neutral-500.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-neutral-300 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-neutral-300);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-neutral-300:hover, .gwds-btn.color-neutral-300.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-neutral-100 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-neutral-100);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-neutral-100:hover, .gwds-btn.color-neutral-100.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-neutral-50 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-neutral-50);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-neutral-50:hover, .gwds-btn.color-neutral-50.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-neutral-25 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-neutral-25);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-neutral-25:hover, .gwds-btn.color-neutral-25.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-neutral-20 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-neutral-20);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-neutral-20:hover, .gwds-btn.color-neutral-20.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-white {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-white);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-white:hover, .gwds-btn.color-white.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-gray {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-gray);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-gray:hover, .gwds-btn.color-gray.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-danger {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-danger);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-danger:hover, .gwds-btn.color-danger.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-danger-shade1 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-danger-shade1);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-danger-shade1:hover, .gwds-btn.color-danger-shade1.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-danger-shade2 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-danger-shade2);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-danger-shade2:hover, .gwds-btn.color-danger-shade2.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-danger-shade3 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-danger-shade3);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-danger-shade3:hover, .gwds-btn.color-danger-shade3.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent1 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent1);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent1:hover, .gwds-btn.color-accent1.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent1-shade1 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent1-shade1);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent1-shade1:hover, .gwds-btn.color-accent1-shade1.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent1-shade2 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent1-shade2);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent1-shade2:hover, .gwds-btn.color-accent1-shade2.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent1-shade3 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent1-shade3);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent1-shade3:hover, .gwds-btn.color-accent1-shade3.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent2 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent2);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent2:hover, .gwds-btn.color-accent2.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent2-shade1 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent2-shade1);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent2-shade1:hover, .gwds-btn.color-accent2-shade1.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent2-shade2 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent2-shade2);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent2-shade2:hover, .gwds-btn.color-accent2-shade2.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent2-shade3 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent2-shade3);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent2-shade3:hover, .gwds-btn.color-accent2-shade3.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent3 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent3);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent3:hover, .gwds-btn.color-accent3.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent3-shade1 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent3-shade1);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent3-shade1:hover, .gwds-btn.color-accent3-shade1.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent3-shade2 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent3-shade2);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent3-shade2:hover, .gwds-btn.color-accent3-shade2.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent3-shade3 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent3-shade3);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent3-shade3:hover, .gwds-btn.color-accent3-shade3.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent4 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent4);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent4:hover, .gwds-btn.color-accent4.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent4-shade1 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent4-shade1);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent4-shade1:hover, .gwds-btn.color-accent4-shade1.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent4-shade2 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent4-shade2);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent4-shade2:hover, .gwds-btn.color-accent4-shade2.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent4-shade3 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent4-shade3);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent4-shade3:hover, .gwds-btn.color-accent4-shade3.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent5 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent5);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent5:hover, .gwds-btn.color-accent5.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent5-shade1 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent5-shade1);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent5-shade1:hover, .gwds-btn.color-accent5-shade1.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent5-shade2 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent5-shade2);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent5-shade2:hover, .gwds-btn.color-accent5-shade2.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent5-shade3 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent5-shade3);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent5-shade3:hover, .gwds-btn.color-accent5-shade3.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent6 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent6);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent6:hover, .gwds-btn.color-accent6.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent6-shade1 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent6-shade1);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent6-shade1:hover, .gwds-btn.color-accent6-shade1.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent6-shade2 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent6-shade2);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent6-shade2:hover, .gwds-btn.color-accent6-shade2.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent6-shade3 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent6-shade3);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent6-shade3:hover, .gwds-btn.color-accent6-shade3.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent7 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent7);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent7:hover, .gwds-btn.color-accent7.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent7-shade1 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent7-shade1);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent7-shade1:hover, .gwds-btn.color-accent7-shade1.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent7-shade2 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent7-shade2);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent7-shade2:hover, .gwds-btn.color-accent7-shade2.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent7-shade3 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent7-shade3);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent7-shade3:hover, .gwds-btn.color-accent7-shade3.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent8 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent8);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent8:hover, .gwds-btn.color-accent8.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent8-shade1 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent8-shade1);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-white);
}
.gwds-btn.color-accent8-shade1:hover, .gwds-btn.color-accent8-shade1.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent8-shade2 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent8-shade2);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent8-shade2:hover, .gwds-btn.color-accent8-shade2.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-accent8-shade3 {
  --gwds-btn--currentColor: var(--gw-color-white);
  --gwds-btn--currentBgColor: var(--gw-color-accent8-shade3);
  transition: filter var(--gw-base-transition);
  filter: brightness(100%);
  --gwds-btn--currentColor: var(--gw-color-black);
}
.gwds-btn.color-accent8-shade3:hover, .gwds-btn.color-accent8-shade3.__hover {
  filter: brightness(115%);
}
.gwds-btn.color-black {
  background-color: var(--gw-color-black);
  color: var(--gw-color-white);
}
.gwds-btn.color-black:hover, .gwds-btn.color-black.__hover {
  filter: none;
  background-color: var(--gw-color-neutral-300);
  color: var(--gw-color-white);
}
.gwds-btn.color-transparent {
  --gwds-btn--currentColor: var(--gwds-btn--currentBgColor);
  background-color: transparent;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.gwds-btn.color-transparent:hover, .gwds-btn.color-transparent.__hover {
  background-color: transparent;
}
.gwds-btn.color-transparent:disabled {
  pointer-events: none;
}
.gwds-btn > .gwds-icon {
  display: inline-block;
  position: relative;
  top: -1px;
}
.gwds-btn > .gwds-icon:first-child {
  margin-right: 15px;
}
.gwds-btn > .gwds-icon:last-child {
  margin-left: 15px;
}
.gwds-btn > .gwds-icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-color: var(--gwds-btn--currentColor);
}
.gwds-btn.disabled, .gwds-btn[disabled] {
  --gwds-btn--currentColor: var(--gw-color-neutral-100);
  background-color: var(--gw-color-neutral-300);
  color: var(--gwds-btn--currentColor);
  cursor: not-allowed;
}
.gwds-btn.disabled:hover, .gwds-btn.disabled.__hover, .gwds-btn[disabled]:hover, .gwds-btn[disabled].__hover {
  --gwds-btn--currentColor: var(--gw-color-neutral-100);
  background-color: var(--gw-color-neutral-300);
  color: var(--gwds-btn--currentColor);
}
.gwds-btn.disabled.color-transparent, .gwds-btn[disabled].color-transparent {
  --gwds-btn--currentColor: var(--gw-color-neutral-100);
  color: var(--gwds-btn--currentColor);
  background-color: transparent;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.gwds-btn.disabled.color-transparent:hover, .gwds-btn.disabled.color-transparent.__hover, .gwds-btn[disabled].color-transparent:hover, .gwds-btn[disabled].color-transparent.__hover {
  background-color: transparent;
  color: var(--gwds-btn--currentColor);
}
.gwds-btn.size-lg {
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  padding: 21.5px 43px 21.5px 43px;
}
.gwds-btn.size-lg > .icon,
.gwds-btn.size-lg > .gwds-icon {
  height: 16px;
  width: 16px;
}

.gwds-tag {
  display: inline-block;
  background-color: transparent;
  color: var(--gw-color-white);
  font-family: var(--gw-font-family-primary);
  line-height: 1em;
  font-weight: 500;
  font-size: 1.2rem;
  border: none;
  border-radius: var(--gw-shape-thinnerer-rounded);
  letter-spacing: 0.4px;
  padding: 10px 10px;
  transition: filter var(--gw-base-transition);
  text-decoration: none;
}
.gwds-tag.size-lg {
  font-size: 1.4rem;
}
.gwds-tag.color-brand-primary-50 {
  background-color: var(--gw-color-brand-primary-50);
  color: var(--gw-color-black);
}
.gwds-tag.color-brand-primary-100 {
  background-color: var(--gw-color-brand-primary-100);
  color: var(--gw-color-black);
}
.gwds-tag.color-brand-primary-300 {
  background-color: var(--gw-color-brand-primary-300);
  color: var(--gw-color-black);
}
.gwds-tag.color-brand-primary {
  background-color: var(--gw-color-brand-primary);
  color: var(--gw-color-black);
}
.gwds-tag.color-brand-primary-500 {
  background-color: var(--gw-color-brand-primary-500);
}
.gwds-tag.color-brand-primary-700 {
  background-color: var(--gw-color-brand-primary-700);
}
.gwds-tag.color-black {
  background-color: var(--gw-color-black);
}
.gwds-tag.color-neutral-900 {
  background-color: var(--gw-color-neutral-900);
}
.gwds-tag.color-neutral-700 {
  background-color: var(--gw-color-neutral-700);
}
.gwds-tag.color-neutral-500 {
  background-color: var(--gw-color-neutral-500);
}
.gwds-tag.color-neutral-300 {
  background-color: var(--gw-color-neutral-300);
  color: var(--gw-color-black);
}
.gwds-tag.color-neutral-100 {
  background-color: var(--gw-color-neutral-100);
  color: var(--gw-color-black);
}
.gwds-tag.color-neutral-50 {
  background-color: var(--gw-color-neutral-50);
  color: var(--gw-color-black);
}
.gwds-tag.color-neutral-25 {
  background-color: var(--gw-color-neutral-25);
  color: var(--gw-color-black);
}
.gwds-tag.color-neutral-20 {
  background-color: var(--gw-color-neutral-20);
  color: var(--gw-color-black);
}
.gwds-tag.color-white {
  background-color: var(--gw-color-white);
  color: var(--gw-color-black);
}
.gwds-tag.color-gray {
  background-color: var(--gw-color-gray);
}
.gwds-tag.color-danger {
  background-color: var(--gw-color-danger);
}
.gwds-tag.color-danger-shade1 {
  background-color: var(--gw-color-danger-shade1);
}
.gwds-tag.color-danger-shade2 {
  background-color: var(--gw-color-danger-shade2);
  color: var(--gw-color-black);
}
.gwds-tag.color-danger-shade3 {
  background-color: var(--gw-color-danger-shade3);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent1 {
  background-color: var(--gw-color-accent1);
}
.gwds-tag.color-accent1-shade1 {
  background-color: var(--gw-color-accent1-shade1);
}
.gwds-tag.color-accent1-shade2 {
  background-color: var(--gw-color-accent1-shade2);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent1-shade3 {
  background-color: var(--gw-color-accent1-shade3);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent2 {
  background-color: var(--gw-color-accent2);
}
.gwds-tag.color-accent2-shade1 {
  background-color: var(--gw-color-accent2-shade1);
}
.gwds-tag.color-accent2-shade2 {
  background-color: var(--gw-color-accent2-shade2);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent2-shade3 {
  background-color: var(--gw-color-accent2-shade3);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent3 {
  background-color: var(--gw-color-accent3);
}
.gwds-tag.color-accent3-shade1 {
  background-color: var(--gw-color-accent3-shade1);
}
.gwds-tag.color-accent3-shade2 {
  background-color: var(--gw-color-accent3-shade2);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent3-shade3 {
  background-color: var(--gw-color-accent3-shade3);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent4 {
  background-color: var(--gw-color-accent4);
}
.gwds-tag.color-accent4-shade1 {
  background-color: var(--gw-color-accent4-shade1);
}
.gwds-tag.color-accent4-shade2 {
  background-color: var(--gw-color-accent4-shade2);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent4-shade3 {
  background-color: var(--gw-color-accent4-shade3);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent5 {
  background-color: var(--gw-color-accent5);
}
.gwds-tag.color-accent5-shade1 {
  background-color: var(--gw-color-accent5-shade1);
}
.gwds-tag.color-accent5-shade2 {
  background-color: var(--gw-color-accent5-shade2);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent5-shade3 {
  background-color: var(--gw-color-accent5-shade3);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent6 {
  background-color: var(--gw-color-accent6);
}
.gwds-tag.color-accent6-shade1 {
  background-color: var(--gw-color-accent6-shade1);
}
.gwds-tag.color-accent6-shade2 {
  background-color: var(--gw-color-accent6-shade2);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent6-shade3 {
  background-color: var(--gw-color-accent6-shade3);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent7 {
  background-color: var(--gw-color-accent7);
}
.gwds-tag.color-accent7-shade1 {
  background-color: var(--gw-color-accent7-shade1);
}
.gwds-tag.color-accent7-shade2 {
  background-color: var(--gw-color-accent7-shade2);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent7-shade3 {
  background-color: var(--gw-color-accent7-shade3);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent8 {
  background-color: var(--gw-color-accent8);
}
.gwds-tag.color-accent8-shade1 {
  background-color: var(--gw-color-accent8-shade1);
}
.gwds-tag.color-accent8-shade2 {
  background-color: var(--gw-color-accent8-shade2);
  color: var(--gw-color-black);
}
.gwds-tag.color-accent8-shade3 {
  background-color: var(--gw-color-accent8-shade3);
  color: var(--gw-color-black);
}

a.gwds-tag {
  cursor: pointer;
}
a.gwds-tag:hover {
  filter: brightness(115%);
}

.gwds-tab-group {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 940px) {
  .gwds-tab-group {
    border-bottom: 2px solid var(--gw-color-neutral-50);
    padding-bottom: 1px;
  }
}
.gwds-tab-group .gwds-tab {
  position: relative;
  margin-right: 15px;
}
@media only screen and (min-width: 940px) {
  .gwds-tab-group .gwds-tab {
    margin: 0 24px;
  }
}
.gwds-tab-group .gwds-tab:first-child {
  margin-left: 0;
}
.gwds-tab-group .gwds-tab:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 940px) {
  .gwds-tab-group .gwds-tab:last-child::after {
    content: none;
  }
}

.gwds-tab {
  display: inline-block;
}
.gwds-tab > a,
.gwds-tab > button {
  color: var(--gw-color-neutral-300);
  font-family: var(--gw-font-family-primary);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: 0.3px;
  display: block;
  padding: 14.5px 18px 16.5px 18px;
  position: relative;
  text-decoration: none;
  transition: var(--gw-base-transition);
  transition-property: color;
  background-color: var(--gw-color-neutral-25);
  border-radius: var(--gw-shape-thin-rounded);
  border: none;
  outline: none;
  cursor: pointer;
}
@media only screen and (min-width: 940px) {
  .gwds-tab > a,
.gwds-tab > button {
    padding: 0 24px 13px 24px;
    background-color: transparent;
  }
}
.gwds-tab > a:hover,
.gwds-tab > button:hover {
  color: var(--gw-color-brand-primary-900);
}
@media only screen and (min-width: 940px) {
  .gwds-tab > a::after,
.gwds-tab > button::after {
    background-color: var(--gw-color-brand-primary-100);
    border-radius: var(--gw-shape-thin-rounded);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 5px;
    transition: var(--gw-base-transition);
    transition-property: opacity;
  }
}
.gwds-tab > a.active, .gwds-tab > a[data-state=active],
.gwds-tab > button.active,
.gwds-tab > button[data-state=active] {
  color: var(--gw-color-brand-primary-900);
  background-color: var(--gw-color-brand-primary);
}
@media only screen and (min-width: 940px) {
  .gwds-tab > a.active, .gwds-tab > a[data-state=active],
.gwds-tab > button.active,
.gwds-tab > button[data-state=active] {
    background-color: transparent;
  }
}
@media only screen and (min-width: 940px) {
  .gwds-tab > a.active::after, .gwds-tab > a[data-state=active]::after,
.gwds-tab > button.active::after,
.gwds-tab > button[data-state=active]::after {
    background-color: var(--gw-color-brand-primary);
    opacity: 1;
  }
}
[data-variant=pill] .gwds-tab > a,
[data-variant=pill] .gwds-tab > button {
  background: none;
}
[data-variant=pill] .gwds-tab > a.active, [data-variant=pill] .gwds-tab > a[data-state=active],
[data-variant=pill] .gwds-tab > button.active,
[data-variant=pill] .gwds-tab > button[data-state=active] {
  border-radius: 30px;
  background-color: var(--gw-color-brand-primary-100);
}
@media only screen and (min-width: 940px) {
  [data-variant=pill] .gwds-tab > a.active, [data-variant=pill] .gwds-tab > a[data-state=active],
[data-variant=pill] .gwds-tab > button.active,
[data-variant=pill] .gwds-tab > button[data-state=active] {
    background-color: transparent;
  }
}
@media only screen and (min-width: 940px) {
  [data-variant=pill] .gwds-tab > a.active::after, [data-variant=pill] .gwds-tab > a[data-state=active]::after,
[data-variant=pill] .gwds-tab > button.active::after,
[data-variant=pill] .gwds-tab > button[data-state=active]::after {
    background-color: var(--gw-color-brand-primary);
    opacity: 1;
  }
}
.gwds-tab.asLink > a,
.gwds-tab.asLink > button {
  text-decoration: underline;
}

.gwds-field {
  display: block;
  width: 100%;
  padding-right: 40px;
}
.gwds-field > label {
  display: block;
  margin-bottom: 16px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: 400;
  color: var(--gw-color-neutral-500);
  font-style: normal;
  letter-spacing: 0.3px;
}
.gwds-field > div.input-wrapper {
  position: relative;
}
.gwds-field > div.input-wrapper > .gwds-icon {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--gw-color-accent1-shade1);
}
.gwds-field > div.input-wrapper > button.action {
  --gwds-field-button-color: var(--gw-color-neutral-900);
  --gwds-field-button-hover-color: var(--gw-color-brand-primary-500);
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%) scale(var(--gwds-field-button-scale-hover, 1));
  transition: transform 0.2s ease;
  display: block;
  border: none;
  cursor: pointer;
  padding: 0;
}
.gwds-field > div.input-wrapper > button.action > .gwds-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: var(--gwds-field-button-color);
  transition: background-color var(--gw-base-transition);
}
.gwds-field > div.input-wrapper > button.action:hover > .gwds-icon {
  background-color: var(--gwds-field-button-hover-color);
}
.gwds-field > div.input-wrapper > button.action:not(.gwds-btn) {
  background-color: transparent;
}
.gwds-field > div.input-wrapper > button.action.gwds-btn {
  width: 40px;
  height: 40px;
  padding: 8px;
}
.gwds-field > div.input-wrapper > button.action.gwds-btn:hover {
  --gwds-field-button-scale-hover: 0.9;
}
.gwds-field > div.input-wrapper > button.action.gwds-btn > .gwds-icon {
  margin: 0;
}
.gwds-field > div.input-wrapper > input,
.gwds-field > div.input-wrapper > textarea {
  display: block;
  width: 100%;
  font-family: var(--gwds-font-family);
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 1%;
  border-radius: var(--gw-shape-thin-rounded);
  padding: 15px 25px 14px 25px;
  border: 1px solid transparent;
  border-color: var(--gw-color-accent1-shade2);
  background-color: #fff;
  outline: none;
  color: var(--gw-color-neutral-700);
  box-shadow: 2px 2px 0px var(--gw-color-accent1-shade3);
  transition: color var(--gw-base-transition);
}
.gwds-field > div.input-wrapper > input:hover,
.gwds-field > div.input-wrapper > textarea:hover {
  border-color: var(--gw-color-brand-primary);
}
.gwds-field > div.input-wrapper > input:not(:placeholder-shown),
.gwds-field > div.input-wrapper > textarea:not(:placeholder-shown) {
  border-color: var(--gw-color-brand-primary);
}
.gwds-field > div.input-wrapper > input:focus,
.gwds-field > div.input-wrapper > textarea:focus {
  border-color: var(--gw-color-brand-primary);
  box-shadow: 0px 0px 2px 2px var(--gw-color-brand-primary-100);
}
.gwds-field > div.input-wrapper > input:focus::placeholder, .gwds-field > div.input-wrapper > input:focus::-webkit-input-placeholder,
.gwds-field > div.input-wrapper > textarea:focus::placeholder,
.gwds-field > div.input-wrapper > textarea:focus::-webkit-input-placeholder {
  color: var(--gw-color-neutral-700);
}
.gwds-field > div.input-wrapper > input::placeholder, .gwds-field > div.input-wrapper > input::-webkit-input-placeholder,
.gwds-field > div.input-wrapper > textarea::placeholder,
.gwds-field > div.input-wrapper > textarea::-webkit-input-placeholder {
  color: var(--gw-color-neutral-100);
}
.gwds-field > div.input-wrapper > input:disabled,
.gwds-field > div.input-wrapper > textarea:disabled {
  background-color: var(--gw-color-neutral-25);
  color: var(--gw-color-neutral-100);
  pointer-events: none;
}
.gwds-field > div.input-wrapper > input:disabled::placeholder, .gwds-field > div.input-wrapper > input:disabled::-webkit-input-placeholder,
.gwds-field > div.input-wrapper > textarea:disabled::placeholder,
.gwds-field > div.input-wrapper > textarea:disabled::-webkit-input-placeholder {
  color: var(--gw-color-neutral-100);
}
.gwds-field > div.input-wrapper > input.hasError,
.gwds-field > div.input-wrapper > textarea.hasError {
  border-color: var(--gw-color-danger);
}
.gwds-field > div.input-wrapper > textarea {
  padding: 20px 25px 14px 25px;
}
.gwds-field > div.input-wrapper > button.action + input,
.gwds-field > div.input-wrapper > button.action + textarea {
  padding-right: 50px;
}
.gwds-field > div.input-wrapper > .gwds-icon + input,
.gwds-field > div.input-wrapper > .gwds-icon + textarea {
  padding-left: 50px;
}
.gwds-field > div.input-wrapper > input:nth-child(3),
.gwds-field > div.input-wrapper > textarea:nth-child(3) {
  padding-right: 50px;
  padding-left: 50px;
}
.gwds-field > div.input-wrapper:after {
  content: "";
  display: none;
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url(/svg/stack/svg/sprite.stack.svg#_circle-exclamation--danger);
  background-repeat: no-repeat;
}
.gwds-field.rounded .input-wrapper > input {
  border-radius: 100px;
  padding: 18px 25px 17px 25px;
}
.gwds-field.rounded .action.gwds-btn {
  right: 10px;
}
.gwds-field.rounded.gwds-field > div.input-wrapper:after {
  right: -27px;
}
@media only screen and (min-width: 940px) {
  .gwds-field.rounded .input-wrapper > input {
    border-radius: 100px;
    padding: 25px 25px 24px 25px;
  }
  .gwds-field.rounded .action.gwds-btn {
    right: 20px;
  }
  .gwds-field.rounded.gwds-field > div.input-wrapper:after {
    right: -30px;
  }
}
.gwds-field > span.error-msg {
  margin-top: 12px;
  display: none;
  color: var(--gw-color-danger);
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: 400;
  font-style: normal;
}
.gwds-field.hasError > div.input-wrapper > input,
.gwds-field.hasError > div.input-wrapper > textarea {
  border-color: var(--gw-color-danger);
}
.gwds-field.hasError > div.input-wrapper:after {
  display: block;
}
.gwds-field.hasError > span.error-msg {
  display: block;
}
.gwds-field.size-lg > label {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.4px;
}
.gwds-field.isCompleted > div.input-wrapper > input {
  padding-right: 55px;
}
.gwds-field.isCompleted > div.input-wrapper > button.action {
  right: 55px;
}
.gwds-field.isCompleted > div.input-wrapper > button.action + input {
  padding-right: 85px;
}
.gwds-field.isCompleted > div.input-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  border-radius: 1000px;
  width: 24px;
  height: 24px;
  background-color: var(--gw-color-brand-primary);
  background-image: url("/svg/stack/svg/sprite.stack.svg#_check-white");
  background-size: 12px 12px;
  background-position: center center;
  background-repeat: no-repeat;
}

.gwds-field-input {
  display: block;
  width: 100%;
  font-family: var(--gwds-font-family);
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 1%;
  border-radius: var(--gw-shape-thin-rounded);
  padding: 15px 25px 14px 25px;
  border: 1px solid transparent;
  border-color: var(--gw-color-accent1-shade2);
  background-color: #fff;
  outline: none;
  color: var(--gw-color-neutral-700);
  box-shadow: 2px 2px 0px var(--gw-color-accent1-shade3);
  transition: color var(--gw-base-transition);
}
.gwds-field-input:hover {
  border-color: var(--gw-color-brand-primary);
}
.gwds-field-input:not(:placeholder-shown) {
  border-color: var(--gw-color-brand-primary);
}
.gwds-field-input:focus {
  border-color: var(--gw-color-brand-primary);
  box-shadow: 0px 0px 2px 2px var(--gw-color-brand-primary-100);
}
.gwds-field-input:focus::placeholder, .gwds-field-input:focus::-webkit-input-placeholder {
  color: var(--gw-color-neutral-700);
}
.gwds-field-input::placeholder, .gwds-field-input::-webkit-input-placeholder {
  color: var(--gw-color-neutral-100);
}
.gwds-field-input:disabled {
  background-color: var(--gw-color-neutral-25);
  color: var(--gw-color-neutral-100);
  pointer-events: none;
}
.gwds-field-input:disabled::placeholder, .gwds-field-input:disabled::-webkit-input-placeholder {
  color: var(--gw-color-neutral-100);
}
.gwds-field-input.hasError {
  border-color: var(--gw-color-danger);
}

.choices {
  position: relative;
  margin-bottom: 24px;
  font-size: 16px;
}

.choices:focus {
  outline: 0;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.5;
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #00bcd4;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}

.choices[data-type*=select-one]:after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

.choices[data-type*=select-one].is-open:after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}

.choices[data-type*=select-one][dir=rtl]:after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin: 0 -4px 0 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7;
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00bcd4;
  border: 1px solid #00a5bb;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191;
}

.choices__list--dropdown {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

.choices__list--dropdown.is-active {
  visibility: visible;
}

.is-open .choices__list--dropdown {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}

[dir=rtl] .choices__list--dropdown .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable {
    padding-right: 100px;
  }

  .choices__list--dropdown .choices__item--selectable:after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  [dir=rtl] .choices__list--dropdown .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }

  [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus,
.choices__input:focus {
  outline: 0;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

.gwds-dropdown {
  padding-right: 40px;
}
.gwds-dropdown label {
  display: block;
  margin-bottom: 16px;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: 400;
  color: var(--gw-color-neutral-500);
  font-style: normal;
  letter-spacing: 0.3px;
}
.gwds-dropdown .choices {
  position: relative;
  border-radius: var(--gw-shape-thin-rounded);
  margin-bottom: 0;
}
.gwds-dropdown .choices:before {
  content: "";
  display: none;
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url(/svg/stack/svg/sprite.stack.svg#_circle-exclamation--danger);
  background-repeat: no-repeat;
}
.gwds-dropdown .choices:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(/svg/stack/svg/sprite.stack.svg#chevron-down);
  border: none;
  width: 12px;
  height: 12px;
  top: 50%;
  right: 23.5px;
  transform: translateY(-50%);
  margin: 0;
  transition: transform var(--gw-base-transition);
}
.gwds-dropdown .choices .choices__placeholder {
  opacity: 1;
  color: var(--gw-color-neutral-100);
}
.gwds-dropdown .choices .choices__inner {
  border-color: var(--gw-color-accent1-shade2);
  color: var(--gw-color-neutral-700);
  font-family: var(--gwds-font-family);
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 1%;
  border-radius: var(--gw-shape-thin-rounded);
  padding: 14px 40px 13.7px 25px;
  background-color: var(--gw-color-white);
}
.gwds-dropdown .choices .choices__inner .choices__input {
  background-color: var(--gw-color-white);
  margin-bottom: 0px;
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown {
  border: none;
  background-color: transparent;
  z-index: var(--gw-z-dropdowns);
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown:after, .gwds-dropdown .choices .choices__list.choices__list--dropdown:before {
  left: 55px;
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 0px;
  border-right: solid 20px transparent;
  border-left: solid 20px transparent;
  border-bottom: solid 12px var(--gw-color-white);
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown:after {
  top: -12px;
  border-bottom-color: var(--gw-color-white);
  z-index: calc(var(--gw-z-dropdowns) + 1);
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown:before {
  top: -13px;
  border-bottom-color: var(--gw-color-accent1-shade3);
  z-index: var(--gw-z-dropdowns);
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown[aria-expanded=true] {
  padding: 26px;
  border-radius: var(--gw-shape-thin-rounded);
  border-color: var(--gw-color-accent1-shade3);
  border-width: 1px;
  border-style: solid;
  box-shadow: var(--gw-shadow-20-light);
  z-index: var(--gw-z-dropdowns);
  background-color: var(--gw-color-white);
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown .choices__group + .choices__item:before {
  display: none;
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown .choices__item {
  font-size: 1.2rem;
  padding: 12px 23px;
  position: relative;
  border-radius: calc(var(--gw-shape-thin-rounded) / 2);
  background-color: transparent;
  transition: background-color var(--gw-base-transition);
  white-space: normal;
  word-break: normal;
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown .choices__item:before {
  transition: background-color var(--gw-base-transition);
  content: "";
  display: block;
  background-color: var(--gw-color-accent1-shade3);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown .choices__item:first-child:before {
  display: none;
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown .choices__item.is-highlighted {
  background-color: var(--gw-color-brand-primary-100);
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown .choices__item.is-highlighted:before {
  display: none;
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown .choices__item.is-highlighted + .choices__item:before {
  display: none;
}
.gwds-dropdown .choices .choices__list.choices__list--dropdown.is-active {
  overflow: visible;
}
.gwds-dropdown .choices.is-open:after {
  margin: 0;
  transform: translateY(-50%) rotate(180deg);
}
.gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown {
  margin-top: 18px;
}
.gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search] {
  display: block;
  width: 100%;
  font-family: var(--gwds-font-family);
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 1%;
  border-radius: var(--gw-shape-thin-rounded);
  padding: 15px 25px 14px 25px;
  border: 1px solid transparent;
  border-color: var(--gw-color-accent1-shade2);
  background-color: #fff;
  outline: none;
  color: var(--gw-color-neutral-700);
  box-shadow: 2px 2px 0px var(--gw-color-accent1-shade3);
  transition: color var(--gw-base-transition);
}
.gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search]:hover {
  border-color: var(--gw-color-brand-primary);
}
.gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search]:not(:placeholder-shown) {
  border-color: var(--gw-color-brand-primary);
}
.gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search]:focus {
  border-color: var(--gw-color-brand-primary);
  box-shadow: 0px 0px 2px 2px var(--gw-color-brand-primary-100);
}
.gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search]:focus::placeholder, .gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search]:focus::-webkit-input-placeholder {
  color: var(--gw-color-neutral-700);
}
.gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search]::placeholder, .gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search]::-webkit-input-placeholder {
  color: var(--gw-color-neutral-100);
}
.gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search]:disabled {
  background-color: var(--gw-color-neutral-25);
  color: var(--gw-color-neutral-100);
  pointer-events: none;
}
.gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search]:disabled::placeholder, .gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search]:disabled::-webkit-input-placeholder {
  color: var(--gw-color-neutral-100);
}
.gwds-dropdown .choices.is-open .choices__list.choices__list--dropdown input[type*=search].hasError {
  border-color: var(--gw-color-danger);
}
.gwds-dropdown .choices.is-open .choices__group[data-value=Default] {
  display: none;
}
.gwds-dropdown .choices.is-open .choices__group[data-value=Default] + .choices__item {
  display: none;
}
.gwds-dropdown .choices.is-focused .choices__inner {
  box-shadow: 0px 0px 2px 2px var(--gw-color-brand-primary-100);
  border-color: var(--gw-color-brand-primary);
}
.gwds-dropdown .choices.is-flipped .choices__list.choices__list--dropdown {
  margin-bottom: 18px;
}
.gwds-dropdown .choices.is-flipped .choices__list.choices__list--dropdown:after, .gwds-dropdown .choices.is-flipped .choices__list.choices__list--dropdown:before {
  top: initial;
  transform: rotate(180deg);
}
.gwds-dropdown .choices.is-flipped .choices__list.choices__list--dropdown:after {
  bottom: -12px;
}
.gwds-dropdown .choices.is-flipped .choices__list.choices__list--dropdown:before {
  bottom: -13px;
}
.gwds-dropdown .choices:hover .choices__inner {
  border-color: var(--gw-color-brand-primary);
}
.gwds-dropdown .choices.is-disabled .choices__inner {
  background-color: var(--gw-color-neutral-25);
  color: var(--gw-color-neutral-100);
}
.gwds-dropdown .choices[data-type*=select-multiple] .choices__inner, .gwds-dropdown .choices[data-type*=text] .choices__inner {
  padding: 7px 25px 4px 15px;
}
.gwds-dropdown .choices[data-type*=select-multiple] .choices__inner .choices__list.choices__list--multiple .choices__item, .gwds-dropdown .choices[data-type*=text] .choices__inner .choices__list.choices__list--multiple .choices__item {
  background-color: var(--gw-color-brand-primary-300);
  border: none;
  padding: 9px 10px 10px 14px;
  color: var(--gw-color-brand-primary-500);
}
.gwds-dropdown .choices[data-type*=select-multiple] .choices__inner .choices__list.choices__list--multiple .choices__item button, .gwds-dropdown .choices[data-type*=text] .choices__inner .choices__list.choices__list--multiple .choices__item button {
  background-image: url(/svg/stack/svg/sprite.stack.svg#_x--brand-primary-700);
  border-left-color: var(--gw-color-brand-primary-500);
}
.gwds-dropdown .choices[data-type*=text] .choices__list.choices__list--dropdown:after, .gwds-dropdown .choices[data-type*=text] .choices__list.choices__list--dropdown:before {
  display: none;
}
.gwds-dropdown .choices[data-type*=text]:after {
  display: none;
}
.gwds-dropdown > span.error-msg {
  margin-top: 12px;
  display: none;
  color: var(--gw-color-danger);
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: 400;
  font-style: normal;
}
.gwds-dropdown.size-lg > label {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.4px;
}
.gwds-dropdown.hasError .choices:before {
  display: block;
}
.gwds-dropdown.hasError .choices .choices__inner {
  border-color: var(--gw-color-danger);
}
.gwds-dropdown.hasError > span.error-msg {
  display: block;
}
.gwds-dropdown.isCompleted .choices:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  border-radius: 1000px;
  width: 24px;
  height: 24px;
  background-color: var(--gw-color-brand-primary);
  background-image: url("/svg/stack/svg/sprite.stack.svg#_check-white");
  background-size: 12px 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
.gwds-dropdown.isCompleted .choices .choices__inner {
  padding-right: 50px;
}
.gwds-dropdown.isCompleted .choices[data-type*=select]:before {
  right: 45px;
}
.gwds-dropdown.isCompleted .choices[data-type*=select] .choices__inner {
  padding-right: 75px;
}
.gwds-dropdown.compact .choices__heading {
  font-size: 1.4rem;
  color: var(--gw-color-black);
  border-color: var(--gw-color-accent1-shade2);
  margin-top: 14px;
  margin-bottom: 14px;
  padding-left: 23px;
}
.gwds-dropdown.compact .choices__list.choices__list--dropdown[aria-expanded=true] {
  padding: 13px;
}
.gwds-dropdown.compact .choices__list.choices__list--dropdown:before, .gwds-dropdown.compact .choices__list.choices__list--dropdown:after {
  display: none;
}
.gwds-dropdown.compact .choices__list.choices__list--dropdown .choices__item {
  padding-top: 9px;
  padding-bottom: 9px;
  color: var(--gw-color-neutral-500);
}
.gwds-dropdown.compact .choices__list.choices__list--dropdown .choices__item > .list-item {
  display: block;
  position: relative;
}
.gwds-dropdown.compact .choices__list.choices__list--dropdown .choices__item > .list-item:before {
  content: "•";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.gwds-dropdown.compact .choices:after {
  display: none;
}
.gwds-dropdown.compact .choices .choices__inner {
  border: none;
  background: transparent;
  display: inline-block;
  width: auto;
  position: relative;
  border-radius: 0;
  padding-left: 14px;
}
.gwds-dropdown.compact .choices .choices__inner .choices__list:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(/svg/stack/svg/sprite.stack.svg#chevron-down);
  border: none;
  width: 12px;
  height: 12px;
  top: 50%;
  right: 23.5px;
  transform: translateY(-50%);
  margin: 0;
  transition: transform var(--gw-base-transition);
}
.gwds-dropdown.compact.divider--left .choices__inner:before {
  transition: opacity 0.2s ease;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 60%;
  width: 1px;
  background-color: var(--gw-color-brand-primary);
  left: 0;
}
.gwds-dropdown.compact.divider--right .choices__inner:after {
  transition: opacity 0.2s ease;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 60%;
  width: 1px;
  background-color: var(--gw-color-brand-primary);
  right: 0;
}
.gwds-dropdown.compact[class*=divider] .is-focused .choices__inner:before, .gwds-dropdown.compact[class*=divider] .is-focused .choices__inner:after {
  opacity: 0;
}
.gwds-dropdown.compact .is-open .choices__list.choices__list--dropdown,
.gwds-dropdown.compact .is-flipped .choices__list.choices__list--dropdown {
  margin-bottom: 0;
  margin-top: 0;
}
.gwds-dropdown.compact .is-open .choices__inner .choices__list:after {
  margin: 0;
  transform: translateY(-50%) rotate(180deg);
}

.gwds-checkbox {
  display: inline-flex;
  position: relative;
  min-width: 24px;
  min-height: 24px;
  align-items: center;
}
.gwds-checkbox > input {
  opacity: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 1;
}
.gwds-checkbox > input:checked + span.check {
  background-color: var(--gw-color-brand-primary);
  border-color: var(--gw-color-brand-primary);
}
.gwds-checkbox > input:focus + span.check:after {
  border-color: var(--gw-color-brand-primary-100);
}
.gwds-checkbox > input:hover + span.check {
  border-color: var(--gw-color-brand-primary);
}
.gwds-checkbox > input:disabled + span.check {
  border-color: var(--gw-color-neutral-50);
  background-color: var(--gw-color-neutral-50);
}
.gwds-checkbox > input:disabled + span.check:before {
  display: none;
}
.gwds-checkbox > input:disabled:checked + span.check {
  border-color: var(--gw-color-neutral-50);
  background-color: var(--gw-color-neutral-50);
}
.gwds-checkbox > input:disabled:checked + span.check:before {
  display: block;
}
.gwds-checkbox > input:disabled ~ label {
  color: var(--gw-color-neutral-100);
}
.gwds-checkbox.hasError > input:checked + span.check {
  background-color: var(--gw-color-danger);
  border-color: var(--gw-color-danger);
}
.gwds-checkbox.hasError > input:focus + span.check:after {
  border-color: var(--gw-color-danger-shade3);
}
.gwds-checkbox.hasError > input:hover + span.check {
  border-color: var(--gw-color-danger);
}
.gwds-checkbox.hasError > span.check {
  border-color: var(--gw-color-danger-shade2);
}
.gwds-checkbox > span.check {
  transition: all var(--gw-base-transition);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  background-color: var(--gw-color-white);
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--gw-color-accent1-shade2);
  box-sizing: border-box;
}
.gwds-checkbox > span.check:before {
  content: "";
  display: block;
  background-image: url(/svg/stack/svg/sprite.stack.svg#_check-white);
  background-repeat: no-repeat;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
}
.gwds-checkbox > span.check:after {
  transition: all var(--gw-base-transition);
  position: absolute;
  content: "";
  background-color: transparent;
  top: -5px;
  left: -5px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--gw-shape-thinner-rounded);
  width: 30px;
  height: 30px;
  box-sizing: border-box;
}
.gwds-checkbox > label {
  display: inline-block;
  margin-left: 30px;
}
.gwds-checkbox > .alt-html {
  display: inline-block;
  margin-left: 30px;
}

.gwds-radio {
  display: inline-flex;
  position: relative;
}
.gwds-radio > input {
  opacity: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 1;
  top: -4px;
  left: 0;
}
.gwds-radio > input:checked + span.radio {
  background-color: var(--gw-color-brand-primary);
  border-color: var(--gw-color-brand-primary);
}
.gwds-radio > input:checked + span.radio:before {
  transform: translate(-50%, -50%) scale(1);
}
.gwds-radio > input:focus + span.radio:after {
  border-color: var(--gw-color-brand-primary-100);
}
.gwds-radio > input:disabled + span.radio {
  border-color: var(--gw-color-neutral-50);
  background-color: var(--gw-color-neutral-50);
}
.gwds-radio > input:disabled + span.radio:before {
  display: none;
}
.gwds-radio > input:disabled:checked + span.radio {
  border-color: var(--gw-color-neutral-50);
  background-color: var(--gw-color-neutral-50);
}
.gwds-radio > input:disabled:checked + span.radio:before {
  display: block;
  box-shadow: none;
}
.gwds-radio > input:disabled ~ label {
  color: var(--gw-color-neutral-100);
}
.gwds-radio.hasError > input:checked + span.radio {
  background-color: var(--gw-color-danger);
  border-color: var(--gw-color-danger);
}
.gwds-radio.hasError > input:focus + span.radio:after {
  border-color: var(--gw-color-danger-shade3);
}
.gwds-radio.hasError > input:hover + span.radio {
  border-color: var(--gw-color-danger);
}
.gwds-radio.hasError > span.radio {
  border-color: var(--gw-color-danger-shade2);
}
.gwds-radio.hasError > span.radio:before {
  box-shadow: 0px 4px 4px var(--gw-color-danger-shade1);
}
.gwds-radio > span.radio {
  transition: all var(--gw-base-transition);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--gw-color-brand-primary);
  border-radius: 100%;
  background-color: var(--gw-color-white);
  box-sizing: border-box;
}
.gwds-radio > span.radio:before {
  transition: all var(--gw-base-transition);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 12px;
  height: 12px;
  background-color: var(--gw-color-white);
  border-radius: 100%;
  box-shadow: 0px 4px 4px var(--gw-color-brand-primary-700);
}
.gwds-radio > span.radio:after {
  transition: all var(--gw-base-transition);
  position: absolute;
  content: "";
  background-color: transparent;
  top: -5px;
  left: -5px;
  transition: var(--gw-base-transition);
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
}
.gwds-radio > label {
  display: inline-block;
  margin-left: 30px;
}

.gwds-toggle {
  position: relative;
  display: flex;
  align-items: center;
}
.gwds-toggle > input {
  opacity: 0;
  width: 0;
  height: 0;
  outline: 0;
}
.gwds-toggle > input:hover + .toggle-slider {
  border-color: var(--gw-color-brand-primary-300);
  background-color: var(--gw-color-brand-primary-300);
}
.gwds-toggle > input:checked + .toggle-slider {
  background-color: var(--gw-color-brand-primary);
  border-color: var(--gw-color-brand-primary);
}
.gwds-toggle > input:checked + .toggle-slider:before {
  transform: translateX(24px);
  box-shadow: 0px 1px 6px var(--gw-color-brand-primary-500);
}
.gwds-toggle > input:focus + .toggle-slider:after {
  border-color: var(--gw-color-brand-primary-100);
}
.gwds-toggle > input:disabled + .toggle-slider {
  background-color: var(--gw-color-neutral-50);
  border-color: var(--gw-color-neutral-50);
}
.gwds-toggle > input:disabled + .toggle-slider:before {
  box-shadow: none;
}
.gwds-toggle.hasError > input:checked + .toggle-slider {
  background-color: var(--gw-color-danger);
  border-color: var(--gw-color-danger);
}
.gwds-toggle.hasError > input:checked + .toggle-slider:before {
  box-shadow: 0px 1px 6px var(--gw-color-danger-shade1);
}
.gwds-toggle.hasError > input:focus + .toggle-slider:after {
  border-color: var(--gw-color-danger-shade3);
}
.gwds-toggle.hasError > input:hover + .toggle-slider {
  border-color: var(--gw-color-danger);
  background-color: var(--gw-color-danger);
}
.gwds-toggle.hasError > .toggle-slider {
  border-color: var(--gw-color-danger-shade2);
  background-color: var(--gw-color-danger-shade2);
}
.gwds-toggle.hasError > .toggle-slider:before {
  box-shadow: 1px 2px 2px var(--gw-color-danger-shade1);
}
.gwds-toggle > .toggle-label {
  display: inline-block;
}
.gwds-toggle > .toggle-label:first-child {
  margin-right: 10px;
}
.gwds-toggle > .toggle-label:last-child {
  margin-left: 10px;
}
.gwds-toggle > .toggle-slider {
  display: inline-block;
  position: relative;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 24px;
  flex-basis: 48px;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--gw-color-accent1-shade2);
  -webkit-transition: 0.4s;
  transition: var(--gw-base-transition);
  border-style: solid;
  border-width: 2px;
  border-color: var(--gw-color-accent1-shade2);
  border-radius: 12px;
}
.gwds-toggle > .toggle-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: var(--gw-color-white);
  transition: var(--gw-base-transition);
  border-radius: 50%;
  box-shadow: 1px 2px 2px var(--gw-color-neutral-300);
}
.gwds-toggle > .toggle-slider:after {
  position: absolute;
  content: "";
  background-color: transparent;
  top: -5px;
  left: -5px;
  transition: var(--gw-base-transition);
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: 16px;
  width: 50px;
  height: 26px;
}

div.gwds-track-toggle {
  display: grid;
  justify-content: stretch;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  position: relative;
  z-index: 2;
  border-radius: var(--gw-shape-thin-rounded);
  background-color: var(--gw-color-neutral-25);
  box-shadow: inset 0px 0px 3px rgba(137, 143, 144, 0.15);
  cursor: pointer;
}
div.gwds-track-toggle > div.track {
  position: absolute;
  z-index: 2;
  border-radius: var(--gw-shape-thin-rounded);
  width: 50%;
  background: linear-gradient(89.7deg, #98dab4 0.22%, #9bdbb6 93.07%);
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  transition: left var(--gw-base-transition);
}
div.gwds-track-toggle > span {
  position: relative;
  z-index: 4;
  display: block;
  min-width: 160px;
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.01em;
  padding: 16px 16px;
  transition: color var(--gw-base-transition);
}
@media only screen and (min-width: 620px) {
  div.gwds-track-toggle > span {
    padding: 16px 32px;
    min-width: 190px;
  }
}
div.gwds-track-toggle.isOnA > div.track {
  left: 0;
}
div.gwds-track-toggle.isOnA > span.labelB {
  color: var(--gw-color-neutral-300);
}
div.gwds-track-toggle.isOnB > div.track {
  left: 50%;
}
div.gwds-track-toggle.isOnB > span.labelA {
  color: var(--gw-color-neutral-300);
}

.gwds-underlined-title {
  color: var(--gw-color-neutral-700);
  display: inline-block;
  font-size: 2.8rem;
  line-height: 3.2rem;
  font-weight: 600;
  position: relative;
  width: auto;
}
.gwds-underlined-title::after {
  content: "";
  position: absolute;
  background-color: var(--gw-color-brand-primary);
  left: 0;
  width: 100%;
  height: 15px;
  opacity: 0.5;
  bottom: -5px;
  z-index: -1;
}
.gwds-underlined-title > span.light {
  font-weight: 300;
}
.gwds-underlined-title.offset::after {
  top: 18px;
  bottom: initial;
}
.gwds-underlined-title.color-brand-primary-50::after {
  background-color: var(--gw-color-brand-primary-50);
}
.gwds-underlined-title.color-brand-primary-100::after {
  background-color: var(--gw-color-brand-primary-100);
}
.gwds-underlined-title.color-brand-primary-300::after {
  background-color: var(--gw-color-brand-primary-300);
}
.gwds-underlined-title.color-brand-primary::after {
  background-color: var(--gw-color-brand-primary);
}
.gwds-underlined-title.color-brand-primary-500::after {
  background-color: var(--gw-color-brand-primary-500);
}
.gwds-underlined-title.color-brand-primary-700::after {
  background-color: var(--gw-color-brand-primary-700);
}
.gwds-underlined-title.color-black::after {
  background-color: var(--gw-color-black);
}
.gwds-underlined-title.color-neutral-900::after {
  background-color: var(--gw-color-neutral-900);
}
.gwds-underlined-title.color-neutral-700::after {
  background-color: var(--gw-color-neutral-700);
}
.gwds-underlined-title.color-neutral-500::after {
  background-color: var(--gw-color-neutral-500);
}
.gwds-underlined-title.color-neutral-300::after {
  background-color: var(--gw-color-neutral-300);
}
.gwds-underlined-title.color-neutral-100::after {
  background-color: var(--gw-color-neutral-100);
}
.gwds-underlined-title.color-neutral-50::after {
  background-color: var(--gw-color-neutral-50);
}
.gwds-underlined-title.color-neutral-25::after {
  background-color: var(--gw-color-neutral-25);
}
.gwds-underlined-title.color-neutral-20::after {
  background-color: var(--gw-color-neutral-20);
}
.gwds-underlined-title.color-white::after {
  background-color: var(--gw-color-white);
}
.gwds-underlined-title.color-gray::after {
  background-color: var(--gw-color-gray);
}
.gwds-underlined-title.color-danger::after {
  background-color: var(--gw-color-danger);
}
.gwds-underlined-title.color-danger-shade1::after {
  background-color: var(--gw-color-danger-shade1);
}
.gwds-underlined-title.color-danger-shade2::after {
  background-color: var(--gw-color-danger-shade2);
}
.gwds-underlined-title.color-danger-shade3::after {
  background-color: var(--gw-color-danger-shade3);
}
.gwds-underlined-title.color-accent1::after {
  background-color: var(--gw-color-accent1);
}
.gwds-underlined-title.color-accent1-shade1::after {
  background-color: var(--gw-color-accent1-shade1);
}
.gwds-underlined-title.color-accent1-shade2::after {
  background-color: var(--gw-color-accent1-shade2);
}
.gwds-underlined-title.color-accent1-shade3::after {
  background-color: var(--gw-color-accent1-shade3);
}
.gwds-underlined-title.color-accent2::after {
  background-color: var(--gw-color-accent2);
}
.gwds-underlined-title.color-accent2-shade1::after {
  background-color: var(--gw-color-accent2-shade1);
}
.gwds-underlined-title.color-accent2-shade2::after {
  background-color: var(--gw-color-accent2-shade2);
}
.gwds-underlined-title.color-accent2-shade3::after {
  background-color: var(--gw-color-accent2-shade3);
}
.gwds-underlined-title.color-accent3::after {
  background-color: var(--gw-color-accent3);
}
.gwds-underlined-title.color-accent3-shade1::after {
  background-color: var(--gw-color-accent3-shade1);
}
.gwds-underlined-title.color-accent3-shade2::after {
  background-color: var(--gw-color-accent3-shade2);
}
.gwds-underlined-title.color-accent3-shade3::after {
  background-color: var(--gw-color-accent3-shade3);
}
.gwds-underlined-title.color-accent4::after {
  background-color: var(--gw-color-accent4);
}
.gwds-underlined-title.color-accent4-shade1::after {
  background-color: var(--gw-color-accent4-shade1);
}
.gwds-underlined-title.color-accent4-shade2::after {
  background-color: var(--gw-color-accent4-shade2);
}
.gwds-underlined-title.color-accent4-shade3::after {
  background-color: var(--gw-color-accent4-shade3);
}
.gwds-underlined-title.color-accent5::after {
  background-color: var(--gw-color-accent5);
}
.gwds-underlined-title.color-accent5-shade1::after {
  background-color: var(--gw-color-accent5-shade1);
}
.gwds-underlined-title.color-accent5-shade2::after {
  background-color: var(--gw-color-accent5-shade2);
}
.gwds-underlined-title.color-accent5-shade3::after {
  background-color: var(--gw-color-accent5-shade3);
}
.gwds-underlined-title.color-accent6::after {
  background-color: var(--gw-color-accent6);
}
.gwds-underlined-title.color-accent6-shade1::after {
  background-color: var(--gw-color-accent6-shade1);
}
.gwds-underlined-title.color-accent6-shade2::after {
  background-color: var(--gw-color-accent6-shade2);
}
.gwds-underlined-title.color-accent6-shade3::after {
  background-color: var(--gw-color-accent6-shade3);
}
.gwds-underlined-title.color-accent7::after {
  background-color: var(--gw-color-accent7);
}
.gwds-underlined-title.color-accent7-shade1::after {
  background-color: var(--gw-color-accent7-shade1);
}
.gwds-underlined-title.color-accent7-shade2::after {
  background-color: var(--gw-color-accent7-shade2);
}
.gwds-underlined-title.color-accent7-shade3::after {
  background-color: var(--gw-color-accent7-shade3);
}
.gwds-underlined-title.color-accent8::after {
  background-color: var(--gw-color-accent8);
}
.gwds-underlined-title.color-accent8-shade1::after {
  background-color: var(--gw-color-accent8-shade1);
}
.gwds-underlined-title.color-accent8-shade2::after {
  background-color: var(--gw-color-accent8-shade2);
}
.gwds-underlined-title.color-accent8-shade3::after {
  background-color: var(--gw-color-accent8-shade3);
}

.gwds-video-card {
  display: block;
  text-decoration: none;
  width: 100%;
  border-radius: var(--gw-shape-thinner-rounded);
  overflow: hidden;
  box-shadow: var(--gw-shadow-40);
  color: currentColor;
  transition: box-shadow var(--gw-base-transition);
}
.gwds-video-card > div.image-container {
  min-height: 145px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 940px) {
  .gwds-video-card > div.image-container {
    min-height: 153px;
  }
}
.gwds-video-card > div.image-container > i {
  background-color: var(--gw-color-white);
  opacity: 0;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: opacity var(--gw-base-transition);
}
.gwds-video-card > div.image-container > div.image {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 145px;
  transition: transform var(--gw-base-transition);
}
@media only screen and (min-width: 940px) {
  .gwds-video-card > div.image-container > div.image {
    min-height: 153px;
  }
}
.gwds-video-card > div.content {
  padding: 23px 34px;
  min-height: 192px;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min-content min-content minmax(min-content, 100%);
  text-align: left;
}
@media only screen and (min-width: 940px) {
  .gwds-video-card > div.content {
    grid-template-rows: min-content min-content minmax(auto, 100%);
  }
}
.gwds-video-card > div.content > div.title-container {
  margin-bottom: 20px;
}
@media only screen and (min-width: 940px) {
  .gwds-video-card > div.content > div.title-container {
    margin-bottom: 10px;
  }
}
.gwds-video-card > div.content > div.title-container > .card-title {
  margin: 0;
}
.gwds-video-card > div.content > div.excerpt {
  font-size: 1.6rem;
  line-height: 1.8em;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 940px) {
  .gwds-video-card > div.content > div.excerpt {
    font-size: 1.2rem;
  }
}
.gwds-video-card > div.content > div.actions {
  margin-top: 15px;
  align-self: end;
}

a.gwds-video-card,
button.gwds-video-card {
  border: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}
a.gwds-video-card:hover,
button.gwds-video-card:hover {
  box-shadow: var(--gw-shadow-40--hover);
}
a.gwds-video-card:hover > div.image-container > i,
button.gwds-video-card:hover > div.image-container > i {
  opacity: 0.85;
}
a.gwds-video-card:hover > div.image-container > div.image,
button.gwds-video-card:hover > div.image-container > div.image {
  transform: scale(120%);
}

.gwds-course-card {
  text-decoration: none;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  text-align: left;
  border-radius: var(--gw-shape-thinner-rounded);
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  color: currentColor;
  box-shadow: var(--gw-shadow-40);
  transition: box-shadow var(--gw-base-transition), transform var(--gw-base-transition);
  min-height: 180px;
  width: 100%;
}
@media only screen and (min-width: 940px) {
  .gwds-course-card {
    min-height: 220px;
  }
}
.gwds-course-card > span.tag {
  position: absolute;
  top: 15px;
  left: 0px;
}
.gwds-course-card > div.content {
  background-image: var(--gw-gradient-horizontal-gray-3);
  background-size: 100% 100%;
  background-repeat: repeat-y;
  background-position: 0 0;
  padding: 64px 34px 20px 34px;
  color: var(--gw-color-white);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min-content min-content minmax(min-content, 100%);
  min-height: 180px;
}
@media only screen and (min-width: 940px) {
  .gwds-course-card > div.content {
    min-height: 220px;
    grid-template-rows: min-content min-content minmax(auto, 100%);
  }
}
.gwds-course-card > div.content > .super-title {
  margin: 0;
  margin-bottom: 8px;
  display: block;
  line-height: 1em;
  color: var(--gw-color-accent2-shade3);
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 0.3px;
  font-weight: 500;
}
.gwds-course-card > div.content > .title {
  display: block;
  margin: 0;
  margin-bottom: 18px;
}
.gwds-course-card > div.content > .course-duration {
  display: block;
  align-self: end;
}
.gwds-course-card > div.content > .completed-marker {
  opacity: 0;
  position: absolute;
  right: 15px;
  bottom: 18px;
  pointer-events: none;
  background-color: var(--gw-color-brand-primary);
}
.gwds-course-card > .course-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
}
.gwds-course-card > .course-progress-bar > .course-progress-marker {
  height: 10px;
  width: var(--completion-percentage);
  background-color: var(--gw-color-brand-primary);
}
.gwds-course-card.isComplete > .content > .completed-marker {
  opacity: 1;
  pointer-events: initial;
}

a.gwds-course-card:hover,
button.gwds-course-card:hover {
  box-shadow: var(--gw-shadow-40--hover);
}
@media only screen and (min-width: 940px) {
  a.gwds-course-card:hover,
button.gwds-course-card:hover {
    transform: scale(110%);
  }
}

.gwds-content-card {
  border-radius: var(--gw-shape-thin-rounded);
  overflow: hidden;
  box-shadow: var(--gw-shadow-20-light);
  transition: box-shadow var(--gw-base-transition);
}
.gwds-content-card > div.title-section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  color: var(--gw-color-white);
  padding: 30px 44px;
}
.gwds-content-card > div.title-section:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: var(--gw-gradient-horizontal-gray-1);
}
.gwds-content-card > div.title-section > * {
  position: relative;
  z-index: 100;
}
.gwds-content-card > div.title-section > span.super-title {
  color: var(--gw-color-neutral-25);
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: 0.4px;
  margin-bottom: 4px;
  display: block;
}
.gwds-content-card > div.title-section > .card-title {
  color: var(--gw-color-white);
  margin: 0;
  font-weight: 600;
}
.gwds-content-card > div.title-section > .card-title > span.light {
  font-weight: 600;
}
.gwds-content-card > div.content-section {
  padding: 30px 44px;
  font-size: 1.6rem;
  line-height: 2.2em;
}
@media only screen and (min-width: 940px) {
  .gwds-content-card > div.content-section {
    font-size: 1.4rem;
  }
}
.gwds-content-card:hover {
  box-shadow: var(--gw-shadow-20-light-hover);
}

.gwds-featured-course-card {
  border-radius: var(--gw-shape-thinner-rounded);
  overflow: hidden;
  position: relative;
  box-shadow: var(--gw-shadow-20);
  transition: box-shadow var(--gw-base-transition);
}
.gwds-featured-course-card > div.image {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: transform var(--gw-base-transition);
}
.gwds-featured-course-card > div.content {
  position: relative;
  z-index: 1;
  padding: 43px 53px 35px 53px;
  background-image: var(--gw-gradient-horizontal-gray-1);
  background-size: 100% 100%;
  background-repeat: repeat-y;
  background-position: 0 0;
  color: var(--gw-color-white);
  max-width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min-content min-content min-content min-content minmax(min-content, 100%);
}
@media only screen and (min-width: 940px) {
  .gwds-featured-course-card > div.content {
    grid-template-rows: min-content min-content min-content minmax(auto, 100%);
    grid-template-columns: minmax(min-content, 100%) 283px;
    grid-template-areas: "over-title cta" "title cta" "learn cta" "course-duration cta";
  }
}
.gwds-featured-course-card > div.content > div.over-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}
@media only screen and (min-width: 940px) {
  .gwds-featured-course-card > div.content > div.over-title {
    grid-area: over-title;
  }
}
.gwds-featured-course-card > div.content > div.over-title > span.tag {
  margin-right: 18px;
}
.gwds-featured-course-card > div.content > div.over-title > span.super-title {
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: 0.4px;
  color: var(--gw-color-accent2-shade3);
}
.gwds-featured-course-card > div.content > .title {
  align-self: start;
  margin: 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 940px) {
  .gwds-featured-course-card > div.content > .title {
    grid-area: title;
  }
}
.gwds-featured-course-card > div.content > div.learn {
  margin-bottom: 20px;
}
@media only screen and (min-width: 940px) {
  .gwds-featured-course-card > div.content > div.learn {
    grid-area: learn;
  }
}
.gwds-featured-course-card > div.content > div.learn > span.subtitle {
  display: inline-block;
  position: relative;
  font-size: 1.8rem;
  line-height: 1em;
  letter-spacing: 1px;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--gw-color-accent8-shade3);
}
@media only screen and (min-width: 940px) {
  .gwds-featured-course-card > div.content > div.learn > span.subtitle {
    font-size: 1.4rem;
  }
}
.gwds-featured-course-card > div.content > div.learn > span.subtitle:after {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--gw-color-brand-primary);
  left: 0;
  width: 100%;
  height: 15px;
  opacity: 0.5;
  bottom: -5px;
  z-index: -1;
  background-color: var(--gw-color-accent2-shade3);
  opacity: 0.24;
  height: 10px;
  left: 4px;
  z-index: 1;
}
.gwds-featured-course-card > div.content > div.learn > span.excerpt {
  padding-left: 24px;
  position: relative;
  display: block;
  font-weight: 1.6rem;
  line-height: 2em;
  font-weight: 400;
}
@media only screen and (min-width: 940px) {
  .gwds-featured-course-card > div.content > div.learn > span.excerpt {
    font-weight: 1.2rem;
  }
}
.gwds-featured-course-card > div.content > div.learn > span.excerpt > i {
  position: absolute;
  top: 7px;
  left: 0px;
  width: 17px;
  height: 17px;
  margin-right: 7px;
  background-color: var(--gw-color-accent4-shade2);
}
.gwds-featured-course-card > div.content > div.course-duration {
  margin-bottom: 30px;
}
@media only screen and (min-width: 940px) {
  .gwds-featured-course-card > div.content > div.course-duration {
    margin-bottom: 10px;
    grid-area: course-duration;
  }
}
.gwds-featured-course-card > div.content > div.cta {
  align-self: end;
  text-align: center;
}
@media only screen and (min-width: 940px) {
  .gwds-featured-course-card > div.content > div.cta {
    text-align: left;
    justify-self: stretch;
    grid-area: cta;
    padding-left: 56px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 940px) {
  .gwds-featured-course-card > div.content > div.cta > .gwds-btn {
    display: block;
    width: 100%;
  }
}
.gwds-featured-course-card > div.content > .completed-marker {
  opacity: 0;
  position: absolute;
  right: 15px;
  bottom: 18px;
  pointer-events: none;
}
.gwds-featured-course-card > .course-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  z-index: 10;
}
.gwds-featured-course-card > .course-progress-bar > .course-progress-marker {
  height: 10px;
  width: var(--completion-percentage);
  background-color: var(--gw-color-brand-primary);
}
.gwds-featured-course-card.isComplete > .content > .completed-marker {
  opacity: 1;
  pointer-events: initial;
}
.gwds-featured-course-card:hover {
  box-shadow: var(--gw-shadow-20--hover);
}
.gwds-featured-course-card:hover > div.image {
  transform: scale(110%);
}

.gwds-featured-video-card {
  display: block;
  text-decoration: none;
  width: 100%;
  border-radius: var(--gw-shape-thinner-rounded);
  overflow: hidden;
  box-shadow: var(--gw-shadow-40);
  color: currentColor;
  transition: box-shadow var(--gw-base-transition);
  position: relative;
}
.gwds-featured-video-card > div.image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: transform var(--gw-base-transition);
  z-index: -1;
}
.gwds-featured-video-card > div.content {
  padding: 57px 43px 40px 43px;
  min-height: 192px;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min-content min-content minmax(min-content, 100%);
  text-align: left;
  background-image: var(--gw-gradient-horizontal-gray-3);
  background-size: 100% 100%;
  background-repeat: repeat-y;
  background-position: 0 0;
}
@media only screen and (min-width: 940px) {
  .gwds-featured-video-card > div.content {
    grid-template-rows: min-content min-content minmax(auto, 100%);
  }
}
.gwds-featured-video-card > div.content > div.title-container {
  margin-bottom: 20px;
  position: relative;
  z-index: 10;
}
@media only screen and (min-width: 940px) {
  .gwds-featured-video-card > div.content > div.title-container {
    margin-bottom: 20px;
  }
}
.gwds-featured-video-card > div.content > div.title-container > .card-title {
  color: var(--gw-color-white);
  margin: 0;
  font-size: 3.2rem;
}
.gwds-featured-video-card > div.content > div.excerpt {
  color: var(--gw-color-white);
  font-size: 1.6rem;
  line-height: 1.8em;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
}
@media only screen and (min-width: 940px) {
  .gwds-featured-video-card > div.content > div.excerpt {
    font-size: 1.4rem;
  }
}
.gwds-featured-video-card > div.content > div.actions {
  margin-top: 15px;
  align-self: end;
}
.gwds-featured-video-card > div.content > div.actions > .cta {
  color: var(--gw-color-white);
}
.gwds-featured-video-card > div.content > div.actions > .cta > i {
  background-color: var(--gw-color-white);
  margin-left: 15px;
}
.gwds-featured-video-card:hover > div.image {
  transform: scale(110%);
}

a.gwds-featured-video-card,
button.gwds-featured-video-card {
  border: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}
a.gwds-featured-video-card:hover,
button.gwds-featured-video-card:hover {
  box-shadow: var(--gw-shadow-40--hover);
}
a.gwds-featured-video-card:hover > div.image-container > i,
button.gwds-featured-video-card:hover > div.image-container > i {
  opacity: 0.85;
}
a.gwds-featured-video-card:hover > div.image-container > div.image,
button.gwds-featured-video-card:hover > div.image-container > div.image {
  transform: scale(120%);
}

.gwds-main-card {
  border-radius: var(--gw-shape-thin-rounded);
  box-shadow: var(--gw-shadow-40);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  border: none;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}
.gwds-main-card > div.background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  transition: transform var(--gw-base-transition);
}
.gwds-main-card > div.background-image > span.gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-size: cover;
}
.gwds-main-card > div.background-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gwds-main-card > div.content {
  width: 100%;
  position: relative;
  z-index: 10;
  color: var(--gw-color-white);
  padding: 30px 20px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 100fr auto;
  grid-template-areas: "tags" "title" "desc" "ctas";
}
@media only screen and (min-width: 940px) {
  .gwds-main-card > div.content {
    padding: 50px;
  }
}
.gwds-main-card > div.content > div.tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 20px;
  grid-area: tags;
}
.gwds-main-card > div.content > div.tags > span.non-tag {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1em;
  letter-spacing: 0.4px;
}
.gwds-main-card > div.content > div.tags > span.non-tag > i {
  display: inline-block;
  margin-right: 8px;
}
.gwds-main-card > div.content > .title {
  display: block;
  grid-area: title;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.0714285714em;
  letter-spacing: 1px;
  margin: 0 0 10px;
}
@media only screen and (min-width: 940px) {
  .gwds-main-card > div.content > .title {
    font-size: 3.6rem;
    font-style: normal;
    line-height: 1.3571428571em;
    letter-spacing: 0.4px;
  }
}
.gwds-main-card > div.content > .description {
  grid-area: desc;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75em;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
}
.gwds-main-card > div.content > .ctas {
  margin-top: 20px;
  grid-area: ctas;
}
.gwds-main-card:hover > div.background-image {
  transform: scale(130%);
}
.gwds-main-card:hover > div.content > .ctas > button.gwds-btn {
  --gwds-btn--currentBgColor: var(--gw-color-brand-primary-300);
}
.gwds-main-card.__centered > div.content {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding-top: 38px;
  padding-bottom: 38px;
}
@media only screen and (min-width: 940px) {
  .gwds-main-card.__centered > div.content {
    justify-content: space-evenly;
    padding-top: 58px;
    padding-bottom: 58px;
  }
}

.gwds-side-card {
  text-decoration: none;
  padding: 20px;
  color: var(--gw-color-neutral-900);
  border-radius: var(--gw-shape-thin-rounded);
  box-shadow: var(--gw-shadow-40);
  background-image: var(--gw-gradient-white-card);
  border: 1px solid var(--gw-color-white);
  text-align: left;
  display: grid;
  gap: 20px;
  grid-template-columns: 100fr;
  grid-template-rows: auto auto auto min-content;
  grid-template-areas: "image" "tags" "title" "subtitle";
}
@media only screen and (min-width: 940px) {
  .gwds-side-card {
    grid-template-columns: 217fr 147fr;
    grid-template-rows: auto 100fr min-content;
    grid-template-areas: "tags image" "title image" "subtitle image";
    column-gap: 25px;
    row-gap: 12px;
    min-height: 170px;
  }
}
.gwds-side-card > .image-container,
.gwds-side-card > .video-container {
  display: block;
  border-radius: var(--gw-shape-thin-rounded);
  overflow: hidden;
  padding-top: 37%;
  position: relative;
  grid-area: image;
  border: none;
  background: transparent;
  text-align: left;
}
.gwds-side-card > .image-container > img,
.gwds-side-card > .video-container > img {
  position: absolute;
  object-fit: cover;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 10;
  transition: transform var(--gw-base-transition);
}
.gwds-side-card > .image-container:hover > img,
.gwds-side-card > .video-container:hover > img {
  transform: translate(-50%, -50%) scale(130%);
}
.gwds-side-card > button.image-container,
.gwds-side-card > button.video-container {
  cursor: pointer;
}
.gwds-side-card > div.tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  grid-area: tags;
}
.gwds-side-card > div.tags > span.non-tag {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1em;
  letter-spacing: 0.4px;
}
.gwds-side-card > div.tags > span.non-tag > i {
  display: inline-block;
  margin-right: 8px;
}
.gwds-side-card > .title {
  display: block;
  position: relative;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.2727272727em;
  letter-spacing: 0.3px;
  grid-area: title;
  text-decoration: none;
  align-self: center;
  color: var(--gw-color-neutral-900);
  border: none;
  background: transparent;
  text-align: left;
}
@media only screen and (min-width: 940px) {
  .gwds-side-card > .title {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.3333333333em;
  }
}
.gwds-side-card > .title:after {
  display: block;
  content: "";
  width: 0;
  height: 1px;
  background-color: var(--gw-color-brand-primary);
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: width var(--gw-base-transition);
}
.gwds-side-card > .title:hover:after {
  width: 100%;
}
.gwds-side-card > button.title {
  cursor: pointer;
}
.gwds-side-card > .subtitle {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: 0.4px;
  grid-area: subtitle;
}
.gwds-side-card > .video-container {
  display: block;
  text-decoration: none;
  color: var(--gw-color-neutral-900);
}
.gwds-side-card > .video-container > .gwds-icon {
  width: 44px;
  height: 44px;
  position: absolute;
  z-index: 11;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gwds-small-card {
  cursor: pointer;
  text-align: left;
  border: none;
  text-decoration: none;
  border-radius: var(--gw-shape-thin-rounded);
  box-shadow: var(--gw-shadow-40);
  min-height: 150px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
.gwds-small-card > div.background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  transition: transform var(--gw-base-transition);
}
.gwds-small-card > div.background-image > span.gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-size: cover;
}
.gwds-small-card > div.background-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gwds-small-card > div.content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  z-index: 10;
  color: var(--gw-color-white);
}
@media only screen and (min-width: 940px) {
  .gwds-small-card > div.content {
    padding: 30px;
  }
}
.gwds-small-card > div.content > div.tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  grid-area: tags;
  margin-bottom: 8px;
}
.gwds-small-card > div.content > div.tags > span.non-tag {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1em;
  letter-spacing: 0.4px;
}
@media only screen and (min-width: 940px) {
  .gwds-small-card > div.content > div.tags > span.non-tag {
    font-size: 1.2rem;
  }
}
.gwds-small-card > div.content > div.tags > span.non-tag > i {
  display: inline-block;
  margin-right: 8px;
}
.gwds-small-card > div.content > .title {
  color: var(--gw-color-white);
  text-decoration: none;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.1428571429em;
  letter-spacing: 0.397px;
  text-align: left;
}
.gwds-small-card > div.content > a.title {
  transition: color var(--gw-base-transition);
}
.gwds-small-card > div.content > a.title:hover {
  color: var(--gw-color-brand-primary-300);
}
.gwds-small-card:hover > div.background-image {
  transform: scale(130%);
}

.gwds-item-card {
  --gwds-item-card__h-padding: 24px;
  --gwds-item-card__tag-bg-color: var(--gw-color-neutral-20);
  position: relative;
  background-position: center center;
  background-size: cover;
  border-radius: var(--gw-shape-thin-rounded);
  display: grid;
  grid-template-columns: var(--gwds-item-card__h-padding) auto var(--gwds-item-card__h-padding);
  grid-template-rows: 10fr min-content min-content 10fr 40px;
  grid-template-areas: ". . ." ". tag ." ". title ." ". . ." "type type type";
  place-content: center start;
  color: var(--gw-color-white);
  box-shadow: var(--gw-shadow-50-tight);
  transition: box-shadow var(--gw-base-transition);
}
.gwds-item-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gw-gradient-vertical-gray-2-inversed);
  border-radius: var(--gw-shape-thin-rounded);
  opacity: 0.5;
  transition: opacity var(--gw-base-transition);
}
.gwds-item-card > * {
  position: relative;
  z-index: 10;
}
.gwds-item-card > div.tag {
  grid-area: tag;
  margin-top: 24px;
  background-color: var(--gwds-item-card__tag-bg-color);
  border-radius: var(--gw-shape-thinnerer-rounded);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  width: min-content;
  padding: 8px 12px;
  text-wrap: nowrap;
  color: var(--gw-color-black);
  text-transform: uppercase;
  font-weight: 600;
  gap: 8px;
}
.gwds-item-card > div.tag > i {
  display: block;
  width: 16px;
  height: 16px;
}
.gwds-item-card > .title {
  grid-area: title;
}
.gwds-item-card > div.content-type {
  grid-area: type;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: var(--gwds-item-card__h-padding);
  padding-right: var(--gwds-item-card__h-padding);
  color: var(--gw-color-neutral-900);
  background-color: var(--gw-color-neutral-20);
  border-bottom-left-radius: var(--gw-shape-thin-rounded);
  border-bottom-right-radius: var(--gw-shape-thin-rounded);
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.gwds-item-card:hover {
  box-shadow: var(--gw-shadow-20);
}
.gwds-item-card:hover::before {
  opacity: 0.85;
}

.gwds-featured-resource-card {
  box-shadow: 2px 2px 0px 0px var(--gw-color-neutral-50);
  background-color: var(--gw-color-white);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: var(--gw-shape-thinner-rounded);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: block;
  width: 100%;
}
.gwds-featured-resource-card > div.card-content {
  grid-area: rc-ga-content;
  justify-self: stretch;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 15px 45px 30px 45px;
}
.gwds-featured-resource-card > div.card-content > div.icon-container {
  margin-bottom: 10px;
}
.gwds-featured-resource-card > div.card-content > div.title {
  color: var(--gw-color-accent2-shade1);
  font-size: 1.8rem;
  line-height: 1.11em;
  letter-spacing: 0.4px;
  font-weight: 600;
  margin-bottom: 10px;
}
.gwds-featured-resource-card > div.card-content > div.description {
  color: var(--gw-color-neutral-900);
  font-size: 1.2rem;
  line-height: 1.7em;
  font-weight: 400;
  letter-spacing: 0.4px;
}

.gwds-resource-card {
  box-shadow: var(--gw-shadow-50-tight);
  background-color: var(--gw-color-white);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: var(--gw-shape-thinner-rounded);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: grid;
  grid-template-rows: auto min-content;
  grid-template-columns: 100%;
  grid-template-areas: "rc-ga-content" "rc-ga-cta";
  min-height: 175px;
  width: 100%;
}
.gwds-resource-card > * {
  position: relative;
  z-index: 10;
}
.gwds-resource-card > div.card-content {
  grid-area: rc-ga-content;
  justify-self: stretch;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 15px 27px;
}
.gwds-resource-card > div.card-content > div.icon-container {
  margin-bottom: 10px;
}
.gwds-resource-card > div.card-content > div.title {
  color: var(--gw-color-accent1-shade1);
  font-size: 1.8rem;
  line-height: 1.11em;
  letter-spacing: 0.4px;
  font-weight: 600;
}
.gwds-resource-card > div.cta {
  grid-area: rc-ga-cta;
  background-color: var(--gw-color-brand-primary-100);
  width: 100%;
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.gwds-resource-card > div.cta > span {
  color: var(--gw-color-black);
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 0.03em;
  font-weight: 600;
  display: block;
  margin-right: 18px;
  text-transform: uppercase;
}
.gwds-resource-card > div.cta > i {
  background-color: var(--gw-color-black);
  width: 12px;
  height: 12px;
}
.gwds-resource-card.withBackground:after {
  content: "";
  display: block;
  background-image: var(--gw-gradient-horizontal-blue-1);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.gwds-resource-card.withBackground > div.card-content > div.title {
  color: var(--gw-color-white);
}

.gwds-resource-card-new {
  box-shadow: var(--gw-shadow-50-tight);
  background-color: var(--gw-color-white);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: var(--gw-shape-thinner-rounded);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: grid;
  grid-template-rows: auto min-content;
  grid-template-columns: 100%;
  grid-template-areas: "rc-ga-content" "rc-ga-cta";
  min-height: 175px;
  width: 100%;
}
.gwds-resource-card-new:hover {
  box-shadow: 6px 6px 20px 5px var(--gw-shadow-20--hover);
}
.gwds-resource-card-new > * {
  position: relative;
  z-index: 10;
}
.gwds-resource-card-new.withDocument > div.card-content {
  grid-area: rc-ga-content;
  justify-self: stretch;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 55px 63px 55px 33px;
}
.gwds-resource-card-new.withDocument > div.card-content.blue {
  background: linear-gradient(to right, #1e4154, rgba(40, 91, 118, 0.9));
}
.gwds-resource-card-new.withDocument > div.card-content > div.card-pill {
  display: flex;
  align-items: center;
  background-color: var(--gw-color-white);
  color: var(--gw-color-black);
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0.5px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 4px;
  margin-bottom: 12px;
}
.gwds-resource-card-new.withDocument > div.card-content > div.card-pill > i {
  background-color: var(--gw-color-black);
  margin-right: 8px;
}
.gwds-resource-card-new.withDocument > div.card-content > div.card-title {
  color: var(--gw-color-white);
  font-size: 2.8rem;
  line-height: 3rem;
  letter-spacing: 0.4px;
  font-weight: 600;
}
.gwds-resource-card-new.withDocument > div.cta {
  grid-area: rc-ga-cta;
  background-color: var(--gw-color-white);
  width: 100%;
  padding: 14px 33px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
}
.gwds-resource-card-new.withDocument > div.cta > span {
  color: var(--gw-color-black);
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 0.03em;
  font-weight: 600;
  display: block;
  margin-right: 18px;
  text-transform: uppercase;
}
.gwds-resource-card-new.withVideoCollection > div.card-video {
  display: flex;
  justify-content: center;
  padding: 26px;
}
.gwds-resource-card-new.withVideoCollection > div.card-video > i {
  height: 62px;
  width: 62px;
  background-color: rgba(255, 255, 255, 0.76);
}
.gwds-resource-card-new.withVideoCollection > div.card-info {
  height: 135px;
  padding: 12px 35px;
  background-color: var(--gw-color-white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gwds-resource-card-new.withVideoCollection > div.card-info > div.info-top {
  margin-bottom: 8px;
}
.gwds-resource-card-new.withVideoCollection > div.card-info > div.info-top > div.video-collection {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.gwds-resource-card-new.withVideoCollection > div.card-info > div.info-top > div.video-collection > i {
  background-color: var(--gw-color-gray);
  margin-right: 8px;
}
.gwds-resource-card-new.withVideoCollection > div.card-info > div.info-top > div.video-collection > span {
  color: var(--gw-color-gray);
}
.gwds-resource-card-new.withVideoCollection > div.card-info > div.info-top > div.card-title {
  color: var(--gw-color-accent1-shade1);
  font-size: 2.4rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 600;
}
.gwds-resource-card-new.withVideoCollection > div.card-info > div.info-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gwds-resource-card-new.withVideoCollection > div.card-info > div.info-bottom > div.left, .gwds-resource-card-new.withVideoCollection > div.card-info > div.info-bottom .right {
  display: flex;
  align-items: center;
}
.gwds-resource-card-new.withVideoCollection > div.card-info > div.info-bottom > div.left > i, .gwds-resource-card-new.withVideoCollection > div.card-info > div.info-bottom .right > i {
  margin-right: 8px;
  background-color: var(--gw-color-neutral-500);
}
.gwds-resource-card-new.withVideoCollection > div.card-info > div.info-bottom > div.left > span, .gwds-resource-card-new.withVideoCollection > div.card-info > div.info-bottom .right > span {
  color: var(--gw-color-neutral-500);
}
.gwds-resource-card-new.withVideoCollection > div.cta {
  grid-area: rc-ga-cta;
  background-color: var(--gw-color-white);
  width: 100%;
  padding: 14px 33px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
}
.gwds-resource-card-new.withVideoCollection > div.cta > span {
  color: var(--gw-color-black);
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 0.03em;
  font-weight: 600;
  display: block;
  margin-right: 18px;
  text-transform: uppercase;
}
.gwds-resource-card-new.oneVideo > div.card-video {
  display: flex;
  justify-content: center;
  padding: 26px;
}
.gwds-resource-card-new.oneVideo > div.card-video > i {
  height: 62px;
  width: 62px;
  background-color: rgba(255, 255, 255, 0.76);
}
.gwds-resource-card-new.oneVideo > div.card-info {
  height: 135px;
  padding: 12px 35px;
  background-color: var(--gw-color-white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gwds-resource-card-new.oneVideo > div.card-info > div.info-top {
  margin-bottom: 8px;
}
.gwds-resource-card-new.oneVideo > div.card-info > div.info-top > div.video-collection {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.gwds-resource-card-new.oneVideo > div.card-info > div.info-top > div.video-collection > i {
  background-color: var(--gw-color-gray);
  margin-right: 8px;
}
.gwds-resource-card-new.oneVideo > div.card-info > div.info-top > div.video-collection > span {
  color: var(--gw-color-gray);
}
.gwds-resource-card-new.oneVideo > div.card-info > div.info-top > div.card-title {
  color: var(--gw-color-accent1-shade1);
  font-size: 2.4rem;
  line-height: 2.8rem;
  letter-spacing: 0.4px;
  font-weight: 600;
}
.gwds-resource-card-new.oneVideo > div.card-info > div.info-bottom {
  display: flex;
  align-items: center;
}
.gwds-resource-card-new.oneVideo > div.card-info > div.info-bottom > i {
  margin-right: 8px;
  background-color: var(--gw-color-neutral-500);
}
.gwds-resource-card-new.oneVideo > div.card-info > div.info-bottom > span {
  color: var(--gw-color-neutral-500);
}
.gwds-resource-card-new.oneVideo > div.cta {
  grid-area: rc-ga-cta;
  background-color: var(--gw-color-white);
  width: 100%;
  padding: 14px 33px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
}
.gwds-resource-card-new.oneVideo > div.cta > span {
  color: var(--gw-color-black);
  font-size: 1.2rem;
  line-height: 1em;
  letter-spacing: 0.03em;
  font-weight: 600;
  display: block;
  margin-right: 18px;
  text-transform: uppercase;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide--draggable > .splide__slider > .splide__track,
.splide--draggable > .splide__track {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide--fade > .splide__slider > .splide__track > .splide__list,
.splide--fade > .splide__track > .splide__list {
  display: block;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide,
.splide--fade > .splide__track > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active,
.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide--ttb.is-active > .splide__slider > .splide__track > .splide__list,
.splide--ttb.is-active > .splide__track > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  transform-style: preserve-3d;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  outline: none;
  position: relative;
  visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  outline: none;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__slider {
  position: relative;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.gwds-carousel {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: visible;
  margin: -30px -30px -30px -30px;
  padding-top: 30px;
}
.gwds-carousel > div.heading-bar {
  margin-right: 30px;
  margin-left: 30px;
}
.gwds-carousel > div.carousel-container {
  margin: 30px 30px 30px 30px;
}
.gwds-carousel .splide {
  padding-bottom: 20px;
}
.gwds-carousel .splide .card-container {
  display: flex;
  align-items: stretch;
}
.gwds-carousel .splide .card-container:not([class*=is-visible]) > * {
  box-shadow: none;
}
.gwds-carousel .splide .splide__arrows {
  position: absolute;
  top: calc(100% - 20px);
  right: 2px;
  --gw-carousel-button-size: 14px;
}
.gwds-carousel .splide .splide__arrows > button {
  width: var(--gw-carousel-button-size);
  height: var(--gw-carousel-button-size);
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
.gwds-carousel .splide .splide__arrows > button > svg {
  display: block;
  width: var(--gw-carousel-button-size);
  height: var(--gw-carousel-button-size);
}
.gwds-carousel .splide .splide__arrows > button.splide__arrow--prev {
  position: relative;
  transform: rotate(180deg);
  top: 2px;
}
.gwds-carousel .splide .splide__track {
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: visible;
}
.gwds-carousel .splide .splide__pagination {
  position: relative;
  top: -15px;
  padding-left: 0;
  display: flex;
  justify-content: stretch;
  width: 100%;
  flex-wrap: nowrap;
  height: 6px;
  background-color: var(--gw-color-neutral-50);
}
.gwds-carousel .splide .splide__pagination > li {
  flex-basis: 100%;
  display: block;
  position: relative;
  height: 6px;
}
.gwds-carousel .splide .splide__pagination > li > button {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
}
.gwds-carousel .splide .splide__pagination > li > button.is-active {
  background-color: var(--gw-color-brand-primary);
}
.gwds-carousel > div.heading-bar + .carousel-container {
  margin-top: 0;
}
.gwds-carousel > div.heading-bar + .carousel-container .splide .splide__arrows {
  top: -35px;
  right: 20px;
  --gw-carousel-button-size: 16px;
}
.gwds-carousel > div.heading-bar + .carousel-container .splide .splide__arrows > button {
  width: 20px;
  margin-left: 10px;
}
.gwds-carousel > div.heading-bar + .carousel-container .splide .splide__arrows > button.splide__arrow--prev:after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  background-color: var(--gw-color-white);
  height: 100%;
  top: 0;
  right: 25px;
}

.gwds-modal {
  display: flex;
  flex-direction: column;
  position: relative;
  --gw-sz-modal-horizontal-padding: 20px;
  --gw-sz-modal-vertical-padding: 25px;
  box-shadow: var(--gw-shadow-20-light);
  border-radius: var(--gw-shape-thin-rounded);
  overflow: hidden;
}
@media only screen and (min-width: 940px) {
  .gwds-modal {
    --gw-sz-modal-vertical-padding: 35px;
    --gw-sz-modal-horizontal-padding: 50px;
  }
}
.gwds-modal > button.close {
  position: absolute;
  top: calc(var(--gw-sz-modal-vertical-padding) + 10px);
  right: var(--gw-sz-modal-horizontal-padding);
  background: none;
  border: none;
  outline: none;
  padding: 0;
  border-radius: 0;
}
.gwds-modal > button.close > i {
  background-color: var(--gw-color-black);
  width: 16.5px;
  height: 16.5px;
}
.gwds-modal > div.title-bar {
  padding: var(--gw-sz-modal-vertical-padding) 90px var(--gw-sz-modal-vertical-padding) var(--gw-sz-modal-horizontal-padding);
  text-align: left;
  font-weight: 600;
  font-size: 3.6rem;
  line-height: 1em;
  letter-spacing: 0.03em;
  background-color: var(--gw-color-accent1-shade3);
}
.gwds-modal > div.content-area {
  position: relative;
  padding: var(--gw-sz-modal-vertical-padding) var(--gw-sz-modal-horizontal-padding);
  text-align: left;
  background-color: var(--gw-color-neutral-20);
  max-height: calc(90vh - 100px);
  overflow: auto;
}
@media only screen and (min-width: 940px) {
  .gwds-modal > div.content-area {
    --gw-side-gutter: max-height: calc(80vh - 100px);
  }
}

.gwds-watch-video-cta {
  display: flex;
  font-size: 1.4rem;
  line-height: 1em;
  color: var(--gw-color-black);
  text-transform: uppercase;
  align-items: center;
}
@media only screen and (min-width: 940px) {
  .gwds-watch-video-cta {
    font-size: 1.2rem;
  }
}
.gwds-watch-video-cta > i {
  margin-left: 8px;
  display: block;
  background-color: var(--gw-color-black);
}
.gwds-watch-video-cta.largeIcon > i {
  width: 40px;
  height: 40px;
  margin-left: 15px;
}

a.gwds-watch-video-cta {
  text-decoration: none;
}

button.gwds-watch-video-cta {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
}

.gwds-course-duration {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.gwds-course-duration > span {
  color: var(--gw-color-white);
  display: inline-flex;
  align-items: center;
}
.gwds-course-duration > span > i {
  width: 12px;
  height: 12px;
  background-color: var(--gw-color-white);
  margin-right: 5px;
}
.gwds-course-duration > span.lesson-count {
  margin-right: 10px;
}
.gwds-course-duration.dark > span {
  color: var(--gw-color-black);
}
.gwds-course-duration.dark > span > i {
  background-color: var(--gw-color-black);
}

.gwds-heading-bar {
  background-color: var(--gw-color-accent1-shade3);
  padding: 16px 20px;
  border-radius: var(--gw-shape-thinner-rounded);
}
.gwds-heading-bar > span {
  font-size: 1.8rem;
  line-height: 1em;
  font-weight: 300;
}
.gwds-heading-bar > span > strong {
  font-weight: 600;
}

div.gwds-icon-mark {
  width: 37px;
  height: 37px;
  border-radius: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--gw-color-black);
  grid-area: top;
}
div.gwds-icon-mark > i {
  display: block;
  width: 15px;
  height: 15px;
  background-color: white;
}
div.gwds-icon-mark.color-accent1 {
  background-color: var(--gw-color-accent1-shade3);
}
div.gwds-icon-mark.color-accent1 > i {
  background-color: var(--gw-color-accent1);
}
div.gwds-icon-mark.color-accent2 {
  background-color: var(--gw-color-accent2-shade3);
}
div.gwds-icon-mark.color-accent2 > i {
  background-color: var(--gw-color-accent2);
}
div.gwds-icon-mark.color-accent3 {
  background-color: var(--gw-color-accent3-shade3);
}
div.gwds-icon-mark.color-accent3 > i {
  background-color: var(--gw-color-accent3);
}
div.gwds-icon-mark.color-accent4 {
  background-color: var(--gw-color-accent4-shade3);
}
div.gwds-icon-mark.color-accent4 > i {
  background-color: var(--gw-color-accent4);
}
div.gwds-icon-mark.color-accent5 {
  background-color: var(--gw-color-accent5-shade3);
}
div.gwds-icon-mark.color-accent5 > i {
  background-color: var(--gw-color-accent5);
}
div.gwds-icon-mark.color-accent6 {
  background-color: var(--gw-color-accent6-shade3);
}
div.gwds-icon-mark.color-accent6 > i {
  background-color: var(--gw-color-accent6);
}
div.gwds-icon-mark.color-accent7 {
  background-color: var(--gw-color-accent7-shade3);
}
div.gwds-icon-mark.color-accent7 > i {
  background-color: var(--gw-color-accent7);
}
div.gwds-icon-mark.color-accent8 {
  background-color: var(--gw-color-accent8-shade3);
}
div.gwds-icon-mark.color-accent8 > i {
  background-color: var(--gw-color-accent8);
}
/*# sourceMappingURL=main.css.map */