@charset "UTF-8";
:root {
  --yellow: #fed136;
  --primary: var(--yellow);
  --yiq-contrasted-threshold: 205;
  --hs-color_red: #e12037;
  --hs-color-pink: #e83e8c;
  --hs-color_red-orange: #f63a0f;
  --hs-color_orange: #f27011;
  --hs-color_dark-yellow: #f2b01e;
  --hs-color_yellow: #f2d31b;
  --hs-color_yellow--light: #ffe659;
  --hs-color_yellow--dark: #e2b900;
  --hs-color_lime: #86e01e;
  --hs-color_light-lime: #e7ffcb;
  --hs-color_green: #28a745;
  --hs-color_green--light: #93ff7e;
  --hs-color_green--dark: #468c1f;
  --hs-color_green--darker: #28610f;
  --hs-color_teal: #20c997;
  --hs-color_silver: #aaa;
  --hs-color_purple: #6f42c1;
  --hs-color_cyan: #17a2b8;
  --hs-color_turquoise: #5ac8fa;
  --hs-color_blue-semimuted: #4997cd;
  --hs-color_blue: #007bff;
  --hs-color_indigo: #6610f2;
  --hs-hsl_grey: hsl(207, 10%, 55%);
  --hs-hsl_grey-light: hsl(206, 13%, 79%);
  --hs-hsl_green: hsl(111, 51%, 60%);
  --hs-hsl_red: hsl(353, 76%, 50%);
  --hs-hsl_yellow: hsl(47, 85%, 61%);
  --hs-hsl_white: hsl(0, 0%, 100%);
  --hs-theme_primary: #fed136;
  --hs-theme_primary--trans50: rgba(254, 211, 54, 0.5);
  --hs-theme_secondary: #6c757d;
  --hs-theme_success: #28a745;
  --hs-theme_info: #17a2b8;
  --hs-theme_danger: #e74c3c;
  --hs-theme_warning: #007bff;
  --hs-theme_background-primary: #f8f8f8;
  --hs-theme_background-secondary: #ebebeb;
  --hs-black: #000;
  --hs-black_15: rgba(0, 0, 0, 0.15);
  --hs-black_25: rgba(0, 0, 0, 0.25);
  --hs-black_45: rgba(0, 0, 0, 0.45);
  --hs-black_50: rgba(0, 0, 0, 0.5);
  --hs-black_75: rgba(0, 0, 0, 0.75);
  --hs-white: #fff;
  --hs-gray-50: #f2f2f2;
  --hs-gray-100: #f8f8f8;
  --hs-gray-200: #ebebeb;
  --hs-gray-300: #dee2e6;
  --hs-gray-400: #ced4da;
  --hs-gray-500: #adb5bd;
  --hs-gray-600: #6c757d;
  --hs-gray-700: #495057;
  --hs-gray-800: #343a40;
  --hs-gray-900: #212529;
  --hs-gray-950: #151515;
  --hs-black: #000;
  --hs-theme-darken-tint: 15%;
  --hs-theme-lighten-tint: 15%;
  --hs-lightnessMultiplier: 0.9;
  --hs-gray-base: var(--hs-gray-900);
  --hs-gray-darker: var(--hs-gray-800);
  --hs-gray-dark: var(--hs-gray-700);
  --hs-gray-medium: var(--hs-gray-600);
  --hs-gray: var(--hs-gray-500);
  --hs-gray-light: var(--hs-gray-400);
  --hs-gray-lighter: var(--hs-gray-300);
  --hs-gray-lighter-05: var(--hs-gray-200);
  --hs-gray-lightest: var(--hs-gray-100);
  --hs-white: #fff;
  --hs-white--a08: rgba(255, 255, 255, 0.08);
  --hs-white--a10: rgba(255, 255, 255, 0.1);
  --hs-white--a30: rgba(255, 255, 255, 0.3);
  --hs-white--a50: rgba(255, 255, 255, 0.5);
  --hs-white--a60: rgba(255, 255, 255, 0.6);
  --hs-white--a75: rgba(255, 255, 255, 0.75);
  --hs-white--a90: rgba(255, 255, 255, 0.9);
  --hs-blue: #0051bb;
  --hs-indigo: #766cff;
  --hs-purple: #5d0181;
  --hs-pink: #e83e8c;
  --hs-red: #cf162b;
  --hs-orange: #ff7505;
  --hs-yellow: #fed136;
  --hs-green: #008d4b;
  --hs-teal: #20c9bb;
  --hs-cyan: #05a0b8;
  --hs-primary: --hs-blue;
  --hs-secondary: --hs-gray-600;
  --hs-success: --hs-green;
  --hs-info: --hs-cyan;
  --hs-warning: --hs-yellow;
  --hs-danger: --hs-red;
  --hs-light: --hs-gray-100;
  --hs-dark: --hs-gray-900;
  --hs-blueGray-medium: #507386;
  --hs-blueGray-medium-muted: #476e82;
  --hs-blueGray-medium-saturated: #136591;
  --hs-blueGray-dark: #1e2e3e;
  --hs-blueGray-very-dark: #181a1b;
  --hs-blueGray-darker: #0c0f11;
  --hs-blueGray-darker--alpha75: rgba(12, 15, 17, 0.75);
  --hs-blueGray-light: #2d373c;
  --hs-text-onDark: map-get(var(--hs-dark-mode-colors), text-onDark);
  --hs-green-light: #80cc94;
  --hs-blue-light: #0291ca;
  --hs-blue--lighter: #78bad8;
  --hs-blue--lightest: #a8dfff;
  --hs-blue--light-muted: #80b6cc;
  --hs-blue--lighter-muted: #8ec1d9;
  --hs-blue--lightest-muted: #9bcbe6;
  --hs-blue--light-shadow: #3ab1c3;
  --hs-blue--light-background: #117a8b;
  --hs-blue--dark: #1e364e;
  --hs-link--primary: var(--hs-theme_primary);
  --hs-clip-background: content-box;
  --hs-baige-light: #cac1ac;
  --hs-baige-medium: #a79e8b;
  --hs-theme-color-text: var(--hs-gray-dark);
  --hs-theme-color-text-onDark: var(--hs-white);
  --hs-font-primary: "Roboto", sans-serif, "Segoe UI", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --hs-font-secondary: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --hs-font-serif: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --hs-font-cursive-Caveat: "caveat", cursive;
  --hs-font-cursive-NYCD: "Nothing You Could Do", cursive;
  --hs-font-cursive-Sedgwick: "Sedgwick Ave Display", cursive;
  --hs-font-size-base: 1rem;
  --hs-font-size-lg: var(--hs-font-size-base) * 1.25;
  --hs-font-size-sm: var(--hs-font-size-base) * 0.875;
  --hs-font-weight-lighter: lighter;
  --hs-font-weight-light: 300;
  --hs-font-weight-normal: 400;
  --hs-font-weight-bold: 700;
  --hs-font-weight-bolder: bolder;
  --hs-font-weight-base: var(--hs-font-weight-normal);
  --hs-line-height-base: 1.5;
  --hs-h1-font-size: var(--hs-font-size-base) * 2.5;
  --hs-h2-font-size: var(--hs-font-size-base) * 2;
  --hs-h3-font-size: var(--hs-font-size-base) * 1.75;
  --hs-h4-font-size: var(--hs-font-size-base) * 1.5;
  --hs-h5-font-size: var(--hs-font-size-base) * 1.25;
  --hs-h6-font-size: var(--hs-font-size-base);
  --hs-spacing--xs: 0.25em;
  --hs-spacing--sm: 0.5em;
  --hs-spacing--md: 1em;
  --hs-spacing--lg: 1.5em;
  --hs-headings-margin-bottom: var(--hs-spacing--md) / 2;
  --hs-headings-font-family: null;
  --hs-headings-font-weight: 500;
  --hs-headings-line-height: 1.2;
  --hs-headings-color: null;
  --hs-lead-font-size: var(--hs-font-size-base) * 1.25;
  --hs-lead-font-weight: 300;
  --hs-small-font-size: 80%;
  --hs-text-muted: var(--hs-white_60);
  --hs-text-shadow-light: 0px 0px 4px rgba(0, 0, 0, 0.95);
  --hs-text-shadow-light-spread: 0px 4px 13px rgba(0, 0, 0, 0.75);
  --hs-text-shadow-medium: 0px 0px 10px rgba(0, 0, 0, 0.85);
  --hs-canvas: var(--hs-white_5);
  --hs-surface: var(--hs-white);
  --hs-grid-columns: 12;
  --hs-grid-gutter-width: 30px;
  --hs-grid-row-columns: 6;
  --hs-border-width: 1px;
  --hs-border-color: var(--hs-gray-lighter);
  --enable-rounded: true;
  --radius-sm: calc(var(--radius, .25em) / 2);
  --radius-md: var(--radius, .25em);
  --radius-lg: calc(var(--radius, .25em) * 2);
  --hs-border-radius: 0.25rem;
  --hs-border-radius-sm: 0.125rem;
  --hs-border-radius-lg: 0.5rem;
  --hs-border-radius-md: 0.25%;
  --hs-box-shadow-glow: 0px 4px 16px 2px rgba(255, 255, 255, 0.5);
  --hs-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --hs-shadow-heavy: 2px 0.5rem 0.5rem rgba(0, 0, 0, 0.5);
  --hs-shadow-xs-reverse: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
  --hs-shadow-xs-center: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
  --hs-shadow-xs-center-xtra: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15), 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
  --hs-shadow-xs-center-reverse: -2px 0.1rem 0.2rem rgba(0, 0, 0, 0.15);
  --hs-shadow-inset-blue: inset 0 0 0 2px #5173ff;
  --hs-shadow-xs:
    0 .1px .3px rgba(0, 0, 0, .06),
    0 1px 2px rgba(0, 0, 0, .12);
  --hs-shadow-sm:
    0 .3px .4px rgba(0, 0, 0, .025),
    0 .9px 1.5px rgba(0, 0, 0, .05),
    0 3.5px 6px rgba(0, 0, 0, .1);
  --hs-shadow-md:
    0 .9px 1.5px rgba(0, 0, 0, .03),
    0 3.1px 5.5px rgba(0, 0, 0, .08),
    0 14px 25px rgba(0, 0, 0, .12);
  --hs-shadow-lg:
    0 1.2px 1.9px -1px rgba(0, 0, 0, .014),
    0 3.3px 5.3px -1px rgba(0, 0, 0, .038),
    0 8.5px 12.7px -1px rgba(0, 0, 0, .085),
    0 30px 42px -1px rgba(0, 0, 0, .15);
  --hs-shadow-xl:
    0 1.5px 2.1px -6px rgba(0, 0, 0, .012),
    0 3.6px 5.2px -6px rgba(0, 0, 0, .035),
    0 7.3px 10.6px -6px rgba(0, 0, 0, .07),
    0 16.2px 21.9px -6px rgba(0, 0, 0, .117),
    0 46px 60px -6px rgba(0, 0, 0, .2);
  --hs-shadow-none: none;
  --hs-card-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --hs-button-shadow-nocolor: 0 0 0 0.2rem;
  --hs-button-focus: var(--hs-button-shadow-nocolor) --hs-theme_primary--trans50;
  --hs-button-secondary-focus: var(--hs-button-shadow-nocolor) --hs-gray-medium;
  --hs-button-success-outline: var(--hs-button-shadow-nocolor) rgba(darken(--hs-color_green--darker, 2%), 50%);
  --hs-button-info-outline: var(--hs-button-shadow-nocolor) rgba(darken(--hs-blue--light-shadow, 2%), 50%);
  --hs-button-warning-outline: var(--hs-button-shadow-nocolor) rgba(darken(--hs-color_orange, 2%), 50%);
  --hs-button-danger-outline: var(--hs-button-shadow-nocolor) rgba(darken(--hs-color_red, 2%), 50%);
  --hs-bg-black-to-transparent: linear-gradient(0deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 1) 100%);
  --hs-card-width: 100%;
  --hs-card-height: 350px;
  --hs-card-title: 200%;
  --hs-card-subtitle: calc(var(--hs-card-title) - 10%);
  --hs-card-img-width: var(--hs-card-width);
  --hs-card-img-height: auto;
  --hs-card-width--sm: 265px;
  --hs-card-title--sm: 1.1rem;
  --hs-card-subtitle--sm: calc(var(--hs-card-title--sm) - 10%);
  --hs-card-img-width--sm: 100%;
  --hs-card-img-height--sm: auto;
  --hs-card-width--lg: 400px;
  --hs-card-title--lg: 2.3rem;
  --hs-card-subtitle--lg: calc(var(--hs-card-title--lg) - 10%);
  --hs-card-img-width--lg: var(--hs-card-width--lg);
  --hs-card-img-height--lg: auto;
  --hs-card-margin: 0.5rem;
  --hs-card-spacer-y: 0.75rem;
  --hs-card-spacer-x: 1.25rem;
  --hs-card-border-width: var(--hs-border-width);
  --hs-card-border-radius: var(--hs-border-radius);
  --hs-card-border-color: rgba(var(--hs-black), 0.125);
  --hs-card-inner-border-radius: var(--hs-border-radius-sm);
  --hs-card-cap-bg: rgba(var(--hs-black), 0.03);
  --hs-card-cap-color: null;
  --hs-card-color: null;
  --hs-card-bg: var(--hs-white_5);
  --hs-card-bg--dark: var(--hs-blueGray-dark);
  --hs-card-header-bg: var(--hs-white);
  --hs-card-body-bg: var(--hs-gray-light);
  --hs-card-content-bg: var(--hs-white);
  --hs-card-footer-bg: var(--hs-white);
  --hs-card-img-overlay-padding: 1.25rem;
  --hs-card-group-margin: var(--hs-grid-gutter-width) / 2;
  --hs-card-deck-margin: var(--hs-card-group-margin);
  --hs-card-columns-count: 3;
  --hs-card-columns-gap: 1.25rem;
  --hs-card-columns-margin: var(--hs-card-spacer-y);
  --hs-zindex-dropdown: 1000;
  --hs-zindex-sticky: 1020;
  --hs-zindex-fixed: 1030;
  --hs-zindex-modal-backdrop: 1040;
  --hs-zindex-modal: 1050;
  --hs-zindex-popover: 1060;
  --hs-zindex-tooltip: 1070;
  --hs-circle: 50%;
  --hs-pill: 500%;
  --hs-ratio-16-9: 56.25%;
  --hs-ratio-4-3: 75%;
  --hs-ratio-3-2: 66.66%;
  --hs-ratio-1-1: 100%;
  --space-unit: 1em;
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
  --component-padding: var(--space-md);
  --ease-in-out: cubic-bezier(.645, .045, .355, 1);
  --ease-in: cubic-bezier(.55, .055, .675, .19);
  --ease-out: cubic-bezier(.215, .61, .355, 1);
  --ease-out-back: cubic-bezier(.34, 1.56, .64, 1);
}

