/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! 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;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/


/* Helper CSS Classes */

/* Text Alignment */
.text-left {
    text-align:left;
}
.text-center {
    text-align:center;
}
.text-right {
    text-align:right;
}

/* Widths (Percent) */
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

/* Padding (Pixels) */
.p0{padding:0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}

/* Margin (Pixels) */
.m0{margin:0;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

/* Borders */
.border {
    border:1px solid #000;
}
.border-right {
    border-right:1px solid #000;
}
.border-left {
    border-left:1px solid #000;
}
.border-top {
    border-top:1px solid #000;
}
.border-bottom {
    border-bottom:1px solid #000;
}

/* Border Radius */
.rounded-0 {
    border-radius:0;
}
.rounded {
    border-radius:5px;
}
.rounded-circle {
    border-radius:50%;
}
.rounded-top {
    border-top-right-radius:5px;
    border-top-left-radius:5px;
}
.rounded-bottom {
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}

/* Visibility */
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}


/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/



/* Form fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Help text - legends */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  background-color: #FFF;
  border: 2px solid;
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - datepicker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  text-align: center;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* BASE STYLES */
/* Table */
table {
  border: 1px solid;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table Cells */
th,
td {
  border: 1px solid;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */
thead th,
thead td {
  border-bottom: 2px solid;
  vertical-align: bottom;
}

/* CLASS STYLES */
/* TABLES */
.table_wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 3%;
}
.table_title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3vh;
}
.table_title h4{
  font-size:1.5rem;
  font-weight:bold;
}
.table_row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid black;
  padding-bottom: 1vh;
}
.table_columns{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 1vh;
  padding-bottom: 1vh;
}

.table_wrapper > .table_columns:nth-child(odd) {
  background-color:#f5f5f5;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/


/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* HPA Custom Styles */
/* Responsive Grid */
:root {
  --hs-row-fluid-gap-vert-mobile: 10vw;
  --hs-row-fluid-gap: 6.5%;
  --hs-row-fluid-col-sub: calc( var(--hs-row-fluid-gap) / 12);
  --hs-row-fluid-col-base: calc(100% / 12);
}

.row-fluid {
  width: 100%;
}
@media (max-width: 767px) {
  .row-fluid:is(.row-fluid--mobile-reverse) {
    display: flex;
    flex-flow: column-reverse nowrap;
  }
  .row-fluid:is(.row-fluid--mobile-reverse) [class*=span]:first-child {
    margin-top: var(--hs-row-fluid-gap-vert-mobile);
  }
  .row-fluid:is(.row-fluid--mobile-reverse) [class*=span]:last-child {
    margin-top: 0;
  }
}
.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*=span] {
  display: block;
  float: left;
  width: 100%;
  min-height: 0;
  margin-left: var(--hs-row-fluid-gap);
  box-sizing: border-box;
}
.row-fluid [class*=span]:first-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .row-fluid [class*=span] {
    margin-top: var(--hs-row-fluid-gap-vert-mobile);
  }
  .row-fluid [class*=span]:first-child {
    margin-top: 0;
  }
  html .row-fluid [class*=span] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}
.row-fluid .span12 {
  width: calc(var(--hs-row-fluid-col-base) * 12);
}
.row-fluid .span11 {
  width: calc(var(--hs-row-fluid-col-base) * 11 - var(--hs-row-fluid-col-sub) * 1);
}
.row-fluid .span10 {
  width: calc(var(--hs-row-fluid-col-base) * 10 - var(--hs-row-fluid-col-sub) * 2);
}
.row-fluid .span9 {
  width: calc(var(--hs-row-fluid-col-base) * 9 - var(--hs-row-fluid-col-sub) * 3);
}
.row-fluid .span8 {
  width: calc(var(--hs-row-fluid-col-base) * 8 - var(--hs-row-fluid-col-sub) * 4);
}
.row-fluid .span7 {
  width: calc(var(--hs-row-fluid-col-base) * 7 - var(--hs-row-fluid-col-sub) * 5);
}
.row-fluid .span6 {
  width: calc(var(--hs-row-fluid-col-base) * 6 - var(--hs-row-fluid-col-sub) * 6);
}
.row-fluid .span5 {
  width: calc(var(--hs-row-fluid-col-base) * 5 - var(--hs-row-fluid-col-sub) * 7);
}
.row-fluid .span4 {
  width: calc(var(--hs-row-fluid-col-base) * 4 - var(--hs-row-fluid-col-sub) * 8);
}
.row-fluid .span3 {
  width: calc(var(--hs-row-fluid-col-base) * 3 - var(--hs-row-fluid-col-sub) * 9);
}
.row-fluid .span2 {
  width: calc(var(--hs-row-fluid-col-base) * 2 - var(--hs-row-fluid-col-sub) * 10);
}
.row-fluid .span1 {
  width: calc(var(--hs-row-fluid-col-base) * 1 - var(--hs-row-fluid-col-sub) * 11);
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
}
.container-fluid:after {
  clear: both;
}

/* Clearfix */
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

/* Visibilty Classes */
.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive Visibilty Classes */
.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}
:root {
  --vh-100: 100vh;
  --vh-100: calc(var(--vh, 1vh) * 100);
  --vh-ex-header: calc( var(--vh-100) - var(--header-height) );
  --width--xxsmall: 560px;
  --width--xsmall: 640px;
  --width--small: 768px;
  --width--medium: 992px;
  --width--large: 1360px;
  --width--xlarge: 1440px;
  --width--xxlarge: 1680px;
  --width--xxxlarge: 1920px;
  --font-opensans: "Open Sans", sans-serif;
  --font-default: var(--font-opensans);
  --font-headings: var(--font-opensans);
  --font-buttons: var(--font-opensans);
  --header-height: 64px;
  --header-top: 0px;
  --color-hpa-blue-rgb: 0 175 173;
  --color-hpa-blue: rgb(0 175 173 / 100%);
  --color-hpa-green-rgb: 98 189 25;
  --color-hpa-green: rgb(98 189 25 / 100%);
  --color-hpa-darkgreen-rgb: 0 148 96;
  --color-hpa-darkgreen: rgb(0 148 96 / 100%);
  --color-hpa-purple-rgb: 178 1 92;
  --color-hpa-purple: rgb(178 1 92 / 100%);
  --color-hpa-orange-rgb: 255 95 0;
  --color-hpa-orange: rgb(255 95 0 / 100%);
  --color-hpa-red-rgb: 232 6 73;
  --color-hpa-red: rgb(232 6 73 / 100%);
  --color-hpa-olive-rgb: 45 50 43;
  --color-hpa-olive: rgb(45 50 43 / 100%);
  --color-grey-5-rgb: 13 13 13;
  --color-grey-5: rgb(13 13 13 / 100%);
  --color-grey-10-rgb: 26 26 26;
  --color-grey-10: rgb(26 26 26 / 100%);
  --color-grey-15-rgb: 38 38 38;
  --color-grey-15: rgb(38 38 38 / 100%);
  --color-grey-20-rgb: 51 51 51;
  --color-grey-20: rgb(51 51 51 / 100%);
  --color-grey-25-rgb: 64 64 64;
  --color-grey-25: rgb(64 64 64 / 100%);
  --color-grey-30-rgb: 77 77 77;
  --color-grey-30: rgb(77 77 77 / 100%);
  --color-grey-35-rgb: 89 89 89;
  --color-grey-35: rgb(89 89 89 / 100%);
  --color-grey-40-rgb: 102 102 102;
  --color-grey-40: rgb(102 102 102 / 100%);
  --color-grey-45-rgb: 115 115 115;
  --color-grey-45: rgb(115 115 115 / 100%);
  --color-grey-50-rgb: 128 128 128;
  --color-grey-50: rgb(128 128 128 / 100%);
  --color-grey-55-rgb: 140 140 140;
  --color-grey-55: rgb(140 140 140 / 100%);
  --color-grey-60-rgb: 153 153 153;
  --color-grey-60: rgb(153 153 153 / 100%);
  --color-grey-65-rgb: 166 166 166;
  --color-grey-65: rgb(166 166 166 / 100%);
  --color-grey-70-rgb: 179 179 179;
  --color-grey-70: rgb(179 179 179 / 100%);
  --color-grey-75-rgb: 191 191 191;
  --color-grey-75: rgb(191 191 191 / 100%);
  --color-grey-80-rgb: 204 204 204;
  --color-grey-80: rgb(204 204 204 / 100%);
  --color-grey-85-rgb: 217 217 217;
  --color-grey-85: rgb(217 217 217 / 100%);
  --color-grey-90-rgb: 230 230 230;
  --color-grey-90: rgb(230 230 230 / 100%);
  --color-grey-95-rgb: 242 242 242;
  --color-grey-95: rgb(242 242 242 / 100%);
  --color-grey-97-rgb: 247 247 247;
  --color-grey-97: rgb(247 247 247 / 100%);
  --color-white-rgb: 255 255 255;
  --color-white: rgb(255 255 255 / 100%);
  --color-black-rgb: 0 0 0;
  --color-black: rgb(0 0 0 / 100%);
  --color-default: var(--color-grey-15);
  --color-heading: var(--color-grey-15);
  --color-link:	var(--color-hpa-purple);
  --hpa-gradient: linear-gradient(to right, var(--color-hpa-blue), var(--color-hpa-green));
  --weight-h1--default: 700;
  --weight-h1--bold: 700;
  --line-height-h1: 1.1;
  --size-h1: 32px;
  --letter-spacing-h1: -0.5px;
  --weight-h2--default: 700;
  --weight-h2--bold: 700;
  --line-height-h2: 1.1;
  --size-h2: 25.6px;
  --letter-spacing-h2: -0.5px;
  --weight-h3--default: 700;
  --weight-h3--bold: 700;
  --line-height-h3: 1.2;
  --size-h3: 19.2px;
  --letter-spacing-h3: -0.25px;
  --weight-h4--default: 700;
  --weight-h4--bold: 700;
  --line-height-h4: 1.2;
  --size-h4: 16px;
  --letter-spacing-h4: -0.25px;
  --weight-h5--default: 700;
  --weight-h5--bold: 700;
  --line-height-h5: 1.2;
  --size-h5: 14.4px;
  --letter-spacing-h5: 0px;
  --weight-h6--default: 700;
  --weight-h6--bold: 700;
  --line-height-h6: 1.2;
  --size-h6: 12.8px;
  --letter-spacing-h6: 0px;
  --weight-h1-l--default: 700;
  --weight-h1-l--bold: 700;
  --line-height-h1-l: 1.1;
  --size-h1-l: 38.4px;
  --letter-spacing-h1-l: -0.5px;
  --weight-h1-xl--default: 700;
  --weight-h1-xl--bold: 700;
  --line-height-h1-xl: 1.1;
  --size-h1-xl: 44.8px;
  --letter-spacing-h1-xl: -0.5px;
  --size-xsmall: 11px;
  --size-small: 13px;
  --size-medium: 17px;
  --size-default: var(--size-medium);
  --size-large: 20px;
  --size-xlarge: 24px;
  --space-clear: 0px;
  --space-xxsmall: 6px;
  --space-xsmall: 12px;
  --space-small: 24px;
  --space-medium: 32px;
  --space-large: 48px;
  --space-xlarge: 96px;
  --space-xxlarge: 128px;
  --radius-base: 1px;
  --radius-xsmall: calc( 0.5 * var(--radius-base));
  --radius-small: calc( 1 * var(--radius-base));
  --radius-medium: calc( 3 * var(--radius-base));
  --radius-large: calc( 4 * var(--radius-base));
  --radius-xlarge: calc( 5 * var(--radius-base));
  --radius-xxlarge: calc( 6 * var(--radius-base));
  --bezier: .17,.67,.21,.98;
  --content-padding: 40px;
  --text-alignment: left;
  --html-background: var(--color-hpa-olive);
}
@media print {
  :root {
    --content-padding: 0;
  }
}
@media screen and (min-width: 768px), print {
  :root {
    --header-height: 96px;
    --space-base: 7.5px;
    --radius-base: 2px;
    --letter-spacing-h1: -0.5px;
    --size-h1: 36px;
    --letter-spacing-h2: -0.5px;
    --size-h2: 28.8px;
    --letter-spacing-h3: -0.25px;
    --size-h3: 21.6px;
    --letter-spacing-h4: -0.25px;
    --size-h4: 18px;
    --letter-spacing-h5: 0px;
    --size-h5: 16.2px;
    --letter-spacing-h6: 0px;
    --size-h6: 14.4px;
    --letter-spacing-h1-l: -0.5px;
    --size-h1-l: 43.2px;
    --letter-spacing-h1-xl: -0.5px;
    --size-h1-xl: 50.4px;
  }
}
@media screen and (min-width: 992px) {
  :root {
    --space-base: 10px;
    --radius-base: 3px;
    --letter-spacing-h1: -0.5px;
    --size-h1: 40px;
    --letter-spacing-h2: -0.5px;
    --size-h2: 32px;
    --letter-spacing-h3: -0.25px;
    --size-h3: 24px;
    --letter-spacing-h4: -0.25px;
    --size-h4: 20px;
    --letter-spacing-h5: 0px;
    --size-h5: 18px;
    --letter-spacing-h6: 0px;
    --size-h6: 16px;
    --letter-spacing-h1-l: -0.5px;
    --size-h1-l: 48px;
    --letter-spacing-h1-xl: -0.5px;
    --size-h1-xl: 56px;
  }
}

html {
  overflow-x: hidden;
  background: var(--html-background);
  min-height: var(--vh-100);
}

* {
  box-sizing: border-box;
}

img {
  height: auto;
}

main {
  background: var(--color-white);
}

.header-container-wrapper,
.body-container-wrapper,
.footer-container-wrapper {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.body-container-wrapper {
  background: white;
}

.header-container,
.body-container,
.footer-container,
.body-wrapper > .container-fluid:not(.body-container),
.course__overview > .section-wrapper,
.dnd-section[class*=-force-full-width-section] > .row-fluid {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 0 calc(var(--content-padding) / 2);
}
@media screen and (min-width: 768px), print {
  .header-container,
  .body-container,
  .footer-container,
  .body-wrapper > .container-fluid:not(.body-container),
  .course__overview > .section-wrapper,
  .dnd-section[class*=-force-full-width-section] > .row-fluid {
    padding: 0 var(--content-padding);
  }
}

.body-container:is(.body-container--small) {
  max-width: 768px !important;
}

.dnd-section[class*=-force-full-width-section] > .row-fluid {
  max-width: 1360px !important;
}

html .os-content-container .dnd-section[class*=-force-full-width-section] {
  margin-bottom: 0 !important;
}

.course__overview > .section-wrapper {
  padding: 0 !important;
}

@media screen and (max-width: 767px) {
  .dnd-section[data-full-width-mobile] > .row-fluid {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 calc(var(--content-padding) / 2);
  }
}

@media screen and (min-width: 768px), print {
  .dnd-section[data-full-width-tablet] > .row-fluid {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 var(--content-padding);
  }
}

.body-container-wrapper {
  overflow-x: clip;
}

.hpa-masthead {
  --color-default: var(--color-white);
  --color-heading: var(--color-white);
  --text-alignment: center;
}
.hpa-masthead h1 {
  color: var(--color-white);
}
@media print {
  .hpa-masthead {
    --text-alignment: left;
    --color-white: var(--color-black);
  }
}

html .os-content-container .dnd-section {
  background: none;
  box-shadow: none;
  margin: var(--space-small) 0;
  padding: 0;
  border-radius: 0;
}
html .text-and-link {
  display: flex;
  align-items: center;
  gap: var(--space-small);
}
html .text-and-link .hs-button {
  margin-left: auto;
}
html .dnd-section {
  padding: 0;
}
html .dnd-section .dnd-column {
  padding: 0;
}
html .dnd-section .dnd-column:is([class*=-background-color]) {
  border-radius: var(--radius-medium);
}

@media screen and (min-width: 768px), print {
  .hpa-heading-link-container {
    display: flex;
    justify-content: space-between;
    gap: 15px;
  }
  .hpa-heading-link-container .hs-button,
  .hpa-heading-link-container .btn {
    flex: 0 0 auto;
  }
}

.hpa-course-above-text > *:last-child {
  margin-bottom: 0 !important;
}

.hpa-course-search {
  display: flex;
  gap: 15px;
  align-items: center;
}
.hpa-course-search input {
  flex: 1 1 auto;
}
.hpa-course-search button {
  flex: 0 0 auto;
}

.hpa-background-gradient {
  background: linear-gradient(to right, var(--color-hpa-blue), var(--color-hpa-green));
}

.hpa-admin-style-module {
  display: none;
}
.hs-inline-edit .hpa-admin-style-module.hpa-admin-style-module--dark {
  background: var(--color-grey-20);
}
.hpa-admin-style-module.hpa-admin-style-module--dark .hpa-admin-style-module__label {
  color: var(--color-grey-80);
}
.hs-inline-edit .hpa-admin-style-module {
  display: flex !important;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 15px;
  width: 100%;
  background: var(--color-grey-95);
  border-radius: 8px;
  position: relative;
}
.hs-inline-edit .hpa-admin-style-module .hpa-admin-style-module__label {
  font-weight: 500;
  color: var(--color-grey-50);
}
.hs-inline-edit .hpa-admin-style-module .hpa-admin-style-module__label strong {
  font-weight: bold;
  color: black;
}
.hpa-admin-style-module .hpa-admin-pills {
  display: flex;
  gap: 5px;
  flex-flow: row wrap;
}
.hpa-admin-style-module .hpa-admin-pills span {
  height: 28px;
  padding: 0 8px;
  border-radius: 14px;
  background: var(--admin-pill-bg);
  color: var(--admin-pill-color);
  font-size: var(--size-small);
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  --admin-pill-bg: var(--color-grey-50);
  --admin-pill-color: var(--color-black);
}
.hpa-admin-style-module .hpa-admin-pills span:is(.green) {
  --admin-pill-bg: green;
  --admin-pill-color: white;
}
.hpa-admin-style-module .hpa-admin-pills span:is(.red) {
  --admin-pill-bg: red;
  --admin-pill-color: white;
}

.full-width,
[data-full-width],
.dnd-section[class*=-force-full-width-section] {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}
.full-width > .row-fluid,
[data-full-width] > .row-fluid,
.dnd-section[class*=-force-full-width-section] > .row-fluid {
  position: relative;
}

@media screen and (max-width: 767px) {
  [data-full-width-mobile] {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
  }
  [data-full-width-mobile] > .row-fluid {
    position: relative;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  [data-full-width-tablet-only] {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
  }
  [data-full-width-tablet-only] > .row-fluid {
    position: relative;
  }
}

@media screen and (min-width: 768px), print {
  [data-full-width-tablet] {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
  }
  [data-full-width-tablet] > .row-fluid {
    position: relative;
  }
}

.hpa-content {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 calc(var(--content-padding) / 2);
  float: none;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .hpa-content {
    padding: 0 var(--content-padding);
  }
}
.hpa-content:not([data-width]) {
  max-width: 1360px;
}
.hpa-content[data-width=xxsmall] {
  max-width: 560px;
}
.hpa-content[data-width=xsmall] {
  max-width: 640px;
}
.hpa-content[data-width=small] {
  max-width: 768px;
}
.hpa-content[data-width=medium] {
  max-width: 992px;
}
.hpa-content[data-width=large] {
  max-width: 1360px;
}
.hpa-content[data-width=xlarge] {
  max-width: 1440px;
}
.hpa-content[data-width=xxlarge] {
  max-width: 1680px;
}
.hpa-content[data-width=xxxlarge] {
  max-width: 1920px;
}
.hpa-content[data-width=full] {
  max-width: none;
}

.is-hpa-blue,
.text-hpa-blue,
[data-color=hpa-blue] {
  --color-default: var(--color-hpa-blue) !important;
  color: var(--color-hpa-blue) !important;
  fill: var(--color-hpa-blue) !important;
}

.has-hpa-blue *,
[data-has-color=hpa-blue] * {
  --color-default: var(--color-hpa-blue) !important;
  color: var(--color-hpa-blue) !important;
  fill: var(--color-hpa-blue) !important;
}

.has-background-hpa-blue,
[data-background=hpa-blue],
body[data-hpa-scrolling=true] [data-scrolling-background=hpa-blue] {
  background-color: var(--color-hpa-blue) !important;
}

.is-hpa-green,
.text-hpa-green,
[data-color=hpa-green] {
  --color-default: var(--color-hpa-green) !important;
  color: var(--color-hpa-green) !important;
  fill: var(--color-hpa-green) !important;
}

.has-hpa-green *,
[data-has-color=hpa-green] * {
  --color-default: var(--color-hpa-green) !important;
  color: var(--color-hpa-green) !important;
  fill: var(--color-hpa-green) !important;
}

.has-background-hpa-green,
[data-background=hpa-green],
body[data-hpa-scrolling=true] [data-scrolling-background=hpa-green] {
  background-color: var(--color-hpa-green) !important;
}

.is-hpa-darkgreen,
.text-hpa-darkgreen,
[data-color=hpa-darkgreen] {
  --color-default: var(--color-hpa-darkgreen) !important;
  color: var(--color-hpa-darkgreen) !important;
  fill: var(--color-hpa-darkgreen) !important;
}

.has-hpa-darkgreen *,
[data-has-color=hpa-darkgreen] * {
  --color-default: var(--color-hpa-darkgreen) !important;
  color: var(--color-hpa-darkgreen) !important;
  fill: var(--color-hpa-darkgreen) !important;
}

.has-background-hpa-darkgreen,
[data-background=hpa-darkgreen],
body[data-hpa-scrolling=true] [data-scrolling-background=hpa-darkgreen] {
  background-color: var(--color-hpa-darkgreen) !important;
}

.is-hpa-purple,
.text-hpa-purple,
[data-color=hpa-purple] {
  --color-default: var(--color-hpa-purple) !important;
  color: var(--color-hpa-purple) !important;
  fill: var(--color-hpa-purple) !important;
}

.has-hpa-purple *,
[data-has-color=hpa-purple] * {
  --color-default: var(--color-hpa-purple) !important;
  color: var(--color-hpa-purple) !important;
  fill: var(--color-hpa-purple) !important;
}

.has-background-hpa-purple,
[data-background=hpa-purple],
body[data-hpa-scrolling=true] [data-scrolling-background=hpa-purple] {
  background-color: var(--color-hpa-purple) !important;
}

.is-hpa-orange,
.text-hpa-orange,
[data-color=hpa-orange] {
  --color-default: var(--color-hpa-orange) !important;
  color: var(--color-hpa-orange) !important;
  fill: var(--color-hpa-orange) !important;
}

.has-hpa-orange *,
[data-has-color=hpa-orange] * {
  --color-default: var(--color-hpa-orange) !important;
  color: var(--color-hpa-orange) !important;
  fill: var(--color-hpa-orange) !important;
}

.has-background-hpa-orange,
[data-background=hpa-orange],
body[data-hpa-scrolling=true] [data-scrolling-background=hpa-orange] {
  background-color: var(--color-hpa-orange) !important;
}

.is-hpa-red,
.text-hpa-red,
[data-color=hpa-red] {
  --color-default: var(--color-hpa-red) !important;
  color: var(--color-hpa-red) !important;
  fill: var(--color-hpa-red) !important;
}

.has-hpa-red *,
[data-has-color=hpa-red] * {
  --color-default: var(--color-hpa-red) !important;
  color: var(--color-hpa-red) !important;
  fill: var(--color-hpa-red) !important;
}

.has-background-hpa-red,
[data-background=hpa-red],
body[data-hpa-scrolling=true] [data-scrolling-background=hpa-red] {
  background-color: var(--color-hpa-red) !important;
}

.is-hpa-olive,
.text-hpa-olive,
[data-color=hpa-olive] {
  --color-default: var(--color-hpa-olive) !important;
  color: var(--color-hpa-olive) !important;
  fill: var(--color-hpa-olive) !important;
}

.has-hpa-olive *,
[data-has-color=hpa-olive] * {
  --color-default: var(--color-hpa-olive) !important;
  color: var(--color-hpa-olive) !important;
  fill: var(--color-hpa-olive) !important;
}

.has-background-hpa-olive,
[data-background=hpa-olive],
body[data-hpa-scrolling=true] [data-scrolling-background=hpa-olive] {
  background-color: var(--color-hpa-olive) !important;
}

.is-grey-5,
.text-grey-5,
[data-color=grey-5] {
  --color-default: var(--color-grey-5) !important;
  color: var(--color-grey-5) !important;
  fill: var(--color-grey-5) !important;
}

.has-grey-5 *,
[data-has-color=grey-5] * {
  --color-default: var(--color-grey-5) !important;
  color: var(--color-grey-5) !important;
  fill: var(--color-grey-5) !important;
}

.has-background-grey-5,
[data-background=grey-5],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-5] {
  background-color: var(--color-grey-5) !important;
}

.is-grey-10,
.text-grey-10,
[data-color=grey-10] {
  --color-default: var(--color-grey-10) !important;
  color: var(--color-grey-10) !important;
  fill: var(--color-grey-10) !important;
}

.has-grey-10 *,
[data-has-color=grey-10] * {
  --color-default: var(--color-grey-10) !important;
  color: var(--color-grey-10) !important;
  fill: var(--color-grey-10) !important;
}

.has-background-grey-10,
[data-background=grey-10],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-10] {
  background-color: var(--color-grey-10) !important;
}