@font-face {
  font-family: "Digital-7";
  font-style: normal;
  font-weight: normal;
  src: url("./webfonts/Digital-7.woff2") format("woff2"), url("./webfonts/Digital-7.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Digital-7";
  font-style: italic;
  font-weight: normal;
  src: url("./webfonts/Digital-7Italic.woff2") format("woff2"), url("./webfonts/Digital-7Italic.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: normal;
  src: url("./webfonts/Digital-7Italic.woff2") format("woff2"), url("./webfonts/Digital-7Italic.woff") format("woff");
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h1, h2, h3, h4 {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-weight: 700;
}

mark {
  color: inherit;
}

.text-component {
  --line-height-multiplier: 1;
  --text-vspace-multiplier: 1;
}
.text-component blockquote {
  padding-left: 1em;
  border-left: 4px solid var(--color-contrast-low);
}
.text-component hr {
  height: 1px;
  background: var(--color-contrast-low);
}
.text-component figcaption {
  font-size: var(--text-sm);
  color: var(--color-contrast-medium);
}

.article {
  --body-line-height: 1.58;
  --text-vspace-multiplier: 1.2;
}

/*
  The html
  <svg class="hs-animated-svg-checkmark" x="0px" y="0px" viewBox="0 0 135 110" width="35px" height="43px">
    <path class="s-animated-svg-checkmark--green" d="M126.8,14L55.7,85.1L29.2,63.4"/>
  </svg>

*/
@keyframes draw {
  0% {
    stroke-dashoffset: -400;
  }
  100% {
    stroke-dashoffset: 400;
  }
}
@keyframes check {
  0% {
    stroke-dashoffset: -400;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.hs-animated-checkbox-container {
  position: absolute;
  z-index: 3;
}

.hs-animated-svg-checkmark {
  position: absolute;
  bottom: -2px;
  left: 0;
}

.hs-animated-svg-checkmark--green {
  stroke: #005c00;
  /* red */
  stroke: green;
  /* blue */
  fill: none;
  stroke-width: 20;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  stroke-miterlimit: 5;
  stroke-linecap: square;
  animation: check 0.75s linear forwards;
}

.hs-animated-svg-checkmark-box--blue {
  stroke: #cc181e;
  stroke: #387ea9;
  stroke-width: 12;
  fill: none;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: draw 1s linear forwards;
}

@media (max-width: 360px) {
  body {
    overflow: scroll;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    width: 0px;
    height: 0px;
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    width: 0px;
    height: 0px;
    opacity: 0;
  }
}
.fadein {
  animation: fadein ease-in-out 0.5s;
}

.fadeout {
  transition: all 0.25s ease-in-out;
  animation-name: fadeout;
  animation-duration: 0.25s;
  animation-timing-function: ease-in-out;
}

@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
.stripes-background--grreen {
  background-color: var(--hs-green);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 35%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 60%, rgba(255, 255, 255, 0.15) 85%, transparent 85%, transparent);
  background-size: 15px 15px;
  border-color: var(--hs-green);
  transition: all 0.15s ease-in-out;
  transform: scale(1.2);
  animation-name: animate-stripes;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.stripes-background--grey {
  background-color: var(--hs-gray-600);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 35%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 60%, rgba(255, 255, 255, 0.15) 85%, transparent 85%, transparent);
  background-size: 15px 15px;
  animation-name: animate-stripes;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

/**
 * The HTML looks like this *
  <div id="arrowsContainer" class="hs-animated-arrow-container">
    <svg id="arrows" class="hs-animated-arrow" width="18px" height="17px" viewBox="-1 0 18 17" version="1.1"
      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <g>
        <polygon class="hs-arrow a-3"
          points="16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596">
        </polygon>
        <polygon class="hs-arrow a-2"
          points="16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596">
        </polygon>
        <polygon class="hs-arrow a-1"
          points="16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596">
        </polygon>
        <polygon class="hs-arrow-fixed"
          points="16.3746667 8.33860465 7.76133333 15.3067621 6.904 14.3175671 14.2906667 8.34246869 6.908 2.42790698 7.76 1.43613596">
        </polygon>
      </g>
    </svg>
  </div>
 */
@keyframes arrow-anim {
  from {
    fill: transparent;
    stroke-width: 2px;
    stroke: transparent;
    transform: translateX(1rem);
  }
  50% {
    fill: #FFF;
    stroke-width: 2px;
    stroke: #FFF;
  }
  90% {
    z-index: 2;
    transition: all 0.25s ease-out;
  }
  to {
    transform: translateX(9rem);
    fill: transparent;
    stroke-width: 2px;
    stroke: transparent;
  }
}
@keyframes arrow-fixed-anim {
  5% {
    opacity: 0;
  }
  20% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.hs-animated-arrow-container {
  position: absolute;
  left: 4px;
  z-index: -1;
  display: flex;
  align-items: center;
  height: 32px;
}

.hs-animated-arrow-container .hs-animated-arrow {
  width: 22px;
  height: auto;
  margin: 0 2rem 0 -15px;
  overflow: visible;
  cursor: move;
}

.hs-animated-arrow-container .hs-animated-arrow polygon,
.hs-animated-arrow-container .hs-animated-arrow path {
  transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
  fill: transparent;
  stroke: transparent;
  stroke-width: 2px;
}

.hs-animated-arrow-container .hs-animated-arrow .hs-arrow {
  animation-name: arrow-anim;
  animation-duration: 2.5s;
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-iteration-count: infinite;
  fill: transparent;
}

.hs-animated-arrow-container .hs-animated-arrow .hs-arrow.a-3 {
  animation-delay: 0.25s;
}

.hs-animated-arrow-container .hs-animated-arrow .hs-arrow.a-2 {
  animation-delay: 0.15s;
}

.hs-animated-arrow-container .hs-animated-arrow .hs-arrow.a-1 {
  animation-delay: 0s;
}

.hs-animated-arrow-container .hs-animated-arrow .hs-arrow-fixed {
  animation: arrow-fixed-anim 2.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}

.text-focus-in {
  -webkit-animation: text-focus-in 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-focus-in 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-3-10 7:5:30
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@keyframes text-focus-in {
  0% {
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}
.frosty-glass {
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.blurredGlassBg {
  background: rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: none;
}

.blurredGlassBgLeft {
  background: rgba(255, 255, 255, 0.35);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: none;
  border-top-left-radius: 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.blurredGlassBgRight {
  background: rgba(255, 255, 255, 0.35);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 0;
}

@font-face {
  font-family: "Open 24 Display St", "Courier New", Courier, monospace;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("//assets/webfonts/Open-24-Display-St.ttf") format("ttf");
}
.hs-ranking-bar-container {
  flex: 1 100%;
  height: 150px;
  margin: auto;
}

.hs-ranking {
  padding: 3px;
  margin-top: 6px;
  font-size: 10px;
  text-align: left;
  text-transform: uppercase;
  background: var(--hs-gray-700);
  border-top-right-radius: 500px;
  border-bottom-right-radius: 500px;
  box-shadow: inset 0 1px 2px var(--black--a50), 0 1px var(--black--a15);
}

.hs-ranking-bar {
  position: relative;
  height: 8px;
  padding-left: 10px;
  font-size: 9px;
  font-weight: 700;
  line-height: 10px;
  color: #2e2e2e;
  background-image: linear-gradient(to right, #ff8000 5%, #ffc800 20%, #7dd31b 50%);
  border-top-right-radius: 500px;
  border-bottom-right-radius: 500px;
  box-shadow: 0 0 1px 1px var(--black--a25), inset 0 1px var(--black--a15);
  transition: 0.4s linear;
  transition-property: width, background-color;
}
.hs-ranking-bar::before {
  position: absolute;
  top: 16px;
  right: -2px;
  z-index: 100;
  display: inline-block;
  padding: 4px 8px 4px 8px;
  color: var(--hs-white);
  content: attr(data-level);
  background-color: var(--gray-700);
}
.hs-ranking-bar::after {
  position: absolute;
  top: 9px;
  right: 0;
  z-index: 99;
  width: 0;
  height: 0;
  content: "";
  border-top: 8px solid #404040;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.hs-radio {
  display: none;
}
.hs-radio:checked + .label {
  color: white;
  background: rgba(0, 0, 0, 0.25);
}

.hs-label {
  display: inline-block;
  padding: 3px 8px;
  margin: 0 5px 20px;
  color: #aaa;
  text-shadow: 0 1px black;
  cursor: pointer;
  visibility: hidden;
  border-radius: 0px;
}

.position-relative {
  position: relative;
}

.hs-skill-result-label {
  padding: 0.5rem;
  font-family: "Digital-7", "Courier New", Courier, monospace;
  font-size: 1rem;
  font-weight: normal;
  color: var(--hs-lime);
  text-align: center;
  letter-spacing: 1pt;
  background: var(--hs-gray-900);
}
.hs-skill-result-label.offset-down-20 {
  position: absolute;
  top: -20px;
}

#five:checked ~ .hs-ranking > .hs-ranking-bar {
  width: 5%;
  background-color: var(---hs-red-orange);
}

#twentyfive:checked ~ .hs-ranking > .hs-ranking-bar {
  width: 25%;
  background-color: var(---hs-orange);
}

#fifty:checked ~ .hs-ranking > .hs-ranking-bar {
  width: 50%;
  background-color: var(--hs-dark-yellow);
}

#seventyfive:checked ~ .hs-ranking > .hs-ranking-bar {
  width: 75%;
  background-color: var(--hs-yellow);
}

#onehundred:checked ~ .hs-ranking > .hs-ranking-bar {
  width: 100%;
  background-color: var(--hs-lime);
}

.btn-xl {
  padding: 1.25rem 2.5rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.125rem;
  font-weight: 700;
}

.btn-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border-radius: 100%;
}

/* stylelint-disable selector-combinator-space-after */
.hs-card {
  position: relative;
  min-width: 0;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  margin: 0 auto;
  overflow: hidden;
  word-wrap: break-word;
  background: #fff;
  background-clip: content-box;
  border: 1px;
}
.hs-card .hs-display-block {
  display: block;
}
.hs-card .hs-display-none {
  display: none;
}
.hs-card.dark {
  background: #1e2e3e;
}
.hs-card .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.hs-card .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
.hs-card .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.hs-card > hr {
  margin-right: 0;
  margin-left: 0;
}
.hs-card .hs-card-deck .hs-card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .hs-card .hs-card-deck {
    margin-right: -15px;
    margin-left: -15px;
  }
  .hs-card .hs-card-deck .hs-card {
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .hs-card .hs-card {
    margin: inherit;
  }
  .hs-card .hs-card--sm {
    display: inline-block;
    min-width: 265px;
    max-width: 100%;
    height: auto;
    margin: 5px auto;
  }
  .hs-card .hs-card--lg {
    display: inline-block;
    width: 400px;
    height: auto;
    margin: 5px auto;
  }
  .hs-card .hs-card--fluid {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 5px auto;
  }
}
@media (min-width: 1024px) {
  .hs-card .hs-card {
    margin: 5px auto;
  }
  .hs-card .hs-card--sm {
    display: inline-block;
    width: 265px;
    height: auto;
    margin: 5px auto;
  }
  .hs-card .hs-card--sm .hs-card_title {
    font-size: 1rem;
  }
  .hs-card .hs-card--md {
    display: inline-block;
    width: 400px;
    max-width: 100%;
    height: auto;
    margin: 5px auto;
  }
  .hs-card .hs-card--lg {
    display: inline-block;
    width: 600px;
    height: auto;
    margin: 5px auto;
  }
  .hs-card .hs-card--fluid {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 5px auto;
  }
}
@media (min-width: 1280px) {
  .hs-card .hs-card {
    margin: inherit;
  }
  .hs-card .hs-card--sm {
    display: inline-block;
    width: 265px;
    margin: 5px auto;
  }
  .hs-card .hs-card--md {
    display: inline-block;
    width: 500px;
    height: auto;
    margin: 5px auto;
  }
  .hs-card .hs-card--lg {
    display: inline-block;
    width: 80%;
    height: auto;
    margin: 5px auto;
  }
  .hs-card .hs-card--fluid {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 5px auto;
  }
}
.hs-card .p-0 {
  padding: 0;
}
.hs-card .m-0 {
  margin: 0;
}
.hs-card .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.hs-card .row > * {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
  flex-shrink: 0;
}
.hs-card *, .hs-card ::after, .hs-card ::before {
  box-sizing: border-box;
}
.hs-card .col {
  flex: 1 0 0%;
  padding: 0;
  margin: 0;
}
.hs-card .col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
  padding: 0;
  margin: 0;
}
.hs-card .col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
  padding: 0;
  margin: 0;
}
.hs-card .col-3 {
  flex: 0 0 auto;
  width: 25%;
  padding: 0;
  margin: 0;
}
.hs-card .col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
  padding: 0;
  margin: 0;
}
.hs-card .col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
  padding: 0;
  margin: 0;
}
.hs-card .col-6 {
  flex: 0 0 auto;
  width: 50%;
  padding: 0;
  margin: 0;
}
.hs-card .col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
  padding: 0;
  margin: 0;
}
.hs-card .col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
  padding: 0;
  margin: 0;
}
.hs-card .col-9 {
  flex: 0 0 auto;
  width: 75%;
  padding: 0;
  margin: 0;
}
.hs-card .col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
  padding: 0;
  margin: 0;
}
.hs-card .col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
  padding: 0;
  margin: 0;
}
.hs-card .col-12 {
  flex: 0 0 auto;
  width: 100%;
  padding: 0;
  margin: 0;
}
.hs-card .hs-card-deck .hs-card {
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .hs-card .hs-card > .hs-card_header {
    align-items: center;
    width: 100%;
    height: 110px;
    max-height: calc(100% - 8px);
  }
}
@media (min-width: 768px) {
  .hs-card .hs-card > .hs-card_header {
    position: relative;
    align-items: center;
    width: 100%;
    height: 110px;
    height: auto;
    max-height: 100%;
  }
  .hs-card .hs-card-deck {
    margin-right: -15px;
    margin-left: -15px;
  }
  .hs-card .hs-card-deck .hs-card {
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
  }
  .hs-card .hs-card-group > .hs-card {
    margin-bottom: 15px;
  }
  .hs-card .hs-card-group > .hs-card + .hs-card {
    margin-left: 0;
    border-left: 0;
  }
  .hs-card .hs-card-group > .hs-card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .hs-card .hs-card-group > .hs-card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .hs-card .hs-card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .hs-card .hs-card-columns .hs-card {
    display: inline-block;
    width: 100%;
  }
  .hs-card .hs-skills-logo {
    max-width: 100%;
    max-height: 65px;
    vertical-align: middle;
  }
}
.hs-card .hs-dev-logo {
  vertical-align: middle;
  filter: grayscale(60%);
  opacity: 0.5;
}
.hs-card .hs-logo-row--footer {
  max-height: 96px;
  padding: 0.5rem;
}
.hs-card .hs-logo-row--footer .hs-dev-logo {
  width: 24px;
  vertical-align: middle;
}
.hs-card .hs-skills-logo {
  max-width: 100%;
  vertical-align: middle;
}
.hs-card .hs-divider {
  height: 30px;
}
.hs-card .hs-card_text:last-child {
  margin-bottom: 0;
}
.hs-card .hs-card_link + .hs-card_link {
  margin-left: 1.25rem;
}
.hs-card .hs-card-deck .hs-card {
  margin-bottom: 15px;
}
.hs-card .hs-card-group > .hs-card {
  margin-bottom: 15px;
}
.hs-card .hs-card_columns .hs-card {
  margin-bottom: 0.75rem;
}
.hs-card .accordion > .hs-card {
  overflow: hidden;
}
.hs-card .accordion > .hs-card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hs-card .accordion > .hs-card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hs-card .accordion > .hs-card > .hs-card_header {
  border-radius: 0;
  height: 110px;
  margin-bottom: -1px;
}

.hs-card_body {
  flex: 1 1 auto;
  width: 100%;
  overflow: hidden;
  font-size: 0.84rem;
  line-height: 1.2;
  background: #ced4da;
}

.hs-card_content {
  width: 100%;
  padding: 1.5em;
  padding-bottom: 50px;
  font-size: 0.84rem;
  line-height: 1.2;
  text-align: left;
  background-color: #fff;
}

.hs-card_title {
  margin-bottom: 0.25rem;
  font-size: 1.6em;
}

.hs-card_subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
  font-size: 1em;
}

.hs-card_linkhover {
  text-decoration: none;
}

.hs-card_img,
.hs-card_img--top,
.hs-card_img--bottom {
  flex-shrink: 0;
  width: 100%;
}

.hs-card_img,
.hs-card_img--top {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.hs-card_img,
.hs-card_img--bottom {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.hs-card_footer {
  width: 100%;
  padding: 0;
  overflow: hidden;
  font-size: 0.84rem;
  line-height: 1.2;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.hs-card_footer .hs-card_content {
  width: 100%;
  padding: 0.5em;
  margin: auto;
  font-size: 0.84rem;
  line-height: 1.2;
  text-align: left;
}
.hs-card_footer:last-child {
  border-radius: 0 0 0.125rem 0.125rem;
}
.hs-card_footer.dark {
  background-color: #1e2e3e;
}
.hs-card_footer .hs-logo-row--footer ul.flex-container.space-between {
  display: flex;
  align-items: center;
  max-width: 90%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.hs-card_footer .hs-logo-row--footer ul.flex-container.space-between li.flex-item {
  display: inline-block;
  flex: 1 1 auto;
  width: auto;
}

.hs-card_footer:not(:last-child) {
  border-bottom-right-radius: 0;
}

.hs-card_footer:not(:first-child) {
  border-bottom-left-radius: 0;
}

.footer-logos {
  width: 100%;
  padding: 10px;
  margin: 0px 10px;
  margin-block-start: 0px;
  margin-block-end: 0px;
  padding-inline-start: 0px;
  padding-inline-end: 0px;
  list-style: none;
}
.footer-logos .flex-item {
  flex: none;
}

.hs-card_header.dark {
  background: #1e2e3e;
}

.hs-card_header {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 1px;
  padding: 0;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  background-color: #fff;
}
.hs-card_header:first-child {
  border-radius: 0.125rem 0.125rem 0 0;
}
.hs-card_header + .list-group .list-group_item:first-child {
  border-top: 0;
}
.hs-card_header.dark {
  background: #1e2e3e;
}
.hs-card_header > .hs-overlay {
  position: relative;
  width: 100%;
}
.hs-card_header > .hs-overlay::before {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 0;
  content: "";
  background-color: rgba(242, 176, 30, 0.1);
  transition: all ease 0.3s;
}
.hs-card_header > .hs-overlay:hover::before {
  top: 0px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  color: #fff;
  content: "";
  background-color: rgba(254, 209, 54, 0.75);
  transition: all ease 0.3s;
}
.hs-card_header > .hs-overlay::after {
  position: absolute;
  top: 0%;
  left: 50%;
  z-index: 1001;
  width: 100%;
  height: 80px;
  font-size: 3rem;
  line-height: normal;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg version='1.1' id='Layer_1' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='400px' viewBox='0 0 400 262' xml:space='preserve'%3e%3cpath fill='%23FFFFFF' stroke='%23FFFFFF' stroke-miterlimit='10' d='M298.25,106.438h-73.688V32.75c0-9.042-7.333-16.375-16.375-16.375 h-16.375c-9.042,0-16.375,7.333-16.375,16.375v73.688H101.75c-9.042,0-16.375,7.333-16.375,16.375v16.375 c0,9.042,7.333,16.375,16.375,16.375h73.688v73.688c0,9.042,7.333,16.375,16.375,16.375h16.375c9.042,0,16.375-7.333,16.375-16.375 v-73.688h73.688c9.042,0,16.375-7.333,16.375-16.375v-16.375C314.625,113.771,307.292,106.438,298.25,106.438z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top 40px;
  background-size: 16px;
  opacity: 0;
  transition: all ease 0.3s;
  transform: translate(-50%);
}
.hs-card_header > .hs-overlay:hover::after {
  top: 50%;
  left: 0%;
  z-index: 1001;
  content: "";
  background-position-x: center;
  background-position-y: bottom 40px;
  background-size: 48px;
  opacity: 1;
  transition: all ease 0.3s;
  transform: translate(0%);
}

.hs-card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.hs-card-img,
.hs-card-img-top,
.hs-card-img-bottom {
  width: 100%;
}

.hs-card-img,
.hs-card-img-top {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.hs-card-img,
.hs-card-img-bottom {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.hs-card_img-header_img {
  width: 100%;
  height: auto;
  width: 100%;
}
.hs-card_img-header_img--sm {
  width: 100%;
  height: auto;
}
.hs-card_img-header_img--sm .hs-card_img-header_img {
  width: 100%;
  height: auto;
}
.hs-card_img-header_img--lg {
  width: 400px;
  height: auto;
}
.hs-card_img-header_img--lg .hs-card_img-header_img {
  width: 400px;
  height: auto;
}
.hs-card_img-header_img--fluid {
  width: 100%;
  height: auto;
}

.hs-card_header {
  width: 100%;
  height: auto;
  max-height: 100%;
  padding: 0;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  width: 100%;
  height: auto;
}
.hs-card_header--sm {
  width: 100%;
  height: auto;
}
.hs-card_header--sm .hs-card_img-header_img {
  width: 100%;
  height: auto;
}
.hs-card_header--lg {
  width: 400px;
  height: auto;
}
.hs-card_header--lg .hs-card_img-header_img {
  width: 400px;
  height: auto;
}
.hs-card_header--fluid {
  width: 100%;
  height: auto;
}
.hs-card_header:first-child {
  border-radius: 0;
}
.hs-card_header.dark {
  background: #1e2e3e;
}
.hs-card_header + .list-group .list-group_item:first-child {
  border-top: 0;
}

.hs-card_header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.hs-card_header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.hs-card_img-header_overlay,
[class^=hs-card_img-headerr_overlay--] {
  position: relative;
}
.hs-card_img-header_overlay::before,
[class^=hs-card_img-headerr_overlay--]::before {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(242, 176, 30, 0.1);
  opacity: 1;
  transition: all ease 0.3s;
  transform: translate(0%, 0%);
}
.hs-card_img-header_overlay:hover::before,
[class^=hs-card_img-headerr_overlay--]:hover::before {
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 100%;
  color: #fff;
  content: "";
  background-color: rgba(254, 209, 54, 0.75);
  background-image: url("data:image/svg+xml;charset=utf-8, %3c?xml version='1.0'encoding='utf-8'?%3e%3c !-- generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version:6.00 Build 0) --%3e%3c !DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN''http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg version='1.1'id='Layer_1'xmlns='http://www.w3.org/2000/svg'xmlns:xlink='http://www.w3.org/1999/xlink'x='0px'y='0px'width='48px'height='48px'viewBox='0 0 48 48'enable-background='new 0 0 48 48'xml:space='preserve'%3e%3cpath fill='%23FFFFFF'd='M47,18.25H29.75V1h-11.5v17.25H1v11.5h17.25V47h11.5V29.75H47V18.25z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px;
  opacity: 1;
  transform: translate(0%, 0%);
}

@media (min-width: 1024px) {
  .hs-card > .hs-card_header {
    position: relative;
    flex: none;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) {
  .hs-card_header {
    align-items: center;
    width: 100%;
    height: auto;
    max-height: 100%;
  }
}
.hs-card_header:not(:last-child) {
  border-top-right-radius: 0;
}

.hs-card_header:not(:first-child) {
  border-top-left-radius: 0;
}

.hs-card_button,
.hs-card_button:visited {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  font-family: Roboto, Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: #cf162b;
  border: 1px solid #b81426;
  border-radius: 2px;
  box-shadow: 0px 2px 3px 1px rgba(253, 231, 234, 0.45);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.hs-card_button:hover,
.hs-card_button:visited:hover {
  color: #fff;
  background: #e61830;
  border: 1px solid #fcf8e3;
  box-shadow: 0px 1px 5px 1px rgba(184, 20, 38, 0.45);
}
.hs-card_button:active, .hs-card_button.active,
.hs-card_button:visited:active,
.hs-card_button:visited.active {
  color: #fff;
  background: #93ff7e;
  border: 1px solid #68ff4b;
  box-shadow: 0px 1px 5px 1px rgba(31, 75, 12, 0.45);
}
.hs-card_button:focus,
.hs-card_button:visited:focus {
  color: #fff;
  background: #e61830;
  border: 1px solid #fcf8e3;
  outline: 1px #fff dashed;
  box-shadow: 0px 1px 5px 1px rgba(184, 20, 38, 0.45);
}

.hs-card_button--white {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  font-family: Roboto, Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #343a40;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: #f8f9fa;
  border: 0px solid #ced4da;
  border-radius: 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.hs-card_button--white:hover {
  color: #fff;
  background: #e12036;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25), 0px 3px 3px 0px rgba(225, 32, 54, 0.25);
}
.hs-card_button--white:active, .hs-card_button--white.active {
  color: #fff;
  background: #93ff7e;
  border: 1px solid #68ff4b;
  box-shadow: 0px 1px 5px 1px rgba(31, 75, 12, 0.45);
}
.hs-card_button--white:focus {
  color: #495057;
  background: #fde7ea;
  border: 1px solid #a11121;
  box-shadow: 0px 1px 5px 1px rgba(184, 20, 38, 0.45);
}

:root {
  --hs-color-1: hsl(206, 21%, 24%);
  --hs-color-1-h: 206;
  --hs-color-1-s: 21%;
  --hs-color-1-l: 24%;
  --hs-color-2: hsl(205, 38%, 89%);
  --hs-color-2-h: 205;
  --hs-color-2-s: 38%;
  --hs-color-2-l: 89%;
  --hs-color-3: hsl(207, 10%, 55%);
  --hs-color-3-h: 207;
  --hs-color-3-s: 10%;
  --hs-color-3-l: 55%;
  --hs-color-4: hsl(111, 51%, 60%);
  --hs-color-4-h: 111;
  --hs-color-4-s: 51%;
  --hs-color-4-l: 60%;
  --hs-color-5: hsl(356, 53%, 49%);
  --hs-color-5-h: 356;
  --hs-color-5-s: 53%;
  --hs-color-5-l: 49%;
  --hs-color-6: hsl(47, 85%, 61%);
  --hs-color-6-h: 47;
  --hs-color-6-s: 85%;
  --hs-color-6-l: 61%;
  --hs-header-height: 200px;
  --hs-font-primary: "Roboto", sans-serif;
  --hs-font-secondary: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@supports (--css: variables) {
  @media (min-width: 1024px) {
    :root {
      --hs-header-height: 300px;
    }
  }
}
.bi-clock-fill {
  fill: var(--hs-white);
}

.hs-main-header {
  height: var(--hs-header-height);
  color: var(--hs-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--hs-color-1);
}
.hs-main-header h1 {
  font-family: var(--hs-font-secondary);
  color: inherit;
}

.hs-timeline {
  padding: var(--space-lg) 0;
  overflow: hidden;
  background-color: hsl(var(--hs-color-2-h), var(--hs-color-2-s), calc(var(--hs-color-2-l) * 1.05));
  font-family: var(--font-primary);
  color: var(--hs-color-3);
  background-color: transparent;
}
.hs-timeline h2 {
  font-family: var(--hs-font-secondary);
  font-weight: 700;
}

.hs-timeline__container {
  position: relative;
  padding: var(--space-md) 0;
}
.hs-timeline__container::before {
  position: absolute;
  top: 0;
  left: 18px;
  width: 4px;
  height: 100%;
  content: "";
  background: hsl(var(--hs-color-2-h), var(--hs-color-2-s), calc(var(--hs-color-2-l) * 1.05));
}
@media (min-width: 1024px) {
  .hs-timeline__container::before {
    left: 50%;
    transform: translateX(-50%);
  }
}

.hs-timeline__block {
  position: relative;
  z-index: 1;
  display: flex;
  margin-bottom: var(--space-lg);
}
.hs-timeline__block::before {
  height: 0;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px var(--white);
}
.hs-timeline__block:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .hs-timeline__block:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.hs-timeline__topper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--hs-color_yellow), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
}
.hs-timeline__topper img {
  width: 42px;
  height: 42px;
}
@media (min-width: 1024px) {
  .hs-timeline__topper {
    order: 1;
    width: 80px;
    height: 80px;
    margin-left: calc(5% - 40px);
    will-change: transform;
  }
}

.hs-timeline__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--hs-white);
  font-size: 1.25rem;
  font-weight: 700;
  padding-top: 42px;
  flex-shrink: 0;
  overflow: hidden;
}
.hs-timeline__img img {
  width: 24px;
  height: 24px;
}
@media (min-width: 1024px) {
  .hs-timeline__img {
    order: 1;
    width: 60px;
    height: 60px;
    margin-left: calc(5% - 30px);
    will-change: transform;
  }
  .hs-timeline__block:nth-child(even) .hs-timeline__img {
    margin-right: calc(5% - 30px);
  }
}

.hs-timeline__img--picture {
  background-color: var(--hs-color_green);
}

.hs-timeline__bg--clock {
  color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' className='bi bi-clock-fill' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'%3e%3c/path%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 24px, 24px;
  background-position: center center;
}

.hs-timeline__bg--graduated {
  color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-mortarboard-fill' viewBox='0 0 16 16'%3e%3cpath d='M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z'/%3e%3cpath d='M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 24px, 24px;
  background-position: center center;
}

.hs-timeline__img--rocket {
  background-image: url("/assets/img/svg/rocket.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center center;
  background-color: var(--hs-color_dark-yellow);
}

.hs-timeline__img--movie {
  background-color: var(--hs-color_red-orange);
}

.hs-timeline__img--location {
  background-color: var(--hs-color_orange);
}

.hs-timeline__content {
  position: relative;
  flex-grow: 1;
  padding: 0;
  margin-left: var(--space-md);
  border-radius: 0;
  box-shadow: 0 3px 0 var(--hs-color-2), 0 7px 7px 0px rgba(0, 0, 0, 0.25);
}
.hs-timeline__content h2 {
  font-size: 1.5rem;
  color: var(--hs-color-1);
}
@media (min-width: 1024px) {
  .hs-timeline__content {
    --line-height-multiplier: 1.2;
    flex-grow: 0;
    width: 100%;
    margin: 0;
    font-size: 0.8em;
    will-change: transform;
  }
  .hs-timeline__content::before {
    top: 24px;
    width: 0;
  }
}
.hs-timeline__content.text-component {
  background: var(--hs-white);
}

.hs-timeline__content-padding {
  padding: var(--space-md);
}

@media (min-width: 1024px) {
  .hs-timeline__img--hidden, .hs-timeline__content--hidden {
    visibility: hidden;
  }
  .hs-timeline__img--bounce-in {
    animation: hs-bounce-1 0.6s;
  }
  .hs-timeline__content--bounce-in {
    animation: hs-bounce-2 0.6s;
  }
  .hs-timeline__block:nth-child(even) .hs-timeline__content--bounce-in {
    animation-name: hs-bounce-2-inverse;
  }
}
@keyframes hs-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hs-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes hs-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0);
  }
}
:root {
  -webkit-tap-highlight-color: var(--hs-color_dark-yellow);
}

input.edited:invalid {
  box-shadow: 0 0 5px 1px red;
}

input:focus:invalid {
  outline: none;
}

.error-message {
  display: none;
}

.error-message.show {
  display: block;
}

.input-textarea, #ezform .input-group .input-textarea, #ezform .input-group .form-control {
  position: relative;
  padding: 1.25rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--white);
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 0.375rem;
  transition: all 0.2s ease-in-out;
}

.form-group {
  position: relative;
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: 0.375rem;
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15), 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
}
.form-group::after {
  position: absolute;
  top: 24px;
  left: 1.25rem;
  z-index: 100;
  display: inline-block;
  width: 100px;
  height: 100px;
  font-size: 1rem;
  font-weight: 600;
  color: #2e2e2e;
  content: attr(title);
  transition: 0.2s all ease-in-out;
}
.form-group.error.antiblur .form-control {
  border-bottom: 5px solid #dc3545;
  transition: 0.2s all ease-in-out;
}
.form-group .hs-form_textarea {
  height: 265px;
  margin-bottom: 0;
  transition: 0.2s all ease-in-out;
}

.error.antiblur .form-control {
  border-bottom: 5px solid #dc3545;
  transition: 0.2s all ease-in-out;
}

#ezform .input-group .form-control {
  padding-left: 60px;
  color: var(--white);
}
#ezform .input-group .form-control:focus, #ezform .input-group .form-control:focus-visible {
  color: var(--white);
  border: 2px solid var(--hs-color_dark-yellow);
  outline: 2px solid var(--hs-color_dark-yellow);
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
#ezform .input-group .form-control:focus .input-group-text, #ezform .input-group .form-control:focus-visible .input-group-text {
  background-color: var(--hs-color_dark-yellow);
}
#ezform .input-group .input-textarea {
  padding-left: 60px;
  color: var(--white);
}
#ezform .input-group .input-textarea:focus, #ezform .input-group .input-textarea:focus-visible {
  color: var(--white);
  border: 2px solid var(--hs-color_dark-yellow);
  outline: 2px solid var(--hs-color_dark-yellow);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
#ezform .input-group .input-textarea:focus .input-group-text, #ezform .input-group .input-textarea:focus-visible .input-group-text {
  background-color: var(--hs-color_dark-yellow);
}

.input-textarea {
  padding-left: 60px;
  height: 100%;
  width: 100% !important;
  font-size: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  border: 2px solid #fff;
  transition: 0.2s all ease-in-out;
}