.is-grey-15,
.text-grey-15,
[data-color=grey-15] {
  --color-default: var(--color-grey-15) !important;
  color: var(--color-grey-15) !important;
  fill: var(--color-grey-15) !important;
}

.has-grey-15 *,
[data-has-color=grey-15] * {
  --color-default: var(--color-grey-15) !important;
  color: var(--color-grey-15) !important;
  fill: var(--color-grey-15) !important;
}

.has-background-grey-15,
[data-background=grey-15],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-15] {
  background-color: var(--color-grey-15) !important;
}

.is-grey-20,
.text-grey-20,
[data-color=grey-20] {
  --color-default: var(--color-grey-20) !important;
  color: var(--color-grey-20) !important;
  fill: var(--color-grey-20) !important;
}

.has-grey-20 *,
[data-has-color=grey-20] * {
  --color-default: var(--color-grey-20) !important;
  color: var(--color-grey-20) !important;
  fill: var(--color-grey-20) !important;
}

.has-background-grey-20,
[data-background=grey-20],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-20] {
  background-color: var(--color-grey-20) !important;
}

.is-grey-25,
.text-grey-25,
[data-color=grey-25] {
  --color-default: var(--color-grey-25) !important;
  color: var(--color-grey-25) !important;
  fill: var(--color-grey-25) !important;
}

.has-grey-25 *,
[data-has-color=grey-25] * {
  --color-default: var(--color-grey-25) !important;
  color: var(--color-grey-25) !important;
  fill: var(--color-grey-25) !important;
}

.has-background-grey-25,
[data-background=grey-25],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-25] {
  background-color: var(--color-grey-25) !important;
}

.is-grey-30,
.text-grey-30,
[data-color=grey-30] {
  --color-default: var(--color-grey-30) !important;
  color: var(--color-grey-30) !important;
  fill: var(--color-grey-30) !important;
}

.has-grey-30 *,
[data-has-color=grey-30] * {
  --color-default: var(--color-grey-30) !important;
  color: var(--color-grey-30) !important;
  fill: var(--color-grey-30) !important;
}

.has-background-grey-30,
[data-background=grey-30],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-30] {
  background-color: var(--color-grey-30) !important;
}

.is-grey-35,
.text-grey-35,
[data-color=grey-35] {
  --color-default: var(--color-grey-35) !important;
  color: var(--color-grey-35) !important;
  fill: var(--color-grey-35) !important;
}

.has-grey-35 *,
[data-has-color=grey-35] * {
  --color-default: var(--color-grey-35) !important;
  color: var(--color-grey-35) !important;
  fill: var(--color-grey-35) !important;
}

.has-background-grey-35,
[data-background=grey-35],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-35] {
  background-color: var(--color-grey-35) !important;
}

.is-grey-40,
.text-grey-40,
[data-color=grey-40] {
  --color-default: var(--color-grey-40) !important;
  color: var(--color-grey-40) !important;
  fill: var(--color-grey-40) !important;
}

.has-grey-40 *,
[data-has-color=grey-40] * {
  --color-default: var(--color-grey-40) !important;
  color: var(--color-grey-40) !important;
  fill: var(--color-grey-40) !important;
}

.has-background-grey-40,
[data-background=grey-40],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-40] {
  background-color: var(--color-grey-40) !important;
}

.is-grey-45,
.text-grey-45,
[data-color=grey-45] {
  --color-default: var(--color-grey-45) !important;
  color: var(--color-grey-45) !important;
  fill: var(--color-grey-45) !important;
}

.has-grey-45 *,
[data-has-color=grey-45] * {
  --color-default: var(--color-grey-45) !important;
  color: var(--color-grey-45) !important;
  fill: var(--color-grey-45) !important;
}

.has-background-grey-45,
[data-background=grey-45],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-45] {
  background-color: var(--color-grey-45) !important;
}

.is-grey-50,
.text-grey-50,
[data-color=grey-50] {
  --color-default: var(--color-grey-50) !important;
  color: var(--color-grey-50) !important;
  fill: var(--color-grey-50) !important;
}

.has-grey-50 *,
[data-has-color=grey-50] * {
  --color-default: var(--color-grey-50) !important;
  color: var(--color-grey-50) !important;
  fill: var(--color-grey-50) !important;
}

.has-background-grey-50,
[data-background=grey-50],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-50] {
  background-color: var(--color-grey-50) !important;
}

.is-grey-55,
.text-grey-55,
[data-color=grey-55] {
  --color-default: var(--color-grey-55) !important;
  color: var(--color-grey-55) !important;
  fill: var(--color-grey-55) !important;
}

.has-grey-55 *,
[data-has-color=grey-55] * {
  --color-default: var(--color-grey-55) !important;
  color: var(--color-grey-55) !important;
  fill: var(--color-grey-55) !important;
}

.has-background-grey-55,
[data-background=grey-55],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-55] {
  background-color: var(--color-grey-55) !important;
}

.is-grey-60,
.text-grey-60,
[data-color=grey-60] {
  --color-default: var(--color-grey-60) !important;
  color: var(--color-grey-60) !important;
  fill: var(--color-grey-60) !important;
}

.has-grey-60 *,
[data-has-color=grey-60] * {
  --color-default: var(--color-grey-60) !important;
  color: var(--color-grey-60) !important;
  fill: var(--color-grey-60) !important;
}

.has-background-grey-60,
[data-background=grey-60],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-60] {
  background-color: var(--color-grey-60) !important;
}

.is-grey-65,
.text-grey-65,
[data-color=grey-65] {
  --color-default: var(--color-grey-65) !important;
  color: var(--color-grey-65) !important;
  fill: var(--color-grey-65) !important;
}

.has-grey-65 *,
[data-has-color=grey-65] * {
  --color-default: var(--color-grey-65) !important;
  color: var(--color-grey-65) !important;
  fill: var(--color-grey-65) !important;
}

.has-background-grey-65,
[data-background=grey-65],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-65] {
  background-color: var(--color-grey-65) !important;
}

.is-grey-70,
.text-grey-70,
[data-color=grey-70] {
  --color-default: var(--color-grey-70) !important;
  color: var(--color-grey-70) !important;
  fill: var(--color-grey-70) !important;
}

.has-grey-70 *,
[data-has-color=grey-70] * {
  --color-default: var(--color-grey-70) !important;
  color: var(--color-grey-70) !important;
  fill: var(--color-grey-70) !important;
}

.has-background-grey-70,
[data-background=grey-70],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-70] {
  background-color: var(--color-grey-70) !important;
}

.is-grey-75,
.text-grey-75,
[data-color=grey-75] {
  --color-default: var(--color-grey-75) !important;
  color: var(--color-grey-75) !important;
  fill: var(--color-grey-75) !important;
}

.has-grey-75 *,
[data-has-color=grey-75] * {
  --color-default: var(--color-grey-75) !important;
  color: var(--color-grey-75) !important;
  fill: var(--color-grey-75) !important;
}

.has-background-grey-75,
[data-background=grey-75],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-75] {
  background-color: var(--color-grey-75) !important;
}

.is-grey-80,
.text-grey-80,
[data-color=grey-80] {
  --color-default: var(--color-grey-80) !important;
  color: var(--color-grey-80) !important;
  fill: var(--color-grey-80) !important;
}

.has-grey-80 *,
[data-has-color=grey-80] * {
  --color-default: var(--color-grey-80) !important;
  color: var(--color-grey-80) !important;
  fill: var(--color-grey-80) !important;
}

.has-background-grey-80,
[data-background=grey-80],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-80] {
  background-color: var(--color-grey-80) !important;
}

.is-grey-85,
.text-grey-85,
[data-color=grey-85] {
  --color-default: var(--color-grey-85) !important;
  color: var(--color-grey-85) !important;
  fill: var(--color-grey-85) !important;
}

.has-grey-85 *,
[data-has-color=grey-85] * {
  --color-default: var(--color-grey-85) !important;
  color: var(--color-grey-85) !important;
  fill: var(--color-grey-85) !important;
}

.has-background-grey-85,
[data-background=grey-85],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-85] {
  background-color: var(--color-grey-85) !important;
}

.is-grey-90,
.text-grey-90,
[data-color=grey-90] {
  --color-default: var(--color-grey-90) !important;
  color: var(--color-grey-90) !important;
  fill: var(--color-grey-90) !important;
}

.has-grey-90 *,
[data-has-color=grey-90] * {
  --color-default: var(--color-grey-90) !important;
  color: var(--color-grey-90) !important;
  fill: var(--color-grey-90) !important;
}

.has-background-grey-90,
[data-background=grey-90],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-90] {
  background-color: var(--color-grey-90) !important;
}

.is-grey-95,
.text-grey-95,
[data-color=grey-95] {
  --color-default: var(--color-grey-95) !important;
  color: var(--color-grey-95) !important;
  fill: var(--color-grey-95) !important;
}

.has-grey-95 *,
[data-has-color=grey-95] * {
  --color-default: var(--color-grey-95) !important;
  color: var(--color-grey-95) !important;
  fill: var(--color-grey-95) !important;
}

.has-background-grey-95,
[data-background=grey-95],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-95] {
  background-color: var(--color-grey-95) !important;
}

.is-grey-97,
.text-grey-97,
[data-color=grey-97] {
  --color-default: var(--color-grey-97) !important;
  color: var(--color-grey-97) !important;
  fill: var(--color-grey-97) !important;
}

.has-grey-97 *,
[data-has-color=grey-97] * {
  --color-default: var(--color-grey-97) !important;
  color: var(--color-grey-97) !important;
  fill: var(--color-grey-97) !important;
}

.has-background-grey-97,
[data-background=grey-97],
body[data-hpa-scrolling=true] [data-scrolling-background=grey-97] {
  background-color: var(--color-grey-97) !important;
}

.is-white,
.text-white,
[data-color=white] {
  --color-default: var(--color-white) !important;
  color: var(--color-white) !important;
  fill: var(--color-white) !important;
}

.has-white *,
[data-has-color=white] * {
  --color-default: var(--color-white) !important;
  color: var(--color-white) !important;
  fill: var(--color-white) !important;
}

.has-background-white,
[data-background=white],
body[data-hpa-scrolling=true] [data-scrolling-background=white] {
  background-color: var(--color-white) !important;
}

.is-black,
.text-black,
[data-color=black] {
  --color-default: var(--color-black) !important;
  color: var(--color-black) !important;
  fill: var(--color-black) !important;
}

.has-black *,
[data-has-color=black] * {
  --color-default: var(--color-black) !important;
  color: var(--color-black) !important;
  fill: var(--color-black) !important;
}

.has-background-black,
[data-background=black],
body[data-hpa-scrolling=true] [data-scrolling-background=black] {
  background-color: var(--color-black) !important;
}

.has-box-shadow {
  box-shadow: 0 20px 15px rgba(0, 0, 0, 0.05);
}

.has-box-shadow-dark {
  box-shadow: 0 20px 15px rgba(0, 0, 0, 0.2);
}

a.has-box-shadow,
button.has-box-shadow {
  transition: all 250ms ease;
}
a.has-box-shadow:hover, a.has-box-shadow:focus,
button.has-box-shadow:hover,
button.has-box-shadow:focus {
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}

.is-size-xsmall,
[data-fs=xsmall] {
  font-size: var(--size-xsmall) !important;
}

.is-size-small,
[data-fs=small] {
  font-size: var(--size-small) !important;
}

.is-size-medium,
[data-fs=medium] {
  font-size: var(--size-default) !important;
}

.is-size-large,
[data-fs=large] {
  font-size: var(--size-large) !important;
}

.is-size-xlarge,
[data-fs=xlarge] {
  font-size: var(--size-xlarge) !important;
}

.has-size-xsmall > *,
[data-has-fs=xsmall] > * {
  font-size: var(--size-xsmall) !important;
}

.has-size-small > *,
[data-has-fs=small] > * {
  font-size: var(--size-small) !important;
}

.has-size-medium > *,
[data-has-fs=medium] > * {
  font-size: var(--size-default) !important;
}

.has-size-large > *,
[data-has-fs=large] > * {
  font-size: var(--size-large) !important;
}

.has-size-xlarge > *,
[data-has-fs=xlarge] > * {
  font-size: var(--size-xlarge) !important;
}

.is-weight-100,
[data-wgt="100"] {
  font-weight: 100 !important;
}

.is-weight-200,
[data-wgt="200"] {
  font-weight: 200 !important;
}

.is-weight-300,
[data-wgt="300"] {
  font-weight: 300 !important;
}

.is-weight-400,
[data-wgt="400"] {
  font-weight: 400 !important;
}

.is-weight-500,
[data-wgt="500"] {
  font-weight: 500 !important;
}

.is-weight-600,
[data-wgt="600"] {
  font-weight: 600 !important;
}

.is-weight-700,
[data-wgt="700"] {
  font-weight: 700 !important;
}

.is-weight-800,
[data-wgt="800"] {
  font-weight: 800 !important;
}

.is-weight-900,
[data-wgt="900"] {
  font-weight: 900 !important;
}