.input-group-text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--hs-white);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius) !important;
  height: 100%;
}

#ezform .form-control::placeholder {
  color: rgb(117, 117, 117);
}

.button-row {
  justify-content: flex-end;
}

#ezform .input-group .input-textarea:focus + .input-group-text,
#ezform .input-textarea:focus-visible + .input-group-text,
#ezform .form-control:focus-visible + .input-group-text {
  background-color: var(--hs-color_dark-yellow);
  border-radius: var(--bs-border-radius);
}

.antiblur::after {
  top: 4px;
  font-size: 90%;
  color: #ebebeb;
  transition: 0.2s all ease-in-out;
}
.antiblur .form-control {
  font-size: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  border: 2px solid #f2b01e;
  transition: 0.2s all ease-in-out;
}

.hs-form_textarea {
  height: 265px;
  margin-bottom: 0;
  transition: 0.2s all ease-in-out;
}

.contact-button, .contact-button:visited {
  color: var(--white);
  float: right;
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15), 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
}
.contact-button:hover, .contact-button:visited:hover {
  background: rgba(0, 0, 0, 0.75);
}
.contact-button:focus, .contact-button:focus-visible, .contact-button:visited:focus, .contact-button:visited:focus-visible {
  color: var(--white);
  outline: 2px solid var(--hs-color_yellow--dark);
}

.help-block {
  position: absolute;
  right: -4px;
  bottom: -43px;
  display: inline-block;
  height: 28px;
  font-size: 0.8rem;
}
.help-block .error-box {
  overflow: hidden;
  transition: position 0.2s ease-in-out;
}
.help-block.visible {
  bottom: -19px;
  transition: all 0.2s ease-in-out;
}
.help-block.visible .error-box {
  padding-right: 12px;
  color: #fff;
  background: #dc3545;
  border: 2px solid #dc3545;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.help-block.visible .error-box .error-message {
  padding-right: 6px;
  padding-left: 6px;
}

#contactForm.error .form-group.error .form-control {
  border-bottom-color: #dc3545;
  border-bottom-width: 5px;
  transition: all 0.2s ease-in-out;
}
#contactForm.error .form-group.warning .error-box {
  color: #333;
  background: #fed136;
  border-color: #fed136;
  transition: all 0.2s ease-in-out;
}
#contactForm.error .form-group.warning .form-control {
  border-bottom-color: #fed136;
  border-bottom-width: 5px;
  transition: all 0.2s ease-in-out;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 2px solid #f2b01e !important;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.75) inset;
  transition: background-color 50000s ease-in-out 0s;
}

/* stylelint-disable: comment-no-empty */
@keyframes onAutoFillStart {
  from { /*  f */ }
  to { /* f */ }
}
@keyframes onAutoFillCancel {
  from { /* f */ }
  to { /* f */ }
}
input:-webkit-autofill {
  background-color: transparent;
  transition: background-color 50000s ease-in-out 0s;
  animation-name: onAutoFillStart;
}

input:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}

.hs-grid-container-4x2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 8px 8px;
  grid-template-areas: ". . . ." ". . . .";
}

.hs-grid-item {
  padding: 1.2em;
}

.hs-grid-container-col-1 {
  display: grid;
  grid-template-columns: 100%;
  overflow: hidden;
}
.hs-grid-container-col-1 .hs-grid-item {
  padding: 1.2em;
  gap: 5px;
}

.hs-grid-container-col-4 {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: minmax(200px, auto);
  gap: 1px;
}
.hs-grid-container-col-4 .hs-grid-item {
  min-width: 0;
  padding: 1.2em;
  overflow: hidden;
}

:host {
  --rotator3D-item-width: 70%;
  --rotator3D-viewer-distance: 1000px;
  --rotator3D-global-transition-speed: .25s;
  --rotator3D-global-easing: ease-in-out;
  --rotator3D-nav-background: rgba(0, 0, 0, .5);
  --rotator3D-nav-width: 50%;
  --rotator3D-nav-padding: .15rem 0;
  --rotator3D-nav-margin: 20px 0 0;
  --rotator3D-nav-border: 2px solid transparent;
  --rotator3D-nav-border-radius: 4px;
  --rotator3D-navbutton-background: rgba(0, 0, 0, .65);
  --rotator3D-navbutton-background-hover: alpha(var(--hs-color-5), 50%);
  --rotator3D-navbutton-border: 1px solid alpha(var(--hs-black), 95%);
  --rotator3D-navbutton-width: 32px;
  --rotator3D-navbutton-height: 32px;
  --rotator3D-navbutton-icon-width: 22px;
  --rotator3D-navbutton-icon-height: 22px;
  --rotator3D-navbutton-icon-color: invert(60%) sepia(42%) saturate(4%) hue-rotate(323deg) brightness(93%) contrast(92%);
  --rotator3D-navbutton-icon-color-hover: invert(100%) sepia(100%) saturate(1%) hue-rotate(306deg) brightness(103%) contrast(101%);
  margin-top: 50px;
}
:host .hs-vanish {
  opacity: 0;
  transition: all 1s;
}
:host .rotator3D__container {
  position: relative;
  width: 100%;
}
:host .rotator3D {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  overflow: hidden;
  perspective: var(--rotator3D-viewer-distance);
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
}
:host .rotator3D > * {
  flex: 0 0 auto;
}
:host .rotator3D .rotator3D__figure {
  width: var(--rotator3D-item-width);
  margin: 0;
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
  transform-style: preserve-3d;
}
:host .rotator3D .rotator3D__figure .rotator3D__img {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 0 0px;
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
}
:host .rotator3D .rotator3D__figure .rotator3D__img:not(:first-of-type) {
  position: absolute;
  top: 0;
  left: 0;
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
}
:host .rotator3D__nav {
  position: absolute;
  bottom: 42px;
  left: 50%;
  z-index: 999;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--rotator3D-nav-width);
  padding: var(--rotator3D-nav-padding);
  margin: var(--rotator3D-nav-margin);
  background: var(--rotator3D-nav-background);
  border: var(--rotator3D-nav-border);
  border-bottom: 5px solid rgba(0, 0, 0, 0.85);
  border-radius: var(--rotator3D-nav-border-radius);
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
  transform: translateX(-50%);
}
:host .rotator3D__nav .rotator3D__nav-button-col {
  box-sizing: border-box;
  width: 50px;
  padding: 0;
}
:host .rotator3D__nav .rotator3D__nav-button-col:last-child {
  text-align: right;
}
:host .rotator3D__nav .rotator3D__nav-caption {
  flex: 1 1 auto;
  color: var(--hs-white);
  text-align: center;
  border-right: 2px solid var(---hs-white--a10);
  border-left: 2px solid var(--hs-white--a10);
}
:host .rotator3D__nav .rotator3D__button {
  box-sizing: border-box;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: var(--rotator3D-navbutton-width);
  height: var(--rotator3D-navbutton-height);
  padding: 0;
  margin: 0 5px;
  color: var(--hs-white);
  letter-spacing: 1px;
  cursor: pointer;
  background-color: var(--rotator3D-navbutton-background);
  border: var(--rotator3D-navbutton-border);
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
}
:host .rotator3D__nav .rotator3D__button:hover {
  color: hsla(var(--hs-white-h), var(--hs-white-s), var(--hs-white-l), 75%);
  background-color: hsla(var(--hs-color-5-h), var(--hs-color-5-s), var(--hs-color-5-l), 50%);
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
}
:host .rotator3D__nav .rotator3D__button:focus, :host .rotator3D__nav .rotator3D__button:focus-within {
  background-color: var(--hs-black_25);
  outline: 1px solid hsla(var(--hs-white-h), var(--hs-white-s), var(--hs-white-l), 5%);
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
}
:host .rotator3D__nav .rotator3D__button.next {
  border-top-right-radius: 0.25rem;
}
:host .rotator3D__nav .rotator3D__button.next::before {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: -0.125em;
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7.001px' height='13.001px' viewBox='0 1.499 7.001 13.001' enable-background='new 0 1.499 7.001 13.001' xml:space='preserve'%3e%3cpath d='M0.147,1.645C0.343,1.45,0.66,1.451,0.854,1.646l6,6c0,0,0,0,0.001,0.001C7.051,7.842,7.05,8.159,6.855,8.354l-6,6 c-0.195,0.195-0.512,0.195-0.707,0s-0.195-0.512,0-0.707L5.794,8L0.147,2.354c-0.001,0-0.001,0-0.002-0.001 C-0.049,2.158-0.048,1.841,0.147,1.645C0.147,1.646,0.147,1.646,0.147,1.645z'/%3e%3c/svg%3e ");
  filter: var(--rotator3D-navbutton-icon-color);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: var(--rotator3D-navbutton-icon-width) var(--rotator3D-navbutton-icon-height);
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
}
:host .rotator3D__nav .rotator3D__button.next::before:hover, :host .rotator3D__nav .rotator3D__button.next::before:focus {
  filter: var(--rotator3D-navbutton-icon-color-hover);
}
:host .rotator3D__nav .rotator3D__button.next:hover, :host .rotator3D__nav .rotator3D__button.next:focus {
  background: hsla(var(--hs-color-5-h), var(--hs-color-5-s), var(--hs-color-5-l), 60%);
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
}
:host .rotator3D__nav .rotator3D__button.prev {
  border-top-left-radius: 0.25rem;
}
:host .rotator3D__nav .rotator3D__button.prev::before {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: -0.125em;
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7.001px' height='13.001px' viewBox='0 1.499 7.001 13.001' enable-background='new 0 1.499 7.001 13.001' xml:space='preserve'%3e%3cpath d='M6.854,1.646C7.05,1.841,7.051,2.158,6.856,2.353c-0.001,0-0.001,0-0.002,0.001L1.208,8l5.646,5.646 c0.195,0.195,0.195,0.512,0,0.707s-0.512,0.195-0.707,0l-6-6c-0.195-0.195-0.196-0.512-0.001-0.707c0,0,0,0,0.001-0.001l6-6 C6.342,1.451,6.659,1.45,6.854,1.646C6.854,1.646,6.854,1.646,6.854,1.646z'/%3e%3c/svg%3e ");
  filter: var(--rotator3D-navbutton-icon-color);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: var(--rotator3D-navbutton-icon-width) var(--rotator3D-navbutton-icon-height);
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
}
:host .rotator3D__nav .rotator3D__button.prev:hover, :host .rotator3D__nav .rotator3D__button.prev:focus {
  background: hsla(var(--hs-color-5-h), var(--hs-color-5-s), var(--hs-color-5-l), 60%);
  transition: all var(--rotator3D-global-transition-speed) var(--rotator3D-global-easing);
}
:host .hs-text-yellow {
  color: var(--hs-color_dark-yellow);
}

.output {
  height: 300px;
  overflow: hidden;
}

.output-header {
  padding: 0 0 0.5em 0;
  margin: 0;
}

.output {
  position: relative;
  width: 100%;
  padding: 1em;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.2);
}

.output section {
  height: 100%;
  text-align: center;
}

#default-example {
  background: linear-gradient(skyblue, khaki);
}

#example-element {
  width: 100px;
  height: 100px;
  perspective: 550px;
  perspective-origin: 220% 220%;
  transform-style: preserve-3d;
  transform: translate(90%, 70%);
}

.face {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 60px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  backface-visibility: inherit;
}

.front {
  transform: translateZ(50px);
}

.back {
  color: #000;
  background: #e60000;
  transform: rotateY(180deg) translateZ(50px);
}

.right {
  background: rgba(0, 0, 0, 0.6);
  transform: rotateY(90deg) translateZ(50px);
}

.bottom {
  background: rgba(0, 0, 0, 0.6);
  transform: rotateX(-90deg) translateZ(50px);
}

.backface-button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, -20%);
}

.hs-flip-scene {
  width: 200px;
  height: 260px;
  margin: 40px 0;
  perspective: 600px;
}

.hs-flip-card {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: transform 1s;
  transform-style: preserve-3d;
}

.hs-flip-card.is-flipped {
  transform: rotateY(180deg);
}

.hs-flip-card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hs-flip-card__face--front {
  background: rgba(0, 0, 0, 0.75);
}

.hs-flip-card__face--back {
  background: rgba(0, 0, 0, 0.75);
  transform: rotateY(180deg);
}

:root {
  --hs-flip2code-color-core-blue-60: #0c77ba;
  --hs-flip2code-color-core-blue-70: #0a649d;
  --hs-flip2code-color-core-blue-90: #064063;
  --hs-flip2code-color-core-neutral-13: #f2f2f2;
  --hs-flip2code-color-core-neutral-17: #ededed;
  --hs-flip2code-color-core-neutral-20: #dedede;
  --hs-flip2code-color-core-neutral-60: #7a7a7a;
  --hs-flip2code-color-core-neutral-90: #2e2e2e;
  --hs-flip2code-color-core-muted-yellow-90: #fdbc2c;
  --hs-flip2code-color-background-light-layer0-base: #f8f8f8;
  --hs-flip2code-color-border-lightest: #dedede;
  --hs-flip2code-color-brand-orange-base: #c55422;
  --hs-flip2code-color-brand-yellow-darker: #e0ac00;
  --hs-flip2code-color-brand-green-base: #2c6937;
  --hs-flip2code-color-brand-green-darker: #074512;
  --hs-flip2code-color-core-red-50: #bd2b2b;
  --hs-flip2code-color-core-red-40: #cc3535;
  --hs-flip2code-color-background-code: #282c34;
  --hs-flip2code-highlight-code-font-family: "Source Code Pro", sans-serif, monospace;
  --hs-flip2code-highlight-code-font-size: 1.01rem;
  --hs-flip2code-highlight-code-line-height: 1.75rem;
  --hs-flip2code-c-button--showMore-padding: 2px 10px 4px 10px;
}

.hs-flip2Code-grid {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 40px auto;
  gap: 0px 0px;
}
.hs-flip2Code-grid .hs-flip2Code-grid__toolbar {
  grid-area: 1/1/2/2;
}
.hs-flip2Code-grid .hs-flip2Code-grid__content {
  grid-area: 2/1/3/2;
}

.hs-flip2Code-card__scene {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  margin: 0;
  overflow: hidden;
  background: var(--hs-black--a90);
  border-radius: 0.25rem;
  transition: all 0.5s ease-out;
  perspective: 600px;
}
.hs-flip2Code-card__scene:hover {
  -webkit-box-shadow: #FFF 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  -webkit-box-shadow: #FFF 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: #FFF 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: #FFF 0 -1px 4px, #ff0 0 -2px 10px, #ff8000 0 -10px 20px, red 0 -18px 40px, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  transition: all 0.5s ease-in;
}
.hs-flip2Code-card__scene .hs-flip2Code-toolbar {
  position: absolute;
  top: 0;
  right: 1px;
  z-index: 102;
  box-sizing: border-box;
  flex: 1 0 auto;
  align-items: stretch;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  text-align: right;
  background: var(--hs-black--a90);
  border-bottom: 3px solid var(--hs-black);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  align-content: flex-end;
  transition: all 0.5s ease-in;
}
.hs-flip2Code-card__scene .hs-flip2Code-toolbar .hs-flip2Code-button {
  box-sizing: border-box;
  flex: 1 1 auto;
  height: 40px;
  padding: 0.2rem 0.5rem 0.2em;
  margin: 0;
  font-family: var(--hs-font-primary);
  font-size: 0.8rem;
  color: var(--hs-white--a60);
  text-decoration: none;
  background-color: var(--hs-black--a50);
  border-top: 3px solid var(--hs-black);
  border-right: 3px solid var(--hs-black);
  border-bottom: 3px solid var(--hs-black);
  border-left: 3px solid var(--hs-black);
  transition: all 0.5s ease-in;
}
.hs-flip2Code-card__scene .hs-flip2Code-toolbar .hs-flip2Code-button:last-child {
  border-top-right-radius: 0.25rem;
}
.hs-flip2Code-card__scene .hs-flip2Code-toolbar .hs-flip2Code-button:hover {
  color: rgba(242, 176, 30, 0.9);
  cursor: pointer;
  background: var(--hs-black--a75);
  border-bottom: 3px solid rgba(242, 176, 30, 0.75);
  border-left: 3px solid rgba(254, 211, 54, 0.75);
  transition: all 0.5s ease-in;
}
.hs-flip2Code-card__scene .hs-flip2Code-toolbar .hs-flip2Code-button:focus {
  background: var(--hs-black--a75);
  border-top: 3px solid var(--hs-black);
  border-right: 3px solid var(--hs-black);
  border-bottom: 3px solid rgba(254, 211, 54, 0.95);
  border-left: 3px solid rgba(254, 211, 54, 0.95);
  outline-width: 0;
  outline-color: var(--primary);
  transition: all 0.5s ease-in;
}
.hs-flip2Code-card__scene .hs-flip2Code-toolbar .hs-flip2Code-button:not(:last-child) {
  margin-right: 2px;
}

@media (min-width: 512px) {
  .hs-flip2Code-card__scene {
    transition: all 0.5s ease-in;
  }
}
@media (min-width: 768px) {
  .hs-flip2Code-card__scene {
    transition: all 0.5s ease-in;
  }
}
@media (min-width: 1024px) {
  .hs-flip2Code-card__scene {
    transition: all 0.5s ease-in;
  }
}
@media (min-width: 1280px) {
  .hs-flip2Code-card__scene {
    transition: all 0.5s ease-in;
  }
}
@media (min-width: 1440px) {
  .hs-flip2Code-card__scene {
    transition: all 0.5s ease-in;
  }
}
.hs-flip2Code-card {
  position: relative;
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in;
  transform-style: preserve-3d;
}
.hs-flip2Code-card .hs-flip2Code-card__face--front {
  display: block;
  opacity: 1;
  transition: all 0.5s ease-out;
}
.hs-flip2Code-card .hs-flip2Code-card__face--back {
  display: none;
  opacity: 0;
  transition: all 0.5s ease-in;
}
.hs-flip2Code-card.is-flipped {
  transition: all 0.5s ease-out;
  transform: rotateY(180deg);
}
.hs-flip2Code-card.is-flipped .hs-flip2Code-card__face--front {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
  transition: all 0.5s ease-in;
}
.hs-flip2Code-card.is-flipped .hs-flip2Code-card__face--back {
  display: block;
  padding: 0;
  opacity: 1;
  transition: all 0.5s ease-in;
  transform: rotateY(180deg);
}
.hs-flip2Code-card.is-flipped .flip2code-frontslot,
.hs-flip2Code-card.is-flipped div[slot=back].flip2code-frontlot {
  z-index: 99;
}
.hs-flip2Code-card.is-flipped .flip2code-backslot,
.hs-flip2Code-card.is-flipped div[slot=back].flip2code-backslot {
  z-index: 100;
}
.hs-flip2Code-card .hs-flip2Code-card__face--back:focus {
  border: 3px solid var(--hs-flip2code-color-brand-yellow-darker);
}

.hs-flip2Code-card__face {
  position: absolute;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-out;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.flip2code-frontslot,
div[slot=front].flip2code-frontslot {
  position: absolute;
  top: 0;
  z-index: 100;
  flex: 1 1 auto;
  align-items: stretch;
  align-self: stretch;
  width: 100%;
  transition: all 0.5s ease-in;
}

.flip2code-backslot,
div[slot=back].flip2code-backslot {
  position: absolute;
  top: 0;
  z-index: 99;
  flex: 1 1 auto;
  align-items: stretch;
  align-self: stretch;
  width: 100%;
  transition: all 0.5s ease-in;
}

.flip2code-backslot {
  height: calc(100% - 40px);
  overflow: hidden;
  overflow-y: auto;
  transition: all 0.5s ease-in;
}

/*
  Atom One Dark by Daniel Gamage
  Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
  base:    #282c34
  mono-1:  #abb2bf
  mono-2:  #818896
  mono-3:  #5c6370
  hue-1:   #56b6c2
  hue-2:   #61aeee
  hue-3:   #c678dd
  hue-4:   #98c379
  hue-5:   #e06c75
  hue-5-2: #be5046
  hue-6:   #d19a66
  hue-6-2: #e6c07b
  */
#flip2CodeSnipp.flip2CodeSnipp {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  height: 100%;
  background: var(--hs-black--a75);
  transition: all 0.25s ease-in-out;
}

.flip2CodeSnipp > .hs-pre {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  align-self: stretch;
  height: 100%;
  min-height: 0;
  margin: 0;
  white-space: pre;
  background: var(--hs-black--a75);
  transition: all 0.25s ease-in-out;
}

.hs-code {
  display: block;
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  height: 100%;
  padding: 1em;
  font-family: monospace;
  font-size: 1em;
  line-height: normal;
  color: var(--hs-white);
  white-space: nowrap;
  transition: all 0.25s ease-in-out;
}

.flip2CodeSnipp > .hs-pre > .hs-code > .hs-pre-post {
  white-space: nowrap;
  transition: all 0.25s ease-in-out;
}

.disappear {
  width: 0px;
  height: 0px;
  opacity: 0;
}

.remove {
  display: none;
}

span.flip2code-highlight-code-anchor-hidden {
  visibility: hidden;
}

/* Prism style override */
/**
     * heathscript-dark theme for `prism.js`
     * Based on Atom's `atom-dark` theme: https://github.com/atom/atom-dark-syntax
     * @author Heath Shults
     */
.language-css .token.string:not(.hs-flip2code-code-line),
.style .token.string:not(.hs-flip2code-code-line),
.token.entity:not(.hs-flip2code-code-line),
.token.operator:not(.hs-flip2code-code-line),
.token.url:not(.hs-flip2code-code-line) {
  background: inherit;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: var(--hs-flip2code-code-token-comment, #6f705e);
}

.token.punctuation {
  color: var(--hs-flip2code-code-token-punctuation, #edede7);
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: var(--hs-flip2code-code-token-property, #e25e88);
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: var(--hs-flip2code-code-token-selector, #f3ac9f);
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: var(--hs-flip2code-code-token-operator, #a2a2ff);
}

.token.keyword {
  color: vaf(--hs-flip2code-code-token-keyword, #7a7afe);
}

.token.atrule,
.token.attr-value {
  color: var(--hs-flip2code-code-token-atrule, #f0e9ab);
}

.token.function,
.token.class-name {
  color: var(--hs-flip2code-code-token-function, #eb3c42);
}

.token.regex,
.token.important,
.token.variable {
  color: var(--hs-flip2code-code-token-regex, #e90);
}

@keyframes arrow-anim {
  from {
    fill: transparent;
    stroke-width: 2px;
    stroke: transparent;
    transform: translateX(1rem);
  }
  50% {
    fill: #FFF;
    stroke-width: 2px;
    stroke: #FFF;
  }
  90% {
    z-index: 2;
    transition: all 0.25s ease-out;
  }
  to {
    transform: translateX(9rem);
    fill: transparent;
    stroke-width: 2px;
    stroke: transparent;
  }
}
@keyframes arrow-fixed-anim {
  5% {
    opacity: 0;
  }
  20% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.hs-slide-button__label {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
  flex: 1 1 auto;
  font-family: "Montserrat", "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", sans-serif;
  font-weight: 900;
  color: var(--hs-gray--600);
  text-transform: uppercase;
  letter-spacing: 2px;
  transform: translate(-50%, -50%);
}

.hs-animated-arrow-container {
  position: relative;
  display: inline-block;
  max-width: 150px;
  height: 42px;
  margin: auto;
}

.hs-animated-arrow {
  width: 22px;
  height: auto;
  margin: 0 2rem 0 -15px;
  overflow: visible;
  cursor: move;
}

.hs-animated-arrow polygon,
.hs-animated-arrow path {
  transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
  fill: transparent;
  stroke: transparent;
  stroke-width: 2px;
}

.hs-animated-arrow .hs-arrow {
  animation-name: "arrow-anim";
  animation-duration: 2.5s;
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-iteration-count: infinite;
  fill: transparent;
}

.hs-animated-arrow .hs-arrow.a-3 {
  animation-delay: 0.25s;
}

.hs-animated-arrow .hs-arrow.a-2 {
  animation-delay: 0.15s;
}

.hs-animated-arrow .hs-arrow.a-1 {
  animation-delay: 0s;
}

.hs-animated-arrow .hs-arrow-fixed {
  animation: "arrow-fixed-anim" 2.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}

.slide-button-wrapper {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 42px;
  margin: auto;
}

.slide-button-grid {
  position: relative;
  display: grid;
  grid-template-columns: 42px 1fr 42px;
  gap: 0 0;
  grid-template-areas: "grid__left grid__center grid__right";
  width: 250px;
  padding: 2px;
  margin: auto;
  background-color: var(--hs-white--a50);
  border: 2px solid var(--hs-white);
}
.slide-button-grid .slide-button-grid__left {
  position: relative;
  grid-area: grid__left;
  display: flex;
  flex: 0 0 42px;
  align-items: center;
  height: 42px;
}
.slide-button-grid .slide-button-grid__left .grid-left__inner {
  align-self: stretch;
  width: 100%;
  height: 100%;
  padding: 2px;
  border: 2px solid transparent;
}
.slide-button-grid .slide-button-grid__center {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 150px;
  height: 42px;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
  grid-area: grid__center;
}
.slide-button-grid .slide-button-grid__right {
  display: flex;
  align-items: center;
  width: 42px;
  height: 42px;
  grid-area: grid__right;
}

.hs-animated-checkmark-container {
  position: absolute;
  z-index: 3;
}

.slide-button {
  position: absolute;
  width: 32px;
  height: 32px;
  cursor: move;
  background-image: url("slide-submit-button.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
}
.slide-button.drag {
  position: absolute;
  z-index: 1000;
  background-color: var(--hs-white);
  box-shadow: -8px 0 6px 10px rgba(0, 0, 0, 0.25);
}
.slide-button.dropped {
  display: none;
  transition: all 2s ease-in-out;
  transform: scale(0);
}

.dropzone {
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 40px;
  font-size: 0.8rem;
  font-weight: 700px;
  line-height: 0.7rem;
  text-align: center;
  background: var(--hs-white--a40);
  border: 2px dashed var(--hs-white);
  transition: all 0.35s ease-in-out;
}
.dropzone.dropzone-indicator {
  border-color: var(--hs-flip2code-color-core-blue-70);
  transition: all 0.35s ease-in-out;
}
.dropzone.drag-enter {
  border-color: #d15400;
  transition: all 0.35s ease-in-out;
  transform: scale(2);
}
.dropzone.drop-ready {
  background-color: var(--hs-green);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 35%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 60%, rgba(255, 255, 255, 0.15) 85%, transparent 85%, transparent);
  background-size: 15px 15px;
  border-color: var(--hs-green);
  transition: all 0.15s ease-in-out;
  transform: scale(1.2);
  animation-name: animate-stripes;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
.dropzone.border-white {
  background-color: var(--hs-white--a50);
  border: 2px solid var(--hs-white);
  transition: all 2s ease-in-out;
  transform: scale(1);
}

.hs-animated-svg-checkmark {
  position: absolute;
  bottom: -2px;
  left: 0;
}

.hs-animated-svg-checkmark--green {
  stroke: green;
  fill: none;
  stroke-width: 20;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  stroke-miterlimit: 5;
  stroke-linecap: square;
  animation: check 0.75s linear forwards;
}

.hs-animated-svg-checkmark--red {
  stroke: #cc181e;
  stroke: #387ea9;
  stroke-width: 12;
  fill: none;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: draw 1s linear forwards;
}

@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.stripes-background {
  background-color: var(--hs-gray-600);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 35%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 60%, rgba(255, 255, 255, 0.15) 85%, transparent 85%, transparent);
  background-size: 15px 15px;
  animation-name: animate-stripes;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

#portfolio, .hs-portfolio {
  position: relative;
  min-height: 100vh;
  background-image: url("/assets/img/bg/idea3.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left top;
  background-size: cover;
}
#portfolio .hs-section-heading, #portfolio .hs-section-subheading, .hs-portfolio .hs-section-heading, .hs-portfolio .hs-section-subheading {
  color: #fff;
}
#portfolio .hs-section-heading, .hs-portfolio .hs-section-heading {
  font-size: 4rem;
  font-weight: 700;
  font-family: "Montserrat", "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  text-transform: uppercase;
}
#portfolio .hs-section-subheading, .hs-portfolio .hs-section-subheading {
  font-family: "Roboto Slab", "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  font-size: 2rem;
  font-style: italic;
}

.portfolio-modal .modal-dialog {
  max-width: 100vw;
  margin: 1rem;
}
.portfolio-modal .modal-content {
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  font-size: 3rem;
  line-height: 3rem;
}
.portfolio-modal .modal-content p.item-intro {
  margin-bottom: 2rem;
  font-family: "Roboto Slab", "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  font-style: italic;
}
.portfolio-modal .modal-content p {
  margin-bottom: 2rem;
}
.portfolio-modal .modal-content ul.list-inline {
  margin-bottom: 2rem;
}
.portfolio-modal .modal-content img {
  margin-bottom: 2rem;
}
.portfolio-modal .close-modal {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  background-color: transparent;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}

.portfolio-cards-grid {
  box-sizing: border-box;
  display: flex;
  display: grid;
  align-items: stretch;
  height: 400px;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px 8px;
}

.c1 {
  grid-area: c1;
  height: 100%;
}

.c2 {
  grid-area: c2;
  height: 100%;
}

.c3 {
  grid-area: c3;
  height: 100%;
}

.c4 {
  grid-area: c4;
  height: 100%;
}

@media (min-width: 768px) {
  .portfolio-cards-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-template-areas: "c1 c2 c3 c4";
  }
}
@media (max-width: 575.98px) {
  .portfolio-cards-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas: "c1 c2" "c3 c4";
  }
}
.timeline {
  position: relative;
  padding: 0;
  list-style: none;
}
.timeline::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: 2px;
  margin-left: -1.5px;
  content: "";
  background-color: #e9ecef;
}
.timeline > li {
  position: relative;
  min-height: 50px;
  margin-bottom: 50px;
}
.timeline > li::after, .timeline > li::before {
  display: table;
  content: " ";
}
.timeline > li::after {
  clear: both;
}
.timeline > li .timeline-panel {
  position: relative;
  float: right;
  width: 100%;
  padding: 0 20px 0 100px;
  text-align: left;
}
.timeline > li .timeline-panel::before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}
.timeline > li .timeline-panel::after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}
.timeline > li .timeline-image {
  position: absolute;
  left: 0;
  z-index: 100;
  width: 80px;
  height: 80px;
  margin-left: 0;
  color: white;
  text-align: center;
  background-color: #0051bb;
  border: 7px solid #e9ecef;
  border-radius: 100%;
}
.timeline > li .timeline-image h4 {
  margin-top: 12px;
  font-size: 10px;
  line-height: 14px;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  padding: 0 20px 0 100px;
  text-align: left;
}
.timeline > li.timeline-inverted > .timeline-panel::before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel::after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}
.timeline > li:last-child {
  margin-bottom: 0;
}
.timeline .timeline-heading h4 {
  margin-top: 0;
  color: inherit;
}
.timeline .timeline-heading h4.subheading {
  text-transform: none;
}
.timeline .timeline-body > ul,
.timeline .timeline-body > p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .timeline::before {
    left: 50%;
  }
  .timeline > li {
    min-height: 100px;
    margin-bottom: 100px;
  }
  .timeline > li .timeline-panel {
    float: left;
    width: 41%;
    padding: 0 20px 20px 30px;
    text-align: right;
  }
  .timeline > li .timeline-image {
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }
  .timeline > li .timeline-image h4 {
    margin-top: 16px;
    font-size: 13px;
    line-height: 18px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .timeline > li {
    min-height: 150px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px;
  }
  .timeline > li .timeline-image {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }
  .timeline > li .timeline-image h4 {
    margin-top: 30px;
    font-size: 18px;
    line-height: 26px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 20px 20px;
  }
}
@media (min-width: 1200px) {
  .timeline > li {
    min-height: 170px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px 100px;
  }
  .timeline > li .timeline-image {
    width: 170px;
    height: 170px;
    margin-left: -85px;
  }
  .timeline > li .timeline-image h4 {
    margin-top: 40px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 100px 20px 20px;
  }
}
#contact,
.hs-contact {
  position: relative;
  min-height: 100vh;
  background-color: #f8f8f8;
  background-image: url("/assets/img/bg/camera-missing.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-x: center;
  background-position-y: bottom;
}

#about {
  position: relative;
  min-height: 100vh;
  overflow: auto;
  background: url("/assets/img/bg/map-compass-magnifying-glass-web.jpg");
  background-attachment: fixed;
  background-position: center top;
  background-size: 100%;
}
#about .hs-section-heading, #about .hs-portfolio .hs-section-heading {
  padding: 12px 1rem;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  color: #a79e8b;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.67);
  text-transform: uppercase;
}
#about .hs-section-subheading, #about .hs-portfolio .hs-section-subheading {
  padding: 12px 1rem;
  font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 2rem;
  font-style: italic;
  color: white;
}