.is-hidden {
  display: none;
  visibility: hidden;
}
@media screen and (max-width: 639px) {
  .is-hidden-msmall {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .is-hidden-mobile {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .is-hidden-mlarge-only {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 768px) {
  .is-hidden-tablet {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .is-hidden-tablet-only {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 991px) {
  .is-hidden-touch {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 992px) {
  .is-hidden-dsmall {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .is-hidden-dsmall-only {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1280px) {
  .is-hidden-dmedium {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .is-hidden-dmedium-only {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1440px) {
  .is-hidden-dlarge {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
  .is-hidden-dlarge-only {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1680px) {
  .is-hidden-dxlarge {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
  .is-hidden-dxlarge-only {
    display: none;
    visibility: hidden;
  }
}

*[data-paddingless~=true] {
  padding: 0 !important;
}
*[data-paddingless~=top] {
  padding-top: 0 !important;
}
*[data-paddingless~=right] {
  padding-right: 0 !important;
}
*[data-paddingless~=bottom] {
  padding-bottom: 0 !important;
}
*[data-paddingless~=left] {
  padding-left: 0 !important;
}
*[data-marginless~=true] {
  margin: 0 !important;
}
*[data-marginless~=top] {
  margin-top: 0 !important;
}
*[data-marginless~=right] {
  margin-right: 0 !important;
}
*[data-marginless~=bottom] {
  margin-bottom: 0 !important;
}
*[data-marginless~=left] {
  margin-left: 0 !important;
}
*[data-text-align~=left] {
  --text-alignment: left !important;
}
*[data-text-align~=center] {
  --text-alignment: center !important;
}
*[data-text-align~=right] {
  --text-alignment: right !important;
}
*[data-radius~=small] {
  border-radius: var(--radius-small);
  overflow: hidden;
}
*[data-radius~=medium] {
  border-radius: var(--radius-medium);
  overflow: hidden;
}
*[data-radius~=large] {
  border-radius: var(--radius-large);
  overflow: hidden;
}
*[data-radius~=xlarge] {
  border-radius: var(--radius-xlarge);
  overflow: hidden;
}
*[data-hidden~=true] {
  display: none !important;
  visibility: hidden !important;
}
*[data-relative~=true] {
  position: relative !important;
}
@media screen and (max-width: 639px) {
  *[data-paddingless-msmall~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-msmall~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-msmall~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-msmall~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-msmall~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-msmall~=true] {
    margin: 0 !important;
  }
  *[data-marginless-msmall~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-msmall~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-msmall~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-msmall~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-msmall~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-msmall~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-msmall~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-msmall~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-msmall~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-msmall~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-msmall~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-msmall~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-msmall~=true] {
    position: relative !important;
  }
}
@media screen and (max-width: 767px) {
  *[data-paddingless-mobile~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-mobile~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-mobile~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-mobile~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-mobile~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-mobile~=true] {
    margin: 0 !important;
  }
  *[data-marginless-mobile~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-mobile~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-mobile~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-mobile~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-mobile~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-mobile~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-mobile~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-mobile~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-mobile~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-mobile~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-mobile~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-mobile~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-mobile~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  *[data-paddingless-mlarge-only~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-mlarge-only~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-mlarge-only~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-mlarge-only~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-mlarge-only~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-mlarge-only~=true] {
    margin: 0 !important;
  }
  *[data-marginless-mlarge-only~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-mlarge-only~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-mlarge-only~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-mlarge-only~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-mlarge-only~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-mlarge-only~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-mlarge-only~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-mlarge-only~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-mlarge-only~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-mlarge-only~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-mlarge-only~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-mlarge-only~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-mlarge-only~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 768px) {
  *[data-paddingless-tablet~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-tablet~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-tablet~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-tablet~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-tablet~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-tablet~=true] {
    margin: 0 !important;
  }
  *[data-marginless-tablet~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-tablet~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-tablet~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-tablet~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-tablet~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-tablet~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-tablet~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-tablet~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-tablet~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-tablet~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-tablet~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-tablet~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-tablet~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  *[data-paddingless-tablet-only~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-tablet-only~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-tablet-only~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-tablet-only~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-tablet-only~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-tablet-only~=true] {
    margin: 0 !important;
  }
  *[data-marginless-tablet-only~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-tablet-only~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-tablet-only~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-tablet-only~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-tablet-only~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-tablet-only~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-tablet-only~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-tablet-only~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-tablet-only~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-tablet-only~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-tablet-only~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-tablet-only~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-tablet-only~=true] {
    position: relative !important;
  }
}
@media screen and (max-width: 991px) {
  *[data-paddingless-touch~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-touch~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-touch~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-touch~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-touch~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-touch~=true] {
    margin: 0 !important;
  }
  *[data-marginless-touch~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-touch~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-touch~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-touch~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-touch~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-touch~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-touch~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-touch~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-touch~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-touch~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-touch~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-touch~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-touch~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 992px) {
  *[data-paddingless-dsmall~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-dsmall~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-dsmall~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-dsmall~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-dsmall~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-dsmall~=true] {
    margin: 0 !important;
  }
  *[data-marginless-dsmall~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-dsmall~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-dsmall~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-dsmall~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-dsmall~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-dsmall~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-dsmall~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-dsmall~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-dsmall~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-dsmall~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-dsmall~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-dsmall~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-dsmall~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  *[data-paddingless-dsmall-only~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-dsmall-only~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-dsmall-only~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-dsmall-only~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-dsmall-only~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-dsmall-only~=true] {
    margin: 0 !important;
  }
  *[data-marginless-dsmall-only~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-dsmall-only~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-dsmall-only~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-dsmall-only~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-dsmall-only~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-dsmall-only~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-dsmall-only~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-dsmall-only~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-dsmall-only~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-dsmall-only~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-dsmall-only~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-dsmall-only~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-dsmall-only~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 1280px) {
  *[data-paddingless-dmedium~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-dmedium~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-dmedium~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-dmedium~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-dmedium~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-dmedium~=true] {
    margin: 0 !important;
  }
  *[data-marginless-dmedium~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-dmedium~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-dmedium~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-dmedium~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-dmedium~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-dmedium~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-dmedium~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-dmedium~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-dmedium~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-dmedium~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-dmedium~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-dmedium~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-dmedium~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  *[data-paddingless-dmedium-only~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-dmedium-only~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-dmedium-only~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-dmedium-only~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-dmedium-only~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-dmedium-only~=true] {
    margin: 0 !important;
  }
  *[data-marginless-dmedium-only~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-dmedium-only~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-dmedium-only~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-dmedium-only~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-dmedium-only~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-dmedium-only~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-dmedium-only~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-dmedium-only~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-dmedium-only~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-dmedium-only~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-dmedium-only~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-dmedium-only~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-dmedium-only~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 1440px) {
  *[data-paddingless-dlarge~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-dlarge~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-dlarge~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-dlarge~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-dlarge~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-dlarge~=true] {
    margin: 0 !important;
  }
  *[data-marginless-dlarge~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-dlarge~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-dlarge~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-dlarge~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-dlarge~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-dlarge~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-dlarge~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-dlarge~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-dlarge~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-dlarge~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-dlarge~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-dlarge~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-dlarge~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
  *[data-paddingless-dlarge-only~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-dlarge-only~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-dlarge-only~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-dlarge-only~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-dlarge-only~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-dlarge-only~=true] {
    margin: 0 !important;
  }
  *[data-marginless-dlarge-only~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-dlarge-only~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-dlarge-only~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-dlarge-only~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-dlarge-only~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-dlarge-only~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-dlarge-only~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-dlarge-only~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-dlarge-only~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-dlarge-only~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-dlarge-only~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-dlarge-only~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-dlarge-only~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 1680px) {
  *[data-paddingless-dxlarge~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-dxlarge~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-dxlarge~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-dxlarge~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-dxlarge~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-dxlarge~=true] {
    margin: 0 !important;
  }
  *[data-marginless-dxlarge~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-dxlarge~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-dxlarge~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-dxlarge~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-dxlarge~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-dxlarge~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-dxlarge~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-dxlarge~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-dxlarge~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-dxlarge~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-dxlarge~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-dxlarge~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-dxlarge~=true] {
    position: relative !important;
  }
}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
  *[data-paddingless-dxlarge-only~=true] {
    padding: 0 !important;
  }
  *[data-paddingless-dxlarge-only~=top] {
    padding-top: 0 !important;
  }
  *[data-paddingless-dxlarge-only~=right] {
    padding-right: 0 !important;
  }
  *[data-paddingless-dxlarge-only~=bottom] {
    padding-bottom: 0 !important;
  }
  *[data-paddingless-dxlarge-only~=left] {
    padding-left: 0 !important;
  }
  *[data-marginless-dxlarge-only~=true] {
    margin: 0 !important;
  }
  *[data-marginless-dxlarge-only~=top] {
    margin-top: 0 !important;
  }
  *[data-marginless-dxlarge-only~=right] {
    margin-right: 0 !important;
  }
  *[data-marginless-dxlarge-only~=bottom] {
    margin-bottom: 0 !important;
  }
  *[data-marginless-dxlarge-only~=left] {
    margin-left: 0 !important;
  }
  *[data-text-align-dxlarge-only~=left] {
    --text-alignment: left !important;
  }
  *[data-text-align-dxlarge-only~=center] {
    --text-alignment: center !important;
  }
  *[data-text-align-dxlarge-only~=right] {
    --text-alignment: right !important;
  }
  *[data-radius-dxlarge-only~=small] {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
  *[data-radius-dxlarge-only~=medium] {
    border-radius: var(--radius-medium);
    overflow: hidden;
  }
  *[data-radius-dxlarge-only~=large] {
    border-radius: var(--radius-large);
    overflow: hidden;
  }
  *[data-radius-dxlarge-only~=xlarge] {
    border-radius: var(--radius-xlarge);
    overflow: hidden;
  }
  *[data-hidden-dxlarge-only~=true] {
    display: none !important;
    visibility: hidden !important;
  }
  *[data-relative-dxlarge-only~=true] {
    position: relative !important;
  }
}

:root {
  --grid-gap: 20px;
  --grid-gap-none: 0px;
  --grid-gap-xsmall: calc( var(--grid-gap) / 4);
  --grid-gap-small: calc( var(--grid-gap) / 2);
  --grid-gap-medium: var(--grid-gap);
  --grid-gap-large: calc( var(--grid-gap) * 2);
  --grid-gap-xlarge: calc( var(--grid-gap) * 3);
  --grid-gap-xxlarge: calc( var(--grid-gap) * 4);
}
@media screen and (max-width: 767px) {
  :root {
    --grid-gap: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  :root {
    --grid-gap: 15px;
  }
}

.hpa-grid {
  padding: 0px;
  width: 100%;
}

.hpa-row {
  display: flex;
  flex-direction: var(--hpa-grid-direction);
  justify-content: var(--hpa-grid-justify);
  align-items: var(--hpa-grid-align);
  flex-wrap: var(--hpa-grid-wrap);
  margin: calc(var(--hpa-grid-gap-vert) * -1) calc(var(--hpa-grid-gap-horz) * -1);
  --hpa-grid-gap-vert: 0px;
  --hpa-grid-gap-horz: var(--grid-gap);
  --hpa-grid-wrap: wrap;
  --hpa-grid-direction: row;
  --hpa-grid-justify: flex-start;
  --hpa-grid-align: stretch;
}
.hpa-row .hpa-column {
  padding: var(--hpa-grid-gap-vert) var(--hpa-grid-gap-horz);
}
.hpa-row[data-direction~=row] {
  --hpa-grid-direction: row;
}
.hpa-row[data-direction~=row-reverse] {
  --hpa-grid-direction: row-reverse;
}
.hpa-row[data-direction~=column] {
  --hpa-grid-direction: column;
}
.hpa-row[data-direction~=column-reverse] {
  --hpa-grid-direction: column-reverse;
}
.hpa-row[data-direction~=inherit] {
  --hpa-grid-direction: inherit;
}
.hpa-row[data-justify~=center] {
  --hpa-grid-justify: center;
}
.hpa-row[data-justify~=flex-start] {
  --hpa-grid-justify: flex-start;
}
.hpa-row[data-justify~=flex-end] {
  --hpa-grid-justify: flex-end;
}
.hpa-row[data-justify~=left] {
  --hpa-grid-justify: left;
}
.hpa-row[data-justify~=right] {
  --hpa-grid-justify: right;
}
.hpa-row[data-justify~=space-between] {
  --hpa-grid-justify: space-between;
}
.hpa-row[data-justify~=space-around] {
  --hpa-grid-justify: space-around;
}
.hpa-row[data-justify~=space-evenly] {
  --hpa-grid-justify: space-evenly;
}
.hpa-row[data-justify~=stretch] {
  --hpa-grid-justify: stretch;
}
.hpa-row[data-justify~=inherit] {
  --hpa-grid-justify: inherit;
}
.hpa-row[data-align~=flex-start] {
  --hpa-grid-align: flex-start;
}
.hpa-row[data-align~=center] {
  --hpa-grid-align: center;
}
.hpa-row[data-align~=stretch] {
  --hpa-grid-align: stretch;
}
.hpa-row[data-align~=flex-end] {
  --hpa-grid-align: flex-end;
}
.hpa-row[data-gap~=none] {
  --hpa-grid-gap-horz: var(--grid-gap-none);
}
.hpa-row[data-gap~=xsmall] {
  --hpa-grid-gap-horz: var(--grid-gap-xsmall);
}
.hpa-row[data-gap~=small] {
  --hpa-grid-gap-horz: var(--grid-gap-small);
}
.hpa-row[data-gap~=medium] {
  --hpa-grid-gap-horz: var(--grid-gap-medium);
}
.hpa-row[data-gap~=large] {
  --hpa-grid-gap-horz: var(--grid-gap-large);
}
.hpa-row[data-gap~=xlarge] {
  --hpa-grid-gap-horz: var(--grid-gap-xlarge);
}
@media screen and (max-width: 639px) {
  .hpa-row[data-direction-msmall~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-msmall~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-msmall~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-msmall~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-msmall~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-msmall~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-msmall~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-msmall~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-msmall~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-msmall~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-msmall~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-msmall~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-msmall~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-msmall~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-msmall~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-msmall~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-msmall~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-msmall~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-msmall~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-msmall~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-msmall~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-msmall~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-msmall~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-msmall~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-msmall~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (max-width: 767px) {
  .hpa-row[data-direction-mobile~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-mobile~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-mobile~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-mobile~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-mobile~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-mobile~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-mobile~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-mobile~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-mobile~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-mobile~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-mobile~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-mobile~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-mobile~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-mobile~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-mobile~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-mobile~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-mobile~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-mobile~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-mobile~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-mobile~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-mobile~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-mobile~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-mobile~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-mobile~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-mobile~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .hpa-row[data-direction-mlarge-only~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-mlarge-only~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-mlarge-only~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-mlarge-only~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-mlarge-only~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-mlarge-only~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-mlarge-only~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-mlarge-only~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-mlarge-only~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-mlarge-only~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-mlarge-only~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-mlarge-only~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-mlarge-only~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-mlarge-only~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-mlarge-only~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-mlarge-only~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-mlarge-only~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-mlarge-only~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-mlarge-only~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-mlarge-only~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-mlarge-only~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-mlarge-only~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-mlarge-only~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-mlarge-only~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-mlarge-only~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 768px) {
  .hpa-row[data-direction-tablet~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-tablet~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-tablet~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-tablet~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-tablet~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-tablet~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-tablet~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-tablet~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-tablet~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-tablet~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-tablet~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-tablet~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-tablet~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-tablet~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-tablet~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-tablet~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-tablet~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-tablet~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-tablet~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-tablet~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-tablet~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-tablet~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-tablet~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-tablet~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-tablet~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hpa-row[data-direction-tablet-only~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-tablet-only~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-tablet-only~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-tablet-only~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-tablet-only~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-tablet-only~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-tablet-only~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-tablet-only~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-tablet-only~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-tablet-only~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-tablet-only~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-tablet-only~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-tablet-only~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-tablet-only~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-tablet-only~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-tablet-only~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-tablet-only~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-tablet-only~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-tablet-only~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-tablet-only~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-tablet-only~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-tablet-only~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-tablet-only~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-tablet-only~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-tablet-only~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (max-width: 991px) {
  .hpa-row[data-direction-touch~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-touch~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-touch~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-touch~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-touch~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-touch~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-touch~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-touch~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-touch~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-touch~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-touch~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-touch~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-touch~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-touch~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-touch~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-touch~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-touch~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-touch~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-touch~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-touch~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-touch~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-touch~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-touch~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-touch~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-touch~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 992px) {
  .hpa-row[data-direction-dsmall~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-dsmall~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-dsmall~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-dsmall~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-dsmall~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-dsmall~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-dsmall~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-dsmall~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-dsmall~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-dsmall~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-dsmall~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-dsmall~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-dsmall~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-dsmall~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-dsmall~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-dsmall~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-dsmall~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-dsmall~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-dsmall~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-dsmall~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-dsmall~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-dsmall~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-dsmall~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-dsmall~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-dsmall~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .hpa-row[data-direction-dsmall-only~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-dsmall-only~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-dsmall-only~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-dsmall-only~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-dsmall-only~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-dsmall-only~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-dsmall-only~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-dsmall-only~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-dsmall-only~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-dsmall-only~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-dsmall-only~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-dsmall-only~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-dsmall-only~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-dsmall-only~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-dsmall-only~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-dsmall-only~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-dsmall-only~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-dsmall-only~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-dsmall-only~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-dsmall-only~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-dsmall-only~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-dsmall-only~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-dsmall-only~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-dsmall-only~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-dsmall-only~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 1280px) {
  .hpa-row[data-direction-dmedium~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-dmedium~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-dmedium~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-dmedium~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-dmedium~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-dmedium~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-dmedium~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-dmedium~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-dmedium~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-dmedium~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-dmedium~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-dmedium~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-dmedium~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-dmedium~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-dmedium~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-dmedium~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-dmedium~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-dmedium~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-dmedium~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-dmedium~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-dmedium~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-dmedium~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-dmedium~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-dmedium~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-dmedium~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .hpa-row[data-direction-dmedium-only~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-dmedium-only~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-dmedium-only~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-dmedium-only~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-dmedium-only~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-dmedium-only~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-dmedium-only~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-dmedium-only~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-dmedium-only~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-dmedium-only~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-dmedium-only~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-dmedium-only~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-dmedium-only~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-dmedium-only~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-dmedium-only~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-dmedium-only~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-dmedium-only~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-dmedium-only~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-dmedium-only~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-dmedium-only~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-dmedium-only~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-dmedium-only~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-dmedium-only~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-dmedium-only~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-dmedium-only~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 1440px) {
  .hpa-row[data-direction-dlarge~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-dlarge~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-dlarge~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-dlarge~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-dlarge~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-dlarge~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-dlarge~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-dlarge~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-dlarge~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-dlarge~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-dlarge~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-dlarge~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-dlarge~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-dlarge~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-dlarge~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-dlarge~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-dlarge~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-dlarge~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-dlarge~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-dlarge~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-dlarge~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-dlarge~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-dlarge~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-dlarge~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-dlarge~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
  .hpa-row[data-direction-dlarge-only~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-dlarge-only~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-dlarge-only~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-dlarge-only~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-dlarge-only~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-dlarge-only~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-dlarge-only~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-dlarge-only~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-dlarge-only~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-dlarge-only~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-dlarge-only~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-dlarge-only~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-dlarge-only~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-dlarge-only~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-dlarge-only~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-dlarge-only~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-dlarge-only~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-dlarge-only~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-dlarge-only~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-dlarge-only~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-dlarge-only~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-dlarge-only~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-dlarge-only~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-dlarge-only~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-dlarge-only~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 1680px) {
  .hpa-row[data-direction-dxlarge~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-dxlarge~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-dxlarge~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-dxlarge~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-dxlarge~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-dxlarge~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-dxlarge~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-dxlarge~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-dxlarge~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-dxlarge~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-dxlarge~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-dxlarge~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-dxlarge~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-dxlarge~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-dxlarge~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-dxlarge~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-dxlarge~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-dxlarge~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-dxlarge~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-dxlarge~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-dxlarge~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-dxlarge~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-dxlarge~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-dxlarge~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-dxlarge~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
  .hpa-row[data-direction-dxlarge-only~=row] {
    --hpa-grid-direction: row;
  }
  .hpa-row[data-direction-dxlarge-only~=row-reverse] {
    --hpa-grid-direction: row-reverse;
  }
  .hpa-row[data-direction-dxlarge-only~=column] {
    --hpa-grid-direction: column;
  }
  .hpa-row[data-direction-dxlarge-only~=column-reverse] {
    --hpa-grid-direction: column-reverse;
  }
  .hpa-row[data-direction-dxlarge-only~=inherit] {
    --hpa-grid-direction: inherit;
  }
  .hpa-row[data-justify-dxlarge-only~=center] {
    --hpa-grid-justify: center;
  }
  .hpa-row[data-justify-dxlarge-only~=flex-start] {
    --hpa-grid-justify: flex-start;
  }
  .hpa-row[data-justify-dxlarge-only~=flex-end] {
    --hpa-grid-justify: flex-end;
  }
  .hpa-row[data-justify-dxlarge-only~=left] {
    --hpa-grid-justify: left;
  }
  .hpa-row[data-justify-dxlarge-only~=right] {
    --hpa-grid-justify: right;
  }
  .hpa-row[data-justify-dxlarge-only~=space-between] {
    --hpa-grid-justify: space-between;
  }
  .hpa-row[data-justify-dxlarge-only~=space-around] {
    --hpa-grid-justify: space-around;
  }
  .hpa-row[data-justify-dxlarge-only~=space-evenly] {
    --hpa-grid-justify: space-evenly;
  }
  .hpa-row[data-justify-dxlarge-only~=stretch] {
    --hpa-grid-justify: stretch;
  }
  .hpa-row[data-justify-dxlarge-only~=inherit] {
    --hpa-grid-justify: inherit;
  }
  .hpa-row[data-align-dxlarge-only~=flex-start] {
    --hpa-grid-align: flex-start;
  }
  .hpa-row[data-align-dxlarge-only~=center] {
    --hpa-grid-align: center;
  }
  .hpa-row[data-align-dxlarge-only~=stretch] {
    --hpa-grid-align: stretch;
  }
  .hpa-row[data-align-dxlarge-only~=flex-end] {
    --hpa-grid-align: flex-end;
  }
  .hpa-row[data-gap-dxlarge-only~=none] {
    --hpa-grid-gap-horz: var(--grid-gap-none);
  }
  .hpa-row[data-gap-dxlarge-only~=xsmall] {
    --hpa-grid-gap-horz: var(--grid-gap-xsmall);
  }
  .hpa-row[data-gap-dxlarge-only~=small] {
    --hpa-grid-gap-horz: var(--grid-gap-small);
  }
  .hpa-row[data-gap-dxlarge-only~=medium] {
    --hpa-grid-gap-horz: var(--grid-gap-medium);
  }
  .hpa-row[data-gap-dxlarge-only~=large] {
    --hpa-grid-gap-horz: var(--grid-gap-large);
  }
  .hpa-row[data-gap-dxlarge-only~=xlarge] {
    --hpa-grid-gap-horz: var(--grid-gap-xlarge);
  }
}
@media screen and (max-width: 767px) {
  .hpa-row[data-direction-mobile=row-reverse] {
    flex-flow: wrap-reverse;
  }
}
@media screen and (max-width: 767px) {
  .hpa-row[data-direction-mobile=column-reverse] > .hpa-column {
    margin-bottom: -20px;
    width: 100%;
  }
  .hpa-row[data-direction-mobile=column-reverse] > .hpa-column:last-child {
    margin-bottom: 0;
  }
}
.hpa-row[data-box-columns=true] > .hpa-column {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.hpa-row[data-vertical-padding] {
  --hpa-grid-gap-vert: var(--hpa-grid-gap-horz);
}

.hpa-column {
  flex: var(--hpa-col-grow) var(--hpa-col-shrink) var(--hpa-col-basis);
  word-break: break-word;
  hyphens: manual;
  --hpa-col-grow: 0;
  --hpa-col-shrink: 1;
  --hpa-col-basis: 100%;
  --hpa-col-unit: 8.3333333333%;
}
.hpa-column[data-offset-all="0"] {
  margin-left: calc(var(--hpa-col-unit) * 0);
}
.hpa-column[data-offset-all="1"] {
  margin-left: calc(var(--hpa-col-unit) * 1);
}
.hpa-column[data-offset-all="2"] {
  margin-left: calc(var(--hpa-col-unit) * 2);
}
.hpa-column[data-offset-all="3"] {
  margin-left: calc(var(--hpa-col-unit) * 3);
}
.hpa-column[data-offset-all="4"] {
  margin-left: calc(var(--hpa-col-unit) * 4);
}
.hpa-column[data-offset-all="5"] {
  margin-left: calc(var(--hpa-col-unit) * 5);
}
.hpa-column[data-offset-all="6"] {
  margin-left: calc(var(--hpa-col-unit) * 6);
}
.hpa-column[data-offset-all="7"] {
  margin-left: calc(var(--hpa-col-unit) * 7);
}
.hpa-column[data-offset-all="8"] {
  margin-left: calc(var(--hpa-col-unit) * 8);
}
.hpa-column[data-offset-all="9"] {
  margin-left: calc(var(--hpa-col-unit) * 9);
}
.hpa-column[data-offset-all="10"] {
  margin-left: calc(var(--hpa-col-unit) * 10);
}
.hpa-column[data-offset-all="11"] {
  margin-left: calc(var(--hpa-col-unit) * 11);
}
.hpa-column[data-offset-all="12"] {
  margin-left: calc(var(--hpa-col-unit) * 12);
}
.hpa-column[data-all="0"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
}
.hpa-column[data-all="1"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
}
.hpa-column[data-all="2"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
}
.hpa-column[data-all="3"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
}
.hpa-column[data-all="4"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
}
.hpa-column[data-all="5"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
}
.hpa-column[data-all="6"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
}
.hpa-column[data-all="7"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
}
.hpa-column[data-all="8"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
}
.hpa-column[data-all="9"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
}
.hpa-column[data-all="10"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
}
.hpa-column[data-all="11"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
}
.hpa-column[data-all="12"] {
  --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
}
.hpa-column[data-fifths] {
  --hpa-col-unit: 20%;
}
.hpa-column[data-sevenths] {
  --hpa-col-unit: 14.2857142857%;
}
.hpa-column[data-eighths] {
  --hpa-col-unit: 12.5%;
}
.hpa-column[data-ninths] {
  --hpa-col-unit: 11.1111111111%;
}
.hpa-column[data-tenths] {
  --hpa-col-unit: 10%;
}
.hpa-column[data-elevenths] {
  --hpa-col-unit: 9.0909090909%;
}
.hpa-column[data~=auto] {
  --hpa-col-grow: 1;
  --hpa-col-basis: auto;
}
@media screen and (max-width: 639px) {
  .hpa-column[data-offset-msmall="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-msmall="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-msmall="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-msmall="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-msmall="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-msmall="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-msmall="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-msmall="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-msmall="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-msmall="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-msmall="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-msmall="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-msmall="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-msmall="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-msmall="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-msmall="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-msmall="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-msmall="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-msmall="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-msmall="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-msmall="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-msmall="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-msmall="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-msmall="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-msmall="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-msmall="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-msmall] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-msmall] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-msmall] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-msmall] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-msmall] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-msmall] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-msmall~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (max-width: 767px) {
  .hpa-column[data-offset-mobile="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-mobile="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-mobile="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-mobile="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-mobile="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-mobile="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-mobile="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-mobile="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-mobile="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-mobile="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-mobile="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-mobile="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-mobile="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-mobile="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-mobile="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-mobile="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-mobile="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-mobile="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-mobile="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-mobile="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-mobile="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-mobile="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-mobile="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-mobile="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-mobile="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-mobile="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-mobile] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-mobile] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-mobile] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-mobile] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-mobile] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-mobile] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-mobile~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .hpa-column[data-offset-mlarge-only="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-mlarge-only="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-mlarge-only="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-mlarge-only="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-mlarge-only="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-mlarge-only="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-mlarge-only="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-mlarge-only="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-mlarge-only="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-mlarge-only="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-mlarge-only="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-mlarge-only="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-mlarge-only="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-mlarge-only="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-mlarge-only="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-mlarge-only="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-mlarge-only="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-mlarge-only="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-mlarge-only="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-mlarge-only="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-mlarge-only="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-mlarge-only="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-mlarge-only="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-mlarge-only="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-mlarge-only="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-mlarge-only="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-mlarge-only] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-mlarge-only] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-mlarge-only] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-mlarge-only] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-mlarge-only] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-mlarge-only] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-mlarge-only~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 768px) {
  .hpa-column[data-offset-tablet="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-tablet="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-tablet="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-tablet="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-tablet="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-tablet="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-tablet="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-tablet="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-tablet="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-tablet="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-tablet="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-tablet="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-tablet="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-tablet="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-tablet="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-tablet="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-tablet="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-tablet="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-tablet="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-tablet="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-tablet="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-tablet="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-tablet="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-tablet="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-tablet="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-tablet="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-tablet] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-tablet] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-tablet] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-tablet] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-tablet] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-tablet] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-tablet~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hpa-column[data-offset-tablet-only="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-tablet-only="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-tablet-only="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-tablet-only="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-tablet-only="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-tablet-only="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-tablet-only="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-tablet-only="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-tablet-only="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-tablet-only="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-tablet-only="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-tablet-only="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-tablet-only="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-tablet-only="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-tablet-only="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-tablet-only="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-tablet-only="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-tablet-only="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-tablet-only="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-tablet-only="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-tablet-only="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-tablet-only="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-tablet-only="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-tablet-only="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-tablet-only="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-tablet-only="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-tablet-only] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-tablet-only] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-tablet-only] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-tablet-only] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-tablet-only] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-tablet-only] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-tablet-only~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (max-width: 991px) {
  .hpa-column[data-offset-touch="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-touch="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-touch="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-touch="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-touch="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-touch="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-touch="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-touch="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-touch="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-touch="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-touch="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-touch="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-touch="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-touch="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-touch="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-touch="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-touch="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-touch="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-touch="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-touch="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-touch="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-touch="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-touch="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-touch="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-touch="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-touch="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-touch] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-touch] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-touch] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-touch] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-touch] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-touch] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-touch~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 992px) {
  .hpa-column[data-offset-dsmall="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-dsmall="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-dsmall="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-dsmall="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-dsmall="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-dsmall="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-dsmall="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-dsmall="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-dsmall="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-dsmall="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-dsmall="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-dsmall="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-dsmall="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-dsmall="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-dsmall="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-dsmall="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-dsmall="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-dsmall="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-dsmall="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-dsmall="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-dsmall="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-dsmall="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-dsmall="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-dsmall="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-dsmall="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-dsmall="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-dsmall] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-dsmall] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-dsmall] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-dsmall] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-dsmall] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-dsmall] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-dsmall~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .hpa-column[data-offset-dsmall-only="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-dsmall-only="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-dsmall-only="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-dsmall-only="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-dsmall-only="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-dsmall-only="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-dsmall-only="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-dsmall-only="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-dsmall-only="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-dsmall-only="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-dsmall-only="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-dsmall-only="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-dsmall-only="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-dsmall-only="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-dsmall-only="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-dsmall-only="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-dsmall-only="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-dsmall-only="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-dsmall-only="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-dsmall-only="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-dsmall-only="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-dsmall-only="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-dsmall-only="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-dsmall-only="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-dsmall-only="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-dsmall-only="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-dsmall-only] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-dsmall-only] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-dsmall-only] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-dsmall-only] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-dsmall-only] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-dsmall-only] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-dsmall-only~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 1280px) {
  .hpa-column[data-offset-dmedium="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-dmedium="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-dmedium="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-dmedium="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-dmedium="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-dmedium="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-dmedium="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-dmedium="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-dmedium="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-dmedium="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-dmedium="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-dmedium="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-dmedium="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-dmedium="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-dmedium="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-dmedium="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-dmedium="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-dmedium="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-dmedium="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-dmedium="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-dmedium="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-dmedium="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-dmedium="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-dmedium="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-dmedium="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-dmedium="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-dmedium] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-dmedium] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-dmedium] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-dmedium] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-dmedium] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-dmedium] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-dmedium~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .hpa-column[data-offset-dmedium-only="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-dmedium-only="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-dmedium-only="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-dmedium-only="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-dmedium-only="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-dmedium-only="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-dmedium-only="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-dmedium-only="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-dmedium-only="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-dmedium-only="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-dmedium-only="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-dmedium-only="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-dmedium-only="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-dmedium-only="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-dmedium-only="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-dmedium-only="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-dmedium-only="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-dmedium-only="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-dmedium-only="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-dmedium-only="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-dmedium-only="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-dmedium-only="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-dmedium-only="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-dmedium-only="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-dmedium-only="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-dmedium-only="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-dmedium-only] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-dmedium-only] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-dmedium-only] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-dmedium-only] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-dmedium-only] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-dmedium-only] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-dmedium-only~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 1440px) {
  .hpa-column[data-offset-dlarge="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-dlarge="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-dlarge="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-dlarge="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-dlarge="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-dlarge="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-dlarge="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-dlarge="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-dlarge="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-dlarge="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-dlarge="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-dlarge="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-dlarge="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-dlarge="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-dlarge="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-dlarge="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-dlarge="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-dlarge="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-dlarge="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-dlarge="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-dlarge="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-dlarge="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-dlarge="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-dlarge="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-dlarge="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-dlarge="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-dlarge] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-dlarge] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-dlarge] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-dlarge] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-dlarge] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-dlarge] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-dlarge~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
  .hpa-column[data-offset-dlarge-only="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-dlarge-only="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-dlarge-only="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-dlarge-only="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-dlarge-only="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-dlarge-only="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-dlarge-only="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-dlarge-only="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-dlarge-only="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-dlarge-only="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-dlarge-only="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-dlarge-only="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-dlarge-only="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-dlarge-only="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-dlarge-only="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-dlarge-only="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-dlarge-only="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-dlarge-only="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-dlarge-only="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-dlarge-only="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-dlarge-only="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-dlarge-only="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-dlarge-only="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-dlarge-only="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-dlarge-only="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-dlarge-only="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-dlarge-only] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-dlarge-only] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-dlarge-only] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-dlarge-only] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-dlarge-only] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-dlarge-only] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-dlarge-only~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 1680px) {
  .hpa-column[data-offset-dxlarge="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-dxlarge="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-dxlarge="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-dxlarge="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-dxlarge="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-dxlarge="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-dxlarge="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-dxlarge="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-dxlarge="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-dxlarge="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-dxlarge="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-dxlarge="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-dxlarge="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-dxlarge="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-dxlarge="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-dxlarge="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-dxlarge="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-dxlarge="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-dxlarge="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-dxlarge="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-dxlarge="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-dxlarge="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-dxlarge="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-dxlarge="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-dxlarge="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-dxlarge="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-dxlarge] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-dxlarge] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-dxlarge] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-dxlarge] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-dxlarge] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-dxlarge] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-dxlarge~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
  .hpa-column[data-offset-dxlarge-only="0"] {
    margin-left: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-offset-dxlarge-only="1"] {
    margin-left: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-offset-dxlarge-only="2"] {
    margin-left: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-offset-dxlarge-only="3"] {
    margin-left: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-offset-dxlarge-only="4"] {
    margin-left: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-offset-dxlarge-only="5"] {
    margin-left: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-offset-dxlarge-only="6"] {
    margin-left: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-offset-dxlarge-only="7"] {
    margin-left: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-offset-dxlarge-only="8"] {
    margin-left: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-offset-dxlarge-only="9"] {
    margin-left: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-offset-dxlarge-only="10"] {
    margin-left: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-offset-dxlarge-only="11"] {
    margin-left: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-offset-dxlarge-only="12"] {
    margin-left: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-dxlarge-only="0"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 0);
  }
  .hpa-column[data-dxlarge-only="1"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 1);
  }
  .hpa-column[data-dxlarge-only="2"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 2);
  }
  .hpa-column[data-dxlarge-only="3"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 3);
  }
  .hpa-column[data-dxlarge-only="4"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 4);
  }
  .hpa-column[data-dxlarge-only="5"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 5);
  }
  .hpa-column[data-dxlarge-only="6"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 6);
  }
  .hpa-column[data-dxlarge-only="7"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 7);
  }
  .hpa-column[data-dxlarge-only="8"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 8);
  }
  .hpa-column[data-dxlarge-only="9"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 9);
  }
  .hpa-column[data-dxlarge-only="10"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 10);
  }
  .hpa-column[data-dxlarge-only="11"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 11);
  }
  .hpa-column[data-dxlarge-only="12"] {
    --hpa-col-basis: calc(var(--hpa-col-unit) * 12);
  }
  .hpa-column[data-fifths-dxlarge-only] {
    --hpa-col-unit: 20%;
  }
  .hpa-column[data-sevenths-dxlarge-only] {
    --hpa-col-unit: 14.2857142857%;
  }
  .hpa-column[data-eighths-dxlarge-only] {
    --hpa-col-unit: 12.5%;
  }
  .hpa-column[data-ninths-dxlarge-only] {
    --hpa-col-unit: 11.1111111111%;
  }
  .hpa-column[data-tenths-dxlarge-only] {
    --hpa-col-unit: 10%;
  }
  .hpa-column[data-elevenths-dxlarge-only] {
    --hpa-col-unit: 9.0909090909%;
  }
  .hpa-column[data-dxlarge-only~=auto] {
    --hpa-col-grow: 1;
    --hpa-col-basis: auto;
  }
}