.j-showmore {
  position: absolute;
  left: -9999px;
  max-height: 400px;
  padding-bottom: 60px;
  overflow: hidden;
  -webkit-transition: max-height 0.25s ease-in-out;
  -moz-transition: max-00000ht 0.25s ease-in-out;
  -o-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
}
.j-showmore.is-visible {
  position: relative;
  left: 0px;
  height: 100%;
  -webkit-transition: max-height 0.25s ease-in-out;
  -moz-transition: max-height 0.25s ease-in-out;
  -o-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
}

.j-fader {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 35px;
  text-align: center;
  vertical-align: bottom;
  cursor: pointer;
  background: linear-gradient(to bottom, #fff, #fff 60%);
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$hs-white", endcolorstr="$hs-white", gradienttype=0);
  border-bottom: 0 solid #f2f2f2;
}
.j-fader > .j-fader_button {
  position: absolute;
  bottom: -6px;
  left: 50%;
  z-index: 1010;
  display: inline-block;
  width: 80px;
  height: 20px;
  padding: 4px 6px;
  margin: 0 auto;
  font-size: 0.8rem;
  line-height: 1;
  color: #495057;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-bottom: 0 solid #fff;
  border-radius: 4px;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.45);
  transform: translateX(-50%);
}
.j-fader > .j-fader_button.is-visible::before {
  content: "";
}
.j-fader > .j-fader_button:hover {
  color: #495057;
  background-color: #fff;
}
.j-fader > .j-fader_button:focus {
  color: #495057;
  background-color: #dee2e6;
  border: 1px solid #dee2e6;
  border-bottom: 5px solid #dee2e6;
  outline-color: #dee2e6;
  box-shadow: unset;
}
.j-fader > .j-fader_button.is-visible {
  bottom: 0px;
  color: #495057;
  background-color: #dee2e6;
  border: 1px solid #dee2e6;
  border-bottom: 0px solid #dee2e6;
}
.j-fader > .j-fader_button::before {
  position: absolute;
  top: 5%;
  left: 50%;
  z-index: 100;
  display: block;
  width: 100%;
  font-size: 0.75rem;
  content: "";
  transform: translate(-50%);
}
.j-fader > .j-fader_button.is-visible::before {
  display: none;
}
.j-fader > .j-fader.is-visible {
  border-bottom: 0px solid #dee2e6;
}
.j-fader.is-visible {
  bottom: 113px;
  height: 0px;
  border-bottom: 0px solid #dee2e6;
}

@keyframes slideOpen {
  from {
    height: 300px;
  }
  to {
    height: 100%;
  }
}
@keyframes slideClosed {
  from {
    height: 100%;
  }
  to {
    height: 300px;
  }
}
.hs-code .j-fader {
  background: linear-gradient(to bottom, #ebebeb, #fff 60%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
  border-bottom: 5px solid #f2f2f2;
}

@keyframes hs-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hs-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hs-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hs-responsive-object {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.hs-responsive-object::before {
  display: block;
  content: "";
}

.hs-responsive-object .hs-responsive-object-item,
.hs-responsive-object iframe,
.hs-responsive-object embed,
.hs-responsive-object object,
.hs-responsive-object video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.hs-ratio {
  position: relative;
  width: 100%;
}
.hs-ratio::before {
  display: block;
  padding-top: var(--aspect-ratio);
  content: "";
}
.hs-ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hs-ratio-1x1 {
  --aspect-ratio: 100%;
}

.hs-ratio-3x2 {
  --aspect-ratio: 150%;
}

.hs-ratio-4x3 {
  --aspect-ratio: 75%;
}

.hs-ratio-16x9 {
  --aspect-ratio: 56.25%;
}

.hs-ratio-21x9 {
  --aspect-ratio: 42.8571428571%;
}

body {
  position: relative;
  font-family: "Roboto", sans-serif;
  background: linear-gradient(180deg, rgb(1, 1, 1) 0%, rgb(21, 21, 21) 43%, rgb(51, 51, 51) 100%);
  background: var(--black);
  animation: fadein 1s ease-in-out 0s 1 normal forwards;
}
body .fadeout {
  animation: fadeout 1s ease-in-out 0s 1 normal forwards;
}

#message .input-textarea, #message textarea {
  background-color: rgba(0, 0, 0, 0.45) !important;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.MuiTypography-root.MuiTypography-h4,
.MuiTypography-root.MuiTypography-h4.MuiTypography-gutterBottom {
  color: #8e8e8e;
  font-size: 4rem;
  font-weight: bold;
  font-family: Caveat, "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  text-shadow: -1px -1px 1px #444, 2px -1px 0 #dfdfdf;
}

.hsSkills .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.MuiCard-root {
  background: rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: none;
}

.bg-transparent {
  background: transparent !important;
}

.content-area {
  padding: 1rem 2rem;
}

.noShadowInstance {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  border: none !important;
}

.fadein {
  animation: fadein 1s ease-in-out 0s 1 normal forwards;
}

.fadeout {
  animation: fadeout 1s ease-in-out 0s 1 normal forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#root {
  height: 100%;
  min-height: 100vh;
}

.img-centered {
  margin: 0 auto;
}

.bg-light-gray {
  background-color: #dee2e6;
}

.bg-darkest-gray {
  background-color: #495057;
}

.cursive {
  font-family: Caveat, "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  color: #adb5bd;
}

:link,
button {
  transition: background-color 0.25s ease-out;
}
:link:hover,
button:hover {
  transition: background-color 0.25s ease-out;
}

.btn-primary {
  font-family: "Montserrat", "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  text-transform: uppercase;
  font-weight: 700;
}

.btn-xl {
  font-family: "Montserrat", "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  text-transform: uppercase;
  padding: 20px 40px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 3px;
}
.btn-xl:hover {
  color: #fff;
}

.theme-mode-widget {
  position: relative;
  align-self: center;
  font-size: 100%;
  font-weight: 400;
  color: #f2b01e;
  text-decoration: none;
  letter-spacing: 1px;
  background-color: transparent;
  padding: 0;
  border: 0 !important;
  outline: 0;
  transition: all 0.15s ease-out;
  font-family: "Montserrat", "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  text-transform: uppercase;
}
.theme-mode-widget:hover, .theme-mode-widget:focus {
  color: #fffccc;
  text-decoration: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0 !important;
  outline: 0;
  outline: none;
  transition: max-height 0.25s ease-out;
}
.theme-mode-widget:hover .mode-widget_link, .theme-mode-widget:focus .mode-widget_link {
  color: #f2b01e;
  transition: max-height 0.25s ease-out;
}
.theme-mode-widget .tiny-text {
  display: block;
  width: 134px;
  font-size: 6px;
  text-align: right;
}
.theme-mode-widget .font-bold-regular {
  font-weight: 700;
}
.theme-mode-widget .white {
  color: #fff;
}
.theme-mode-widget .fa-inverse {
  color: #f1c876 !important;
}
.theme-mode-widget .mode-widget_link {
  font-family: "Montserrat", "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  text-transform: uppercase;
  padding: 0.5rem;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  transition: max-height 0.25s ease-out;
}
.theme-mode-widget .mode-widget_link:hover, .theme-mode-widget .mode-widget_link:focus {
  color: #f2b01e;
  text-decoration: none;
  outline: none;
}

.which-mode {
  display: inline-block;
  font-size: 115%;
  font-weight: 600;
  white-space: nowrap;
}
.which-mode::after {
  position: absolute;
  right: 27px;
  bottom: -6px;
  font-size: 9px;
  content: "ENABLED";
}

.shades-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
}

.shades-container.is-open .shades {
  position: static;
  transition: all 0.35s ease-out;
  transform: translateY(-32px);
}

.shades {
  position: absolute;
  z-index: 1533;
  transition: all 0.35s ease-out;
}

.mode-icon {
  width: 28px;
  font-size: 1.8rem;
  color: currentColor;
}

.ninja-01 {
  width: 100%;
  height: 36px;
  white-space: nowrap;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='140.88px' height='143.71px' viewBox='0 0 140.88 143.71' enable-background='new 0 0 140.88 143.71' xml:space='preserve'%3e%3cg%3e%3cellipse display='none' fill='%23CADF84' cx='70.597' cy='134.19' rx='71.854' ry='8.624'/%3e%3cg%3e%3cpath fill='%23B8B8B8' d='M124.294,125.347c-1.442,0-2.797,0.349-4.011,0.915l-14.975-13.912l-4.992,5.374l15.162,14.087 c0,0.002-0.001,0.002-0.001,0.004h18.491C132.271,128.272,128.614,125.347,124.294,125.347z'/%3e%3cpath fill='%23B8B8B8' d='M33.975,133.693l-4.413-19.705l-7.157,1.604l2.762,12.335c-0.811-0.128-1.647-0.204-2.508-0.204 hs-5.637,0-10.409,2.926-12.624,6.468h24.128C34.11,134.022,34.043,133.857,33.975,133.693z'/%3e%3cg%3e%3cg%3e%3crect x='19.647' y='33.086' transform='matrix(0.0203 0.9998 -0.9998 0.0203 59.3888 10.6589)' fill='%23F7C9A6' width='9.216' height='5.096'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath fill='%23F5F5F5' d='M47.787,56.526l-19.198,3.025l-1.432,0.226c-2.604,0.411-5.049-1.367-5.459-3.972 hs-0.03-0.193-0.05-0.413-0.056-0.604l-0.432-14.77c-0.052-1.783,1.353-3.271,3.136-3.323c1.414-0.042,2.644,0.837,3.118,2.089 l5.213,13.825l-6.946-4.351l18.206-6.799c3.939-1.471,8.325,0.53,9.796,4.47c1.472,3.938-0.529,8.324-4.469,9.795 C48.79,56.315,48.269,56.447,47.787,56.526z'/%3e%3c/g%3e%3cpath fill='%23FFFFFF' d='M111.461,115.37c-1.578-1.49-3.098-3.041-4.641-4.567l-4.539-4.676c-3.008-3.138-5.966-6.327-8.893-9.549 hs-2.923-3.228-5.843-6.458-8.689-9.766c-2.865-3.288-5.708-6.601-8.465-10.004c-0.533-0.651-1.19-1.283-1.908-1.796 hs-4.377-3.123-10.456-2.108-13.58,2.268c-0.01,0.015-0.017,0.029-0.026,0.043c-3.217-4.039-9.068-4.868-13.28-1.797 hs-4.751,3.465-9.559,6.832-14.388,10.165c-4.811,3.363-9.676,6.635-14.545,9.899l-1.063,0.713 hs-2.251,1.508-3.235,4.426-2.21,7.054c1.004,2.571,1.942,5.158,2.832,7.757c0.856,2.606,1.718,5.212,2.397,7.862 c0.77,2.989,3.791,4.838,6.813,4.135c3.066-0.714,4.974-3.777,4.26-6.844c-0.62-2.665-1.06-5.374-1.504-8.081 hs-0.124-0.82-0.234-1.645-0.349-2.467c3.887-1.992,7.778-3.974,11.704-5.898c5.253-2.615,10.525-5.196,15.855-7.679 c0.542-0.257,1.116-0.589,1.618-0.955c0.866-0.632,1.591-1.384,2.18-2.213c0.556,0.701,1.21,1.34,1.974,1.885 c3.564,2.545,7.044,5.181,10.5,7.841c3.476,2.64,6.877,5.357,10.276,8.078c3.395,2.726,6.758,5.484,10.073,8.295l4.943,4.246 c1.617,1.447,3.258,2.87,4.841,4.354c2.289,2.162,5.879,2.044,8.041-0.244C113.852,121.14,113.749,117.532,111.461,115.37z'/%3e%3cg%3e%3cpath fill='%23B82025' d='M54.465,72.507c-2.313,2.896-2.995,6.581-2.937,10.148c0.04,3.604,0.663,7.218,1.038,10.967 c0.366,3.731,0.571,7.721-0.576,11.784c-0.57,2.015-1.511,3.996-2.779,5.742c-1.265,1.754-2.824,3.26-4.498,4.541l-3.369-5.048 c2.774-1.585,5.004-3.791,6.262-6.764c1.293-2.957,1.651-6.514,1.746-10.135c0.109-3.634-0.055-7.402,0.389-11.19 c0.227-1.888,0.622-3.784,1.341-5.563c0.712-1.778,1.768-3.414,3.112-4.728L54.465,72.507z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23B82025' d='M54.328,72.802c-1.257,2.765-1.623,5.781-0.994,8.6c0.608,2.835,1.975,5.468,3.265,8.265 c1.287,2.782,2.589,5.854,2.864,9.371c0.314,3.515-0.643,7.153-2.216,10.255l-5.183-3.156c1.51-2.133,2.56-4.452,2.756-7.045 c0.229-2.592-0.4-5.411-1.236-8.302c-0.814-2.892-1.846-5.931-2.025-9.159c-0.211-3.233,0.75-6.443,2.449-9.006L54.328,72.802z' /%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath fill='%23F5F5F5' d='M79.24,71.275H41.804c-0.911,0-1.649-0.738-1.649-1.649V47.769c0-4.245,3.44-7.686,7.686-7.686h25.364 c4.245,0,7.686,3.44,7.686,7.686v21.857C80.89,70.537,80.151,71.275,79.24,71.275z'/%3e%3c/g%3e%3cg opacity='0.3'%3e%3cpath fill='%23292929' d='M80.89,55.649v-7.881c0-2.127-0.864-4.051-2.259-5.442c-1.726-0.55-3.648-0.498-5.43,0.303 L44.573,53.244l-3.392-9.303c-0.65,1.128-1.027,2.432-1.027,3.827v17.438c0.76,0.327,1.622,0.433,2.488,0.226l0.61-0.146 l34.837-8.317c0.443-0.109,0.925-0.269,1.355-0.462C79.969,56.271,80.449,55.979,80.89,55.649z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23B82025' d='M77.35,78.598H43.693c-0.936,0-1.694-0.759-1.694-1.695v-5.627h37.046v5.627 C79.045,77.839,78.286,78.598,77.35,78.598z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpolygon fill='%23C9C9C9' points='60.861,50.979 52.107,41.773 52.107,33.359 68.936,33.359 68.936,41.918 '/%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath fill='%23FFFFFF' d='M63.049,43.56l-2.462-0.263c-8.248-0.884-14.219-8.286-13.336-16.534l1.89-17.643 c0.473-4.419,4.438-7.617,8.856-7.145l16.33,1.748c4.419,0.474,7.617,4.439,7.145,8.857l-1.889,17.644 C78.699,38.473,71.297,44.443,63.049,43.56z'/%3e%3c/g%3e%3cg%3e%3crect x='48.629' y='10.799' transform='matrix(0.9943 0.1064 -0.1064 0.9943 1.7082 -6.8599)' fill='%23B82025' width='32.984' height='3.549'/%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath fill='%23B82025' d='M79.801,14.411c1.176,2.572,3.448,4.308,5.897,5.497c2.468,1.215,5.142,2.036,7.823,3.073 c2.667,1.037,5.454,2.272,7.824,4.454c1.175,1.082,2.2,2.405,2.952,3.871c0.758,1.466,1.245,3.047,1.541,4.628l-4.598,0.554 hs-0.123-2.436-0.857-4.713-2.446-6.595c-1.568-1.899-3.866-3.369-6.299-4.682c-2.437-1.326-5.058-2.515-7.484-4.121 hs-2.414-1.57-4.627-3.799-5.471-6.579L79.801,14.411z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23B82025' d='M79.954,14.606c1.45,1.808,3.378,3.098,5.513,3.64c2.14,0.563,4.403,0.541,6.752,0.627 c2.338,0.083,4.877,0.255,7.367,1.28c2.501,0.997,4.648,2.902,6.218,5.043l-3.936,2.44c-0.932-1.764-2.148-3.277-3.846-4.305 hs-1.687-1.049-3.822-1.593-6.078-2.02c-2.25-0.442-4.675-0.788-6.934-1.777c-2.274-0.972-4.129-2.732-5.287-4.772 L79.954,14.606z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath fill='%23F7C9A6' d='M78.646,26.523l-22.731-2.437c-0.75-0.081-1.292-0.754-1.212-1.504l0.574-5.353 c0.08-0.75,0.753-1.293,1.503-1.213l22.731,2.438c0.75,0.08,1.293,0.753,1.212,1.503l-0.573,5.354 C80.069,26.062,79.396,26.604,78.646,26.523z'/%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3ccircle fill='%23333333' cx='61.934' cy='21.287' r='1.795'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23333333' d='M65.466,22.34c-0.093,0-0.188-0.028-0.269-0.086l-4.817-3.38c-0.211-0.149-0.264-0.44-0.114-0.652 c0.15-0.213,0.441-0.264,0.651-0.114l4.817,3.38c0.211,0.149,0.264,0.44,0.114,0.652C65.757,22.27,65.612,22.34,65.466,22.34z '/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3ccircle fill='%23333333' cx='75.884' cy='22.783' r='1.794'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23333333' d='M72.309,23.073c-0.183,0-0.357-0.108-0.433-0.287c-0.101-0.239,0.012-0.513,0.25-0.613l5.424-2.283 c0.239-0.097,0.514,0.012,0.614,0.25c0.101,0.239-0.012,0.513-0.25,0.613l-5.424,2.283 C72.431,23.061,72.369,23.073,72.309,23.073z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cpath fill='%23DBDBDB' d='M120.375,41.645l10.431,2.469c-29.178,2.982-85.449-8.05-87.831-8.521l0.576-2.912 C44.129,32.794,93.89,43.437,120.375,41.645z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath fill='%23404040' d='M17.095,31.792l25.058,4.2c0.174,1.403,0.755,2.77,1.662,4.022l1.887-11.257 hs-1.267,0.89-2.261,1.991-2.883,3.261l-25.058-4.2c-0.667-0.111-1.298,0.339-1.41,1.006l-0.261,1.558 C15.978,31.049,16.428,31.681,17.095,31.792z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3crect x='33.018' y='35.27' transform='matrix(0.1319 0.9913 -0.9913 0.1319 70.1502 -4.4678)' fill='%23F7C9A6' width='9.216' height='5.096'/%3e%3c/g%3e%3cg%3e%3ccircle fill='%23F7C9A6' cx='36.821' cy='32.406' r='3.919'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23F7C9A6' d='M39.03,28.164l-5.21,0.693c-0.779,0.104-1.326,0.819-1.223,1.599l0.328,2.468 c0.104,0.779,0.819,1.326,1.599,1.223l5.21-0.693c0.779-0.104,1.326-0.819,1.223-1.599l-0.328-2.468 C40.524,28.608,39.81,28.061,39.03,28.164z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath fill='%23F5F5F5' d='M78.047,56.459l-35.135,6.953l-0.615,0.122c-2.156,0.427-4.249-0.976-4.676-3.131 hs-0.013-0.065-0.025-0.145-0.035-0.211l-2.75-19.285c-0.249-1.745,0.964-3.361,2.709-3.609c1.628-0.232,3.147,0.823,3.545,2.381 l4.747,18.894l-5.326-3.219l33.21-13.413c3.896-1.574,8.331,0.31,9.904,4.206c1.574,3.896-0.31,8.33-4.205,9.904 C78.98,56.228,78.494,56.368,78.047,56.459z'/%3e%3c/g%3e%3cg%3e%3ccircle fill='%23F7C9A6' cx='24.229' cy='30.163' r='3.919'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23F7C9A6' d='M21.399,26.307l5.255-0.107c0.786-0.016,1.436,0.607,1.451,1.394l0.051,2.489 c0.017,0.785-0.607,1.436-1.394,1.451l-5.255,0.107c-0.785,0.016-1.436-0.608-1.451-1.394l-0.051-2.489 C19.99,26.972,20.613,26.322,21.399,26.307z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
  background-size: 36px;
  transition: all 0.15s ease-out;
}

.ninja-02 {
  width: 24px;
  width: 100%;
  height: 36px;
  white-space: nowrap;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='140.88px' height='143.71px' viewBox='0 0 140.88 143.71' enable-background='new 0 0 140.88 143.71' xml:space='preserve'%3e%3cg%3e%3cellipse display='none' fill='%23CADF84' cx='69.968' cy='139.283' rx='59.354' ry='7.125'/%3e%3cg%3e%3cpath fill='%23B8B8B8' d='M116.3,137.357c-1.69-2.703-5.332-4.935-9.634-4.935c-0.327,0-0.649,0.017-0.968,0.042l2.854-9.632 l-5.366-1.591l-4.227,14.264c-0.5,0.572-0.87,1.198-1.071,1.852H116.3z'/%3e%3cpath fill='%23B8B8B8' d='M43.02,126.7l-5.368-1.585l-3.724,12.615c-1.224-0.445-2.603-0.707-4.062-0.707 hs-4.302,0-7.943,2.232-9.633,4.936h18.412c-0.021-0.064-0.049-0.127-0.072-0.191L43.02,126.7z'/%3e%3cg%3e%3cpath fill='%23FFFFFF' d='M94.696,64.552l17.704,4.943c1.315,0.368,2.084,1.732,1.718,3.047c-0.283,1.014-1.163,1.702-2.151,1.797 l-18.3,1.728c-3.232,0.305-6.101-2.068-6.405-5.301s2.069-6.1,5.302-6.405C93.295,64.292,94.027,64.368,94.696,64.552z'/%3e%3c/g%3e%3cpath fill='%23FFFFFF' d='M112.243,104.931l-0.623-0.461L92.731,90.457c-0.343-0.251-0.742-0.5-1.136-0.694 hs-3.309-1.63-7.237-0.552-9.298,2.37c-0.007-0.01-0.012-0.021-0.02-0.031c-2.377-3.316-6.993-4.08-10.312-1.702 hs-3.989,2.858-8.022,5.643-12.071,8.4c-4.029,2.794-8.132,5.457-12.195,8.191l-0.683,0.46c-0.433,0.294-0.802,0.695-1.063,1.191 hs-0.698,1.331-1.445,2.627-2.181,3.933l-2.217,3.909c-1.525,2.574-3.047,5.15-4.688,7.647c-1.299,1.98-0.776,4.647,1.19,5.985 c1.987,1.35,4.693,0.834,6.042-1.151c1.68-2.472,3.478-4.864,5.272-7.259l2.765-3.543c0.585-0.748,1.17-1.493,1.762-2.236 c4.117-2.119,8.204-4.288,12.357-6.346c4.372-2.21,8.759-4.394,13.19-6.503c0.375-0.182,0.777-0.415,1.128-0.665 c0.688-0.494,1.26-1.089,1.724-1.744c0.688,0.972,1.619,1.79,2.761,2.352l17.938,8.84l-2.314,12.072 hs-0.404,2.149,0.86,4.328,3.001,4.984c2.3,0.705,4.735-0.587,5.441-2.887l4.852-15.822 C114.553,108.315,113.923,106.177,112.243,104.931z'/%3e%3cg%3e%3cpath fill='%23B82025' d='M83.355,88.448c-2.083,2.61-2.698,5.929-2.646,9.143c0.037,3.247,0.599,6.503,0.937,9.88 c0.33,3.362,0.514,6.956-0.52,10.616c-0.514,1.814-1.36,3.6-2.504,5.174c-1.139,1.58-2.545,2.937-4.052,4.091l-3.035-4.548 c2.499-1.428,4.507-3.415,5.642-6.094c1.164-2.665,1.486-5.867,1.573-9.13c0.098-3.274-0.05-6.668,0.349-10.082 c0.204-1.7,0.561-3.408,1.208-5.011c0.641-1.603,1.593-3.077,2.804-4.259L83.355,88.448z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23B82025' d='M83.232,88.714c-1.152,2.48-1.475,5.208-0.898,7.744c0.549,2.556,1.776,4.928,2.945,7.445 c1.163,2.506,2.349,5.268,2.608,8.446c0.132,1.574,0.01,3.211-0.358,4.778c-0.364,1.57-0.958,3.061-1.667,4.46l-4.67-2.844 c1.393-1.912,2.346-4.005,2.513-6.342c0.196-2.337-0.381-4.878-1.141-7.481c-0.74-2.605-1.667-5.348-1.83-8.256 hs-0.078-1.446,0.057-2.912,0.444-4.289c0.383-1.381,1.007-2.66,1.766-3.823L83.232,88.714z'/%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath fill='%23FFFFFF' d='M96.233,87.155H67.667c-0.695,0-1.259-0.563-1.259-1.259V69.218c0-3.239,2.626-5.865,5.865-5.865h19.355 c3.239,0,5.864,2.626,5.864,5.865v16.679C97.492,86.593,96.93,87.155,96.233,87.155z'/%3e%3c/g%3e%3cg opacity='0.3'%3e%3cpath fill='%23292929' d='M94.209,80.419l-19.98-4.5l1.182-1.371c0.454-0.528,0.836-1.164,1.085-1.859 c1.094-3.057-0.498-6.423-3.556-7.518c-1.984-0.71-4.094-0.283-5.633,0.936c-0.566,0.902-0.899,1.967-0.899,3.111v12.8 l27.053,2.382c1.198,0.933,2.319,0.139,2.592-1.066C96.348,82.02,95.522,80.716,94.209,80.419z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23B82025' d='M94.792,92.742H69.107c-0.713,0-1.292-0.577-1.292-1.292v-4.295h28.269v4.295 C96.084,92.165,95.507,92.742,94.792,92.742z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpolygon fill='%23C9C9C9' points='82.209,71.668 75.529,64.643 75.529,58.223 88.37,58.223 88.37,64.752 '/%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath fill='%23FFFFFF' d='M83.467,64.312l-1.89,0.017C75.247,64.386,70.07,59.3,70.013,52.97l-0.122-13.54 hs-0.031-3.391,2.694-6.165,6.084-6.195l12.532-0.113c3.392-0.031,6.164,2.693,6.195,6.084l0.122,13.54 C94.882,59.077,89.797,64.255,83.467,64.312z'/%3e%3c/g%3e%3cg%3e%3crect x='69.724' y='39.288' transform='matrix(1 -0.009 0.009 1 -0.3617 0.741)' fill='%23B82025' width='25.169' height='2.708'/%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath fill='%23B82025' d='M93.598,40.741c1.117,1.847,2.993,2.961,4.955,3.648c1.978,0.703,4.076,1.091,6.2,1.641 c2.112,0.551,4.334,1.242,6.322,2.687c0.987,0.717,1.879,1.63,2.578,2.674c0.704,1.044,1.214,2.2,1.576,3.372l-3.437,0.825 hs-0.307-1.835-1.064-3.497-2.435-4.783c-1.356-1.301-3.227-2.213-5.187-2.995c-1.963-0.791-4.056-1.46-6.035-2.464 hs-1.969-0.978-3.842-2.472-4.727-4.504L93.598,40.741z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23B82025' d='M93.731,40.876c1.258,1.243,2.833,2.05,4.499,2.273c1.672,0.239,3.386,0.022,5.174-0.119 c1.778-0.143,3.718-0.236,5.696,0.321c1.983,0.535,3.779,1.791,5.156,3.275l-2.768,2.196c-0.86-1.254-1.917-2.294-3.294-2.924 hs-1.37-0.646-3.038-0.871-4.785-0.996c-1.744-0.138-3.612-0.186-5.412-0.737c-1.809-0.536-3.37-1.708-4.428-3.152 L93.731,40.876z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath fill='%23F7C9A6' d='M90.341,49.94l-17.445,0.154c-0.575,0.005-1.046-0.457-1.052-1.032l-0.036-4.108 hs-0.005-0.575,0.458-1.046,1.033-1.051l17.444-0.155c0.576-0.005,1.047,0.458,1.052,1.033l0.036,4.108 C91.379,49.464,90.916,49.935,90.341,49.94z'/%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3ccircle fill='%23333333' cx='76.699' cy='47.064' r='1.369'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23333333' d='M79.428,47.554c-0.057,0-0.115-0.015-0.17-0.043l-3.949-2.139c-0.173-0.093-0.237-0.311-0.144-0.484 c0.094-0.174,0.31-0.238,0.484-0.144l3.949,2.139c0.173,0.093,0.237,0.311,0.143,0.483 C79.678,47.486,79.555,47.554,79.428,47.554z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3ccircle fill='%23333333' cx='87.404' cy='46.97' r='1.369'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23333333' d='M84.68,47.507c-0.125,0-0.246-0.066-0.311-0.182c-0.098-0.171-0.037-0.39,0.134-0.486l3.911-2.208 c0.169-0.095,0.389-0.036,0.486,0.135c0.098,0.172,0.037,0.39-0.136,0.487l-3.909,2.207 C84.8,47.492,84.739,47.507,84.68,47.507z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cpath fill='%23DBDBDB' d='M94.708,8.612l0.244-8.176c6.708,21.352,7.1,65.108,7.113,66.961L99.8,67.414 C99.798,66.965,100.113,28.134,94.708,8.612z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath fill='%23404040' d='M103.198,87.325L102.49,67.95c1.023-0.345,1.954-0.989,2.753-1.859l-8.705,0.317 c0.859,0.811,1.836,1.385,2.881,1.654l0.707,19.375c0.019,0.517,0.452,0.919,0.968,0.9l1.205-0.045 C102.813,88.274,103.218,87.841,103.198,87.325z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3crect x='101.692' y='72.462' transform='matrix(0.9971 -0.0761 0.0761 0.9971 -5.3573 8.2223)' fill='%23F7C9A6' width='7.032' height='3.888'/%3e%3c/g%3e%3cg%3e%3ccircle fill='%23F7C9A6' cx='101.041' cy='74.661' r='2.991'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23F7C9A6' d='M98.224,76.979l-0.307-3.998c-0.045-0.598,0.402-1.12,1-1.166l1.894-0.145 c0.599-0.045,1.12,0.402,1.166,1l0.306,4c0.046,0.597-0.401,1.118-1,1.164l-1.894,0.146 C98.791,78.025,98.269,77.579,98.224,76.979z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3crect x='93.31' y='80.253' transform='matrix(-0.9876 -0.1568 0.1568 -0.9876 179.5679 178.5577)' fill='%23F7C9A6' width='7.032' height='3.888'/%3e%3c/g%3e%3cg%3e%3ccircle fill='%23F7C9A6' cx='100.959' cy='82.788' r='2.991'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23F7C9A6' d='M103.58,85.328l0.629-3.961c0.094-0.593-0.311-1.148-0.902-1.243l-1.877-0.298 hs-0.593-0.094-1.148,0.311-1.242,0.903l-0.629,3.961c-0.095,0.592,0.31,1.148,0.902,1.241l1.876,0.299 C102.93,86.325,103.484,85.921,103.58,85.328z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath fill='%23FFFFFF' d='M112.588,75.85l-5.702,0.696c-1.366,0.168-2.61-0.805-2.778-2.172c-0.139-1.137,0.513-2.187,1.52-2.606 l5.304-2.204c1.674-0.695,3.593,0.098,4.288,1.77c0.695,1.673-0.098,3.592-1.771,4.289 C113.172,75.736,112.872,75.812,112.588,75.85z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23F5F5F5' d='M75.757,73.221l-5.311,6.155L67.4,72.974l27.155,6.118c1.313,0.297,2.139,1.601,1.844,2.914 hs-0.272,1.205-1.395,1.998-2.593,1.892l-27.729-2.442c-2.208-0.194-3.838-2.141-3.644-4.348c0.03-0.342,0.103-0.67,0.211-0.979 l0.385-1.075l2.739-7.654c1.095-3.058,4.46-4.649,7.517-3.555c3.058,1.094,4.649,4.459,3.556,7.518 C76.594,72.056,76.211,72.691,75.757,73.221z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
  background-size: 36px;
  transition: all 0.15s ease-out;
}

.bg-black-semitrans {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  border: solid 1px #f2b01e;
  border-radius: 6px;
  transition: max-height 0.25s ease-in-out;
}
.bg-black-semitrans:hover {
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(254, 211, 54, 0.486);
}

.hs-nav {
  white-space: nowrap;
}

.hs-bg-grad-black-trans,
.hs-navbar-semitransparent {
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.hidden-gone {
  width: 0px;
  height: 0px;
  visibility: hidden;
}

.flex-container {
  display: flex;
  align-items: center;
  max-width: 90%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.flex-start {
  justify-content: flex-start;
}

.flex-end {
  justify-content: flex-end;
}

.center {
  justify-content: center;
}

.space-between {
  justify-content: space-between;
}

.space-around {
  justify-content: space-around;
}

.space-evenly {
  justify-content: space-evenly;
}

.flex-item {
  width: auto;
}

.hs-section {
  width: 100%;
}
.hs-section .hs-section-heading {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 4em;
  font-family: "Montserrat", "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  text-transform: uppercase;
}
.hs-section h3.hs-section-subheading {
  margin-bottom: 0.5em;
  font-family: Caveat, "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  font-size: 3.5em;
  font-style: italic;
  font-weight: 400;
}

@media (min-width: 768px) {
  .hs-section {
    padding: 6em 0;
  }
}
::-moz-selection {
  text-shadow: none;
  background: #f2b01e;
}

::selection {
  text-shadow: none;
  background: #f2b01e;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

div[slot^=hs-] {
  display: inline-block;
}

.hs-card_text:last-child {
  margin-bottom: 0;
}

.hs-card_linkhover {
  text-decoration: none;
}
.hs-card_link + .hs-card_link {
  margin-left: 1.25rem;
}

.hs-info-table {
  padding: 0.5rem;
  font-size: 0.75rem;
  text-align: left;
  background: #f8f8f8;
  border: 2px solid transparent;
  border-top: 2px solid #dee2e6;
  opacity: 0.8;
}

.hs-portfolio {
  padding: 0;
}

.hs-quotes {
  position: relative;
  z-index: 500;
  padding: var(--space-md);
  margin: var(--space-md);
  color: var(--gray-500);
  border: 3px dashed var(--gray-500);
  border-radius: 10px;
  transform: rotate(-5deg);
}
.hs-quotes::before {
  position: absolute;
  top: -2.85rem;
  left: -1rem;
  z-index: 500;
  font-family: Georgia, serif;
  font-size: 6rem;
  font-weight: bold;
  content: " “ ";
}
.hs-quotes::after {
  position: absolute;
  right: -1rem;
  bottom: -5.7rem;
  z-index: 500;
  font-family: Georgia, serif;
  font-size: 6rem;
  font-weight: bold;
  content: " ” ";
}
.hs-quotes p {
  margin: 10px 4px;
}

.hs-btn-showmore {
  display: inline-block;
  height: 20px;
  padding: 2px 6px 4px 6px;
  margin: 0 auto;
  font-size: 0.8rem;
  line-height: 1;
  background-color: #fff;
  border: 2px solid transparent;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
}
.hs-btn-showmore:hover {
  background-color: #fae3af;
}
.hs-btn-showmore:focus, .hs-btn-showmore:active {
  background-color: #fae3af;
  border: 2px solid transparent;
  outline: 2px solid #ffe659;
}

.collapse {
  height: 100%;
}
.collapse.show {
  height: 100%;
}

.responsive-box {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.responsive-box .responsive-box-item,
.responsive-box iframe,
.responsive-box embed,
.responsive-box object,
.responsive-box video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.responsive-box-16by9 {
  padding-bottom: 56.25%;
}

.responsive-box-4by3 {
  padding-bottom: 75%;
}

/* stylelint-disable-next-line */
.hs-dev-logo {
  width: 90%;
  vertical-align: middle;
}

.hs-logo-row--footer {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 96px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.hs-logo-row--footer .hs-dev-logo {
  vertical-align: middle;
}

@media (min-width: 265px) and (max-width: 300px) {
  .row.hs-info-table .col-md-6 {
    position: relative;
    width: 100%;
  }
}
.transparency {
  background-color: transparent;
  border-color: transparent;
}

.bg-black--a75-opacity {
  background-color: rgba(0, 0, 0, 0.75);
}

.bg-black--a45-opacity {
  background-color: rgba(0, 0, 0, 0.45);
}

.bg-black--a25-opacity {
  background-color: rgba(0, 0, 0, 0.25);
}

.bg-black--a15-opacity {
  background-color: rgba(0, 0, 0, 0.15);
}

.bg-education {
  background: url("/assets/img/bg/education.png");
  background-repeat: no-repeat;
  background-position: top 10px left 10px;
  background-size: 60px;
}

.hs-ripped-edge--bottom {
  position: absolute;
  bottom: -24px;
  width: 100%;
  height: 42px;
  background-image: url("/assets/img/bg/botttom-edge-ripped-pape.png");
  background-repeat: repeat-x;
}

.modal-content {
  font-size: 0.89em;
  color: #ced4da;
  background-color: rgba(0, 0, 0, 0.85);
  background-clip: padding-box;
  border: 1px solid rgb(0, 0, 0);
}

.modal-header {
  color: var(--hs-color_dark-yellow);
  background: var(--hs-black);
  border-bottom: 1px solid transparent;
}

.modal-footer {
  justify-content: center;
  background: transparent;
  border-top: 1px solid transparent;
}

.modal-body {
  display: flex;
  align-items: stretch;
  padding: rem(20px) rem(50px);
  max-width: 100vw;
  overflow-x: hidden;
}
.modal-body .banner {
  width: 100%;
  height: auto;
}

.modal-content .modal-header > .btn-close {
  padding: 0;
  margin: -2.5rem -0.5rem -1.5rem auto;
  font-size: 6em;
  line-height: normal;
  color: inherit;
}

.modal-info-bar-container {
  background: var(--hs-black--a30);
}
.modal-info-bar-container .modal-info-bar {
  padding: 0;
}
.modal-info-bar-container .modal-info-bar .info-title {
  white-space: nowrap;
}

.info-title {
  white-space: nowrap;
}

.modal-crumbs {
  display: inline-block;
  flex: 1 1 auto;
  margin: 0 0 0 20px;
  font-size: 14px;
}

.star {
  display: inline-block;
  width: 23px;
  height: 24px;
  margin: auto var(--space-sm);
  color: var(--hs-color_dark-yellow);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='23px' height='24px' viewBox='0 0 72 72' enable-background='new 0 0 72 72' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath fill='%23FFFFFF' d='M60.023,24.408l10.49-8.332l-12.468,4.92c-18.644,7.36-21.168,6.688-33.635-9.008L16.076,1.493L21,13.956 c7.363,18.646,6.687,21.16-9.017,33.636L1.486,55.927l12.467-4.92c18.654-7.369,21.167-6.701,33.642,9.009l8.333,10.491 l-4.92-12.463C43.646,39.389,44.32,36.885,60.023,24.408z M43.743,49.399c-4.662-4.777-8.517-6.903-13.519-6.903 c-2.59,0.067-5.157,0.479-7.632,1.244c6.937-6.758,8.295-11.826,5.668-21.147c6.762,6.935,11.827,8.293,21.152,5.667 C42.477,35.016,41.115,40.085,43.743,49.399z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 24px;
}

.hs-bg-yellow {
  background: var(--hs-color_dark-yellow);
}

.hs-text-yellow {
  color: var(--hs-color_dark-yellow);
}

.hs-text-white {
  color: var(--hs-white);
}

.hs-3drotate-conainer {
  position: relative;
}

.opacity-max {
  opacity: 1;
}

.opacity-none {
  opacity: 0;
}

.j-fader {
  position: absolute;
  z-index: auto;
}

@keyframes arrow-anim {
  from {
    fill: transparent;
    stroke-width: 2px;
    stroke: transparent;
    transform: translateX(1rem);
  }
  50% {
    fill: #FFF;
    stroke-width: 2px;
    stroke: #FFF;
  }
  to {
    transform: translateX(9rem);
    fill: transparent;
    stroke-width: 2px;
    stroke: transparent;
  }
}
@keyframes arrow-fixed-anim {
  5% {
    opacity: 0;
  }
  20% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.slideButton-grid {
  position: relative;
  display: grid;
  min-width: 0;
  max-width: 260px;
  min-height: 0;
  padding: 6px;
  padding-right: 6px;
  padding-left: 6px;
  margin: auto;
  color: #fed136;
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid #fff;
  grid-template-columns: 36px 1fr 36px;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "sbgLeft sbgCenter sbgRight";
}

.slideButton-grid__left {
  grid-area: sbgLeft;
  align-items: center;
  border: 2px solid #FFF;
}

.slideButton-grid__center {
  grid-area: sbgCenter;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0;
  margin: 0;
  text-align: center;
}
.slideButton-grid__center .slideButton__label {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
  flex: 1 1 auto;
  font-weight: 700;
  color: #dee2e6;
  letter-spacing: 2px;
  transform: translate(-50%, -50%);
  font-family: "Montserrat", "Segoe UI", "Roboto", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Arial, sans-serif, -apple-system, BlinkMacSystemFont;
  text-transform: uppercase;
}
.slideButton-grid__center .hs-animated-arrow-container {
  position: absolute;
  left: 4px;
  z-index: 1001;
  align-items: center;
  height: 32px;
}
.slideButton-grid__center .hs-animated-arrow-container .hs-animated-arrow {
  width: 22px;
  height: auto;
  margin: 0 2rem 0 -15px;
  overflow: visible;
  cursor: move;
}
.slideButton-grid__center .hs-animated-arrow-container .hs-animated-arrow polygon, .slideButton-grid__center .hs-animated-arrow-container .hs-animated-arrow path {
  transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
  fill: transparent;
  stroke: transparent;
  stroke-width: 2px;
}
.slideButton-grid__center .hs-animated-arrow-container .hs-animated-arrow .hs-arrow {
  animation-name: arrow-anim;
  animation-duration: 2.5s;
  animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  animation-iteration-count: infinite;
  fill: transparent;
}
.slideButton-grid__center .hs-animated-arrow-container .hs-animated-arrow .hs-arrow.a-3 {
  animation-delay: 0.25s;
}
.slideButton-grid__center .hs-animated-arrow-container .hs-animated-arrow .hs-arrow.a-2 {
  animation-delay: 0.15s;
}
.slideButton-grid__center .hs-animated-arrow-container .hs-animated-arrow .hs-arrow.a-1 {
  animation-delay: 0s;
}
.slideButton-grid__center .hs-animated-arrow-container .hs-animated-arrow .hs-arrow-fixed {
  animation: arrow-fixed-anim 2.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}

.slideButton-grid__right {
  grid-area: sbgRight;
  align-items: center;
  font-size: 1.5rem;
  color: #6f6f6f;
  text-align: right;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #fff;
  transition: all 0.35s ease-in-out;
}
.slideButton-grid__right.hs-dropzone-hover {
  border-color: rgb(22, 71, 162);
}
.slideButton-grid__right.hs-dropzone-has-file {
  background-color: #fff;
  border: 2px solid green;
}

.swipe-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 225px;
  height: 42px;
  margin: 0.5rem 2px;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #fff;
}
.swipe-button .arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid rgb(111, 114, 111);
}

.hs-slideButton__button {
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
  color: #6f6f6f;
  text-align: center;
  background-image: url("/assets/img/icons/slide-submit-button.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
  border: 0;
}
.hs-slideButton__button:hover, .hs-slideButton__button:focus, .hs-slideButton__button:active {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}

.hs-slide-submit-button--alt {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='-3 -3 32 32' enable-background='new -3 -3 32 32' xml:space='preserve'%3e%3cg id='background' opacity='0.5'%3e%3crect x='-3' y='-3' fill='%23FFFFFF' width='32' height='32'/%3e%3c/g%3e%3cg id='outline'%3e%3cpath d='M27-1v28H-1V-1H27 M29-3H-3v32h32V-3L29-3z'/%3e%3c/g%3e%3cpath id='arrow' d='M19.896,13.93L9.214,24.613c-0.516,0.516-1.353,0.516-1.866,0l-1.244-1.244c-0.516-0.516-0.517-1.35-0.002-1.865 L14.564,13L6.102,4.495c-0.515-0.516-0.514-1.35,0.002-1.863l1.244-1.244c0.516-0.517,1.352-0.517,1.866,0l10.682,10.682 C20.412,12.583,20.412,13.415,19.896,13.93z'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-size: contain;
}

.hs-slide-submit_right {
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
}
.hs-slide-submit_right.hs-dropzone {
  position: absolute;
  top: -2px;
  right: 0;
  width: 32px;
  height: 32px;
}

/* animated checkbox */
.hs-animated-checkmark-container {
  position: relative;
  display: block;
  width: 40px;
  height: 50px;
  margin: auto;
}

.hs-fadeout {
  display: none;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.hs-checkmark {
  fill: #231f20;
}

.svg-checkmark {
  position: absolute;
  top: -12px;
  left: 0;
}
.svg-checkmark .check {
  stroke: #005c00; /* red */
  stroke: green; /* blue */
  fill: none;
  stroke-width: 20;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  stroke-miterlimit: 5;
  stroke-linecap: square;
  animation: check 0.75s linear forwards;
}
.svg-checkmark .svg .box {
  stroke: #cc181e; /* red */
  stroke: #387ea9; /* blue */
  stroke-width: 12;
  fill: none;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: draw 1s linear forwards;
}

@-webkit-keyframes draw {
  0% {
    stroke-dashoffset: -400;
  }
  100% {
    stroke-dashoffset: 400;
  }
}
@keyframes draw {
  0% {
    stroke-dashoffset: -400;
  }
  100% {
    stroke-dashoffset: 400;
  }
}
@-webkit-keyframes check {
  0% {
    stroke-dashoffset: -400;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes check {
  0% {
    stroke-dashoffset: -400;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@media (max-width: 360px) {
  body {
    overflow: scroll;
  }
  #portfolio .hs-section-heading,
  .hs-portfolio .hs-section-heading {
    font-size: 3em;
  }
}
/* stylelint-disable-line */
hs-modal hs-card hs-card-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}
hs-modal hs-card hs-card-footer .hs-button {
  color: #fff;
  background-color: #2d373c;
  border: 1px solid #0c0f11;
}

hs-card-header .hs-heading.dark {
  color: #f2b01e;
}
hs-card-header .hs-heading.dark .hs-heading_sub {
  color: #507386;
}

hs-modal hs-card-body {
  color: #fff;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.cursive {
  font-family: "caveat", cursive;
}

.color-primary {
  color: #ffc107;
}

.hs-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: inline-flex;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1);
}

.hs-modal.isVisible {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 1;
  overflow-y: auto;
  transition: all 0.3s ease-in-out;
  transform: scale(1);
}

.hs-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.hs-dialog {
  position: absolute;
  top: 50%;
  z-index: 1100;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1000;
  width: 400px;
  height: 480px;
  padding: 1rem;
  color: #fff;
  transform: translate(-50%, -50%);
}

.avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: auto;
}
.avatar .avatar-photo {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}
.avatar .avatar-name {
  font-size: 0.875rem;
  padding: 0.25rem;
  text-align: center;
}

.hs-notset {
  transition: all 0.25nav-link s ease-in-out;
}

#topNavbar.hs-fixed-top,
.hs-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  transition: all 0.25s ease-in-out;
}

.hs-fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.hs-sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .hs-sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .hs-sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .hs-sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .hs-sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .hs-sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hs-hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.hs-vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.nowrap {
  white-space: nowrap;
}

.fire-glow-text {
  text-shadow: rgba(0, 0, 0, 0) 0px -1px 4px, rgb(167, 167, 0) 0px -2px 10px, rgb(167, 84, 0) 0px -10px 20px, rgb(167, 0, 0) 0px -18px 40px;
}

.mobile-nav {
  padding: 1.2rem;
}

.form-control {
  color: var(--white) !important;
}
.form-control .form-control-label {
  color: #fff;
  background: #000;
}

/*# sourceMappingURL=heathshults.css.map */