* {
  -webkit-font-smoothing: antialiased;
  color: var(--color-default);
  text-align: var(--text-alignment);
  font-size: var(--size-default);
}

html {
  font-size: var(--size-default);
  line-height: 1.4;
}

body {
  font-family: var(--font-default);
  color: var(--color-default);
}

main {
  font-family: var(--font-default);
}

img {
  max-width: 100%;
  height: auto;
}

h1, *.h1, *[data-fs=h1],
h2, *.h2, *[data-fs=h2],
h3, *.h3, *[data-fs=h3],
h4, *.h4, *[data-fs=h4],
h5, *.h5, *[data-fs=h5],
h6, *.h6, *[data-fs=h6] {
  color: var(--color-heading);
  font-family: var(--font-headings);
  font-size: var(--size-heading);
  font-weight: var(--weight-heading);
  letter-spacing: var(--letter-spacing-heading);
  line-height: var(--line-height-heading);
  margin-top: var(--margin-heading);
  margin-bottom: var(--margin-heading);
  word-break: break-word;
  --weight-heading: var(--weight-heading--default);
  --margin-heading: var(--space-xsmall);
}
h1 strong, *.h1 strong, *[data-fs=h1] strong,
h2 strong, *.h2 strong, *[data-fs=h2] strong,
h3 strong, *.h3 strong, *[data-fs=h3] strong,
h4 strong, *.h4 strong, *[data-fs=h4] strong,
h5 strong, *.h5 strong, *[data-fs=h5] strong,
h6 strong, *.h6 strong, *[data-fs=h6] strong {
  font-weight: var(--weight-heading--bold);
}
h1 span, *.h1 span, *[data-fs=h1] span,
h2 span, *.h2 span, *[data-fs=h2] span,
h3 span, *.h3 span, *[data-fs=h3] span,
h4 span, *.h4 span, *[data-fs=h4] span,
h5 span, *.h5 span, *[data-fs=h5] span,
h6 span, *.h6 span, *[data-fs=h6] span {
  font-weight: var(--weight-heading--default);
}
h1 *, *.h1 *, *[data-fs=h1] *,
h2 *, *.h2 *, *[data-fs=h2] *,
h3 *, *.h3 *, *[data-fs=h3] *,
h4 *, *.h4 *, *[data-fs=h4] *,
h5 *, *.h5 *, *[data-fs=h5] *,
h6 *, *.h6 *, *[data-fs=h6] * {
  color: currentColor;
  word-break: break-word;
}
h1 a:is([data-unstyled]), *.h1 a:is([data-unstyled]), *[data-fs=h1] a:is([data-unstyled]),
h2 a:is([data-unstyled]), *.h2 a:is([data-unstyled]), *[data-fs=h2] a:is([data-unstyled]),
h3 a:is([data-unstyled]), *.h3 a:is([data-unstyled]), *[data-fs=h3] a:is([data-unstyled]),
h4 a:is([data-unstyled]), *.h4 a:is([data-unstyled]), *[data-fs=h4] a:is([data-unstyled]),
h5 a:is([data-unstyled]), *.h5 a:is([data-unstyled]), *[data-fs=h5] a:is([data-unstyled]),
h6 a:is([data-unstyled]), *.h6 a:is([data-unstyled]), *[data-fs=h6] a:is([data-unstyled]) {
  color: currentColor;
}
h1 a:not([data-unstyled]), *.h1 a:not([data-unstyled]), *[data-fs=h1] a:not([data-unstyled]),
h2 a:not([data-unstyled]), *.h2 a:not([data-unstyled]), *[data-fs=h2] a:not([data-unstyled]),
h3 a:not([data-unstyled]), *.h3 a:not([data-unstyled]), *[data-fs=h3] a:not([data-unstyled]),
h4 a:not([data-unstyled]), *.h4 a:not([data-unstyled]), *[data-fs=h4] a:not([data-unstyled]),
h5 a:not([data-unstyled]), *.h5 a:not([data-unstyled]), *[data-fs=h5] a:not([data-unstyled]),
h6 a:not([data-unstyled]), *.h6 a:not([data-unstyled]), *[data-fs=h6] a:not([data-unstyled]) {
  color: currentColor !important;
  text-decoration: none !important;
  transition: all 250ms ease;
}
h1 a:not([data-unstyled]):hover, h1 a:not([data-unstyled]):focus, *.h1 a:not([data-unstyled]):hover, *.h1 a:not([data-unstyled]):focus, *[data-fs=h1] a:not([data-unstyled]):hover, *[data-fs=h1] a:not([data-unstyled]):focus,
h2 a:not([data-unstyled]):hover,
h2 a:not([data-unstyled]):focus, *.h2 a:not([data-unstyled]):hover, *.h2 a:not([data-unstyled]):focus, *[data-fs=h2] a:not([data-unstyled]):hover, *[data-fs=h2] a:not([data-unstyled]):focus,
h3 a:not([data-unstyled]):hover,
h3 a:not([data-unstyled]):focus, *.h3 a:not([data-unstyled]):hover, *.h3 a:not([data-unstyled]):focus, *[data-fs=h3] a:not([data-unstyled]):hover, *[data-fs=h3] a:not([data-unstyled]):focus,
h4 a:not([data-unstyled]):hover,
h4 a:not([data-unstyled]):focus, *.h4 a:not([data-unstyled]):hover, *.h4 a:not([data-unstyled]):focus, *[data-fs=h4] a:not([data-unstyled]):hover, *[data-fs=h4] a:not([data-unstyled]):focus,
h5 a:not([data-unstyled]):hover,
h5 a:not([data-unstyled]):focus, *.h5 a:not([data-unstyled]):hover, *.h5 a:not([data-unstyled]):focus, *[data-fs=h5] a:not([data-unstyled]):hover, *[data-fs=h5] a:not([data-unstyled]):focus,
h6 a:not([data-unstyled]):hover,
h6 a:not([data-unstyled]):focus, *.h6 a:not([data-unstyled]):hover, *.h6 a:not([data-unstyled]):focus, *[data-fs=h6] a:not([data-unstyled]):hover, *[data-fs=h6] a:not([data-unstyled]):focus {
  opacity: 0.7;
  text-decoration: none !important;
  transition: all 250ms ease;
}

h1,
*.h1,
*[data-fs=h1] {
  --letter-spacing-heading: var(--letter-spacing-h1);
  --line-height-heading: var(--line-height-h1);
  --size-heading: var(--size-h1);
  --weight-heading--default: var(--weight-h1--default);
  --weight-heading--bold: var(--weight-h1--bold);
}

h2,
*.h2,
*[data-fs=h2] {
  --letter-spacing-heading: var(--letter-spacing-h2);
  --line-height-heading: var(--line-height-h2);
  --size-heading: var(--size-h2);
  --weight-heading--default: var(--weight-h2--default);
  --weight-heading--bold: var(--weight-h2--bold);
}

h3,
*.h3,
*[data-fs=h3] {
  --letter-spacing-heading: var(--letter-spacing-h3);
  --line-height-heading: var(--line-height-h3);
  --size-heading: var(--size-h3);
  --weight-heading--default: var(--weight-h3--default);
  --weight-heading--bold: var(--weight-h3--bold);
}

h4,
*.h4,
*[data-fs=h4] {
  --letter-spacing-heading: var(--letter-spacing-h4);
  --line-height-heading: var(--line-height-h4);
  --size-heading: var(--size-h4);
  --weight-heading--default: var(--weight-h4--default);
  --weight-heading--bold: var(--weight-h4--bold);
}

h5,
*.h5,
*[data-fs=h5] {
  --letter-spacing-heading: var(--letter-spacing-h5);
  --line-height-heading: var(--line-height-h5);
  --size-heading: var(--size-h5);
  --weight-heading--default: var(--weight-h5--default);
  --weight-heading--bold: var(--weight-h5--bold);
}

h6,
*.h6,
*[data-fs=h6] {
  --letter-spacing-heading: var(--letter-spacing-h6);
  --line-height-heading: var(--line-height-h6);
  --size-heading: var(--size-h6);
  --weight-heading--default: var(--weight-h6--default);
  --weight-heading--bold: var(--weight-h6--bold);
}

h1-l,
*.h1-l,
*[data-fs=h1-l] {
  --letter-spacing-heading: var(--letter-spacing-h1-l);
  --line-height-heading: var(--line-height-h1-l);
  --size-heading: var(--size-h1-l);
  --weight-heading--default: var(--weight-h1-l--default);
  --weight-heading--bold: var(--weight-h1-l--bold);
}

h1-xl,
*.h1-xl,
*[data-fs=h1-xl] {
  --letter-spacing-heading: var(--letter-spacing-h1-xl);
  --line-height-heading: var(--line-height-h1-xl);
  --size-heading: var(--size-h1-xl);
  --weight-heading--default: var(--weight-h1-xl--default);
  --weight-heading--bold: var(--weight-h1-xl--bold);
}

p {
  font-size: var(--size-default);
}

.body-container a,
.body-wrapper a {
  text-decoration: none;
}
.body-container a:not(.hs-button):not(.arrow-link):not([data-unstyled]):not(.topic-card > a),
.body-wrapper a:not(.hs-button):not(.arrow-link):not([data-unstyled]):not(.topic-card > a) {
  color: var(--color-link);
}
.body-container a:not(.hs-button):not(.arrow-link):not([data-unstyled]):not(.topic-card > a):hover, .body-container a:not(.hs-button):not(.arrow-link):not([data-unstyled]):not(.topic-card > a):focus,
.body-wrapper a:not(.hs-button):not(.arrow-link):not([data-unstyled]):not(.topic-card > a):hover,
.body-wrapper a:not(.hs-button):not(.arrow-link):not([data-unstyled]):not(.topic-card > a):focus {
  color: var(--color-link);
  text-decoration: underline;
  text-decoration-color: var(--color-grey-70);
}
.body-container ul,
.body-container ol,
.body-wrapper ul,
.body-wrapper ol {
  padding-left: 17px;
  margin: 20px 0;
}
.body-container ul li:not(.body-container ul li:last-child,
.body-container ol li:last-child,
.body-wrapper ul li:last-child,
.body-wrapper ol li:last-child),
.body-container ol li:not(.body-container ul li:last-child,
.body-container ol li:last-child,
.body-wrapper ul li:last-child,
.body-wrapper ol li:last-child),
.body-wrapper ul li:not(.body-container ul li:last-child,
.body-container ol li:last-child,
.body-wrapper ul li:last-child,
.body-wrapper ol li:last-child),
.body-wrapper ol li:not(.body-container ul li:last-child,
.body-container ol li:last-child,
.body-wrapper ul li:last-child,
.body-wrapper ol li:last-child) {
  padding-bottom: 10px;
}
.body-container hr,
.body-wrapper hr {
  border-width: 0 !important;
  height: 1px;
  background-color: var(--color-grey-85);
}

.hpa-label {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: var(--label-size);
  color: var(--label-color);
  letter-spacing: 1px;
  margin: 15px 0;
  display: block;
  --label-size: var(--size-small);
  --size-default: var(--size-small);
  --label-color: var(--color-default);
}
.hpa-label:is([data-size=small]) {
  --label-size: var(--size-xsmall);
  --size-default: var(--size-xsmall);
}
.hpa-label:is([data-size=large]) {
  --label-size: var(--size-medium);
  --size-default: var(--size-medium);
}
.hpa-label:is([data-size=xlarge]) {
  --label-size: var(--size-large);
  --size-default: var(--size-large);
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

button {
  -webkit-appearance: none;
  background: none;
  padding: 0;
  border: none;
  box-sizing: content-box;
}

a.cta_button.hs-button {
  box-sizing: var(--button-box-sizing) !important;
}

.hpa-buttons-container {
  display: flex;
  align-items: center;
  gap: var(--space-xsmall);
}
.hpa-buttons-container:is([data-text-align=center]) {
  justify-content: center;
}
.hpa-buttons-container:is([data-text-align=right]) {
  justify-content: flex-end;
}

.hs-button,
.btn {
  align-items: center;
  display: inline-flex !important;
  justify-content: space-between;
  background: var(--button-background) !important;
  border: var(--button-border);
  border-radius: var(--button-border-radius);
  box-shadow: var(--button-box-shadow);
  box-sizing: var(--button-box-sizing) !important;
  color: var(--button-color) !important;
  cursor: var(--button-cursor);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-spacing);
  line-height: var(--button-line-height);
  padding: var(--button-padding);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-transform: var(--button-text-transform);
  transition: var(--button-transition);
  min-height: var(--button-min-height);
  min-width: var(--button-min-width);
  vertical-align: bottom;
  gap: var(--button-gap);
  --button-border-width: 0;
  --button-border-color: none;
  --button-border: var(--button-border-width) solid var(--button-border-color);
  --button-color: white;
  --button-cursor: pointer;
  --button-font-family: var(--font-buttons);
  --button-font-weight: bold;
  --button-text-decoration: none !important;
  --button-text-transform: none;
  --button-transition: all 250ms cubic-bezier(var(--bezier));
  --button-icon-color: var(--button-color);
  --button-icon-size: 16px;
  --button-icon-shift: var(--button-size-icon-shift);
  --button-box-shadow: none;
  --button-box-sizing: border-box;
  --button-type-border-radius: 0;
  --button-hover-opacity: 1;
  --button-min-height: 0;
  --button-min-width: var(--button-min-height);
}
.hs-button .text,
.btn .text {
  color: var(--button-color) !important;
  line-height: 1.1;
  font-size: var(--button-font-size);
}
.hs-button span[class*=material-icons],
.hs-button svg,
.btn span[class*=material-icons],
.btn svg {
  color: var(--button-icon-color);
  fill: var(--button-icon-color);
  transform: translateX(var(--button-icon-shift));
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  font-size: var(--button-icon-size);
}
.hs-button:not([disabled]):hover, .hs-button:not([disabled]):focus, a:hover .hs-button:not([disabled]), a:focus .hs-button:not([disabled]),
.btn:not([disabled]):hover,
.btn:not([disabled]):focus,
a:hover .btn:not([disabled]),
a:focus .btn:not([disabled]) {
  background: var(--button-background);
  border: var(--button-border);
  color: var(--button-color);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  opacity: var(--button-hover-opacity);
}
.hs-button:active,
.btn:active {
  opacity: var(--button-hover-opacity);
}
.hs-button:is([disabled]),
.btn:is([disabled]) {
  opacity: var(--button-hover-opacity);
  --button-hover-opacity: 0.25;
}
.hs-button:is([disabled]):hover,
.btn:is([disabled]):hover {
  cursor: not-allowed;
}
.hs-button:is(.block),
.btn:is(.block) {
  display: flex !important;
  width: 100%;
}
.hs-button:is(.center),
.btn:is(.center) {
  justify-content: center;
  --button-size-icon-shift: 0 !important;
}
.hs-button:is(.icon-left),
.btn:is(.icon-left) {
  --button-icon-shift: calc( -1 * var(--button-size-icon-shift) );
}
.hs-button:is(.no-hover),
.btn:is(.no-hover) {
  --button-hover-opacity: 1;
}
.hs-button:is(.unpadded),
.btn:is(.unpadded) {
  --button-padding: 0 !important;
}
.hs-button:is(.primary), .hs-button:is(.btn-primary), .hs-button:not(.secondary):not(.btn-secondary),
.btn:is(.primary),
.btn:is(.btn-primary),
.btn:not(.secondary):not(.btn-secondary) {
  --button-background: var(--color-hpa-purple);
  --button-color: white;
  --button-border-width: 2px;
  --button-border-color: var(--color-hpa-purple);
}
.hs-button:is(.primary):not([disabled]):hover, .hs-button:is(.primary):not([disabled]):focus, a:hover .hs-button:is(.primary):not([disabled]), a:focus .hs-button:is(.primary):not([disabled]), .hs-button:is(.btn-primary):not([disabled]):hover, .hs-button:is(.btn-primary):not([disabled]):focus, a:hover .hs-button:is(.btn-primary):not([disabled]), a:focus .hs-button:is(.btn-primary):not([disabled]), .hs-button:not(.secondary):not(.btn-secondary):not([disabled]):hover, .hs-button:not(.secondary):not(.btn-secondary):not([disabled]):focus, a:hover .hs-button:not(.secondary):not(.btn-secondary):not([disabled]), a:focus .hs-button:not(.secondary):not(.btn-secondary):not([disabled]),
.btn:is(.primary):not([disabled]):hover,
.btn:is(.primary):not([disabled]):focus,
a:hover .btn:is(.primary):not([disabled]),
a:focus .btn:is(.primary):not([disabled]),
.btn:is(.btn-primary):not([disabled]):hover,
.btn:is(.btn-primary):not([disabled]):focus,
a:hover .btn:is(.btn-primary):not([disabled]),
a:focus .btn:is(.btn-primary):not([disabled]),
.btn:not(.secondary):not(.btn-secondary):not([disabled]):hover,
.btn:not(.secondary):not(.btn-secondary):not([disabled]):focus,
a:hover .btn:not(.secondary):not(.btn-secondary):not([disabled]),
a:focus .btn:not(.secondary):not(.btn-secondary):not([disabled]) {
  --button-background: white;
  --button-color: var(--color-hpa-purple);
}
.hs-button:is(.secondary), .hs-button:is(.btn-secondary),
.btn:is(.secondary),
.btn:is(.btn-secondary) {
  --button-background: white;
  --button-color: var(--color-hpa-purple);
  --button-border-width: 2px;
  --button-border-color: var(--color-hpa-purple);
}
.hs-button:is(.secondary):not([disabled]):hover, .hs-button:is(.secondary):not([disabled]):focus, a:hover .hs-button:is(.secondary):not([disabled]), a:focus .hs-button:is(.secondary):not([disabled]), .hs-button:is(.btn-secondary):not([disabled]):hover, .hs-button:is(.btn-secondary):not([disabled]):focus, a:hover .hs-button:is(.btn-secondary):not([disabled]), a:focus .hs-button:is(.btn-secondary):not([disabled]),
.btn:is(.secondary):not([disabled]):hover,
.btn:is(.secondary):not([disabled]):focus,
a:hover .btn:is(.secondary):not([disabled]),
a:focus .btn:is(.secondary):not([disabled]),
.btn:is(.btn-secondary):not([disabled]):hover,
.btn:is(.btn-secondary):not([disabled]):focus,
a:hover .btn:is(.btn-secondary):not([disabled]),
a:focus .btn:is(.btn-secondary):not([disabled]) {
  --button-background: var(--color-hpa-purple);
  --button-color: white;
}
.hs-button:is(.small),
.btn:is(.small) {
  --button-border-radius: 16px;
  --button-font-size: 14px;
  --button-letter-spacing: 1px;
  --button-line-height: 20px;
  --button-padding: 0 12px;
  --button-size-icon-shift: 5px;
  --button-min-height: 30px;
  --button-gap: 5px;
}
@media screen and (max-width: 767px) {
  .hs-button:is(.small),
  .btn:is(.small) {
    --button-font-size: 13px;
    --button-line-height: 18px;
    --button-padding: 6px 17px;
  }
}
.hs-button:is(.medium), .hs-button:not(.small):not(.large),
.btn:is(.medium),
.btn:not(.small):not(.large) {
  --button-border-radius: 20px;
  --button-font-size: 15px;
  --button-letter-spacing: 1px;
  --button-line-height: 20px;
  --button-padding: 0 16px;
  --button-size-icon-shift: 5px;
  --button-min-height: 40px;
  --button-gap: 7.5px;
  --button-icon-size: 20px;
}
@media screen and (max-width: 767px) {
  .hs-button:is(.medium), .hs-button:not(.small):not(.large),
  .btn:is(.medium),
  .btn:not(.small):not(.large) {
    --button-font-size: 13px;
    --button-line-height: 18px;
    --button-padding: 0 17px;
  }
}
.hs-button:is(.large),
.btn:is(.large) {
  --button-border-radius: 25px;
  --button-font-size: 17px;
  --button-letter-spacing: 1.25px;
  --button-line-height: 24px;
  --button-padding: 0 25px;
  --button-size-icon-shift: 7px;
  --button-min-height: 50px;
  --button-gap: 10px;
  --button-icon-size: 24px;
}
@media screen and (max-width: 767px) {
  .hs-button:is(.large),
  .btn:is(.large) {
    --button-font-size: 15px;
    --button-line-height: 21px;
    --button-padding: 8px 21px;
  }
}

html .course__link {
  align-items: center;
  display: inline-flex !important;
  justify-content: space-between;
  background: var(--button-background) !important;
  border: var(--button-border);
  border-radius: var(--button-border-radius);
  box-shadow: var(--button-box-shadow);
  box-sizing: var(--button-box-sizing) !important;
  color: var(--button-color) !important;
  cursor: var(--button-cursor);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-spacing);
  line-height: var(--button-line-height);
  padding: var(--button-padding);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-transform: var(--button-text-transform);
  transition: var(--button-transition);
  min-height: var(--button-min-height);
  min-width: var(--button-min-width);
  vertical-align: bottom;
  gap: var(--button-gap);
  --button-border-width: 0;
  --button-border-color: none;
  --button-border: var(--button-border-width) solid var(--button-border-color);
  --button-color: white;
  --button-cursor: pointer;
  --button-font-family: var(--font-buttons);
  --button-font-weight: bold;
  --button-text-decoration: none !important;
  --button-text-transform: none;
  --button-transition: all 250ms cubic-bezier(var(--bezier));
  --button-icon-color: var(--button-color);
  --button-icon-size: 16px;
  --button-icon-shift: var(--button-size-icon-shift);
  --button-box-shadow: none;
  --button-box-sizing: border-box;
  --button-type-border-radius: 0;
  --button-hover-opacity: 1;
  --button-min-height: 0;
  --button-min-width: var(--button-min-height);
  --button-background: white;
  --button-color: var(--color-hpa-purple);
  --button-border-width: 2px;
  --button-border-color: var(--color-hpa-purple);
  --button-border-radius: 20px;
  --button-font-size: 15px;
  --button-letter-spacing: 1px;
  --button-line-height: 20px;
  --button-padding: 0 16px;
  --button-size-icon-shift: 5px;
  --button-min-height: 40px;
  --button-gap: 7.5px;
  --button-icon-size: 20px;
}
html .course__link .text {
  color: var(--button-color) !important;
  line-height: 1.1;
  font-size: var(--button-font-size);
}
html .course__link span[class*=material-icons],
html .course__link svg {
  color: var(--button-icon-color);
  fill: var(--button-icon-color);
  transform: translateX(var(--button-icon-shift));
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  font-size: var(--button-icon-size);
}
html .course__link:not([disabled]):hover, html .course__link:not([disabled]):focus, a:hover html .course__link:not([disabled]), a:focus html .course__link:not([disabled]) {
  background: var(--button-background);
  border: var(--button-border);
  color: var(--button-color);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  opacity: var(--button-hover-opacity);
}
html .course__link:active {
  opacity: var(--button-hover-opacity);
}
html .course__link:is([disabled]) {
  opacity: var(--button-hover-opacity);
  --button-hover-opacity: 0.25;
}
html .course__link:is([disabled]):hover {
  cursor: not-allowed;
}
html .course__link:is(.block) {
  display: flex !important;
  width: 100%;
}
html .course__link:is(.center) {
  justify-content: center;
  --button-size-icon-shift: 0 !important;
}
html .course__link:is(.icon-left) {
  --button-icon-shift: calc( -1 * var(--button-size-icon-shift) );
}
html .course__link:is(.no-hover) {
  --button-hover-opacity: 1;
}
html .course__link:is(.unpadded) {
  --button-padding: 0 !important;
}
html .course__link:not([disabled]):hover, html .course__link:not([disabled]):focus, a:hover html .course__link:not([disabled]), a:focus html .course__link:not([disabled]) {
  --button-background: var(--color-hpa-purple);
  --button-color: white;
}
@media screen and (max-width: 767px) {
  html .course__link {
    --button-font-size: 13px;
    --button-line-height: 18px;
    --button-padding: 0 17px;
  }
}
html .pagination a,
html a.next-lesson,
html input[type=submit],
html button[type=submit] {
  align-items: center;
  display: inline-flex !important;
  justify-content: space-between;
  background: var(--button-background) !important;
  border: var(--button-border);
  border-radius: var(--button-border-radius);
  box-shadow: var(--button-box-shadow);
  box-sizing: var(--button-box-sizing) !important;
  color: var(--button-color) !important;
  cursor: var(--button-cursor);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-spacing);
  line-height: var(--button-line-height);
  padding: var(--button-padding);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-transform: var(--button-text-transform);
  transition: var(--button-transition);
  min-height: var(--button-min-height);
  min-width: var(--button-min-width);
  vertical-align: bottom;
  gap: var(--button-gap);
  --button-border-width: 0;
  --button-border-color: none;
  --button-border: var(--button-border-width) solid var(--button-border-color);
  --button-color: white;
  --button-cursor: pointer;
  --button-font-family: var(--font-buttons);
  --button-font-weight: bold;
  --button-text-decoration: none !important;
  --button-text-transform: none;
  --button-transition: all 250ms cubic-bezier(var(--bezier));
  --button-icon-color: var(--button-color);
  --button-icon-size: 16px;
  --button-icon-shift: var(--button-size-icon-shift);
  --button-box-shadow: none;
  --button-box-sizing: border-box;
  --button-type-border-radius: 0;
  --button-hover-opacity: 1;
  --button-min-height: 0;
  --button-min-width: var(--button-min-height);
  --button-background: var(--color-hpa-purple);
  --button-color: white;
  --button-border-width: 2px;
  --button-border-color: var(--color-hpa-purple);
  --button-border-radius: 20px;
  --button-font-size: 15px;
  --button-letter-spacing: 1px;
  --button-line-height: 20px;
  --button-padding: 0 16px;
  --button-size-icon-shift: 5px;
  --button-min-height: 40px;
  --button-gap: 7.5px;
  --button-icon-size: 20px;
}
html .pagination a .text,
html a.next-lesson .text,
html input[type=submit] .text,
html button[type=submit] .text {
  color: var(--button-color) !important;
  line-height: 1.1;
  font-size: var(--button-font-size);
}
html .pagination a span[class*=material-icons],
html .pagination a svg,
html a.next-lesson span[class*=material-icons],
html a.next-lesson svg,
html input[type=submit] span[class*=material-icons],
html input[type=submit] svg,
html button[type=submit] span[class*=material-icons],
html button[type=submit] svg {
  color: var(--button-icon-color);
  fill: var(--button-icon-color);
  transform: translateX(var(--button-icon-shift));
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  font-size: var(--button-icon-size);
}
html .pagination a:not([disabled]):hover, html .pagination a:not([disabled]):focus, a:hover html .pagination a:not([disabled]), a:focus html .pagination a:not([disabled]),
html a.next-lesson:not([disabled]):hover,
html a.next-lesson:not([disabled]):focus,
a:hover html a.next-lesson:not([disabled]),
a:focus html a.next-lesson:not([disabled]),
html input[type=submit]:not([disabled]):hover,
html input[type=submit]:not([disabled]):focus,
a:hover html input[type=submit]:not([disabled]),
a:focus html input[type=submit]:not([disabled]),
html button[type=submit]:not([disabled]):hover,
html button[type=submit]:not([disabled]):focus,
a:hover html button[type=submit]:not([disabled]),
a:focus html button[type=submit]:not([disabled]) {
  background: var(--button-background);
  border: var(--button-border);
  color: var(--button-color);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  opacity: var(--button-hover-opacity);
}
html .pagination a:active,
html a.next-lesson:active,
html input[type=submit]:active,
html button[type=submit]:active {
  opacity: var(--button-hover-opacity);
}
html .pagination a:is([disabled]),
html a.next-lesson:is([disabled]),
html input[type=submit]:is([disabled]),
html button[type=submit]:is([disabled]) {
  opacity: var(--button-hover-opacity);
  --button-hover-opacity: 0.25;
}
html .pagination a:is([disabled]):hover,
html a.next-lesson:is([disabled]):hover,
html input[type=submit]:is([disabled]):hover,
html button[type=submit]:is([disabled]):hover {
  cursor: not-allowed;
}
html .pagination a:is(.block),
html a.next-lesson:is(.block),
html input[type=submit]:is(.block),
html button[type=submit]:is(.block) {
  display: flex !important;
  width: 100%;
}
html .pagination a:is(.center),
html a.next-lesson:is(.center),
html input[type=submit]:is(.center),
html button[type=submit]:is(.center) {
  justify-content: center;
  --button-size-icon-shift: 0 !important;
}
html .pagination a:is(.icon-left),
html a.next-lesson:is(.icon-left),
html input[type=submit]:is(.icon-left),
html button[type=submit]:is(.icon-left) {
  --button-icon-shift: calc( -1 * var(--button-size-icon-shift) );
}
html .pagination a:is(.no-hover),
html a.next-lesson:is(.no-hover),
html input[type=submit]:is(.no-hover),
html button[type=submit]:is(.no-hover) {
  --button-hover-opacity: 1;
}
html .pagination a:is(.unpadded),
html a.next-lesson:is(.unpadded),
html input[type=submit]:is(.unpadded),
html button[type=submit]:is(.unpadded) {
  --button-padding: 0 !important;
}
html .pagination a:not([disabled]):hover, html .pagination a:not([disabled]):focus, a:hover html .pagination a:not([disabled]), a:focus html .pagination a:not([disabled]),
html a.next-lesson:not([disabled]):hover,
html a.next-lesson:not([disabled]):focus,
a:hover html a.next-lesson:not([disabled]),
a:focus html a.next-lesson:not([disabled]),
html input[type=submit]:not([disabled]):hover,
html input[type=submit]:not([disabled]):focus,
a:hover html input[type=submit]:not([disabled]),
a:focus html input[type=submit]:not([disabled]),
html button[type=submit]:not([disabled]):hover,
html button[type=submit]:not([disabled]):focus,
a:hover html button[type=submit]:not([disabled]),
a:focus html button[type=submit]:not([disabled]) {
  --button-background: white;
  --button-color: var(--color-hpa-purple);
}
@media screen and (max-width: 767px) {
  html .pagination a,
  html a.next-lesson,
  html input[type=submit],
  html button[type=submit] {
    --button-font-size: 13px;
    --button-line-height: 18px;
    --button-padding: 0 17px;
  }
}

html body ul.no-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
html body ul.no-list li label {
  margin: 0;
  padding: 0;
}
html body .form-title {
  font-weight: bold;
}
html body .form-title:empty {
  display: none;
}
html body .hs-form {
  font-size: 16px;
}
html body .hs-form label {
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  html body .hs-form label {
    font-size: 14px;
  }
  html body .hs-form label.hs-form-booleancheckbox-display {
    font-size: 13px;
  }
  html body .hs-form label.hs-form-booleancheckbox-display * {
    font-size: inherit;
  }
}
html body .hs-form label * {
  font-size: inherit;
}
html body .hs-form-field {
  margin-bottom: 0;
}
html body a.hs-login-widget-show-password,
html body a#hs_login_reset {
  --size-default: var(--size-small);
  font-weight: 500;
}
html body label {
  color: black;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  padding: 5px 0;
  margin-bottom: 5px;
  display: inline-block;
}
html body label .hs-form-required {
  color: red;
  margin-left: 5px;
}
html body .hs-error-msgs {
  padding: 0 5px;
  margin: 0;
  position: relative;
  margin-top: 0;
  list-style: none;
}
html body .hs-error-msgs:is(:empty) {
  display: none;
}
html body .hs-error-msgs label {
  font-size: 13px;
  padding: 5px 10px !important;
  margin: 5px 0 !important;
  background: rgba(204, 0, 0, 0.1);
  border: 2px solid rgba(204, 0, 0, 0.25);
  color: black;
  border-radius: 4px;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}
html body .hs-error-msg:is(:empty) {
  display: none;
}
html body .hs_error_rollup {
  padding-top: 15px;
  margin-top: 15px;
  border: 1px solid var(--color-grey-95);
}
html body .hs_error_rollup .hs-error-msgs {
  margin-bottom: 15px;
}
html body input[type=text],
html body input[type=password],
html body input[type=datetime],
html body input[type=datetime-local],
html body input[type=date],
html body input[type=month],
html body input[type=time],
html body input[type=week],
html body input[type=number],
html body input[type=email],
html body input[type=url],
html body input[type=search],
html body input[type=tel],
html body input[type=color],
html body input[type=file],
html body textarea,
html body select {
  width: 100%;
  font-family: var(--font-default);
  font-size: var(--size-default);
  background: var(--color-grey-97);
  border: 1px solid var(--color-grey-75);
  border-radius: 2px;
  line-height: 20px;
  padding: 15px 15px 10px;
  box-sizing: border-box;
  display: block;
  color: var(--color-grey-20);
  max-width: 100%;
}
html body input[type=text]:is([disabled]),
html body input[type=password]:is([disabled]),
html body input[type=datetime]:is([disabled]),
html body input[type=datetime-local]:is([disabled]),
html body input[type=date]:is([disabled]),
html body input[type=month]:is([disabled]),
html body input[type=time]:is([disabled]),
html body input[type=week]:is([disabled]),
html body input[type=number]:is([disabled]),
html body input[type=email]:is([disabled]),
html body input[type=url]:is([disabled]),
html body input[type=search]:is([disabled]),
html body input[type=tel]:is([disabled]),
html body input[type=color]:is([disabled]),
html body input[type=file]:is([disabled]),
html body textarea:is([disabled]),
html body select:is([disabled]) {
  background: var(--color-grey-90);
  cursor: not-allowed;
  color: var(--color-grey-50);
}
html body input[type=text]:is([disabled]):focus,
html body input[type=password]:is([disabled]):focus,
html body input[type=datetime]:is([disabled]):focus,
html body input[type=datetime-local]:is([disabled]):focus,
html body input[type=date]:is([disabled]):focus,
html body input[type=month]:is([disabled]):focus,
html body input[type=time]:is([disabled]):focus,
html body input[type=week]:is([disabled]):focus,
html body input[type=number]:is([disabled]):focus,
html body input[type=email]:is([disabled]):focus,
html body input[type=url]:is([disabled]):focus,
html body input[type=search]:is([disabled]):focus,
html body input[type=tel]:is([disabled]):focus,
html body input[type=color]:is([disabled]):focus,
html body input[type=file]:is([disabled]):focus,
html body textarea:is([disabled]):focus,
html body select:is([disabled]):focus {
  outline-color: transparent;
}
html body input[type=text]:is([readonly]),
html body input[type=password]:is([readonly]),
html body input[type=datetime]:is([readonly]),
html body input[type=datetime-local]:is([readonly]),
html body input[type=date]:is([readonly]),
html body input[type=month]:is([readonly]),
html body input[type=time]:is([readonly]),
html body input[type=week]:is([readonly]),
html body input[type=number]:is([readonly]),
html body input[type=email]:is([readonly]),
html body input[type=url]:is([readonly]),
html body input[type=search]:is([readonly]),
html body input[type=tel]:is([readonly]),
html body input[type=color]:is([readonly]),
html body input[type=file]:is([readonly]),
html body textarea:is([readonly]),
html body select:is([readonly]) {
  background: var(--color-grey-90);
  cursor: not-allowed;
}
html body input[type=text]:is([readonly]):focus,
html body input[type=password]:is([readonly]):focus,
html body input[type=datetime]:is([readonly]):focus,
html body input[type=datetime-local]:is([readonly]):focus,
html body input[type=date]:is([readonly]):focus,
html body input[type=month]:is([readonly]):focus,
html body input[type=time]:is([readonly]):focus,
html body input[type=week]:is([readonly]):focus,
html body input[type=number]:is([readonly]):focus,
html body input[type=email]:is([readonly]):focus,
html body input[type=url]:is([readonly]):focus,
html body input[type=search]:is([readonly]):focus,
html body input[type=tel]:is([readonly]):focus,
html body input[type=color]:is([readonly]):focus,
html body input[type=file]:is([readonly]):focus,
html body textarea:is([readonly]):focus,
html body select:is([readonly]):focus {
  outline-color: transparent;
}
html body textarea {
  display: block;
  box-sizing: border-box;
}
html body select {
  box-sizing: border-box;
}
html body .hs-fieldtype-select .input {
  height: 50px;
  border: 2px solid var(--color-grey-90);
  border-radius: 3px;
  background: white;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
html body .hs-fieldtype-select .input select {
  background-color: transparent;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  width: 100%;
  height: 46px;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-grey-50);
}
html body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
html body .actions {
  padding-top: 15px;
}

::-webkit-input-placeholder,
::-moz-placeholder {
  color: var(--color-grey-80);
}

.hs_cos_wrapper_type_form {
  display: block;
}
.hs_cos_wrapper_type_form input[type=submit] {
  cursor: pointer;
}

#hs_form_target_blog_subscription input[type=radio],
#hs_form_target_blog_subscription input[type=checkbox] {
  width: auto !important;
  margin-top: 5px;
  margin-right: 10px;
}

.hs-search-field.hs-search-field--open .hs-search-field__suggestions {
  display: block;
  border: none !important;
}
.hs-search-field__suggestions {
  display: none;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  background: white;
}
.hs-search-field__suggestions li {
  padding: 10px 15px;
}
.hs-search-field__suggestions li#results-for {
  padding-top: 20px;
}
.hs-search-field__suggestions li:last-child {
  padding-bottom: 20px;
}
.hs-search-field__suggestions li a {
  padding-left: 0;
}

.hs-search-results {
  padding-top: 30px;
  padding-bottom: 30px;
}
.hs-search-results__listing {
  padding-bottom: 15px;
}
@media screen and (min-width: 768px), print {
  .hs-search-results__listing {
    margin-bottom: 30px;
  }
}
.hs-search-results li {
  position: relative;
  padding: 15px 0 20px;
  margin-bottom: 5px;
}
.hs-search-results li:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -100px;
  content: " ";
  width: 200px;
  height: 6px;
  background: rgba(0, 0, 0, 0.02);
}
.hs-search-results li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.hs-search-results li:last-child:after {
  display: none;
}
@media screen and (min-width: 992px) {
  .hs-search-results__title {
    font-size: 20px;
  }
}
.hs-search-results__description .hs-search-highlight {
  background: rgba(255, 255, 0, 0.1);
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 2px;
}
.hs-search-results__pagination {
  position: relative;
  padding-top: 15px;
}
@media screen and (min-width: 768px), print {
  .hs-search-results__pagination {
    padding-top: 30px;
  }
}
.hs-search-results__pagination:after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -100px;
  content: " ";
  width: 200px;
  height: 6px;
  background: rgba(0, 0, 0, 0.02);
}
.hs-search-results__pagination a {
  cursor: pointer;
  -webkit-appearance: none;
  font-family: var(--font-default);
  font-size: var(--size-default);
  text-decoration: none !important;
  border: 0;
  font-weight: 900;
  display: inline-block;
  font-size: 11px;
  background: var(--color-aqua);
  color: black;
  padding: 9px 15px;
  line-height: 20px;
  border-radius: 1px;
  box-shadow: none;
  transition: all 250ms ease;
}
.hs-search-results__pagination a:hover, .hs-search-results__pagination a:focus {
  opacity: 0.8;
}
.hs-search-results__pagination a:empty {
  display: none;
}

html body form.hs-form .legal-consent-container {
  padding-top: 15px;
}
html body form.hs-form .legal-consent-container p {
  margin: 0 0 10px;
  font-size: 11px;
}
html body form.hs-form .legal-consent-container ul.inputs-list {
  margin: 0;
}
html body form.hs-form .legal-consent-container ul.inputs-list li label.hs-form-booleancheckbox-display {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
html body form.hs-form .legal-consent-container ul.inputs-list li label.hs-form-booleancheckbox-display > span {
  margin-left: 0;
  line-height: 1;
}
html body form.hs-form fieldset {
  max-width: none;
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
}
@media screen and (min-width: 768px), print {
  html body form.hs-form fieldset {
    margin-left: -15px;
    margin-right: -15px;
  }
}
html body form.hs-form fieldset .hs-form-field {
  padding: 5px 10px;
}
@media screen and (min-width: 768px), print {
  html body form.hs-form fieldset .hs-form-field {
    padding: 5px 15px;
  }
}
html body form.hs-form fieldset > div:not(.hs-form-field) {
  padding: 5px 10px;
}
@media screen and (min-width: 768px), print {
  html body form.hs-form fieldset > div:not(.hs-form-field) {
    padding: 5px 15px;
  }
}
html body form.hs-form fieldset > div.legal-consent-container {
  padding-top: 15px;
}
html body form.hs-form fieldset > div.legal-consent-container .hs-form-field {
  padding: 0;
}
html body form.hs-form fieldset[class*=form-columns] .input {
  margin-right: 0;
}
html body form.hs-form fieldset[class*=form-columns] .hs-input {
  width: 100% !important;
}
html body form.hs-form fieldset[class*=form-columns] .hs-input[type=checkbox] {
  width: auto !important;
  margin-top: 5px;
  margin-right: 10px;
}
html body form.hs-form fieldset[class*=form-columns] .hs-form-radio-display .hs-input {
  width: auto;
}
html body form.hs-form fieldset.form-columns-3 .hs-form-field {
  width: 33.33%;
}
@media (max-width: 400px) {
  html body form.hs-form fieldset.form-columns-3 .hs-form-field,
  html body form.hs-form .form-columns-2 .hs-form-field .hs-input,
  html body form.hs-form .form-columns-3 .hs-form-field .hs-input {
    width: 100% !important;
  }
  html body form.hs-form .form-columns-3 .hs-form-field .hs-input[type=checkbox] {
    width: auto;
  }
}

html body .widget-type-password_prompt .hs_cos_wrapper_type_password_prompt form {
  display: flex;
  align-items: stretch;
}
html body .widget-type-password_prompt .hs_cos_wrapper_type_password_prompt form input[type=password] {
  height: auto !important;
  margin-top: 0 !important;
}
html body .widget-type-password_prompt .hs_cos_wrapper_type_password_prompt form input[type=submit] {
  margin-left: 15px;
  flex: 0 0 auto;
}

@media screen and (min-width: 768px), print {
  html body .flex-google-form .input {
    display: flex;
  }
}
html body .flex-google-form .input .hs-input {
  margin: 15px 15px 15px 0;
}
html body .flex-google-form .input .hs-button {
  margin: 15px 0;
}
@media screen and (min-width: 768px), print {
  html body .flex-google-form .input .hs-button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 25%;
  }
}

:root {
  --header-background: var(--color-white);
  --header-box-shadow: 0 2px 2px rgb(var(--color-black-rgb) / 10%);
  --header-branding-display: block;
}

html[data-hpa-menu-open=true] {
  overflow: hidden;
  --header-top: 0 !important;
}
html[data-hpa-menu-open=true] body {
  overflow: hidden;
}

header.header {
  background: var(--header-background);
  font-family: var(--font-default);
}
header.header .container-fluid,
header.header .header__container,
header.header .content-wrapper,
header.header .row-fluid {
  padding: 0;
  max-width: none;
  width: 100%;
}
header.header .header__container {
  display: block !important;
}

.hpa-header,
.hpa-header__menus,
.hpa-header__buttons,
.hpa-header__branding,
.hpa-header > .hpa-content {
  height: var(--header-height);
  background: none;
}

html:is([data-header-absorbed=true]) {
  --header-background: transparent;
  --header-box-shadow: none;
  --header-branding-display: none;
}

.hpa-header {
  position: relative;
  z-index: 100;
  box-shadow: var(--header-box-shadow);
}
html:is([data-header-absorbed=true]) .hpa-header {
  align-items: center;
}
html:not([data-header-absorbed=true]) .hpa-header {
  --header-background: var(--color-white);
}
.hpa-header .hpa-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .hpa-header .hpa-content {
    padding: 0;
  }
}

.hpa-header__branding {
  padding: var(--branding-margin-vert) var(--branding-margin-horz);
  position: relative;
  display: var(--header-branding-display);
  width: auto;
  margin-right: auto;
  flex: 0 0 auto;
  --branding-margin-vert: 12px;
  --branding-margin-horz: 12px;
}
.hpa-header__branding:hover img, .hpa-header__branding:focus img {
  opacity: 0.8;
  transition: all 250ms ease;
}
@media screen and (min-width: 768px), print {
  .hpa-header__branding {
    --branding-margin-vert: 12px;
    --branding-margin-horz: 0px;
  }
}
.hpa-header__branding img {
  display: block;
  object-fit: contain;
  object-position: left center;
  transition: all 250ms ease;
  height: calc(var(--header-height) - 2 * var(--branding-margin-vert));
  width: auto;
}

@media screen and (max-width: 991px) {
  html:not([data-hpa-menu-open=true]) .hpa-header__menus {
    display: none;
  }
  html:is([data-hpa-menu-open=true]) .hpa-header__menus {
    display: flex;
  }
}

.hpa-header__buttons {
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  display: none;
}
@media screen and (max-width: 767px) {
  .hpa-header__buttons {
    padding-right: 15px;
  }
}
@media screen and (max-width: 991px) {
  .hpa-header__buttons {
    display: flex;
  }
}
.hpa-profile-nav {
  display: flex;
}

.hpa-content-padding {
  padding: 25px;
}

.hpa-profile-nav a {
  display: block;
  display: flex;
  align-items: center;
}

ul.hpa-primary-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-bottom: 15px;
  display: flex;
  margin-left: 40px;
  margin-top: 16px;
  display: flex;
  list-style: none;
  gap: 1.5rem;
  width: calc(100% - 200px);
  justify-content: flex-start;
  height: 60px;
  align-items: center;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
@media screen and (max-width: 991px) {
  ul.hpa-primary-nav {
    flex-direction: column;
    height: fit-content;
    width: 100%;
    text-align: left;
    align-items: flex-start;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 2rem;
  }
}
ul.hpa-primary-nav li.hpa-primary-menu {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  width: unset !important;
}
ul.hpa-primary-nav a {
  word-break: normal;
  padding: 6px 20px;
  padding: 0;
}

#hs_cos_wrapper_os_primary_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.header-navigation-toggle {
  display: none;
}

@media screen and (max-width: 767px) {
  .secondary_header .secondary_header-row-0-max-width-section-centering > .row-fluid {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 991px) {
  .header.active .hpa-header {
    transform: translateX(0%);
  }
  a#hs-link-header-module-1_hs_logo_widget {
    z-index: 100;
    position: relative;
    left: 2rem;
  }
  .hpa-profile-nav {
    display: flex;
  }
  .header-navigation-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 60px;
    height: 40px;
    position: absolute;
    z-index: 101;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    cursor: pointer;
  }
  .active .header-navigation-toggle {
    top: 40px;
    transform: translateY(0%);
  }
  .header-navigation-toggle > span {
    display: block;
    width: 100%;
    height: 8px;
    background-color: #fff;
    border-radius: 6px;
  }
  .header {
    overflow: hidden;
  }
  .header.active {
    min-height: 100vh;
  }
  .active .bar-1 {
    transform: rotate(45deg) translate(1px, 2px);
  }
  .active .bar-2 {
    display: none;
  }
  .active .bar-3 {
    transform: rotate(-45deg) translate(20px, -22px);
  }
}
button.hpa-header__menu-trigger {
  margin: 0;
  display: flex;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  margin-left: auto;
  border: none;
  justify-content: flex-start;
  align-items: stretch;
  outline: none;
  text-decoration: none;
  float: left;
  transform: translateX(5px);
}
button.hpa-header__menu-trigger:hover {
  outline: none;
}
button.hpa-header__menu-trigger .bars {
  background-color: transparent;
  padding: 5px;
  width: 26px;
  height: 26px;
  position: relative;
  display: block;
  box-sizing: content-box;
  border-radius: 3px;
}
button.hpa-header__menu-trigger .bars span {
  background-color: var(--color-hpa-purple);
  display: block;
  left: calc(50% - 13px);
  position: absolute;
  transform-origin: center;
  transition: all 250ms ease;
  height: 1px;
}
button.hpa-header__menu-trigger .bars span:nth-child(1) {
  bottom: calc(50% + 6px);
  width: 26px;
}
button.hpa-header__menu-trigger .bars span:nth-child(2) {
  top: calc(50% - 1px);
  width: 18px;
}
button.hpa-header__menu-trigger .bars span:nth-child(3) {
  top: calc(50% + 6px);
  width: 22px;
}
html[data-hpa-menu-open=false] button.hpa-header__menu-trigger:hover .bars span {
  transition: all 250ms ease;
}
html[data-hpa-menu-open=false] button.hpa-header__menu-trigger:hover .bars span:nth-child(1) {
  transform: translateY(-1px);
}
html[data-hpa-menu-open=false] button.hpa-header__menu-trigger:hover .bars span:nth-child(3) {
  transform: translateY(1px);
}
html[data-hpa-menu-open=true] button.hpa-header__menu-trigger .text {
  position: relative;
  color: transparent;
}
html[data-hpa-menu-open=true] button.hpa-header__menu-trigger .text:before {
  content: "Close";
  display: inline-block;
  color: white;
  position: absolute;
}
html[data-hpa-menu-open=true] button.hpa-header__menu-trigger .bars span {
  transition: all 250ms ease;
}
html[data-hpa-menu-open=true] button.hpa-header__menu-trigger .bars span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
  width: 26px;
}
html[data-hpa-menu-open=true] button.hpa-header__menu-trigger .bars span:nth-child(2) {
  opacity: 0;
}
html[data-hpa-menu-open=true] button.hpa-header__menu-trigger .bars span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
  width: 26px;
}

html:not([data-hpa-menu-open=false]) #hubspot-messages-iframe-container,
html:not([data-loaded=true]) #hubspot-messages-iframe-container {
  z-index: 0 !important;
}

.hpa-header__menus {
  background: var(--menu-background);
  color: var(--menu-color);
  padding: var(--menu-padding) 0;
  border-radius: var(--menu-border-radius);
  --size-d1: var(--size-h3);
  --weight-d1: 600;
  --color-d1: var(--color-white);
  --size-d2: var(--size-h5);
  --weight-d2: 600;
  --color-d2: var(--color-white);
}
@media screen and (max-width: 991px) {
  .hpa-header__menus {
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: 100vw;
    height: var(--vh-ex-header);
    overflow-y: auto;
    flex-direction: column;
    justify-content: space-between;
    --color-default: var(--color-white);
    --menu-background: linear-gradient(to right, var(--color-hpa-blue), var(--color-hpa-green));
    --menu-padding: calc(var(--content-padding) / 2);
  }
}
@media screen and (min-width: 992px) {
  .hpa-header__menus {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    --color-default: var(--color-black);
    --menu-background: none;
    --menu-padding: 0;
    --size-d1: 13px;
    --color-d1: var(--color-black);
    --color-d1-hover: var(--color-hpa-darkgreen);
    --size-d2: var(--size-small);
    --color-d2: var(--color-black);
    --color-d2-hover: var(--color-hpa-purple);
  }
}
@media screen and (min-width: 1360px) {
  .hpa-header__menus {
    --size-d1: 15px;
  }
}
@media screen and (max-width: 991px) {
  html:is([data-header-absorbed=true]) .hpa-header__menus {
    top: 0;
    padding-top: calc(var(--menu-padding) + var(--header-height));
    min-height: var(--vh-100);
  }
}
@media screen and (min-width: 992px) {
  html:is([data-header-absorbed=true]) .hpa-header__menus {
    padding: 6px;
    padding-left: 16px;
    flex-grow: 0;
    --color-d1: var(--color-white);
    --color-d1-hover: var(--color-grey-85);
    --header-height: 52px;
    --menu-background: rgb( var(--color-black-rgb) / 20% );
    --menu-border-radius: calc( 0.5 * var(--header-height) );
  }
}
@media screen and (min-width: 1360px) {
  html:is([data-header-absorbed=true]) .hpa-header__menus {
    padding-left: 24px;
  }
}
.hpa-header__menus .hs-menu-wrapper {
  flex: 0 0 auto;
  display: flex;
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper:is(:last-child):not(:first-child) {
    padding-left: 18px;
    position: relative;
  }
}
@media screen and (min-width: 992px) and (min-width: 1360px) {
  .hpa-header__menus .hs-menu-wrapper:is(:last-child):not(:first-child) {
    padding-left: 26px;
  }
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper:is(:last-child):not(:first-child)::before {
    display: block;
    content: " ";
    position: absolute;
    background: var(--color-grey-80);
    top: 50%;
    transform: translateY(-6px);
    height: 12px;
    width: 2px;
    left: 8px;
  }
}
@media screen and (min-width: 992px) and (min-width: 1360px) {
  .hpa-header__menus .hs-menu-wrapper:is(:last-child):not(:first-child)::before {
    left: 12px;
  }
}
@media screen and (max-width: 991px) {
  .hpa-header__menus .hs-menu-wrapper > ul[role=menu] {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper > ul[role=menu] {
    display: flex;
    gap: 16px;
  }
}
@media screen and (min-width: 1360px) {
  .hpa-header__menus .hs-menu-wrapper > ul[role=menu] {
    gap: 24px;
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 991px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item {
  display: flex;
  margin: 0;
  padding: 0;
  flex-flow: row wrap;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--button-container) {
  align-items: center;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--account) > button .account__avatar {
  width: var(--avatar-size);
  height: var(--avatar-size);
  margin-right: var(--avatar-margin);
  --avatar-color: white;
  --avatar-margin: 15px;
  --avatar-size: 32px;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--account) > button .account__avatar:is([data-custom-avatar]) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--account) > button .account__avatar:is([data-custom-avatar]) .member-avatar .hpa-image {
  width: 26px;
  height: 26px;
  margin: 0;
  --image-radius: 12px;
  box-shadow: 0 2px 4px rgb(var(--color-black-rgb)/15%);
}
html:is([data-header-absorbed=true]) .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--account) > button .account__avatar:not([data-custom-avatar]) {
  background: var(--avatar-color);
  border-radius: calc(0.5 * var(--avatar-size));
}
html:is([data-header-absorbed=true]) .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--account) > button .account__avatar:not([data-custom-avatar]):before {
  --avatar-color: white;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--account) > button .account__avatar:not([data-custom-avatar]):before {
  background: var(--avatar-color);
  width: var(--avatar-size);
  height: var(--avatar-size);
  display: block;
  content: " ";
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: relative;
  mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/account-avatar.svg');
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--account) > button .account__avatar {
    --avatar-margin: 5px;
    --avatar-color: linear-gradient(to right, var(--color-hpa-blue), var(--color-hpa-green));
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--account) > button .account__text {
  font-size: var(--size-d1);
  color: var(--color-d1);
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--button-container) {
  padding: var(--menu-padding);
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--button-container) .hs-cta-wrapper {
    display: flex;
    align-items: center;
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--button-container):is(:last-child) {
  padding-bottom: 0 !important;
}
@media screen and (max-width: 991px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is(.hs-menu-item--button-container) .hs-button {
    width: 100%;
    justify-content: center;
    text-align: center;
    box-sizing: border-box !important;
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item:is([active]) > button.item-children-toggle span {
  transform: rotate(180deg);
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item > a:not(.hs-button),
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item > button:not(.item-children-toggle) {
  max-width: none;
  width: auto;
  text-decoration: none;
  line-height: 1;
  transition: opacity 250ms ease;
  font-family: var(--font-archivo);
  padding: var(--menu-padding);
  color: var(--menu-color);
  flex: 1 1 auto;
  order: 10;
  display: flex;
  align-items: center;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item > a:not(.hs-button).hs-button,
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item > button:not(.item-children-toggle).hs-button {
  width: 80vw;
  max-width: 300px;
  display: flex !important;
  margin-left: auto;
  margin-right: auto;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children > button.item-children-toggle {
  order: 20;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--menu-padding);
  position: relative;
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children > button.item-children-toggle {
    display: none;
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children > button.item-children-toggle::after {
  position: absolute;
  left: 0;
  top: var(--menu-padding);
  bottom: var(--menu-padding);
  width: 1px;
  background: rgb(var(--color-white-rgb)/25%);
  display: block;
  content: " ";
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children > button.item-children-toggle .material-icons {
  font-size: 32px;
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children > a:not(.hs-button)::after,
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children > button:not(.item-children-toggle)::after {
    font-family: "Material Icons" !important;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: "liga";
    content: "expand_more";
    color: var(--color-d1);
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
  }
}
@media screen and (max-width: 991px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: none;
    flex: 0 0 100%;
    order: 30;
  }
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    width: 240px;
    background: var(--color-white);
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: center -20px;
    transform: rotateX(-15deg);
    transition: transform 250ms ease 0s opacity 250ms ease 0s;
    pointer-events: none;
    opacity: 0;
    box-shadow: 0 5px 20px rgb(var(--color-black-rgb)/20%);
  }
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children:is(:last-child) > ul.hs-menu-children-wrapper {
    left: auto !important;
    right: 0;
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children:is([active]) > ul.hs-menu-children-wrapper {
  display: block;
  position: relative;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children:is([active]) > ul.hs-menu-children-wrapper::after {
  position: absolute;
  top: 0;
  left: var(--menu-padding);
  right: var(--menu-padding);
  height: 1px;
  background: rgb(var(--color-white-rgb)/25%);
  display: block;
  content: " ";
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children:hover > a:not(.hs-button)::after,
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children:hover > button:not(.item-children-toggle)::after, .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children:focus > a:not(.hs-button)::after,
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children:focus > button:not(.item-children-toggle)::after {
    transform: rotate(180deg);
  }
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children:hover > ul.hs-menu-children-wrapper, .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-item-has-children:focus > ul.hs-menu-children-wrapper {
    pointer-events: auto;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 1;
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1 {
  position: relative;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:is(:first-child) {
  margin-top: var(--menu-padding);
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:not(:last-child)::after {
  position: absolute;
  bottom: 0;
  left: var(--menu-padding);
  right: var(--menu-padding);
  height: 1px;
  display: block;
  content: " ";
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:last-child {
  border-bottom: none;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:is(.active-branch) > a:not(.hs-button),
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:is(.active-branch) > button:not(.item-children-toggle) {
  position: relative;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:is(.active-branch) > a:not(.hs-button)::before,
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:is(.active-branch) > button:not(.item-children-toggle)::before {
  display: block;
  content: " ";
  position: absolute;
  background: var(--color-hpa-purple);
}
@media screen and (max-width: 991px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:is(.active-branch) > a:not(.hs-button)::before,
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:is(.active-branch) > button:not(.item-children-toggle)::before {
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
  }
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:is(.active-branch) > a:not(.hs-button)::before,
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1:is(.active-branch) > button:not(.item-children-toggle)::before {
    left: 0;
    top: 0;
    height: 4px;
    width: 100%;
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1 > a:not(.hs-button),
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1 > button:not(.item-children-toggle) {
  font-size: var(--size-d1);
  font-weight: var(--weight-d1);
  color: var(--color-d1);
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1 > a:not(.hs-button),
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1 > button:not(.item-children-toggle) {
    height: var(--header-height);
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1 > a:is([href="javascript:;"]) {
  cursor: default;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1 > a:not([href="javascript:;"]):hover, .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1 > a:not([href="javascript:;"]):focus {
  color: var(--color-d1-hover);
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1 > a:not([href="javascript:;"]):hover::after, .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-1 > a:not([href="javascript:;"]):focus::after {
  color: var(--color-d1-hover);
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2:last-child {
  padding-bottom: 0;
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2:is(.active) > a:not(.hs-button),
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2:is(.active) > button:not(.item-children-toggle) {
  --color-d2: var(--color-hpa-purple);
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > a:not(.hs-button),
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > button:not(.item-children-toggle) {
  font-size: var(--size-d2);
  font-weight: var(--weight-d2);
  color: var(--color-d2);
  white-space: unset;
}
@media screen and (max-width: 991px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > a:not(.hs-button),
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > button:not(.item-children-toggle) {
    padding: calc(0.75 * var(--menu-padding)) var(--menu-padding);
  }
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > a:not(.hs-button),
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > button:not(.item-children-toggle) {
    padding: var(--space-small);
  }
}
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > a:not(.hs-button):hover, .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > a:not(.hs-button):focus,
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > button:not(.item-children-toggle):hover,
.hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > button:not(.item-children-toggle):focus {
  color: var(--color-d2-hover);
}
@media screen and (min-width: 992px) {
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > a:not(.hs-button):hover, .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > a:not(.hs-button):focus,
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > button:not(.item-children-toggle):hover,
  .hpa-header__menus .hs-menu-wrapper ul[role=menu] li.hs-menu-item.hs-menu-item.hs-menu-depth-2 > button:not(.item-children-toggle):focus {
    background-color: rgb(var(--color-hpa-green-rgb)/10%);
  }
}
.hpa-header__menus .hpa-header__cta {
  padding: var(--menu-padding);
}
.hpa-header__menus .hpa-header__additional-links ul[role=menu] {
  padding: var(--menu-padding) 0;
  --size-d1: var(--size-h5);
  --weight-d1: var(--weight-h5--bold);
}

@media print {
  html {
    --header-box-shadow: none;
  }
  .hpa-header {
    border-bottom: 1px solid black;
  }
  .hpa-header .hpa-content {
    padding: 0;
  }
  .hpa-header .hpa-content > *:not(.hpa-header__branding) {
    display: none;
  }
}
footer.hpa-footer {
  background: var(--color-hpa-olive);
  font-family: var(--font-default);
  --color-default: var(--color-white);
  --size-default: var(--size-small);
}
footer.hpa-footer a {
  text-decoration: none;
  font-weight: 600;
  color: var(--color-default);
}
footer.hpa-footer a:hover {
  opacity: 0.5;
}
footer.hpa-footer .hpa-footer__content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  footer.hpa-footer .hpa-footer__content {
    flex-flow: column nowrap;
    align-items: stretch;
  }
}
@media screen and (min-width: 768px), print {
  footer.hpa-footer .hpa-footer__content {
    align-items: center;
    justify-content: flex-end;
  }
}
footer.hpa-footer .hpa-footer__menu-text {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 32px;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  footer.hpa-footer .hpa-footer__menu-text {
    order: 20;
    width: 100%;
    padding-top: 32px;
    border-top: 1px solid rgb(var(--color-white-rgb)/10%);
  }
}
@media screen and (min-width: 768px), print {
  footer.hpa-footer .hpa-footer__menu-text {
    gap: 16px;
  }
}
footer.hpa-footer .hpa-footer__menu-text .hs_cos_wrapper {
  width: 100%;
}
footer.hpa-footer .hpa-footer__menu-text .hs-menu-wrapper ul {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  footer.hpa-footer .hpa-footer__menu-text .hs-menu-wrapper ul a {
    padding: 8px 0;
    display: block;
    --size-default: var(--size-medium);
  }
}
footer.hpa-footer .hpa-footer__menu-text .hs-menu-wrapper ul ul.hs-menu-children-wrapper {
  display: none;
}
footer.hpa-footer .hpa-footer__menu-text p.hpa-footer__copyright {
  margin: 0;
}
@media screen and (max-width: 767px) {
  footer.hpa-footer .hpa-footer__menu-text p.hpa-footer__copyright {
    padding-top: 32px;
    border-top: 1px solid rgb(var(--color-white-rgb)/10%);
    --text-alignment: center;
  }
}
@media screen and (max-width: 767px) {
  footer.hpa-footer .hpa-language-switcher {
    order: 10;
  }
}
@media screen and (max-width: 767px) {
  footer.hpa-footer .hpa-footer__cips-logo {
    order: 30;
  }
}
footer.hpa-footer .hpa-footer__cips-logo img {
  height: 96px;
  width: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  footer.hpa-footer .hpa-footer__cips-logo img {
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  footer.hpa-footer .hpa-footer__cips-logo img {
    height: 64px;
  }
}
@media screen and (max-width: 767px) {
  footer.hpa-footer .hpa-social-links {
    justify-content: center;
  }
}

@media print {
  footer.hpa-footer {
    border-top: 1px solid black;
  }
  footer.hpa-footer .hpa-content {
    padding: 0;
  }
  .hs-menu-wrapper,
  .hpa-language-switcher,
  .hpa-footer__cips-logo,
  .hpa-social-links {
    display: none;
  }
}
.hpa-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-xsmall);
  padding: var(--space-small) 0;
}
.hpa-pagination .pagination-break {
  line-height: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .hpa-pagination > *.hs-button:is([data-arrow]) {
    --button-icon-shift: 0;
    --button-padding: 0;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .hpa-pagination:is([data-has-numbers]) {
    flex-wrap: wrap;
  }
  .hpa-pagination:is([data-has-numbers]) > *.hs-button:is([data-arrow=prev]) {
    order: 998;
  }
  .hpa-pagination:is([data-has-numbers]) > *.hs-button:is([data-arrow=next]) {
    order: 999;
  }
}

.hpa-card-listings__items {
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-template-rows: auto;
  gap: var(--gap);
  padding: var(--space-medium) 0;
  --gap: var(--space-small);
  --columns: 1;
}
@media screen and (min-width: 768px), print {
  .hpa-card-listings__items {
    --columns: 2;
  }
  .hpa-card-listings__items:is([data-columns="1"]) {
    --columns: 1;
  }
}
@media screen and (min-width: 992px) {
  .hpa-card-listings__items {
    --gap: var(--space-small);
    --columns: 3;
  }
  .hpa-card-listings__items:is([data-columns="1"]) {
    --columns: 1;
  }
  .hpa-card-listings__items:is([data-columns="2"]) {
    --columns: 2;
  }
}
@media screen and (min-width: 1360px) {
  .hpa-card-listings__items {
    --gap: var(--space-medium);
    --columns: 4;
  }
  .hpa-card-listings__items:is([data-columns="1"]) {
    --columns: 1;
  }
  .hpa-card-listings__items:is([data-columns="2"]) {
    --columns: 2;
  }
  .hpa-card-listings__items:is([data-columns="3"]) {
    --columns: 3;
  }
  .hpa-card-listings__items:is([data-columns="5"]) {
    --columns: 5;
  }
}
.hpa-card-listings__items:is(.hpa-card-listings__items--latest) {
  padding: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hpa-card-listings__items:is(.hpa-card-listings__items--latest) a.hpa-card.hpa-card--kl-item:nth-child(4) {
    display: none;
  }
}
.hpa-card-listings__items:is(.hpa-kl-listings__items--related) {
  padding: 0;
}
@media screen and (min-width: 992px) and (max-width: 1359px) {
  .hpa-card-listings__items:is(.hpa-kl-listings__items--related) a.hpa-card.hpa-card--kl-item:nth-child(4) {
    display: none;
  }
}

a.hpa-card[href] {
  text-decoration: none;
  transition: var(--card-transition);
}
a.hpa-card[href]:hover, a.hpa-card[href]:focus {
  --card-box-shadow: 0 5px 30px rgb( var(--color-black-rgb) / 15% );
}
a.hpa-card[href]:hover .card__image, a.hpa-card[href]:focus .card__image {
  opacity: 0.75;
}
.hpa-card {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: var(--card-radius);
  background: var(--card-background);
  box-shadow: var(--card-box-shadow);
  --card-background: var(--color-white);
  --card-radius: var(--radius-large);
  --card-box-shadow: 0 0 20px rgb( var(--color-black-rgb) / 10% );
  --card-transition: all 250ms cubic-bezier(var(--bezier));
  --card-heading-size: var(--size-h5);
  --card-heading-flex: row;
  --card-heading-align: center;
  --image-top: column;
  --image-bottom: column-reverse;
  --card-image-radius-top: var(--card-radius) var(--card-radius) 0 0;
  --card-image-radius: calc( 0.8 * var(--card-radius) );
  --card-image-overlay: none;
  --card-image-position: var(--image-top);
  --card-content-alignment: left;
  --space-base: 1.25px;
  --space-default: var(--space-medium);
  --card-content-padding-top: var(--space-small);
  --card-content-padding-right: var(--space-default);
  --card-content-padding-bottom: var(--space-small);
  --card-content-padding-left: var(--space-default);
  --card-content-padding: var(--card-content-padding-top) var(--card-content-padding-right) var(--card-content-padding-bottom) var(--card-content-padding-left);
}
@media screen and (min-width: 768px), print {
  .hpa-card {
    --space-base: 1.875px;
  }
}
@media screen and (min-width: 992px) {
  .hpa-card {
    --space-base: 2.5px;
  }
}
.hpa-card .hpa-image.card__image {
  --image-radius: var(--card-image-radius-top);
  transition: var(--card-transition);
}
.hpa-card .hpa-image.card__image img {
  transition: var(--card-transition);
}
.hpa-card .card__content {
  flex-grow: 1;
  padding: var(--card-content-padding);
  display: flex;
  flex-direction: column;
}
.hpa-card .card__content .hpa-image.card__image {
  --image-radius: var(--card-image-radius);
  margin-bottom: var(--space-small);
}
.hpa-card .card__body:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: var(--space-small);
  padding-top: var(--space-xsmall);
  flex-grow: 1;
}
.hpa-card .card__body:not([hidden]) .card__text {
  text-align: var(--card-content-alignment);
  color: var(--color-default);
}
.hpa-card .card__body:not([hidden]) .card__text > *:first-child,
.hpa-card .card__body:not([hidden]) .card__text > div > *:first-child {
  margin-top: 0;
}
.hpa-card .card__body:not([hidden]) .card__text > *:last-child,
.hpa-card .card__body:not([hidden]) .card__text > div > *:last-child {
  margin-bottom: 0;
}
.hpa-card .card__body:not([hidden]) .card__cta {
  margin-top: auto;
}
.hpa-card .card__body:not([hidden]) .card__cta p {
  text-align: var(--card-content-alignment);
}
.hpa-card .card__header {
  display: flex;
  row-gap: 7.5px;
  column-gap: 15px;
  flex-direction: var(--card-heading-flex);
  align-items: var(--card-heading-align);
  justify-content: flex-start;
}
.hpa-card .card__heading {
  flex: 1 1 auto;
}
.hpa-card .card__heading h1,
.hpa-card .card__heading h2,
.hpa-card .card__heading h3,
.hpa-card .card__heading h4,
.hpa-card .card__heading h5,
.hpa-card .card__heading h6 {
  --size-heading: var(--card-heading-size);
  --weight-heading: var(--weight-heading--bold);
  --text-alignment: var(--card-content-alignment);
  --margin-heading: var(--space-clear);
}
.hpa-card .card__heading * {
  color: var(--color-heading);
}

.hpa-card.hpa-card--event-item {
  --card-heading-flex: column;
  --card-heading-align: flex-start;
}
.hpa-card.hpa-card--event-item .hpa-event-card__meta.hpa-pills {
  justify-content: flex-end;
  padding-top: var(--space-medium);
  margin-top: auto;
}
.hpa-card.hpa-card--event-item .hpa-event-card__meta.hpa-pills .hpa-pill:is(.hpa-pill--location) {
  margin-right: auto;
}

.hpa-card.hpa-card--course-item,
.card__text {
  --size-default: var(--size-small);
}

.hpa-card--lesson-item .card__heading {
  --card-heading-size: var(--size-h6);
}
.hpa-card--lesson-item .card__text {
  --size-default: var(--size-small);
}

.hpa-image {
  display: block;
  position: relative;
  width: 100%;
  opacity: 0;
  transition: opacity 250ms ease;
  border-radius: var(--image-radius);
  --image-radius: 0;
  --image-object-position: center;
  --image-fit: cover;
}
html[data-loaded] .hpa-image {
  opacity: 1;
}
.hpa-image[data-ratio] {
  height: 0;
  overflow: hidden;
  width: 100%;
  background-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/image-placeholder.svg');
  background-color: var(--color-grey-97);
  background-size: 20% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.hpa-image[data-ratio]:is([data-fit]) {
  object-fit: var(--image-fit);
}
.hpa-image[data-ratio]:is([data-fit]) img {
  object-fit: var(--image-fit);
}
.hpa-image[data-ratio]:is([data-fit=contain]) {
  --image-fit: contain;
}
.hpa-image[data-ratio]:is([data-fit=cover]) {
  --image-fit: cover;
}
@media screen and (max-width: 767px) {
  .hpa-image[data-ratio]:is([data-fit-mobile=contain]) {
    --image-fit: contain;
  }
  .hpa-image[data-ratio]:is([data-fit-mobile=cover]) {
    --image-fit: cover;
  }
}
@media screen and (min-width: 768px), print {
  .hpa-image[data-ratio]:is([data-fit-tablet=contain]) {
    --image-fit: contain;
  }
  .hpa-image[data-ratio]:is([data-fit-tablet=cover]) {
    --image-fit: cover;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hpa-image[data-ratio]:is([data-fit-tablet-only=contain]) {
    --image-fit: contain;
  }
  .hpa-image[data-ratio]:is([data-fit-tablet-only=cover]) {
    --image-fit: cover;
  }
}
@media screen and (min-width: 992px) {
  .hpa-image[data-ratio]:is([data-fit-dsmall=contain]) {
    --image-fit: contain;
  }
  .hpa-image[data-ratio]:is([data-fit-dsmall=cover]) {
    --image-fit: cover;
  }
}
.hpa-image[data-ratio] img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--image-object-position);
}
.hpa-image[data-ratio=facebook] {
  padding-top: 52.5%;
}
.hpa-image[data-ratio="1x3"] {
  padding-top: 300%;
}
.hpa-image[data-ratio="1x2"] {
  padding-top: 200%;
}
.hpa-image[data-ratio="3x5"] {
  padding-top: 166.6666666667%;
}
.hpa-image[data-ratio="3x4"] {
  padding-top: 133.3333333333%;
}
.hpa-image[data-ratio="4x5"] {
  padding-top: 125%;
}
.hpa-image[data-ratio="1x1"] {
  padding-top: 100%;
}
.hpa-image[data-ratio="5x4"] {
  padding-top: 80%;
}
.hpa-image[data-ratio="4x3"] {
  padding-top: 75%;
}
.hpa-image[data-ratio="3x2"] {
  padding-top: 66.6666666667%;
}
.hpa-image[data-ratio="5x3"] {
  padding-top: 60%;
}
.hpa-image[data-ratio="2x1"] {
  padding-top: 50%;
}
.hpa-image[data-ratio="3x1"] {
  padding-top: 33.3333333333%;
}

a.hpa-image[data-ratio]:hover img, a.hpa-image[data-ratio]:focus img {
  transform: scale(1.1);
}
a.hpa-image[data-ratio] img {
  transition: all 250ms ease;
}

p > span > img[style] {
  background-image: url();
  background-color: var(--color-grey-97);
  background-size: 20% auto;
  background-repeat: no-repeat;
  background-position: center;
}

.hpa-spacer {
  display: flex;
  justify-content: var(--spacer-justify);
  align-items: var(--spacer-align);
  width: 100%;
  height: 0;
  position: relative;
  --spacer-color: var(--color-grey-90);
  --spacer-justify: center;
  --spacer-align: center;
}
.hpa-spacer:is([data-divider=top]) {
  --spacer-align: flex-start;
}
.hpa-spacer:is([data-divider=bottom]) {
  --spacer-align: flex-end;
}
.hpa-spacer:not([data-divider]) span,
.hpa-spacer:not([data-divider]) svg, .hpa-spacer:is([data-divider=none]) span,
.hpa-spacer:is([data-divider=none]) svg {
  display: none;
}
.hpa-spacer:is([data-style=line]) span {
  background: var(--spacer-color);
  width: 100%;
  height: 1px;
}
.hpa-spacer:is([data-style=block]) span, .hpa-spacer:is([data-style=block-wide]) span {
  background: var(--spacer-color);
  height: 6px;
  border-radius: 2px;
}
.hpa-spacer:is([data-style=block]) span {
  width: 40px;
}
.hpa-spacer:is([data-style=block-wide]) span {
  width: 80px;
}
.hpa-spacer:is([data-size=clear]) {
  height: var(--space-clear);
}
.hpa-spacer:is([data-size=xxsmall]) {
  height: var(--space-xxsmall);
}
.hpa-spacer:is([data-size=xsmall]) {
  height: var(--space-xsmall);
}
.hpa-spacer:is([data-size=small]) {
  height: var(--space-small);
}
.hpa-spacer:is([data-size=medium]) {
  height: var(--space-medium);
}
.hpa-spacer:is([data-size=large]) {
  height: var(--space-large);
}
.hpa-spacer:is([data-size=xlarge]) {
  height: var(--space-xlarge);
}

.hpa-shape-container {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}

.hpa-shape {
  flex: 0 0 100%;
}
.hpa-shape:is([data-mask]) {
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
.hpa-shape:is([data-mask]) img {
  width: 100%;
  flex: 0 0 100%;
}
.hpa-shape:is([data-mask=default]) {
  mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/default.svg');
}
.hpa-shape:is([data-mask=rotate90]) {
  mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/rotate90.svg');
}
.hpa-shape:is([data-mask=rotate180]) {
  mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/rotate180.svg');
}
.hpa-shape:is([data-mask=rotate270]) {
  mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/rotate270.svg');
}
.hpa-shape:is([data-mask=flipped]) {
  mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/flipped.svg');
}
.hpa-shape:is([data-mask=flippedrotate90]) {
  mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/flippedrotate90.svg');
}
.hpa-shape:is([data-mask=flippedrotate180]) {
  mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/flippedrotate180.svg');
}
.hpa-shape:is([data-mask=flippedrotate270]) {
  mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/flippedrotate270.svg');
}

.hap-system-page {
  padding: var(--space-large) 0;
}
.hap-system-page .hs_cos_wrapper_type_logo img {
  width: 80%;
  max-width: 240px;
  margin: 0 auto var(--space-large);
  display: block;
}
.hap-system-page .form-container {
  padding: var(--space-large) var(--space-medium);
  margin: var(--space-small) 0;
  border-radius: var(--radius-large);
  box-shadow: 0 0 20px rgb(var(--color-black-rgb)/10%);
}
.hap-system-page .form-container .hs_cos_wrapper_type_member_login > .hs-form-field {
  margin: 0;
  padding: 0;
}
.hap-system-page .form-container .actions input[type=submit]:is(:first-child):is(:last-child) {
  width: 100%;
  text-align: center;
  justify-content: center;
}
.hap-system-page .hpa-system__footer {
  --text-alignment: center;
  --size-default: var(--size-small);
}
.hap-system-page .hpa-system__footer a {
  color: var(--color-link);
}
.hap-system-page .hpa-system__footer a:hover, .hap-system-page .hpa-system__footer a:focus {
  color: var(--color-link);
  text-decoration: underline;
  text-decoration-color: var(--color-grey-70);
}

.hpa-pills {
  display: flex;
  gap: 5px;
  flex-flow: row wrap;
  --pill-background: var(--color-white);
  --pill-border: var(--color-black);
  --pill-color: var(--color-black);
  --pill-height: 20px;
  --pill-padding: 5px;
  --pill-border-radius: calc(0.5 * var(--pill-height));
  --pill-font-size: calc(0.5 * var(--pill-height));
}
.hpa-pills:is(.hpa-pills--large) {
  --pill-height: 30px;
  --pill-padding: 10px;
  --pill-border-radius: calc(0.5 * var(--pill-height));
  --pill-font-size: calc(0.4 * var(--pill-height));
}
.hpa-pills .hpa-pill {
  height: var(--pill-height);
  padding: 0 var(--pill-padding);
  border-radius: var(--pill-border-radius);
  background: var(--pill-background);
  border: 1px solid var(--pill-border);
  color: var(--pill-color);
  text-transform: uppercase;
  font-size: var(--pill-font-size);
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
}
.hpa-pills .hpa-pill:is(.hpa-pill--level) {
  --pill-color: var(--color-white);
}
.hpa-pills .hpa-pill:is(.hpa-pill--level):is([data-level=beginner]) {
  --pill-background: var(--color-hpa-darkgreen);
  --pill-border: var(--color-hpa-darkgreen);
}
.hpa-pills .hpa-pill:is(.hpa-pill--level):is([data-level=intermediate]) {
  --pill-background: var(--color-hpa-orange);
  --pill-border: var(--color-hpa-orange);
}
.hpa-pills .hpa-pill:is(.hpa-pill--level):is([data-level=advanced]) {
  --pill-background: var(--color-hpa-red);
  --pill-border: var(--color-hpa-red);
}

.progress-bar-group.hpa-progress-bar {
  width: 100%;
  margin-top: auto;
  --bar-height: 10px;
}
.progress-bar-group.hpa-progress-bar:is(.hpa-progress-bar--contained) {
  padding: var(--space-xsmall);
  background: white;
  border-radius: 4px;
  --bar-height: 30px;
}
@media screen and (min-width: 768px), print {
  .progress-bar-group.hpa-progress-bar:is(.hpa-progress-bar--contained) {
    border-radius: 8px;
  }
}
@media screen and (min-width: 992px) {
  .progress-bar-group.hpa-progress-bar:is(.hpa-progress-bar--contained) {
    transform: scale(0.25);
    transform-origin: left;
  }
}
.progress-bar-group.hpa-progress-bar:is(.hpa-progress-bar--contained) .completion-text {
  position: relative;
  padding: 0 5px;
  --text-margin-top: calc( var(--bar-height) * -1);
  --text-padding-top: 0;
  --text-height: var(--bar-height);
}
.progress-bar-group.hpa-progress-bar .completion-percentage {
  background: rgb(var(--color-black-rgb)/5%);
  box-shadow: inset 0 2px 0px rgb(var(--color-black-rgb)/5%);
  width: 100%;
  border-radius: 5px;
  height: var(--bar-height);
}
.progress-bar-group.hpa-progress-bar .completion-percentage .completion-percentage--inner {
  height: var(--bar-height);
  border-radius: 5px;
  transform: scaleY(1.1);
}
.progress-bar-group.hpa-progress-bar .completion-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: var(--text-padding-top);
  margin-top: var(--text-margin-top);
  height: var(--text-height);
  --color-default: black;
  --text-margin-top: 0;
  --text-padding-top: var(--space-xxsmall);
  --text-height: auto;
}
@media screen and (max-width: 767px) {
  .progress-bar-group.hpa-progress-bar .completion-text {
    justify-content: center;
  }
}
.progress-bar-group.hpa-progress-bar .completion-text .completion-text__complete {
  font-weight: bold;
}
.progress-bar-group.hpa-progress-bar .completion-text .completion-text__marker {
  color: rgb(var(--color-black-rgb)/25%);
}
@media screen and (max-width: 767px) {
  .progress-bar-group.hpa-progress-bar .completion-text .completion-text__marker {
    display: none;
  }
}

.video-container,
.wistia_responsive_padding {
  position: relative;
}

.video-container {
  background-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/image-placeholder.svg');
  background-color: var(--color-grey-97);
  background-size: 20% auto;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: var(--space-xsmall);
  overflow: hidden;
  box-shadow: 0 20px 15px rgba(var(--color-black-rgb)/10%);
}
.video-container:not(.video-container--native) {
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-container:not(.video-container--native) iframe,
.video-container:not(.video-container--native) object,
.video-container:not(.video-container--native) embed {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.video-container:is(.video-container--native) video {
  width: 100%;
  height: 56.25vw;
  max-height: calc(100vh - 300px);
}
.video-container:is(.video-container--native) video::-internal-media-controls-download-button {
  display: none !important;
}
.video-container:is(.video-container--native) video::-webkit-media-controls-enclosure {
  overflow: hidden !important;
}
.video-container:is(.video-container--native) video::-webkit-media-controls-panel {
  width: calc(100% + 30px) !important;
}

.wistia_embed {
  overflow: hidden;
  position: relative;
}

a.hpa-card.hpa-card--kl-item {
  --card-background: var(--color-white);
  --card-radius: 7.5px;
  --card-content-padding-top: var(--space-small);
  --card-content-padding-bottom: var(--space-small);
  --card-image-radius: var(--card-image-radius-top);
  --card-heading-flex: column;
  --card-heading-align: flex-start;
  position: relative;
}
@media screen and (max-width: 767px) {
  a.hpa-card.hpa-card--kl-item {
    --card-content-padding-left: var(--space-small);
    --card-content-padding-right: var(--space-small);
  }
}
a.hpa-card.hpa-card--kl-item:is([data-type=video]) .hpa-image.card__image, a.hpa-card.hpa-card--kl-item:is([data-type=audio]) .hpa-image.card__image, a.hpa-card.hpa-card--kl-item:is([data-type=podcast]) .hpa-image.card__image {
  position: relative;
  --overlay-size: 64px;
  --overlay-offset: calc( var(--overlay-size) * -0.5 );
}
a.hpa-card.hpa-card--kl-item .hpa-image.card__image {
  --image-radius: var(--card-image-radius);
}
@media screen and (max-width: 767px) {
  a.hpa-card.hpa-card--kl-item .hpa-image.card__image {
    display: none;
  }
}
a.hpa-card.hpa-card--kl-item .card__content {
  display: flex;
  flex-flow: column nowrap;
}
a.hpa-card.hpa-card--kl-item .card__content > * {
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  a.hpa-card.hpa-card--kl-item .card__header .hpa-pills {
    justify-content: flex-end;
    width: 100%;
  }
}
a.hpa-card.hpa-card--kl-item .hpa-kl-card__category {
  color: var(--color-hpa-purple);
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}
a.hpa-card.hpa-card--kl-item .card__text * {
  font-size: 13px;
  line-height: 1.53846154;
}
a.hpa-card.hpa-card--kl-item .hpa-kl-card__meta.hpa-pills {
  justify-content: flex-end;
  padding-top: var(--space-medium);
  margin-top: auto;
}
a.hpa-card.hpa-card--kl-item .hpa-kl-card__meta.hpa-pills .hpa-pill:is(.hpa-pill--duration) {
  margin-right: auto;
}
a.hpa-card.hpa-card--kl-item .hpa-kl-card__meta.hpa-pills .hpa-pill:is(.hpa-pill--duration) .material-icons {
  font-size: 13px;
  margin-right: 3px;
}
@media screen and (min-width: 768px), print {
  a.hpa-card.hpa-card--kl-item .hpa-pill:is(.hpa-pill--level) {
    position: absolute;
    top: calc(0.5 * var(--card-content-padding-top));
    left: calc(0.5 * var(--card-content-padding-top));
  }
}

.hpa-kl-item__image:is(.hpa-image) {
  --image-radius: 6px;
}

.hpa-kl-item__meta:is(.hpa-pills) {
  gap: 10px;
}
@media screen and (min-width: 768px), print {
  .hpa-kl-item__meta {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px), print {
  .hpa-kl-item__meta .hpa-pill:is(.hpa-pill--level) {
    margin-right: auto;
  }
}

.hpa-kl-player:is(.hpa-kl-player--audio) audio,
.hpa-kl-player:is(.hpa-kl-player--audio) video {
  width: 100%;
}

.hpa-kl-item__body {
  overflow-x: hidden;
}

.hpa-kl-item__download {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hpa-language-switcher {
  display: inline-flex;
  gap: 10px;
}
.hpa-language-switcher .hpa-language-switcher__label {
  position: relative;
}
.hpa-language-switcher .hpa-language-switcher__label-current {
  display: flex;
  align-items: center;
  gap: 5px;
}
.hpa-language-switcher .hpa-language-switcher__label-current .text {
  padding-left: 5px;
}
.hpa-language-switcher .lang_switcher_class {
  position: static !important;
  display: block;
}
.hpa-language-switcher .lang_switcher_class .globe_class {
  background: none !important;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.hpa-language-switcher .lang_switcher_class .lang_list_class {
  top: auto !important;
  bottom: 20px;
  padding: 0 0 15px;
}
.hpa-language-switcher .lang_switcher_class .lang_list_class::before, .hpa-language-switcher .lang_switcher_class .lang_list_class::after {
  display: none !important;
}
.hpa-language-switcher .lang_switcher_class .lang_list_class li {
  position: relative;
  line-height: 1;
  font-size: 13px;
  padding: 0;
  display: flex;
  background-color: #fff;
  border-color: var(--color-hpa-purple);
}
.hpa-language-switcher .lang_switcher_class .lang_list_class li:is(:first-child) {
  border-radius: 5px 5px 0 0;
}
.hpa-language-switcher .lang_switcher_class .lang_list_class li:is(:last-child) {
  border-radius: 0 0 5px 5px;
}
.hpa-language-switcher .lang_switcher_class .lang_list_class li a {
  --size-default: var(--size-medium);
  color: var(--color-black);
  padding: 10px 15px;
  display: flex;
}
.hpa-language-switcher .lang_switcher_class .lang_list_class li a:hover, .hpa-language-switcher .lang_switcher_class .lang_list_class li a:focus {
  color: var(--color-hpa-purple);
}

@media screen and (min-width: 992px) {
  .hpa-header .hpa-language-switcher-simple {
    margin-right: calc(var(--content-padding) * -0.75);
  }
}

html[data-language-switcher-active] {
  overflow: hidden;
  height: var(--vh-100);
}
html[data-language-switcher-active] body {
  overflow: hidden;
  height: var(--vh-100);
}

.hpa-language-switcher-simple {
  display: inline-flex;
  gap: 10px;
}
html[data-hpa-menu-open=true] .hpa-language-switcher-simple {
  opacity: 0;
}
.hpa-language-switcher-simple:is([data-direction=down]) {
  --list-top: 100%;
  --list-bottom: auto;
  --list-padding: 0;
}
.hpa-language-switcher-simple:not([data-direction=down]) {
  --list-top: auto;
  --list-bottom: 100%;
  --list-padding: 0 0 15px;
}
@media screen and (min-width: 992px) {
  .hpa-language-switcher-simple .hpa-language-switcher__label {
    position: relative;
  }
}
.hpa-language-switcher-simple .hpa-language-switcher__label-current {
  display: flex;
  align-items: center;
  gap: 2px;
  border: 2px solid black;
  height: 24px;
  padding: 0 5px 0 2px;
  box-shadow: 0 2px 4px rgb(var(--color-black-rgb)/15%);
  line-height: 12px;
  background: white;
}
.hpa-language-switcher-simple .hpa-language-switcher__label-current .material-icons:is(:first-child) {
  font-size: 12px;
  max-width: 12px;
}
.hpa-language-switcher-simple .hpa-language-switcher__label-current .material-icons:is(:last-child) {
  display: none;
}
.hpa-language-switcher-simple .hpa-language-switcher__label-current .text {
  font-size: 1px;
  line-height: 1;
}
.hpa-language-switcher-simple .hpa-language-switcher__label-current .text .code {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  line-height: 1;
}
.hpa-language-switcher-simple .hpa-language-switcher__label-current .text .name {
  display: none;
}
.hpa-language-switcher-simple .lang_switcher_class {
  position: static !important;
  display: block;
}
.hpa-language-switcher-simple .lang_switcher_class .globe_class {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 991px) {
  .hpa-language-switcher-simple .lang_switcher_class .globe_class {
    position: fixed;
    background: rgb(var(--color-black-rgb)/70%) !important;
    display: none;
    border-radius: 0;
    z-index: -999;
    padding: 10vw;
    align-items: center;
  }
  html[data-language-switcher-active] .hpa-language-switcher-simple .lang_switcher_class .globe_class {
    display: flex;
    z-index: 9999;
  }
}
@media screen and (min-width: 992px) {
  .hpa-language-switcher-simple .lang_switcher_class .globe_class {
    background: none !important;
    position: absolute;
  }
}
@media screen and (max-width: 991px) {
  .hpa-language-switcher-simple .lang_switcher_class .lang_list_class {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: block !important;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .hpa-language-switcher-simple .lang_switcher_class .lang_list_class {
    top: var(--list-top) !important;
    padding: var(--list-padding) !important;
    left: auto !important;
    transform: none !important;
    right: 0;
    bottom: var(--list-bottom);
    box-shadow: 0 5px 20px rgb(var(--color-black-rgb)/20%);
    background: white;
  }
}
.hpa-language-switcher-simple .lang_switcher_class .lang_list_class::before, .hpa-language-switcher-simple .lang_switcher_class .lang_list_class::after {
  display: none !important;
}
.hpa-language-switcher-simple .lang_switcher_class .lang_list_class li {
  position: relative;
  line-height: 1;
  font-size: 13px;
  padding: 0;
  background-color: #fff;
  border-width: 0;
  display: flex;
}
@media screen and (max-width: 991px) {
  .hpa-language-switcher-simple .lang_switcher_class .lang_list_class li:not(:first-child) {
    border-top: 1px solid var(--color-grey-85);
  }
}
.hpa-language-switcher-simple .lang_switcher_class .lang_list_class li a {
  display: flex;
  color: var(--color-black);
  font-weight: 600;
  padding: 15px;
  line-height: 1.2;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .hpa-language-switcher-simple .lang_switcher_class .lang_list_class li a {
    --size-default: var(--size-small);
  }
}
.hpa-language-switcher-simple .lang_switcher_class .lang_list_class li a:hover, .hpa-language-switcher-simple .lang_switcher_class .lang_list_class li a:focus {
  color: var(--color-hpa-purple);
}

.hpa-social-links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--icon-gap);
  padding: var(--icon-gap) 0;
  --icon-base-size: var(--space-small);
  --icon-size: var(--icon-base-size);
  --icon-gap: calc( 0.5 * var(--icon-base-size));
  --icon-fill: var(--color-black);
}
@media screen and (max-width: 767px) {
  .hpa-social-links {
    --icon-base-size: var(--space-medium);
  }
}
@media screen and (min-width: 768px), print {
  .hpa-social-links:is([data-display=icon_in_circle]), .hpa-social-links:is([data-display=icon_in_shape]) {
    --icon-base-size: calc( 0.75 * var(--space-small));
  }
  .hpa-social-links:is([data-size=small]) {
    --icon-size: calc( 0.75 * var(--icon-base-size));
  }
  .hpa-social-links:is([data-size=large]) {
    --icon-size: calc( 1.25 * var(--icon-base-size));
  }
}
.hpa-social-links:is(:empty) {
  display: none;
}
.hpa-social-links a {
  transition: opacity 0.2s ease;
}
.hpa-social-links a:hover, .hpa-social-links a:focus {
  opacity: 0.5;
}
.hpa-social-links .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--icon-size);
  height: var(--icon-size);
  padding: 0 !important;
}
.hpa-social-links .icon svg {
  width: var(--icon-size);
  height: var(--icon-size);
  fill: var(--icon-fill);
  color: var(--icon-fill);
}
.hpa-social-links:is([data-display=icon_in_circle]) .icon, .hpa-social-links:is([data-display=icon_in_shape]) .icon {
  padding: calc(0.5 * var(--icon-size));
  background: var(--icon-fill);
  width: calc(2 * var(--icon-size));
  height: calc(2 * var(--icon-size));
}
.hpa-social-links:is([data-display=icon_in_circle]) .icon svg, .hpa-social-links:is([data-display=icon_in_shape]) .icon svg {
  fill: var(--color-white);
  color: var(--color-white);
}
.hpa-social-links:is([data-display=icon_in_circle]) .icon {
  border-radius: var(--icon-size);
}
.hpa-social-links:is([data-display=icon_in_shape]) .icon {
  mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/default.svg');
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-image: url('//26533577.fs1.hubspotusercontent-eu1.net/hubfs/26533577/raw_assets/public/CompanyOS-HubLMS/HPA/images/masks/default.svg');
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
}
.hpa-social-links:is([data-display=icon_in_shape]) .icon svg {
  transform: translateX(calc(-0.1 * var(--icon-size)));
}
.hpa-social-links:is([data-display=label]) .icon {
  display: none;
}
.hpa-social-links:is([data-display=label]) .label-wrapper .hpa-label {
  --label-color: var(--icon-fill);
}

/* BODY */
/* SECTIONS */
.cos-content-container {
  background-color: #fff;
  box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.14);
  border-radius: 3px;
}

/* SIDEBAR */
@media only screen and (max-width: 767px) {
  .os-sidebar .dnd-section {
    padding: 20px 15px 0 0px;
  }
  .os-sidebar > .row-fluid-wrapper > .row-fluid > .span12 {
    display: flex;
  }
}
/* FOOTER */
.footer a {
  color: #fff;
  text-decoration: underline;
}

/* 30 Day Summary Section Styling */
.summary_container {
  height: auto;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.14);
  margin-bottom: 5vh;
  border-radius: 3px;
  width: 100%;
  margin-top: 25px;
}

.summary_wrapper {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 3%;
}

.summary_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.summary_metric {
  font-size: 250%;
  font-weight: lighter;
}

.summary_container h3 {
  font-weight: lighter;
}

.summary_rows {
  display: grid;
  margin-top: 2vh;
  margin-bottom: 2vh;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 20px;
}

.summary_link {
  border: 1px solid #e9e9e9;
  padding: 20px;
  border-radius: 5px;
  background-color: #efefef;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.summary_link:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .summary_rows {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .summary_item > h5 {
    text-align: center;
  }
}
/* Payout Status */
.payout_status {
  padding: 25px;
  background-color: #fff;
  box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-top: 25px;
}

.payout_status h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.payout_status .balance {
  font-size: 40px;
  font-weight: normal;
  text-align: center;
}

.payout_status h5 {
  padding-top: 15px;
  padding: 0;
  margin: 0;
  text-align: center;
}

.payout_status .box {
  background-color: #eee;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.payout_status .paypal_text {
  font-size: 12px;
}

.payout_status .send_to_paypal,
.payout_status .request_check {
  text-align: center;
  width: 100%;
  color: #fff;
}

.payout_status .isDisabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.payout_status .isDisabled > a {
  display: inline-block;
  pointer-events: none;
  text-decoration: none;
  /* LEGACY CODE */
}

.reg_list_container {
  max-width: 1200px;
  height: auto;
  margin: auto;
  background-color: #fff;
  box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.14);
  margin-bottom: 5vh;
  border-radius: 3px;
  width: 100%;
}

.reg_list_wrapper {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 3%;
}

.reg_list_title {
  margin-bottom: 2vh;
}

.title_Search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3vh;
}

.heading_columns {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid black;
  padding-bottom: 1vh;
}

.columns {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

.deal__email {
  font-size: 75%;
}

@media only screen and (max-width: 767px) {
  .columns > h5,
  .heading_columns > h5 {
    font-size: 12px;
  }
}
.row1 {
  width: 14%;
  padding-right: 1%;
}

.row2 {
  width: 31%;
  padding-right: 1%;
}

.row3 {
  width: 19%;
  padding-right: 1%;
}

.row4 {
  width: 12%;
  padding-right: 1%;
}

.row5 {
  width: 12%;
  padding-right: 1%;
}

.row6 {
  width: 12%;
}

.columns h3, .columns h4 {
  font-weight: lighter;
}

.no_leads_text {
  display: flex;
  justify-content: center;
  margin-top: 2vh;
}

.notes_view svg {
  max-width: 25px;
  max-height: 25px;
}

/* MOBILE */
@media only screen and (max-width: 767px) {
  h2.title {
    font-size: 95% !important;
  }
  .os-header {
    flex-direction: column;
  }
}
.os-primary-nav {
  display: none;
  margin-left: 0;
}

.styled-table {
  min-width: inherit;
  width: 100%;
  overflow-x: auto;
  overflow-y: none;
}

.header-navigation-toggle {
  display: inline-block;
  background-image: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  height: 50px;
  width: 50px;
  fill: #fff;
  cursor: pointer;
}

/* DESKTOP ONLY */
@media only screen and (min-width: 768px) {
  .header-navigation-toggle {
    display: none;
  }
  .os-primary-nav {
    display: block;
  }
}
body .lms-hero {
  padding: var(--space-large) 0 0;
}
body .lms-hero .lms-hero--inner {
  padding: 0 !important;
}

.os-content-box .span7 {
  align-self: stretch;
  display: flex;
}
.os-content-box .span7 > * {
  flex-grow: 1;
}
.os-content-box .span7 .wistia_responsive_padding {
  border-radius: var(--radius-medium);
  box-shadow: 0 0 5px rgb(var(--color-black-rgb)/10%);
  overflow: hidden;
}
.os-content-box .span7 img {
  border-radius: var(--radius-medium);
  box-shadow: 0 0 5px rgb(var(--color-black-rgb)/10%);
  overflow: hidden;
  display: block;
}
.os-content-box .span5 {
  --size-default: var(--size-large);
}
.os-content-box .span12 {
  --size-default: var(--size-large);
}
.os-content-box .span12 .hs_cos_wrapper_type_inline_rich_text > * {
  margin: 0 0 var(--space-small) !important;
}
@media screen and (min-width: 768px), print {
  .os-content-box .span12 .hs_cos_wrapper_type_inline_rich_text {
    column-count: 2;
    column-gap: var(--space-medium);
  }
}

body.project-c {
  /* Table */
  /* Blog post */
  /* Blog related posts */
  /* Blog comments */
  /* Typewriter  */
  /* Background Color */
  /* Border Color */
  /* Text Color */
  /* Fill Color */
  /* Outline Effects */
  /* Hover Background */
  /* Hover Text Color */
  /* Hover Outline Effects */
  /* Blog listing */
  /* Blog pagination */
  /* Pricing card */
  /* Social follow */
  /* Header */
}
body.project-c main#main-content {
  padding-top: var(--space-medium);
  padding-bottom: var(--space-medium);
}
@media screen and (min-width: 768px), print {
  body.project-c main#main-content {
    min-height: 60vh;
  }
}
body.project-c .animate--fade_in {
  opacity: 0;
  transition: 1s;
}
body.project-c .animate--fade_from_top {
  opacity: 0;
  transform: translateY(-50px);
  transition: 1s;
}
body.project-c .animate--fade_from_bottom {
  opacity: 0;
  transform: translateY(50px);
  transition: 1s;
}
body.project-c .animate--slide_from_right {
  opacity: 0;
  transform: translateX(1000px);
  transition: 1s;
  z-index: 4;
}
body.project-c .animate--slide_from_left {
  opacity: 0;
  transform: translateX(-1000px);
  transition: 1s;
  z-index: 4;
}
body.project-c .animated {
  opacity: 1;
  transform: translateY(0) translateX(0);
}
body.project-c .typewriter {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
body.project-c .blink {
  position: relative;
}
body.project-c .blink:after {
  content: "";
  position: absolute;
  right: -5px;
  width: 2px;
  background-color: #000;
  height: 100%;
  animation: blinker 1.5s ease-out infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#member-profile .input:is(.not_editable) label[for=profile_photo],
#member-profile .input:is(.not_editable) #profile_photo {
  display: none;
}
#member-profile .input:is(.not_editable) input,
#member-profile .input:is(.not_editable) select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: var(--color-white) !important;
  color: var(--color-grey-20) !important;
  cursor: default !important;
}

.upvote {
  display: none !important;
}

.follow {
  display: none !important;
}

.btn {
  text-decoration: none !important;
  color: white !important;
}
.btn svg {
  color: white !important;
  fill: white !important;
}
.btn:hover {
  color: var(--color-hpa-purple) !important;
}
.btn:hover svg {
  color: var(--color-hpa-purple) !important;
  fill: var(--color-hpa-purple) !important;
}

html .breadcrumbs {
  display: flex;
  justify-content: flex-end;
}
html .breadcrumbs .category-links {
  display: none;
}
html .breadcrumbs .follow-like .sorter-dropdown:hover button.tools {
  background: rgb(var(--color-black-rgb)/5%);
}
html .breadcrumbs .follow-like .sorter-dropdown button.tools {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-radius: 16px;
}
html .breadcrumbs .follow-like .sorter-dropdown .sorter-dropdown-content {
  right: 0;
  left: auto;
  box-shadow: 0 4px 8px rgb(var(--color-black-rgb)/10%);
  border-radius: 6px;
}
html .breadcrumbs .follow-like .sorter-dropdown .sorter-dropdown-content > a:hover {
  background-color: rgb(var(--color-hpa-green-rgb)/10%);
  color: var(--color-hpa-purple);
}
html .topic-detail {
  padding: 5px 0 20px;
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--color-grey-90);
}
@media screen and (min-width: 768px), print {
  html .discussion-container {
    border: 1px solid var(--color-grey-90);
    background: var(--color-grey-97);
    padding: var(--space-small);
    border-radius: 8px;
  }
}
html .message-container {
  margin: 0;
  padding: 0;
}
html .message-container + h4 {
  border-top: 1px solid var(--color-grey-90);
  padding-top: 20px;
}
html .message-container:not(.child-reply) .reply-body {
  box-shadow: 0 4px 8px rgb(var(--color-black-rgb)/10%);
  padding: 10px 20px;
}
@media screen and (min-width: 768px), print {
  html .message-container:is(.child-reply) {
    margin-left: 40px;
  }
}
html .message-container:is(.child-reply) .reply-body {
  box-shadow: 0 2px 4px rgb(var(--color-black-rgb)/10%);
  padding: 5px 15px;
  --size-default: calc( 0.8 * var(--size-medium));
}
html .message-container .reply-body {
  background: white;
}
html .message-container .reply-body > p:has(> br:first-child::last-child) {
  display: none;
}
html .message-container .reply-body .reply-tools {
  border-top: 1px solid var(--color-grey-90);
  padding: 10px 0 0;
}
html .message-container .reply-body .reply-tools button.reply-to-reply {
  margin: 0;
}
html .message-container .reply-body .reply-tools {
  border-top: 1px solid var(--color-grey-90);
  padding: 10px 0 0;
}
html:not(.is-cohort) .reply-tools {
  display: none;
}
html #modal__not-logged-in.b-modal.lity-hide {
  display: none;
}
html .form-wrapper .quill-editor,
html .form-wrapper #video_embed {
  background: white;
}
html .signup-modal-container {
  background: white;
  padding: var(--space-small);
  text-align: center;
  --text-alignment: center;
}
html .signup-modal-container .signup-login-buttons {
  text-align: center;
}
html .signup-modal-container .signup-login-buttons a.btn {
  text-decoration: none !important;
}

button[type=submit],
button#submitBtn {
  color: white !important;
  text-decoration: none !important;
  margin-top: 10px !important;
}
button[type=submit] > *,
button#submitBtn > * {
  color: white !important;
}
button[type=submit]:not(:disabled):hover,
button#submitBtn:not(:disabled):hover {
  color: var(--color-hpa-purple) !important;
}

.sidebar-content.span3 {
  display: none !important;
}

.home-content.span9 {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

.sorter-dropdown .btn svg {
  width: 10px !important;
}

.sorter-dropdown-content a {
  color: black !important;
  background: white !important;
  font-size: var(--size-default) !important;
  font-weight: 600 !important;
  padding: var(--space-xxsmall) var(--space-xsmall) !important;
}
.sorter-dropdown-content a:is([href*=upvotes]) {
  display: none !important;
}
.sorter-dropdown-content a:is([href*=solved]) {
  display: none !important;
}
.sorter-dropdown-content a:is(:empty) {
  display: none;
}
.sorter-dropdown-content a:not(:last-child) {
  border-bottom: 1px solid var(--color-grey-90) !important;
}
.sorter-dropdown-content a:not(:last-child):hover {
  border-bottom-color: var(--color-grey-85) !important;
}
.sorter-dropdown-content a:hover {
  text-decoration: none !important;
}
.sorter-dropdown-content a:not(.active):hover {
  background: var(--color-grey-90) !important;
}
.sorter-dropdown-content a:is(.active) {
  background: var(--color-grey-95) !important;
}

@media screen and (min-width: 768px), print {
  .sorters .sorter-dropdown-content {
    left: auto !important;
    right: 0 !important;
  }
}

html::not(.is-cohort) .reply-tools {
  display: none !important;
}
html::not(.is-cohort) .discussion-container > h2,
html::not(.is-cohort) .discussion-container > .form-wrapper {
  display: none;
}

button.reply-to-reply {
  align-items: center;
  display: inline-flex !important;
  justify-content: space-between;
  background: var(--button-background) !important;
  border: var(--button-border);
  border-radius: var(--button-border-radius);
  box-shadow: var(--button-box-shadow);
  box-sizing: var(--button-box-sizing) !important;
  color: var(--button-color) !important;
  cursor: var(--button-cursor);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-spacing);
  line-height: var(--button-line-height);
  padding: var(--button-padding);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-transform: var(--button-text-transform);
  transition: var(--button-transition);
  min-height: var(--button-min-height);
  min-width: var(--button-min-width);
  vertical-align: bottom;
  gap: var(--button-gap);
  --button-border-width: 0;
  --button-border-color: none;
  --button-border: var(--button-border-width) solid var(--button-border-color);
  --button-color: white;
  --button-cursor: pointer;
  --button-font-family: var(--font-buttons);
  --button-font-weight: bold;
  --button-text-decoration: none !important;
  --button-text-transform: none;
  --button-transition: all 250ms cubic-bezier(var(--bezier));
  --button-icon-color: var(--button-color);
  --button-icon-size: 16px;
  --button-icon-shift: var(--button-size-icon-shift);
  --button-box-shadow: none;
  --button-box-sizing: border-box;
  --button-type-border-radius: 0;
  --button-hover-opacity: 1;
  --button-min-height: 0;
  --button-min-width: var(--button-min-height);
  --button-border-radius: 16px;
  --button-font-size: 14px;
  --button-letter-spacing: 1px;
  --button-line-height: 20px;
  --button-padding: 0 12px;
  --button-size-icon-shift: 5px;
  --button-min-height: 30px;
  --button-gap: 5px;
  --button-background: white;
  --button-color: var(--color-hpa-purple);
  --button-border-width: 2px;
  --button-border-color: var(--color-hpa-purple);
}
button.reply-to-reply .text {
  color: var(--button-color) !important;
  line-height: 1.1;
  font-size: var(--button-font-size);
}
button.reply-to-reply span[class*=material-icons],
button.reply-to-reply svg {
  color: var(--button-icon-color);
  fill: var(--button-icon-color);
  transform: translateX(var(--button-icon-shift));
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  font-size: var(--button-icon-size);
}
button.reply-to-reply:not([disabled]):hover, button.reply-to-reply:not([disabled]):focus, a:hover button.reply-to-reply:not([disabled]), a:focus button.reply-to-reply:not([disabled]) {
  background: var(--button-background);
  border: var(--button-border);
  color: var(--button-color);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  opacity: var(--button-hover-opacity);
}
button.reply-to-reply:active {
  opacity: var(--button-hover-opacity);
}
button.reply-to-reply:is([disabled]) {
  opacity: var(--button-hover-opacity);
  --button-hover-opacity: 0.25;
}
button.reply-to-reply:is([disabled]):hover {
  cursor: not-allowed;
}
button.reply-to-reply:is(.block) {
  display: flex !important;
  width: 100%;
}
button.reply-to-reply:is(.center) {
  justify-content: center;
  --button-size-icon-shift: 0 !important;
}
button.reply-to-reply:is(.icon-left) {
  --button-icon-shift: calc( -1 * var(--button-size-icon-shift) );
}
button.reply-to-reply:is(.no-hover) {
  --button-hover-opacity: 1;
}
button.reply-to-reply:is(.unpadded) {
  --button-padding: 0 !important;
}
@media screen and (max-width: 767px) {
  button.reply-to-reply {
    --button-font-size: 13px;
    --button-line-height: 18px;
    --button-padding: 6px 17px;
  }
}
button.reply-to-reply:not([disabled]):hover, button.reply-to-reply:not([disabled]):focus, a:hover button.reply-to-reply:not([disabled]), a:focus button.reply-to-reply:not([disabled]) {
  --button-background: var(--color-hpa-purple);
  --button-color: white;
}

button.reply-to-reply {
  width: auto !important;
  transform: scale(0.8);
  transform-origin: left center;
  --button-icon-size: 10px;
}

.hpa-card.hpa-card--member-sidebar {
  --card-content-alignment: center;
  --text-alignment: var(--card-content-alignment);
  --card-heading-flex: column;
}
.hpa-card.hpa-card--member-sidebar .member-avatar {
  margin: calc(var(--card-content-padding-top) * -1) calc(var(--card-content-padding-right) * -1) 0 calc(var(--card-content-padding-left) * -1);
  padding: var(--card-content-padding-top) var(--card-content-padding-right) var(--card-content-padding-bottom) var(--card-content-padding-right);
  background: var(--hpa-gradient);
  border-radius: var(--card-radius) var(--card-radius) 0 0;
  position: relative;
}
.hpa-card.hpa-card--member-sidebar .member-avatar:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: white;
  background: linear-gradient(to bottom, var(--color-grey-97), white);
  display: block;
  content: " ";
}
.hpa-card.hpa-card--member-sidebar .member-avatar .member-avatar__image-container {
  max-width: 112px;
  margin: 0 auto;
  z-index: 1;
}
.hpa-card.hpa-card--member-sidebar .member-avatar .hpa-image {
  margin: 0;
  box-shadow: 0 5px 30px rgb(var(--color-black-rgb)/15%);
  --image-radius: 9999px;
}
.hpa-card.hpa-card--member-sidebar .member-socials {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  gap: 15px;
}
.hpa-card.hpa-card--member-sidebar .member-socials__link {
  flex: 0 0 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  transition: background 250ms cubic-bezier(var(--bezier));
  --icon-color: var(--color-grey-70);
}
.hpa-card.hpa-card--member-sidebar .member-socials__link:hover {
  background: var(--color-grey-97);
  --icon-color: var(--color-grey-20);
}
.hpa-card.hpa-card--member-sidebar .member-socials__icon {
  width: 20px;
  height: 20px;
  position: relative;
}
.hpa-card.hpa-card--member-sidebar .member-socials__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: var(--icon-color);
  fill: var(--icon-color);
}

.full_bio:not(.editor) {
  padding: var(--space-small);
  border-radius: var(--radius-medium);
  box-shadow: 0 0 20px rgb(var(--color-black-rgb)/10%);
  margin-bottom: var(--space-medium);
  --size-default: var(--size-large);
}
.full_bio:not(.editor) > *:first-child {
  margin-top: 0 !important;
}
.full_bio:not(.editor) > *:last-child {
  margin-bottom: 0 !important;
}

.sidebar-content .hpa-static-module-container {
  margin-top: 30px;
}

html .topics-container {
  margin-top: var(--space-medium);
  margin-bottom: var(--space-medium);
  padding: var(--space-xsmall);
  display: flex;
  flex-flow: column nowrap;
  box-shadow: 0 0 20px rgb(var(--color-black-rgb)/10%);
  border-radius: var(--radius-medium);
  border-width: 0;
}
html .topics-container > h2 {
  margin: var(--space-xsmall) var(--space-xsmall) 0;
  padding-bottom: var(--space-small);
  border-bottom: 1px solid var(--color-grey-90);
  --size-heading: var(--size-h4);
}
html .topics-container .topic-card {
  margin: 0;
  border: none;
  background: none;
  padding: 0;
  border-radius: 0;
}
html .topics-container .topic-card a {
  display: flex;
  flex-flow: column nowrap;
  transition: all 250ms cubic-bezier(var(--bezier));
  border-radius: calc(0.75 * var(--radius-medium));
  padding: var(--space-xsmall);
  gap: var(--space-xxsmall);
}
html .topics-container .topic-card a:hover, html .topics-container .topic-card a:focus {
  background: var(--color-grey-95);
}
html .topics-container .topic-card a h5 {
  --size-heading: var(--size-h4);
  margin: 0;
}
html .topics-container .topic-card a h6 {
  margin: 0;
}
html .topics-container .topic-card a h6 .status-solved {
  border-radius: 5px;
  margin-right: 5px;
  display: inline-flex;
  background: var(--color-hpa-green);
  color: var(--color-white);
  padding: 3px var(--space-xxsmall);
  --size-default: var(--size-small);
}
html .topics-container .topic-card a .detail-container {
  --size-default: var(--size-small);
  font-style: var(--size-default);
  align-items: center;
}
html .topics-container .topic-card a .detail-container .details {
  display: flex;
  align-items: center;
  gap: var(--space-xxsmall);
}
html .topics-container .topic-card a .detail-container .details:is(.username) span::before {
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
  font-size: var(--size-small);
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "calendar_month";
}
html .topics-container .topic-card a .detail-container .details:is(.replies)::before {
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
  font-size: var(--size-small);
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  content: "chat_bubble_outline";
}
html .topics-container .topic-card a .detail-container .details:is(.replies) svg {
  display: none;
}

@keyframes l1 {
  to {
    clip-path: inset(0 -34% 0 0);
  }
}
html body .lesson-wrapper .section-wrapper {
  width: 100%;
  padding: 20px 0 var(--space-large);
  margin: 0;
}
@media screen and (min-width: 768px), print {
  html body .lesson-wrapper .section-wrapper {
    padding: var(--space-large) 0 var(--space-large);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: min-content;
    grid-template-areas: "aside lesson lesson" "aside empty button" "aside resources resources";
    gap: var(--space-large);
  }
}
@media screen and (min-width: 1360px) {
  html body .lesson-wrapper .section-wrapper {
    grid-template-columns: 2fr 3fr 2fr;
  }
}
html body .lesson-wrapper .lesson__supporting-text {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px), print {
  html body .lesson-wrapper .lesson__supporting-text {
    grid-area: lesson;
  }
}
html body .lesson-wrapper .lesson__supporting-text .lesson__body {
  max-width: 720px;
}
html body .lesson-wrapper .lesson__supporting-text .lesson__enhanced-quiz {
  background: var(--color-grey-95);
  margin-top: var(--space-large);
}
@media screen and (max-width: 767px) {
  html body .lesson-wrapper .lesson__supporting-text .lesson__enhanced-quiz {
    margin-left: calc(-0.5 * var(--content-padding));
    padding: var(--space-small) calc(var(--content-padding) / 2);
    width: 100vw;
  }
}
@media screen and (min-width: 768px), print {
  html body .lesson-wrapper .lesson__supporting-text .lesson__enhanced-quiz {
    border-radius: 10px;
    padding: var(--space-small);
  }
}
html body .lesson-wrapper .lesson__supporting-text .lesson__enhanced-quiz:is([data-loaded=true]) .loader {
  display: none;
}
html body .lesson-wrapper .lesson__supporting-text .lesson__enhanced-quiz:is([data-loaded=false]) .enhanced-quiz__questions {
  display: flex;
  justify-content: center;
  align-items: center;
}
html body .lesson-wrapper .lesson__supporting-text .lesson__enhanced-quiz:is([data-loaded=false]) .loader {
  width: 60px;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side, var(--color-grey-75) 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 1s steps(4) infinite;
  transform: scale(0.65);
}
html body .lesson-wrapper .lesson__supporting-text .enhanced-quiz__questions {
  border-radius: 7.5px;
  background: var(--color-white);
  box-shadow: 0 0 20px rgb(var(--color-black-rgb)/10%);
  min-height: 200px;
  padding: var(--space-small);
}
@media screen and (max-width: 767px) {
  html body .lesson-wrapper .lesson__supporting-text .enhanced-quiz__questions {
    padding: var(--space-small) calc(var(--content-padding) / 2);
  }
}
@media screen and (min-width: 768px), print {
  html body .lesson-wrapper .hpa-course-nav {
    grid-area: aside;
  }
}
@media screen and (max-width: 767px) {
  html body .lesson-wrapper footer.lesson__button {
    border-top: 1px solid var(--color-grey-85);
    padding-top: var(--space-medium);
    margin-top: var(--space-small);
  }
}
@media screen and (min-width: 768px), print {
  html body .lesson-wrapper footer.lesson__button {
    grid-area: button;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    flex-flow: column;
  }
}
@media screen and (max-width: 767px) {
  html body .lesson-wrapper footer.lesson__button .hs-button {
    display: flex !important;
    width: 100%;
    justify-content: center;
    --button-size-icon-shift: 0 !important;
  }
}
@media screen and (min-width: 768px), print {
  html body .lesson-wrapper .lesson__resources {
    grid-area: resources;
  }
}

.hpa-card.hpa-card--resource .resource-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--card-content-padding-top) var(--card-content-padding-right) 0 var(--card-content-padding-left);
  margin-bottom: calc(var(--card-content-padding-top) / 2 * -1);
}
.hpa-card.hpa-card--resource .resource-header .hpa-label {
  --label-color: var(--color-grey-75);
}
.hpa-card.hpa-card--resource .resource-header .material-icons {
  background: var(--hpa-gradient);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hpa-course-nav:is([active]) {
  --toggle-icon-rotate: 180deg;
  --toggle-border-width: 1px;
}
@media screen and (max-width: 767px) {
  .hpa-course-nav:not([active]) .course-nav__categories {
    display: none;
  }
}
.hpa-course-nav .course-nav__nav {
  background: white;
  --card-background: var(--color-white);
  --card-radius: 7.5px;
  --card-content-padding: 0;
  margin-bottom: var(--space-medium);
}
@media screen and (min-width: 768px), print {
  .hpa-course-nav .course-nav__nav {
    margin-top: var(--space-large);
  }
}
.hpa-course-nav .course-nav__nav .course-nav__overview-button {
  padding: 5px 15px 15px;
}
@media screen and (min-width: 768px), print {
  .hpa-course-nav .course-nav__nav .course-nav__overview-button {
    padding: 5px 25px 15px;
  }
}
.hpa-course-nav .course-nav__nav .course-nav__toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 15px;
  cursor: var(--course-toggle-cursor);
  border-bottom: var(--toggle-border-width, 0px) solid var(--color-grey-95);
  --course-toggle-cursor: pointer;
  --course-toggle-color: var(--color-hpa-purple);
}
@media screen and (min-width: 768px), print {
  .hpa-course-nav .course-nav__nav .course-nav__toggle {
    --course-toggle-color: var(--color-black);
    --course-toggle-cursor: default;
    --toggle-border-width: 1px;
  }
}
.hpa-course-nav .course-nav__nav .course-nav__toggle .toggle__text {
  font-weight: bold;
  --size-default: calc( var(--size-small) + 2px );
}
.hpa-course-nav .course-nav__nav .course-nav__toggle .toggle__icon {
  margin-left: auto;
  color: var(--course-toggle-color);
  transform: rotate(var(--toggle-icon-rotate, 0deg));
}
@media screen and (min-width: 768px), print {
  .hpa-course-nav .course-nav__nav .course-nav__toggle .toggle__icon {
    display: none;
  }
}
.hpa-course-nav .course-nav__nav .categories__category .category__text {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  margin: 0 10px;
  border-bottom: 1px solid rgb(var(--color-black-rgb)/10%);
}
.hpa-course-nav .course-nav__nav .categories__category .category__text .material-icons {
  font-size: 20px;
}
.hpa-course-nav .course-nav__nav .categories__category .category__text .hpa-label {
  --label-color: var(--color-grey-25);
}
.hpa-course-nav .course-nav__nav .categories__category .category__lessons {
  padding: 10px;
}
.hpa-course-nav .course-nav__nav .categories__category .category__lessons .lessons__lesson {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: row-reverse nowrap;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 5px;
}
.hpa-course-nav .course-nav__nav .categories__category .category__lessons .lessons__lesson:is(.lessons__lesson--active) {
  background: rgb(var(--color-black-rgb)/5%);
}
.hpa-course-nav .course-nav__nav .categories__category .category__lessons .lessons__lesson:not(.lessons__lesson--active):hover {
  background: rgb(var(--color-black-rgb)/2.5%);
}
.hpa-course-nav .course-nav__nav .categories__category .category__lessons .lessons__lesson:is(.hubLMS_completed) {
  --lesson-icon-color: var(--color-hpa-green);
}
.hpa-course-nav .course-nav__nav .categories__category .category__lessons .lessons__lesson:not(.hubLMS_completed) {
  --lesson-icon-color: var(--color-grey-50);
}
.hpa-course-nav .course-nav__nav .categories__category .category__lessons .lessons__lesson .lesson__icon {
  flex: 0 0 16px;
  font-size: 16px;
  color: var(--lesson-icon-color);
  margin-top: 2.25px;
}
.hpa-course-nav .course-nav__nav .categories__category .category__lessons .lessons__lesson .lesson__text {
  line-height: 1.2;
  --size-default: calc( var(--size-small) + 2px );
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 2.5px;
}
.hpa-course-nav .course-nav__nav .categories__category .category__lessons .lessons__lesson .lesson__text .lesson__time {
  display: flex;
  gap: 5px;
  align-items: center;
  background: rgb(var(--color-black-rgb)/5%);
  padding: 0 5px;
  height: 20px;
  border-radius: 10px;
  font-size: 11px;
}
.hpa-course-nav .course-nav__nav .categories__category .category__lessons .lessons__lesson .lesson__text .lesson__time .material-icons {
  font-size: 12px;
}

html body .hs-tools-menu {
  top: auto !important;
  bottom: 10px !important;
  right: auto !important;
  left: 10px !important;
  transform: rotate(180deg) !important;
  transition: none !important;
  animation: none !important;
}
html body .hs-tools-menu.hs-collapsed {
  max-height: 50px;
}
html body .hs-tools-menu .hs-title {
  color: #abacac !important;
}
html body .hs-tools-menu .hs-title,
html body .hs-tools-menu .hs-dropdown:before,
html body .hs-tools-menu .hs-dropdown:after,
html body .hs-tools-menu ul li a {
  transform: rotate(180deg) !important;
}