@import 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/dropzone.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/perfect-scrollbar/1.5.3/css/perfect-scrollbar.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/tooltipster/4.2.8/css/tooltipster.bundle.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/tooltipster/4.2.8/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-borderless.min.css';
@import 'https://ga.jspm.io/npm:photoswipe@5.3.2/dist/photoswipe.css';
@font-face {
  font-family: "Avenir";
  src: asset-url(/fonts/avenir_0_0.eot?iefix=) format("eot"), asset-url(/fonts/avenir_0_0.woff) format("woff"), asset-url(/fonts/avenir_0_0.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: asset-url(/fonts/avenir_1_0.eot?iefix=) format("eot"), asset-url(/fonts/avenir_1_0.woff) format("woff"), asset-url(/fonts/avenir_1_0.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Avenir";
  src: asset-url(/fonts/avenir_2_0.eot?iefix=) format("eot"), asset-url(/fonts/avenir_2_0.woff) format("woff"), asset-url(/fonts/avenir_2_0.ttf) format("truetype");
  font-weight: bolder;
  font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

video {
  width: 100%;
  height: auto;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
 * ========================================================================== */
/**
 * * 1. Correct the line height in all browsers.
 * * 2. Prevent adjustments of font size after orientation changes in iOS.
 * */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

button {
  border: none;
  background: none;
  cursor: pointer;
}

body {
  font-family: Avenir, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  background-color: #fefefe;
  color: #111111;
  max-width: 2560px;
  margin: 0 auto;
}
@media speech {
  body {
    color: #ddd;
    background-color: #111111;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

h3, h4, h5, h6 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

h1 {
  font-size: 2em;
  margin: 1em 0;
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.5em;
  }
}

h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: #4a4a4a;
  letter-spacing: 1px;
  line-height: 1.875rem;
}
@media speech {
  h2 {
    color: #fefefe;
  }
}

h3 {
  font-size: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

h4, h5, h6 {
  font-size: 0.8em;
}

hr {
  border: 1px solid #ffd939;
}

p {
  margin: 1em 0;
  line-height: 1.6;
  letter-spacing: 0px;
  text-rendering: optimizeLegibility;
}

section {
  margin: 1em 0;
}

a {
  outline: none;
  text-decoration: none;
  color: rgb(62.7307692308, 165.1483516484, 170.2692307692);
}
a:hover {
  color: #318185;
}
@media speech {
  a {
    color: #fefefe;
  }
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

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

#content {
  line-height: 1.6;
  position: relative;
}

input[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ddd;
  height: 1px;
  position: relative;
}
input[type=range]:before, input[type=range]:after {
  position: absolute;
  top: -0.25rem;
  border-radius: 50%;
  content: " ";
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ddd;
}
input[type=range]:before {
  right: 0;
}
input[type=range]:after {
  left: 0;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  background: url(/assets/icons/bee-gray-fe365e23fe494699c33c7b3adcfd77a871958298934437241fbecd35beeadb0f.svg);
  background-size: contain;
  width: 25px;
  height: 25px;
  border: none;
  cursor: pointer;
  transform: rotate(45deg);
}

ul.bulleted {
  padding-left: 4rem;
}
ul.bulleted li {
  list-style-type: disc;
}

hr {
  background: #ffd939;
  width: 100%;
  height: 1px;
  border: none;
}

img {
  max-width: 100%;
}

pre {
  background: #222222;
  padding: 1em;
  margin: 0.5em auto;
  overflow: auto;
  border-radius: 0.3em;
}

pre code {
  padding-left: 0;
  border: none;
  overflow-x: initial;
  display: block;
  font-family: inherit;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

code {
  background-color: #222222;
  color: #fefefe;
  padding: 0.1em 0.25em;
}

mark {
  background-color: #ffd939;
  padding: 0.1em 0.25em;
}

kbd {
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 0.1em 0.5em;
  margin: 0 0.2em;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3), 0 0 0 2px #fff inset;
  background-color: #fefefe;
  color: #111111;
}

ul {
  list-style-type: disc;
  padding-left: 2rem;
}

ol {
  list-style-type: decimal;
  padding-left: 2rem;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
table thead tr {
  background-color: #ffd939;
  color: #111111;
  text-align: left;
  font-weight: bold;
}
table th, table td {
  padding: 12px 15px;
}
table tbody tr {
  border-bottom: 1px solid #cccccc;
  color: #111111;
}
table tbody tr:nth-of-type(odd) {
  background-color: rgb(255, 246.3636363636, 210);
}
table tbody tr:nth-of-type(even) {
  background-color: rgb(255, 236.5757575758, 159);
}
table tbody tr:last-of-type {
  border-bottom: 2px solid #ffd939;
}

details {
  margin-bottom: 1em;
}
details summary {
  cursor: pointer;
  font-weight: bold;
  background-color: #ffd939;
  padding: 1em;
  border-radius: 0.5em;
  color: #111111;
}
details p {
  background-color: #fefefe;
  color: #222222;
  padding: 1em;
  border-radius: 0.5em;
}

.style-guide hr {
  margin: 4em 0;
}

nav.toc {
  background-color: #61afb3;
}
nav.toc a, nav.toc li {
  color: #222222 !important;
}
nav.toc .toc-title {
  color: #fefefe;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 1em;
  margin-top: 0;
  background-color: #318185;
  padding: 0.5em 1em;
  text-align: center;
}
nav.toc .toc-content {
  padding: 1em;
  -moz-column-count: 2;
       column-count: 2;
}

.columns-2 {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 2em;
       column-gap: 2em;
}
.columns-2 .columned-content {
  -moz-column-count: 1;
       column-count: 1;
}

hyve-blockquote {
  display: block;
  position: relative;
  font-size: 110%;
  margin-bottom: 0.5rem;
  padding: 2.5rem 5rem;
  border-radius: 0.5em;
  background-color: #222222;
}
hyve-blockquote.--full-width {
  max-width: 50vw;
  margin: 0 auto;
}
hyve-blockquote.--short-quote {
  font-size: 160%;
}
hyve-blockquote.--short-quote p {
  margin: 0 1rem;
}
hyve-blockquote.--short-quote cite::before {
  top: -0.25em;
}
hyve-blockquote::before, hyve-blockquote::after {
  content: "";
  position: absolute;
  top: 1.25rem;
  bottom: 1.25rem;
  margin: auto;
  width: 1.875rem;
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20198%20198%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28180%2C99%2C99%29%22%3E%3Cpath%20id%3D%22q%22%20d%3D%22M0%2092.9h48c-0.8%2035-10.7%2039-23.2%2040.1L20%20133.6v38.5l5.5-0.3c16.3-0.9%2034.3-3.9%2046.3-18.7C82.4%20140.1%2087%20118.9%2087%2086.3V25.9H0V92.9z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3Cuse%20href%3D%22%23q%22%20transform%3D%22translate%28110%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: soft-light;
}
hyve-blockquote::before {
  left: 1.25rem;
}
hyve-blockquote::after {
  right: 1.25rem;
  transform: rotate(180deg);
}
hyve-blockquote hyve-cite {
  display: block;
  margin-top: 1em;
  text-align: center;
  position: relative;
  line-height: 1.5em;
  font-size: 90%;
  padding-top: 0.75em;
}
hyve-blockquote hyve-cite strong, hyve-blockquote hyve-cite span {
  display: block;
}
hyve-blockquote hyve-cite::before {
  content: "";
  position: absolute;
  top: -1em;
  left: 0;
  right: 0;
  margin: auto;
  background: var(--node-color);
  height: 0.2em;
  width: 3em;
  border-radius: 1em;
}

caption {
  caption-side: bottom;
  text-align: right;
}

@media screen and (min-width: 1025px) {
  .only-mobile-or-tablet {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .only-tablet-or-desktop {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .only-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .only-desktop {
    display: none !important;
  }
}

.turbo-frame-error {
  display: inline-block;
  width: 1rem;
  aspect-ratio: 1;
  border: 2px solid red;
  border-radius: 2px;
  opacity: 0.5;
  text-indent: 2rem;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20stroke%3D%22red%22%20stroke-width%3D%223%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%2232%22%20x2%3D%2232%22%20y2%3D%220%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
}

@keyframes bw-fade-in {
  0% {
    opacity: 0;
    transform: scale(0.7);
    filter: blur(5px);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}
@keyframes bw-fade-out {
  0% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
  100% {
    opacity: 0;
    transform: scale(0.7);
    filter: blur(5px);
  }
}
@keyframes bw-drop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes bw-wiggle {
  0%, 100% {
    filter: blur(0);
  }
  10%, 90% {
    transform: translate3d(-2px, -1px, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
    filter: blur(0);
  }
  30%, 50%, 70% {
    transform: translate3d(-3px, 0, 0);
    filter: blur(1px);
  }
  40%, 60% {
    transform: translate3d(3px, 0, 0);
    filter: blur(0);
  }
}
@keyframes bw-slide-down {
  0% {
    transform: translateY(-10px) scaleY(1);
    opacity: 0;
    filter: blur(10px);
  }
  40% {
    transform: translateY(0) scaleY(1.1);
    opacity: 1;
    filter: blur(0);
  }
  65% {
    transform: translateY(5px) scaleY(1.1);
    opacity: 1;
    filter: blur(0);
  }
  100% {
    transform: translateY(0) scaleY(1);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes bw-elastic-point-down {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  50% {
    transform: scale(1.2, 0.8) translateY(-5%);
  }
  75% {
    transform: scale(0.8, 1.2) translateY(25%);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes bw-fade-in-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bw-3d-spin-z-pause {
  0% {
    transform: rotateX(0deg);
  }
  40% {
    transform: rotateX(0deg);
  }
  60% {
    transform: rotateX(360deg);
  }
  100% {
    transform: rotateX(360deg);
  }
}
@keyframes bw-fade-in-bounce {
  0% {
    opacity: 0;
    transform: scale(0.8);
    filter: blur(5px);
  }
  70% {
    opacity: 1;
    transform: scale(1.05);
    filter: blur(3px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}
@keyframes bw-slide-in {
  0% {
    opacity: 0;
    transform: translateX(-50px);
    filter: blur(10px);
  }
  50% {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
  }
  100% {
    opacity: 1;
  }
}
.interest-picker-controls-filter::-webkit-search-cancel-button, .nav-search-field::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: var(--clear-button-size, 12px);
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%2232%22%20x2%3D%2232%22%20y2%3D%220%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  cursor: pointer;
}

.nav-search-container {
  position: relative;
}
@media screen and (max-width: 767px) {
  .nav-search-container {
    display: none;
  }
}

.nav-search-button {
  height: 40px;
  width: 60px;
  cursor: pointer;
  background: transparent;
  border-radius: 5px;
  border: 2px solid #595959;
  transition: background 0.3s ease-in-out;
}
.nav-search-button:hover, .nav-search-button:focus-visible {
  background: #595959;
  outline: none;
}
.nav-search-container.--search-open .nav-search-button {
  background: #595959;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .nav-search-button {
    width: 48px;
  }
}

.nav-search-field {
  height: 40px;
  color: white;
  background: #383838;
  border: 1px solid #595959;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  outline: none;
  padding-left: 0.7em;
  padding-right: 32px;
}
.nav-search-field::-webkit-search-cancel-button {
  position: relative;
  left: 1em;
}

.nav-search-icon {
  fill: white;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .nav-search-container {
    display: grid;
    grid-template-columns: 0 max-content;
    grid-template-areas: "field button";
    grid-area: search;
  }
  .nav-search-field-wrapper {
    grid-area: field;
    position: absolute;
    top: 0;
    left: 0;
  }
  .nav-search-field {
    position: absolute;
    transition: transform 0.3s ease-in-out;
  }
  .nav-search-container.--search-open .nav-search-field {
    width: 300px;
  }
  .nav-search-button {
    grid-area: button;
    position: relative;
  }
  .nav-search-button::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #ffd939;
    top: 0;
    left: 8px;
    right: 0;
    bottom: 0;
    margin: auto 0;
    transform: translateX(-1.5px);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .nav-search-container.--has-input .nav-search-button::after {
    opacity: 1;
  }
  .nav-search-container.--search-open .nav-search-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.nav-sidebar-toggle-container {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .nav-sidebar-toggle-container {
    right: 0;
  }
}
body.--sidebar-open .nav-sidebar-toggle-container .close-sidebar {
  display: inherit;
  opacity: 0 !important;
}
body.--sidebar-open .nav-sidebar-toggle-container:hover .close-sidebar {
  opacity: 1 !important;
}

.nav-sidebar-toggle {
  position: relative;
  height: 100%;
  width: 3rem;
  color: #ffd939;
  cursor: pointer;
  z-index: 9;
}
@media screen and (min-width: 768px) {
  .nav-sidebar-toggle {
    width: 2.5rem;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .nav-sidebar-toggle {
    right: 0;
  }
}
.nav-sidebar-toggle::before, .nav-sidebar-toggle::after {
  position: absolute;
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  transition: transform 0.3s ease-in-out;
}
.nav-sidebar-toggle::before {
  content: "\f08a";
  font-family: FontAwesome;
  font-size: 24px;
  color: inherit;
  transition-delay: 0.15s;
}
body.--sidebar-open .nav-sidebar-toggle::before {
  transform: scaleX(0);
  transition-delay: unset;
}

.nav-sidebar-toggle::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%2232%22%20x2%3D%2232%22%20y2%3D%220%22%2F%3E%3C%2Fsvg%3E");
  transform: scaleX(0);
  transition-delay: unset;
}
body.--sidebar-open .nav-sidebar-toggle::after {
  transform: scaleX(1);
  transition-delay: 0.15s;
}

.nav-sidebar-toggle-label {
  font-size: x-small;
  text-align: left;
  text-transform: uppercase;
  color: #ffd939;
  animation: bw-fade-in 0.3s ease-in-out forwards;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .nav-sidebar-toggle-label {
    order: -1;
  }
}
body.--sidebar-open .nav-sidebar-toggle-label {
  display: none;
}

.nav-sidebar-toggle-label.close-sidebar {
  display: none;
}

.nav-interests-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2000;
  left: calc(50% + 2px);
  top: calc(50% + 2px);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #ffd939;
  color: #111111;
  font-weight: normal;
  font-size: 0.8rem;
  cursor: pointer;
}

/*!
 * * Hamburgers
 * * @description Tasty CSS-animated hamburgers
 * * @author Jonathan Suh @jonsuh
 * * @site https://jonsuh.com/hamburgers
 * * @link https://github.com/jonsuh/hamburgers */
.hamburger, .nav-hamburger, .nav-top.--mobile-menu-open .nav-hamburger {
  padding: 20px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger.is-active .hamburger-inner, .is-active.nav-hamburger .hamburger-inner, .nav-top.--mobile-menu-open .nav-hamburger .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.is-active.nav-hamburger .hamburger-inner::before,
.nav-top.--mobile-menu-open .nav-hamburger .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after,
.is-active.nav-hamburger .hamburger-inner::after,
.nav-top.--mobile-menu-open .nav-hamburger .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 3px;
  background-color: #fff;
  border-radius: 3px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/* * * 3DX */
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--3dx.nav-hamburger .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--3dx.nav-hamburger .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--3dx.nav-hamburger .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/* * * 3DX Reverse */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--3dx-r.nav-hamburger .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--3dx-r.nav-hamburger .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--3dx-r.nav-hamburger .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/* * * 3DY */
.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--3dy.nav-hamburger .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--3dy.nav-hamburger .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--3dy.nav-hamburger .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/* * * 3DY Reverse */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--3dy-r.nav-hamburger .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--3dy-r.nav-hamburger .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--3dy-r.nav-hamburger .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/* * * 3DXY */
.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--3dxy.nav-hamburger .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--3dxy.nav-hamburger .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--3dxy.nav-hamburger .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/* * * 3DXY Reverse */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--3dxy-r.nav-hamburger .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--3dxy-r.nav-hamburger .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--3dxy-r.nav-hamburger .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/* * * Arrow */
.hamburger--arrow.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--arrow.nav-hamburger .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--arrow.nav-hamburger .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/* * * Arrow Right */
.hamburger--arrow-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--arrow-r.nav-hamburger .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--arrow-r.nav-hamburger .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/* * * Arrow Alt */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--arrowalt.nav-hamburger .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--arrowalt.nav-hamburger .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/* * * Arrow Alt Right */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--arrowalt-r.nav-hamburger .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--arrowalt-r.nav-hamburger .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/* * * Arrow Turn */
.hamburger--arrowturn.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--arrowturn.nav-hamburger .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--arrowturn.nav-hamburger .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--arrowturn.nav-hamburger .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/* * * Arrow Turn Right */
.hamburger--arrowturn-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--arrowturn-r.nav-hamburger .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--arrowturn-r.nav-hamburger .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--arrowturn-r.nav-hamburger .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/* * * Boring */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--boring.nav-hamburger .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--boring.nav-hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--boring.nav-hamburger .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/* * * Collapse */
.hamburger--collapse .hamburger-inner, .nav-hamburger .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after, .nav-hamburger .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before, .nav-hamburger .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner, .is-active.nav-hamburger .hamburger-inner, .nav-top.--mobile-menu-open .nav-hamburger .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after, .is-active.nav-hamburger .hamburger-inner::after, .nav-top.--mobile-menu-open .nav-hamburger .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before, .is-active.nav-hamburger .hamburger-inner::before, .nav-top.--mobile-menu-open .nav-hamburger .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* * * Collapse Reverse */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--collapse-r.nav-hamburger .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--collapse-r.nav-hamburger .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--collapse-r.nav-hamburger .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* * * Elastic */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--elastic.nav-hamburger .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--elastic.nav-hamburger .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--elastic.nav-hamburger .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/* * * Elastic Reverse */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--elastic-r.nav-hamburger .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--elastic-r.nav-hamburger .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--elastic-r.nav-hamburger .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/* * * Emphatic */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--emphatic.nav-hamburger .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--emphatic.nav-hamburger .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--emphatic.nav-hamburger .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* * * Emphatic Reverse */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--emphatic-r.nav-hamburger .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--emphatic-r.nav-hamburger .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--emphatic-r.nav-hamburger .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* * * Minus */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--minus.nav-hamburger .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--minus.nav-hamburger .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--minus.nav-hamburger .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--minus.nav-hamburger .hamburger-inner::after {
  bottom: 0;
}

/* * * Slider */
.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--slider.nav-hamburger .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--slider.nav-hamburger .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--slider.nav-hamburger .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/* * * Slider Reverse */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--slider-r.nav-hamburger .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--slider-r.nav-hamburger .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--slider-r.nav-hamburger .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/* * * Spin */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--spin.nav-hamburger .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--spin.nav-hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--spin.nav-hamburger .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* * * Spin Reverse */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--spin-r.nav-hamburger .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--spin-r.nav-hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--spin-r.nav-hamburger .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* * * Spring */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--spring.nav-hamburger .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--spring.nav-hamburger .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--spring.nav-hamburger .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/* * * Spring Reverse */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--spring-r.nav-hamburger .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--spring-r.nav-hamburger .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--spring-r.nav-hamburger .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* * * Stand */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--stand.nav-hamburger .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--stand.nav-hamburger .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--stand.nav-hamburger .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* * * Stand Reverse */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--stand-r.nav-hamburger .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--stand-r.nav-hamburger .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--stand-r.nav-hamburger .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* * * Squeeze */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--squeeze.nav-hamburger .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--squeeze.nav-hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--squeeze.nav-hamburger .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* * * Vortex */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--vortex.nav-hamburger .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--vortex.nav-hamburger .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--vortex.nav-hamburger .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--vortex.nav-hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--vortex.nav-hamburger .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/* * * Vortex Reverse */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner, .nav-top.--mobile-menu-open .hamburger--vortex-r.nav-hamburger .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--vortex-r.nav-hamburger .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--vortex-r.nav-hamburger .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .nav-top.--mobile-menu-open .hamburger--vortex-r.nav-hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after, .nav-top.--mobile-menu-open .hamburger--vortex-r.nav-hamburger .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

@media screen and (min-width: 768px) {
  .nav-hamburger {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .nav-hamburger {
    position: absolute;
    left: 0;
    z-index: 999999;
    transform: scale(0.7);
  }
}
@media screen and (max-width: 1024px) {
  .nav-call-to-action {
    display: none !important;
  }
}
body {
  --nav-size: 64px;
}
@media screen and (min-width: 768px) {
  body.--scrolled {
    --nav-size: 48px;
  }
}

.nav-top {
  height: var(--nav-size);
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  contain: layout size;
  transition: height 0.3s;
}
.nav-top a {
  color: white;
  font-weight: 700;
  text-align: center;
  outline: none;
}

.nav-top-frame {
  position: relative;
  display: grid;
  height: 100%;
  grid-template-rows: 1fr;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .nav-top.--mobile-menu-open .nav-top-frame {
    align-items: flex-start;
  }
}

.nav-menu-link {
  display: block;
  font-size: 0.8rem;
}

.nav-logo-link {
  display: block;
  grid-area: logo;
  height: 40px;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
  transform-origin: 0 50%;
}
.nav-logo-link:focus-visible {
  filter: drop-shadow(0 0 0.75rem white) drop-shadow(0 0 0.25rem rgba(255, 217, 57, 0.5));
}

.nav-logo {
  width: 100%;
  height: auto;
}

.nav-logo-seal {
  transition-property: transform;
  transition-duration: 0.39s;
  transition-timing-function: ease-in-out;
  transform-origin: 49px 54px;
}
@media screen and (min-width: 768px) {
  body.--scrolled .nav-logo-seal {
    transform: rotate(360deg) scale(0.75);
  }
}

@media screen and (max-width: 1024px) {
  .nav-logo-text {
    display: none;
  }
}

.nav-menu-item {
  outline: none;
}

.nav-call-to-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 9;
  height: 100%;
  font-size: 0.6rem;
  letter-spacing: 1px;
}
.nav-call-to-action a.nav-contact {
  letter-spacing: normal;
  padding-block: 0.75em;
}

.wiggle {
  animation: bw-wiggle 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .nav-logo {
    margin-left: 1.5rem;
  }
  .nav-top-frame {
    grid-template-columns: var(--nav-size) max-content max-content;
    width: auto;
    margin-right: 5vw;
    margin-left: 10vw;
    -moz-column-gap: 1.5vw;
         column-gap: 1.5vw;
  }
}
@media screen and (min-width: 1025px) {
  .nav-top-frame {
    grid-template-columns: 200px max-content auto max-content;
    width: 80vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .nav-top-frame {
    grid-template-areas: "logo menu search cta";
    max-width: 1200px;
    -moz-column-gap: min(30px, 2vw);
         column-gap: min(30px, 2vw);
  }
  .nav-logo-link {
    display: inline-block;
    width: 150px;
  }
  .nav-menu-container {
    grid-area: menu;
  }
  .nav-menu-container ul {
    list-style-type: none;
  }
  .nav-call-to-action {
    grid-area: cta;
  }
  button.interests-mobile {
    display: none;
  }
  .nav-call-to-action a {
    font-size: 1.2em;
  }
  .nav-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    -moz-column-gap: min(30px, 2vw);
         column-gap: min(30px, 2vw);
  }
  .nav-menu-item {
    position: relative;
    opacity: 0.8;
    transition: opacity 0.45s;
  }
  .nav-menu-item::after {
    content: "";
    position: absolute;
    left: 25%;
    bottom: -5px;
    width: 50%;
    height: 2px;
    background: #ffd939;
    transition: transform 0.45s;
    transform: scaleX(0);
    border-radius: 2px;
  }
  .nav-menu-item:hover, .nav-menu-item:focus, .nav-menu-item.nav-menu-item--selected {
    opacity: 1;
  }
  .nav-menu-item:hover::after, .nav-menu-item:focus::after, .nav-menu-item.nav-menu-item--selected::after {
    transform: scaleX(1);
  }
  .nav-menu-link {
    color: rgba(255, 255, 255, 0.9);
    transition: all 600ms ease-in-out 0s;
    letter-spacing: 1px;
  }
  .nav-social {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .nav-social-button, .nav-menu-link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%2325251e' fill-opacity='0.2' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 4px;
  }
  .nav-social-button:hover, .nav-menu-link:hover, .nav-social-button:active, .nav-menu-link:active {
    background-color: #ffd939;
    color: #222222;
    border: 1px solid #ffd939;
    box-shadow: inset 0 0 1px #fff, 0 0 15px #ffd939;
    z-index: 99999;
  }
  .nav-contact {
    display: none !important;
  }
  .nav-top-frame {
    grid-template-columns: var(--nav-size) 1fr var(--nav-size);
    grid-template-areas: ". logo cta";
  }
  .nav-logo-link {
    position: relative;
    width: 40px;
    height: var(--nav-size);
    overflow: hidden;
    justify-self: center;
  }
  .nav-logo {
    width: 180px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .nav-menu-container {
    display: none;
    width: 100vw;
    height: 100vh;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.92);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    animation: bw-drop 600ms ease-in-out 0s 1 forwards;
  }
  .nav-top.--mobile-menu-open .nav-menu-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nav-menu-item {
    margin-bottom: 10px;
  }
  .nav-menu-item:nth-child(1) a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .nav-menu-item:nth-child(6) a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .nav-menu-item:nth-child(7) a {
    margin-top: 10px;
    border-radius: 5px;
    background-color: #ffd939;
    color: #222222;
  }
  .nav-menu-link {
    margin: auto;
    max-width: 80vw;
    width: 260px;
    padding: 2vh 0;
    font-size: 0.7rem;
    line-height: 1.7em;
    letter-spacing: 0.5px;
    text-shadow: 1px 0 10px rgba(0, 0, 0, 0.8);
    border: 1px solid #222222;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #222222;
    animation: bw-fade-in 350ms ease-in-out forwards;
  }
  .nav-social {
    display: none;
    position: fixed;
    top: 10px;
    width: 100vw;
    flex-direction: row;
    justify-content: center;
    gap: 2vw;
  }
  .nav-top.--mobile-menu-open .nav-social {
    display: flex;
  }
  .nav-social-button {
    display: grid;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    height: 2.8em;
    aspect-ratio: 1.1;
    border: 1px solid #222222;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    animation: bw-fade-in 0.3s ease-in-out both;
    animation-delay: 700ms;
    background-color: #222222;
    transition: all 0.3s ease-in-out;
  }
  button.interests-mobile {
    display: grid;
    grid-template-columns: 1fr;
    position: absolute;
    right: 0;
    z-index: 1000;
    color: white;
    font-size: 2em;
    padding: 15px 15px;
  }
}
section.hero img {
  margin-top: 5vh;
}

svg.linkedin-top {
  width: 15px;
}

.bi-facebook, .bi-twitter {
  margin-top: 13px;
}

.header-image {
  position: relative;
  margin-bottom: 6vh;
  background-color: #011d2a;
  background-size: cover;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, black, transparent);
          mask-image: linear-gradient(180deg, black, transparent);
}
.header-image.mobile {
  background-position: unset !important;
}
@media screen and (min-width: 768px) {
  .header-image.mobile {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header-image.desktop {
    display: none;
  }
}
.header-image.placeholder-image {
  transition: filter 0.5s linear;
  filter: blur(50px);
}
.header-image.replaced {
  filter: blur(0);
}
.header-image.full-screen {
  height: 95vh;
  margin-bottom: 0;
  -webkit-mask-image: none;
          mask-image: none;
}
@media screen and (min-width: 1025px) {
  .header-image.full-screen {
    height: 100vh;
  }
}

.node-with-promotion .header-image {
  margin-bottom: 0;
}

.no-header-image {
  padding-top: 128px;
}
.no-header-image .header-image {
  display: none;
}

.glass-page {
  padding: 0 1em;
  max-width: 1200px;
}

.floating-banner, .floating-banner-bottom, .floating-banner-top, #cookie-banner, .testimonials-container, #footer .footer-container {
  padding: 0 1em;
  max-width: 1024px;
}
@media screen and (max-width: 767px) {
  .floating-banner, .floating-banner-bottom, .floating-banner-top, #cookie-banner, .testimonials-container, #footer .footer-container {
    max-width: 100%;
  }
}

.glass-page, .floating-banner, .floating-banner-bottom, .floating-banner-top, #cookie-banner, .testimonials-container, #footer .footer-container {
  padding: 0 1em;
  margin: 0 auto;
}

.related-item-description {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.interests-list, .form-field .radio-set-wrapper, .form-field .multiple-choice-wrapper {
  display: grid;
  gap: 1em;
}

#footer {
  background-color: #171717;
  padding: 50px 100px;
  margin-top: 6rem;
  color: #fefefe;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #footer {
    padding: 50px;
  }
}
@media screen and (max-width: 767px) {
  #footer {
    padding: 1rem;
  }
}
#footer .footer-container {
  position: relative;
}
#footer .interests {
  font-weight: bold;
  text-align: center;
  font-size: 0.8rem;
  margin-bottom: 2rem;
}
#footer a {
  color: #ffd939;
}
#footer .footer-text {
  max-width: 300px;
}
@media screen and (max-width: 767px) {
  #footer .footer-text {
    text-align: center;
    max-width: 100%;
  }
}
#footer .footer-text .footer-text-logo svg {
  width: 160px;
}
#footer .footer-text h4 {
  color: #7d7d7d;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 100;
}
#footer .footer-text .footer-text-info {
  font-size: 1.5rem;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
}
#footer .footer-text .footer-text-info > span {
  color: #ffd939;
}
@media screen and (max-width: 767px) {
  #footer .footer-text .footer-text-info {
    max-width: 300px;
    margin: auto;
  }
}
#footer .footer-text .footer-text-contact-info {
  margin-top: 1rem;
}
#footer .footer-text-terms {
  color: #7d7d7d;
  -webkit-font-smoothing: antialiased;
  font-size: 0.7rem;
  margin-top: 9rem;
}
@media screen and (max-width: 767px) {
  #footer .footer-text-terms {
    text-align: center;
    margin-top: 0;
  }
}
#footer #footer-contact-form {
  position: absolute;
  width: 400px;
  top: -70px;
  right: 0;
  background-color: #222222;
  padding: 3rem 2rem;
  border-radius: 10px;
  box-shadow: 0px 3px 5px black;
}
@media screen and (max-width: 767px) {
  #footer #footer-contact-form {
    position: static;
    margin: 3rem auto 1rem;
    max-width: 400px;
    width: 100%;
  }
}
#footer #footer-contact-form label {
  margin-bottom: 1.25rem;
}
#footer #footer-contact-form .bz-checkbox label {
  margin-bottom: 0;
}
#footer #footer-contact-form .custom-field {
  cursor: text;
}
#footer #footer-contact-form .float-label {
  top: 0.7rem;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}
#footer #footer-contact-form .form-field:focus-within .float-label, #footer #footer-contact-form .form-field.with-content .float-label {
  left: 0.5rem;
  text-transform: uppercase;
}
#footer #footer-contact-form .form-field input.text-input {
  -webkit-font-smoothing: antialiased;
  height: 40px;
  background-color: #383838;
  border: 1px solid #333;
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.4);
  font-size: 12px;
  padding: 0.25rem 0.75rem;
  color: #fefefe;
}
#footer #footer-contact-form .custom-field.text-area {
  -webkit-font-smoothing: antialiased;
  background-color: #383838;
  border: 1px solid #333;
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.4);
}
#footer #footer-contact-form .custom-field.text-area textarea {
  background-color: transparent;
  color: #fefefe;
  font-size: 12px;
}
#footer .recaptcha-branding, #footer .privacy-policy-agreement {
  font-size: 0.7rem;
  color: #7d7d7d;
}
#footer .privacy-policy-agreement {
  margin-bottom: 1rem;
  display: block;
}
#footer .privacy-policy-agreement input[type=checkbox] {
  margin-right: 0.25rem;
}

body.action-thanks #footer {
  margin-top: 0;
}

.accordion {
  padding: 0;
  margin: 0;
}

.accordion-item {
  list-style: none;
  padding: 0;
  margin: 0;
}
.accordion-item.accordion-item--no-content .accordion-item-label {
  cursor: auto;
}

.accordion-item-checkbox {
  position: absolute;
  visibility: hidden;
}
.accordion-item-checkbox:checked + .accordion-item-label::before {
  transform: rotate(-45deg);
  transition-duration: 100ms;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20stroke%3D%22rgba%280%2C%200%2C%200%2C%200.6%29%22%20stroke-width%3D%222%22%20fill%3D%22white%22%3E%3Ccircle%20stroke%3D%22white%22%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%225%22%20x2%3D%2216%22%20y2%3D%2227%22%2F%3E%3Cline%20x1%3D%225%22%20y1%3D%2216%22%20x2%3D%2227%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E");
}
.accordion-item-checkbox:checked ~ .accordion-item-content {
  visibility: visible;
  max-height: 100vh;
}

.accordion-item-label {
  display: block;
  cursor: pointer;
}
.accordion-item-label::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  top: -0.0625em;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%3Ccircle%20stroke%3D%22white%22%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%225%22%20x2%3D%2216%22%20y2%3D%2227%22%2F%3E%3Cline%20x1%3D%225%22%20y1%3D%2216%22%20x2%3D%2227%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E");
  transition-duration: 100ms;
}
.accordion-item-label:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20stroke%3D%22rgba%280%2C%200%2C%200%2C%200.6%29%22%20stroke-width%3D%222%22%20fill%3D%22white%22%3E%3Ccircle%20stroke%3D%22white%22%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%225%22%20x2%3D%2216%22%20y2%3D%2227%22%2F%3E%3Cline%20x1%3D%225%22%20y1%3D%2216%22%20x2%3D%2227%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E");
}

.accordion-item-content {
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  transition: all 0.3s ease-in-out;
  contain: layout paint;
  background-color: rgba(34, 34, 34, 0.9);
}

.accordion-item-close {
  cursor: pointer;
}
.accordion-item-close::before {
  content: "⨉";
}

.add-interests-modal-wrapper {
  background-color: #fff;
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  max-width: 95vw;
}
@media screen and (max-width: 1200px) {
  .add-interests-modal-wrapper {
    max-width: 100vw;
  }
}
@media screen and (max-width: 1024px) {
  .add-interests-modal-wrapper {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .add-interests-modal-wrapper {
    padding: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .add-interests-modal-wrapper {
    padding: 0;
  }
}

:is(.add-interests-modal-dialog, #specificity-hack) {
  background-image: url(/images/backgrounds/add-interests-email.png);
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  box-shadow: 0 0 16px rgba(61, 31, 119, 0.75), 0 0 40px rgba(0, 0, 0, 0.5);
  padding: 3rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  :is(.add-interests-modal-dialog, #specificity-hack) {
    padding: 1rem;
  }
}
@media screen and (max-width: 767px) {
  :is(.add-interests-modal-dialog, #specificity-hack) {
    padding: 0;
  }
}
:is(.add-interests-modal-dialog, #specificity-hack) button {
  color: #fefefe;
}

.add-interests-modal-content {
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  background-image: radial-gradient(71.88% 370.93% at 23.57% 42.94%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  padding: 5rem;
}
.add-interests-modal-content .hover-expandable {
  max-height: 125px;
  -webkit-mask-image: linear-gradient(to bottom, black 100px, transparent 100%);
          mask-image: linear-gradient(to bottom, black 100px, transparent 100%);
}
.add-interests-modal-content .hover-expandable h4 {
  font-size: 1.25rem;
}
.add-interests-modal-content .interest-pill {
  box-shadow: 0px 4px 40px #ba6aa2;
}
@media screen and (max-width: 1024px) {
  .add-interests-modal-content {
    padding: 2rem;
    border: none;
  }
}

.add-to-interests-pills-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.add-to-interests-pills-container .interest-pill {
  pointer-events: none;
}
.add-to-interests-pills-container .interest-pill-heart-wrapper {
  display: none;
}

.intake-app-interests-pills-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .intake-app-interests-pills-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .intake-app-interests-pills-container {
    grid-template-columns: 1fr;
  }
}
.intake-app-interests-pills-container .interest-pill {
  box-shadow: none;
  width: 100%;
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .intake-app-interests-pills-container {
    background-color: rgba(186, 106, 162, 0.6);
    background-image: first-interest-modal-gradient(0.6);
  }
}

.add-to-interests-pills-text-container {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  gap: 3.5rem;
}
@media screen and (max-width: 767px) {
  .add-to-interests-pills-text-container {
    flex-direction: column-reverse;
    gap: 3rem;
  }
}
.add-to-interests-pills-text-container h2 {
  margin: 0;
  align-self: center;
  color: white;
  font-size: 2rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .add-to-interests-pills-text-container h2 {
    margin: 2rem auto 1rem;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .add-to-interests-pills-text-container h2 {
    flex-direction: column;
    margin: auto;
  }
}
.add-to-interests-pills-text-container h2 span {
  text-shadow: 1px 1px 10px #ba6aa2;
}
@media screen and (min-width: 768px) {
  .add-to-interests-pills-text-container h2 span {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .add-to-interests-pills-text-container h2 span {
    margin-top: 1em;
  }
}

.add-to-interests-title, .add-to-interests-added-title {
  margin: 0 !important;
}

.add-interests-confirmation-prompt-text {
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}
.add-interests-confirmation-prompt-text.add-interests-pills-intake-prompt-text {
  padding-top: 1.5rem;
}

.add-interests-email-thanks-text, .add-interests-intake-thanks-text {
  font-weight: 400;
}

.add-interests-intake-thanks-text, .add-interests-intake-success-text {
  font-size: 1.25rem;
}

.add-interests-buttons-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.25rem;
}
@media screen and (max-width: 1024px) {
  .add-interests-buttons-container {
    width: 100%;
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
    gap: 1rem;
  }
}

.add-interests-button {
  height: 6rem;
  font-weight: 700;
  font-size: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 20px rgba(176, 173, 173, 0.35);
  border-radius: 8px;
}
@media screen and (max-width: 1024px) {
  .add-interests-button {
    width: 100%;
  }
}

.add-interests-confirm-button {
  display: flex;
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url(/images/backgrounds/add-to-services-btn-bg.svg);
  background-size: cover;
  align-items: center;
  flex: auto;
  padding: 0;
}
.add-interests-confirm-button span {
  color: #826B09;
  padding: 2.25rem 1.25rem;
  flex: auto;
}
@media screen and (max-width: 1024px) {
  .add-interests-confirm-button span {
    padding: 1rem;
  }
}

.add-to-interests-arrow-container {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  height: 100%;
  padding: 1.25rem;
}
@media screen and (max-width: 767px) {
  .add-to-interests-arrow-container {
    display: none;
  }
}
.add-to-interests-arrow-container .add-to-interests-arrow-container-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0px 0px 20px rgba(255, 217, 57, 0.5);
}
.add-to-interests-arrow-container .arrow--right {
  border: solid #826B09;
  padding: 3px;
  border-width: 0 3px 3px 0;
  margin-left: -3px;
  transform: rotate(-45deg);
}

.add-interests-close-button, .add-interests-let-us-know-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 2.5rem;
  background: rgba(255, 255, 255, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  color: #fefefe;
}
.add-interests-close-button:hover, .add-interests-let-us-know-button:hover {
  color: #fefefe;
}

.add-to-interests-added-title, .add-interests-success-text, .add-interests-let-us-know-button {
  display: none;
}

.add-interests-modal-added-dialog .add-to-interests-added-title, .add-interests-modal-added-dialog .add-interests-success-text {
  display: inherit;
}
.add-interests-modal-added-dialog .add-interests-close-button, .add-interests-modal-added-dialog .add-interests-let-us-know-button {
  display: flex;
}
.add-interests-modal-added-dialog .add-to-interests-title, .add-interests-modal-added-dialog .add-interests-prompt-text, .add-interests-modal-added-dialog .add-interests-confirm-button, .add-interests-modal-added-dialog .add-interests-email-thanks-text {
  display: none;
}

.add-interests-let-us-know-button.add-interests-intake-app-button {
  display: flex;
}

.bee-tag {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5em;
}

.bee-tag-headshot {
  width: 2em;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1.5px solid white;
  -o-object-fit: cover;
     object-fit: cover;
}

.bee-tag--vertical {
  flex-direction: column;
}
.bee-tag--vertical .bee-tag-headshot {
  width: 4em;
}

div.sidebar-interests-intro-card, .button--groove:is(.button--groove, .spec.bump.bump.bump) {
  border: 3px solid black;
  box-shadow: 0 0 0 1px var(--button-color, #ffd939), 0 0 0 1px inset var(--button-color, #ffd939);
  border-radius: 3px;
}

.button, .interest-picker-controls-sort-toggle, .button--caps, .button--block, .button--back, .button--groove, .button--wider, .button--wide, .button--pill, .button--hollow, .button--hollow-thicker, .button--hollow-thick, .button--larger, .button--large, .button--smaller, .button--small, .button--white, .button--black, .button--deep-purple, .button--solid {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.35em;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  padding: 0.75em 1.3em;
  background-color: var(--button-color, #ffd939);
  color: var(--button-text-color, black);
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .button, .interest-picker-controls-sort-toggle, .button--caps, .button--block, .button--back, .button--groove, .button--wider, .button--wide, .button--pill, .button--hollow, .button--hollow-thicker, .button--hollow-thick, .button--larger, .button--large, .button--smaller, .button--small, .button--white, .button--black, .button--deep-purple, .button--solid {
    text-align: center;
    display: flex;
  }
}
.button:hover, .interest-picker-controls-sort-toggle:hover, .button--caps:hover, .button--block:hover, .button--back:hover, .button--groove:hover, .button--wider:hover, .button--wide:hover, .button--pill:hover, .button--hollow:hover, .button--hollow-thicker:hover, .button--hollow-thick:hover, .button--larger:hover, .button--large:hover, .button--smaller:hover, .button--small:hover, .button--white:hover, .button--black:hover, .button--deep-purple:hover, .button:focus-visible, .interest-picker-controls-sort-toggle:focus-visible, .button--caps:focus-visible, .button--block:focus-visible, .button--back:focus-visible, .button--groove:focus-visible, .button--wider:focus-visible, .button--wide:focus-visible, .button--pill:focus-visible, .button--hollow:focus-visible, .button--hollow-thicker:focus-visible, .button--hollow-thick:focus-visible, .button--larger:focus-visible, .button--large:focus-visible, .button--smaller:focus-visible, .button--small:focus-visible, .button--white:focus-visible, .button--black:focus-visible, .button--deep-purple:focus-visible, .button--solid:hover, .button--solid:focus-visible {
  --button-color: var(--button-color-focus, rgb(255, 220.8, 76.8));
  color: var(--button-text-color, black);
}
.button:active, .interest-picker-controls-sort-toggle:active, .button--caps:active, .button--block:active, .button--back:active, .button--groove:active, .button--wider:active, .button--wide:active, .button--pill:active, .button--hollow:active, .button--hollow-thicker:active, .button--hollow-thick:active, .button--larger:active, .button--large:active, .button--smaller:active, .button--small:active, .button--white:active, .button--black:active, .button--deep-purple:active, .button--solid:active {
  --button-color: var(--button-color-focus, rgb(255, 224.6, 96.6));
  color: var(--button-text-color, black);
  transform: scale(0.98);
}
.button:disabled, .interest-picker-controls-sort-toggle:disabled, .button--caps:disabled, .button--block:disabled, .button--back:disabled, .button--groove:disabled, .button--wider:disabled, .button--wide:disabled, .button--pill:disabled, .button--hollow:disabled, .button--hollow-thicker:disabled, .button--hollow-thick:disabled, .button--larger:disabled, .button--large:disabled, .button--smaller:disabled, .button--small:disabled, .button--white:disabled, .button--black:disabled, .button--deep-purple:disabled, .button--solid:disabled {
  background-color: #cccccc;
}

.button--deep-purple {
  --button-color: #290186;
  --button-color-opposite: white;
}
.button--deep-purple:hover:not(:disabled), .button--deep-purple:focus-visible {
  --button-color: var(--button-color-focus, rgb(52.3379699248, 1.15, 171.35));
}

.button--black {
  --button-color: #222222;
  --button-color-opposite: white;
}
.button--black:hover:not(:disabled), .button--black:focus-visible {
  --button-color: var(--button-color-focus, #222222);
}

.button--white {
  --button-color: white;
  --button-color-opposite: #222222;
}
.button--white:hover:not(:disabled), .button--white:focus-visible {
  --button-color: var(--button-color-focus, white);
}

:is(.button--white-text, .spec.bump.bump.bump) {
  color: white;
}

:is(.button--black-text, .spec.bump.bump.bump) {
  color: #222222;
}

.button--small {
  font-size: small;
}

.button--smaller {
  font-size: 70%;
}

.button--large {
  font-size: large;
}

.button--larger {
  font-size: larger;
}

.button--hollow, .button--hollow-thicker, .button--hollow-thick {
  background-color: transparent;
  border: 1px solid var(--button-color, #ffd939);
  padding-block: calc(0.75em - 1px);
}
.button--hollow:is(.button--hollow, .button--hollow-thicker, .button--hollow-thick, .spec.bump), .button--hollow-thicker:is(.button--hollow, .button--hollow-thicker, .button--hollow-thick, .spec.bump), .button--hollow-thick:is(.button--hollow, .button--hollow-thicker, .button--hollow-thick, .spec.bump) {
  color: var(--button-color, #ffd939);
}
.button--hollow:is(.button--hollow, .button--hollow-thicker, .button--hollow-thick, .spec.bump):hover:not(:disabled), .button--hollow-thicker:is(.button--hollow, .button--hollow-thicker, .button--hollow-thick, .spec.bump):hover:not(:disabled), .button--hollow-thick:is(.button--hollow, .button--hollow-thicker, .button--hollow-thick, .spec.bump):hover:not(:disabled), .button--hollow:is(.button--hollow, .button--hollow-thicker, .button--hollow-thick, .spec.bump):focus-visible, .button--hollow-thicker:is(.button--hollow, .button--hollow-thicker, .button--hollow-thick, .spec.bump):focus-visible, .button--hollow-thick:is(.button--hollow, .button--hollow-thicker, .button--hollow-thick, .spec.bump):focus-visible {
  color: var(--button-color-opposite, black);
}
.button--hollow:hover, .button--hollow-thicker:hover, .button--hollow-thick:hover, .button--hollow:focus-visible, .button--hollow-thicker:focus-visible, .button--hollow-thick:focus-visible {
  background-color: var(--button-color, #ffd939) !important;
}
.button--hollow:disabled, .button--hollow-thicker:disabled, .button--hollow-thick:disabled {
  border-color: #cccccc !important;
  color: #cccccc !important;
  background-color: rgba(204, 204, 204, 0.25) !important;
}

.button--hollow-thick {
  border-width: 2px;
  padding-block: calc(0.75em - 2px);
}

.button--hollow-thicker {
  border-width: 3px;
  padding-block: calc(0.75em - 3px);
}

.button--pill {
  border-radius: 4em;
}

.button--wide {
  padding-inline: 3em;
}

.button--wider {
  padding-inline: 5em;
}

.button--groove:is(.button--groove, .spec.bump.bump.bump) {
  position: relative;
}
.button--groove:focus-visible {
  outline: 1px solid white;
}

.button--soft-icon {
  position: relative;
}
.button--soft-icon i.fa {
  display: block;
  position: absolute;
  right: 1.5em;
  top: calc(50% - 1em);
  width: 2em;
  height: 2em;
  font-size: 0.6em;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 1em;
  line-height: 2em;
  text-align: center;
  text-indent: 1px;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.4);
}

.button--back {
  clip-path: polygon(18px 0, 100% 0, 100% 100%, 18px 100%, 0 52%, 0 48%);
  padding-left: 1.75em;
}

.button--block {
  display: flex;
}
.button--block:is(button, input) {
  width: 100%;
}

.button--glow:hover:not(:disabled), .button.button--glow:hover:not(:disabled) {
  box-shadow: 0 0 3rem 0 var(--button-color, #ffd939);
}

.button--caps {
  text-transform: uppercase;
}

.bz-checkbox {
  display: inline-block;
  vertical-align: middle;
}
.bz-checkbox input[type=checkbox] {
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
}
.bz-checkbox label {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #222222;
  text-transform: capitalize;
  font-size: 0.6rem;
  font-weight: 700;
}
.bz-checkbox label span {
  margin-left: 0.5rem;
}
.bz-checkbox input[type=checkbox]:checked + label {
  color: #222222;
}
.bz-checkbox input[type=checkbox]:checked + label .bz-checkbox-input {
  background-color: #28ce75;
  border: 1px solid #318185;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
  background-image: url(/assets/checkmark-7f62894d12b15da13af763c22aa3808dfa9cc0e4249e97d2b5550f7d1a954e78.svg);
  background-position: right 47% bottom 83%;
  background-size: 75%;
  background-repeat: no-repeat;
}

.bz-checkbox-input {
  position: relative;
  width: 2em;
  height: 2em;
  background-color: #c6c9cc;
  border: 1px solid #888888;
  border-radius: 5px;
}
.bz-checkbox-input:focus {
  outline: 2px solid #ffd939;
}

.floating-banner, .floating-banner-top, .floating-banner-bottom, #cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  margin: 20px auto;
  z-index: 2000000;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
  gap: 1rem;
  padding: 0.625rem 2rem;
  max-width: -moz-max-content;
  max-width: max-content;
  text-align: center;
  font-size: 0.8em;
  color: #7d7d7d;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
}
.floating-banner .button, .floating-banner-top .button, .floating-banner-bottom .button, #cookie-banner .button {
  border: 1px solid rgba(255, 255, 255, 0.9);
  background-image: linear-gradient(to top, #fafafa 0%, white 51%, #fafafa 100%);
  padding: 10px 30px;
  color: #666;
  margin: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.floating-banner .button:hover, .floating-banner-top .button:hover, .floating-banner-bottom .button:hover, #cookie-banner .button:hover {
  background-color: initial;
  color: initial;
}
@media screen and (max-width: 767px) {
  .floating-banner .button, .floating-banner-top .button, .floating-banner-bottom .button, #cookie-banner .button {
    margin-top: 3px;
  }
}
@media screen and (max-width: 767px) {
  .floating-banner, .floating-banner-top, .floating-banner-bottom, #cookie-banner {
    max-width: initial;
    font-size: 0.75rem;
    padding: 0.625rem;
    flex-direction: column;
    gap: 1rem;
  }
}

.floating-banner-bottom, #cookie-banner {
  bottom: 0;
}

.floating-banner-top {
  top: 64px;
}

.credits-headshots img:hover, .credits:has(.credits-names > a:nth-of-type(4):hover) .bee-tag:nth-child(4) > img, .credits:has(.credits-names > a:nth-of-type(3):hover) .bee-tag:nth-child(3) > img, .credits:has(.credits-names > a:nth-of-type(2):hover) .bee-tag:nth-child(2) > img, .credits:has(.credits-names > a:nth-of-type(1):hover) .bee-tag:nth-child(1) > img {
  transform: scale(1.3);
  box-shadow: 0 2px 0.5rem rgba(0, 0, 0, 0.8);
}

.credits {
  display: flex;
  font-size: small;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .credits {
    flex-direction: row;
    justify-content: space-between;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .credits.credits--single {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .credits {
    flex-direction: column;
    row-gap: 0.5em;
  }
}
.credits-headshots {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
  -moz-column-gap: 0.3rem;
       column-gap: 0.3rem;
}
.credits-headshots img {
  width: 3em;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .credits-names {
    text-align: center;
  }
}

.credits-see-all {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  text-decoration: none !important;
}
@media screen and (min-width: 768px) {
  .credits-see-all {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .credits-see-all {
    align-self: center;
  }
}
.credits-see-all:hover::after {
  transform: translateX(0.3em);
}
.credits-see-all::after {
  content: "▸";
  margin-left: 0.2em;
  transition: transform 0.2s;
}

div.credits-modal-dialog-contents {
  text-align: center;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  background: rgba(255, 255, 255, 0.1);
}
@media screen and (min-width: 1025px) {
  div.credits-modal-dialog-contents {
    padding-inline: 3rem;
    max-width: 50vw;
  }
}
div.credits-modal-dialog-contents a {
  color: #ffd939;
}
div.credits-modal-dialog-contents h1, div.credits-modal-dialog-contents h2 {
  font-weight: normal;
  color: inherit;
  margin: 0;
}
div.credits-modal-dialog-contents h1 {
  font-size: 1rem;
}
div.credits-modal-dialog-contents h2 {
  font-size: 0.7rem;
}

.credits-modal-dialog-roster {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-block: 1rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 0.5rem;
}

.credits-modal-dialog-creators .bee-tag {
  flex: 1;
}

.credits-modal-dialog-contributors {
  font-size: small;
  margin-bottom: 0;
}

.first-interest-modal-dialog {
  background-image: url(/hyve/assets/first-interest-modal-background?raw=1), linear-gradient(120deg, rgb(252, 226, 172) 0%, rgb(231, 146, 152) 16%, rgb(198, 104, 165) 33%, rgb(106, 52, 151) 51%, rgb(52, 27, 107) 68%, rgb(14, 7, 59) 100%);
  background-color: #ba6aa2;
  background-size: cover;
  background-position: center;
  max-width: 1200px;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 0 16px rgba(61, 31, 119, 0.75), 0 0 40px rgba(0, 0, 0, 0.5);
  padding: 3rem;
}
@media screen and (max-width: 1024px) {
  .first-interest-modal-dialog {
    padding: 1rem;
  }
}

.first-interest-modal-content {
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  margin: 2rem;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  background-image: radial-gradient(71.88% 370.93% at 23.57% 42.94%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  padding: 5rem;
}
.first-interest-modal-content .interest-pill {
  box-shadow: 0px 4px 40px #ba6aa2;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .first-interest-modal-content {
    padding: 2rem;
  }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .first-interest-modal-content {
    background-color: rgba(186, 106, 162, 0.6);
    background-image: linear-gradient(120deg, rgba(252, 226, 172, 0.6) 0%, rgba(231, 146, 152, 0.6) 16%, rgba(198, 104, 165, 0.6) 33%, rgba(106, 52, 151, 0.6) 51%, rgba(52, 27, 107, 0.6) 68%, rgba(14, 7, 59, 0.6) 100%);
  }
}

.first-interest-modal-text {
  color: white;
  font-size: 1.5rem;
  -webkit-font-smoothing: antialiased;
  height: 100%;
}
.first-interest-modal-text p {
  line-height: 1.9;
}
@media screen and (max-width: 1024px) {
  .first-interest-modal-text p {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .first-interest-modal-text p {
    max-width: 700px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .first-interest-modal-text p {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 376px) {
  .first-interest-modal-text p {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 321px) {
  .first-interest-modal-text p {
    font-size: 1rem;
  }
}
.first-interest-modal-text h2 {
  display: flex;
  margin: 0;
  align-items: center;
  color: white;
  font-size: 2rem;
}
@media screen and (max-width: 771px) {
  .first-interest-modal-text h2 {
    margin: 2rem auto 1rem;
    justify-content: center;
    flex-direction: column;
    margin: auto;
  }
}
.first-interest-modal-text h2 span {
  text-shadow: 1px 1px 10px #ba6aa2;
}
@media screen and (min-width: 768px) {
  .first-interest-modal-text h2 span {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 771px) {
  .first-interest-modal-text h2 span {
    margin-top: 1em;
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 771px) {
  .first-interest-modal-text-body {
    margin-bottom: 3rem;
    margin-top: 2rem;
  }
}

.first-interest-modal-buttons {
  display: flex;
  width: 50%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .first-interest-modal-buttons {
    width: 75%;
  }
}
@media screen and (max-width: 771px) {
  .first-interest-modal-buttons {
    width: 100% !important;
    flex-direction: column !important;
  }
}
.first-interest-modal-buttons .button {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  text-transform: none;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
  max-width: 50%;
  width: 100%;
  text-align: center;
  box-shadow: 0px 0px 50px #ba6aa2;
}
.first-interest-modal-buttons .button .fa {
  position: relative;
  top: -1px;
  vertical-align: middle;
}
.first-interest-modal-buttons .button:hover {
  background-color: rgba(0, 0, 0, 0.25);
  text-shadow: 0 0 5px white;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3), 0 0 95px rgba(74, 194, 231, 0.8);
}
.first-interest-modal-buttons .button + .button {
  margin-left: 1rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .first-interest-modal-buttons .button + .button {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 771px) {
  .first-interest-modal-buttons .button + .button {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .first-interest-modal-buttons .button + .button {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 771px) {
  .first-interest-modal-buttons .button {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    white-space: nowrap;
    padding: 0.75rem 2rem;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 321px) {
  .first-interest-modal-buttons .button {
    font-size: 0.75rem;
  }
}

.glass-tabset-container, .faux-glass-tabset-container, .glass-page, .glass-page-section-inner, .glass-page-section-header, hyve-glass-inner, .glass-tab-panel, .glass-tab-radio:not(:checked) + .glass-tab, .faux-glass-tab-panel, .glass-tab-radio:not(:checked) + .faux-glass-tab, .faux-glass-tab-radio:not(:checked) + .glass-tab, .faux-glass-tab-radio:not(:checked) + .faux-glass-tab, .glass-dialog-inner, .hyve-info-box-content, .frosted-glass, .glass {
  border: 1px solid var(--border-color, rgba(127, 127, 127, 0.8));
}

.glass-page, .glass-page-section-inner, .glass-page-section-header, hyve-glass-inner, .glass-tab-panel, .glass-tab-radio:not(:checked) + .glass-tab, .faux-glass-tab-panel, .glass-tab-radio:not(:checked) + .faux-glass-tab, .faux-glass-tab-radio:not(:checked) + .glass-tab, .faux-glass-tab-radio:not(:checked) + .faux-glass-tab, .glass-dialog-inner, .hyve-info-box-content, .frosted-glass, .glass {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
@supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
  .glass-page, .glass-page-section-inner, .glass-page-section-header, hyve-glass-inner, .glass-tab-panel, .glass-tab-radio:not(:checked) + .glass-tab, .faux-glass-tab-panel, .glass-tab-radio:not(:checked) + .faux-glass-tab, .faux-glass-tab-radio:not(:checked) + .glass-tab, .faux-glass-tab-radio:not(:checked) + .faux-glass-tab, .glass-dialog-inner, .hyve-info-box-content, .frosted-glass, .glass {
    background-image: linear-gradient(30deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.3)), var(--bg-blurred, linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)));
    background-size: cover;
  }
}

.glass-dialog, div.hyve-info-box, .glass-dialog--thin {
  border: 1px solid var(--border-color, var(--border-color, rgba(127, 127, 127, 0.8)));
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.75);
  background-image: var(--bg-url);
  background-size: cover;
  color: white;
  padding: var(--dialog-padding, 1.5rem);
}
@media (prefers-reduced-motion) {
  .glass-dialog, div.hyve-info-box, .glass-dialog--thin {
    animation: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .glass-dialog, div.hyve-info-box, .glass-dialog--thin {
    border-radius: 0.33rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  }
}

.glass-dialog--thin {
  --dialog-padding: 0.99rem;
}

.glass-dialog-inner, .hyve-info-box-content {
  border-radius: 0.2475rem;
  padding: var(--dialog-padding, 1.5rem);
}

.simple-tabset > input.simple-tab-radio:nth-child(7):checked ~ :where(.simple-tab-panels) > .simple-tab-panel:nth-child(4), .simple-tabset > input.simple-tab-radio:nth-child(5):checked ~ :where(.simple-tab-panels) > .simple-tab-panel:nth-child(3), .simple-tabset > input.simple-tab-radio:nth-child(3):checked ~ :where(.simple-tab-panels) > .simple-tab-panel:nth-child(2), .simple-tabset > input.simple-tab-radio:nth-child(1):checked ~ :where(.simple-tab-panels) > .simple-tab-panel:nth-child(1) {
  display: block;
}

:where(.simple-tabset) {
  display: grid;
  grid-template-columns: repeat(var(--num-tabs, 2), 1fr);
  grid-template-rows: auto auto;
}
:where(.simple-tabset) :where(input.simple-tab-radio) {
  position: absolute;
  width: 0;
  height: 0;
  left: -200vw;
}

:where(.simple-tab) {
  grid-row: span 1;
}

:where(.simple-tab-panels) {
  grid-row-start: 2;
  grid-column: 1/-1;
}
:where(.simple-tab-panel) {
  display: none;
}

.glass-tabset-container, .faux-glass-tabset-container {
  background-image: var(--bg-url, url(""));
  width: 100%;
  position: relative;
  padding: 1rem;
  border-radius: 8px;
  background-size: cover;
}

.glass-tab-panels, .faux-glass-tab-panels {
  margin-top: calc((3rem + 0.5rem) * -1);
}

.glass-tab-panel, .faux-glass-tab-panel {
  border-radius: 5px;
  border-top: none;
  padding: 1rem;
  padding-top: calc(3rem + 0.5rem * 2 + 1rem);
  position: relative;
  -webkit-mask-image: var(--left-tab-body-mask, linear-gradient(red, red)), var(--right-tab-body-mask, linear-gradient(red, red)), var(--left-panel-corner-mask, linear-gradient(red, red)), linear-gradient(red, red), var(--right-panel-corner-mask, linear-gradient(red, red)), linear-gradient(red, red);
          mask-image: var(--left-tab-body-mask, linear-gradient(red, red)), var(--right-tab-body-mask, linear-gradient(red, red)), var(--left-panel-corner-mask, linear-gradient(red, red)), linear-gradient(red, red), var(--right-panel-corner-mask, linear-gradient(red, red)), linear-gradient(red, red);
  -webkit-mask-position: top left, top right, left 0 bottom calc(100% - 3rem - 0.5rem), left 5px bottom calc(100% - 3rem - 0.5rem), right 0 bottom calc(100% - 3rem - 0.5rem), left bottom;
          mask-position: top left, top right, left 0 bottom calc(100% - 3rem - 0.5rem), left 5px bottom calc(100% - 3rem - 0.5rem), right 0 bottom calc(100% - 3rem - 0.5rem), left bottom;
  -webkit-mask-size: calc(100% / var(--num-tabs) - 0.5rem / 2) calc(3rem + 0.5rem), calc(100% / var(--num-tabs) - 0.5rem / 2) calc(3rem + 0.5rem), 5px 5px, calc(100% - 5px * 2) 5px, 5px 5px, 100% calc(calc(100% - 3rem - 0.5rem) - 5px);
          mask-size: calc(100% / var(--num-tabs) - 0.5rem / 2) calc(3rem + 0.5rem), calc(100% / var(--num-tabs) - 0.5rem / 2) calc(3rem + 0.5rem), 5px 5px, calc(100% - 5px * 2) 5px, 5px 5px, 100% calc(calc(100% - 3rem - 0.5rem) - 5px);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.glass-tab-panel .interest-pill, .faux-glass-tab-panel .interest-pill {
  margin-bottom: 0;
}
.glass-tab-panel::after, .faux-glass-tab-panel::after {
  content: "";
  position: absolute;
  top: calc(3rem + 0.5rem);
  width: calc(50% + 0.5rem / 2);
  height: 5px;
  border-top: 1px solid var(--border-color, rgba(127, 127, 127, 0.8));
  pointer-events: none;
}
.glass-tab-panel:first-of-type, .faux-glass-tab-panel:first-of-type {
  --left-tab-bottom-gap-mask: linear-gradient(red, red);
  --right-tab-body-mask: linear-gradient(transparent, transparent);
  --right-panel-corner-mask: radial-gradient(circle at bottom left, red 0, red 5px, transparent 5px);
}
.glass-tab-panel:first-of-type::after, .faux-glass-tab-panel:first-of-type::after {
  right: -1px;
  border-top-right-radius: 5px;
  border-right: 1px solid var(--border-color, rgba(127, 127, 127, 0.8));
}
.glass-tab-panel:last-of-type:not(:first-of-type), .faux-glass-tab-panel:last-of-type:not(:first-of-type) {
  --right-tab-bottom-gap-mask: linear-gradient(red, red);
  --left-tab-body-mask: linear-gradient(transparent, transparent);
  --left-panel-corner-mask: radial-gradient(circle at bottom right, red 0, red 5px, transparent 5px);
}
.glass-tab-panel:last-of-type:not(:first-of-type)::after, .faux-glass-tab-panel:last-of-type:not(:first-of-type)::after {
  left: -1px;
  border-top-left-radius: 5px;
  border-left: 1px solid var(--border-color, rgba(127, 127, 127, 0.8));
}
.glass-tabset--tabcount-1 .glass-tab-panel, .glass-tabset--tabcount-1 .faux-glass-tab-panel {
  -webkit-mask: none;
          mask: none;
}
.glass-tabset--tabcount-1 .glass-tab-panel::after, .glass-tabset--tabcount-1 .faux-glass-tab-panel::after {
  content: none;
}

@media screen and (min-width: 1025px) {
  .glass-tabset--desktop-tabcount-1 .glass-tab-panel, .glass-tabset--desktop-tabcount-1 .faux-glass-tab-panel {
    -webkit-mask: none;
            mask: none;
  }
  .glass-tabset--desktop-tabcount-1 .glass-tab-panel::after, .glass-tabset--desktop-tabcount-1 .faux-glass-tab-panel::after {
    content: none;
  }
}

@media screen and (max-width: 1024px) {
  .glass-tabset--mobile-tabcount-1 .glass-tab-panel, .glass-tabset--mobile-tabcount-1 .faux-glass-tab-panel {
    -webkit-mask: none;
            mask: none;
  }
  .glass-tabset--mobile-tabcount-1 .glass-tab-panel::after, .glass-tabset--mobile-tabcount-1 .faux-glass-tab-panel::after {
    content: none;
  }
}

.glass-tabset, .faux-glass-tabset {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
@media screen and (min-width: 1025px) {
  .glass-tabset, .faux-glass-tabset {
    --num-tabs: var(--num-tabs-desktop);
  }
}
@media screen and (max-width: 1024px) {
  .glass-tabset, .faux-glass-tabset {
    --num-tabs: var(--num-tabs-mobile);
  }
}

.glass-tab, .faux-glass-tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  z-index: 999;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top: 1px solid var(--border-color, rgba(127, 127, 127, 0.8));
}
.glass-tab:hover, .faux-glass-tab:hover, .glass-tab:focus, .faux-glass-tab:focus {
  outline: none;
}
.glass-tab:focus, .faux-glass-tab:focus {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.glass-tab span, .faux-glass-tab span {
  transition: all 0.3s ease-in-out;
}
.glass-tab:first-of-type, .faux-glass-tab:first-of-type {
  border-right: 1px solid var(--border-color, rgba(127, 127, 127, 0.8));
}
.glass-tab:nth-of-type(2), .faux-glass-tab:nth-of-type(2) {
  border-left: 1px solid var(--border-color, rgba(127, 127, 127, 0.8));
}
.glass-tab-radio:not(:checked) + .glass-tab, .faux-glass-tab-radio:not(:checked) + .glass-tab, .glass-tab-radio:not(:checked) + .faux-glass-tab, .faux-glass-tab-radio:not(:checked) + .faux-glass-tab {
  border-radius: 5px;
  border: 1px solid var(--border-color, rgba(127, 127, 127, 0.8));
}
.glass-tab-radio:not(:checked) + .glass-tab span, .faux-glass-tab-radio:not(:checked) + .glass-tab span, .glass-tab-radio:not(:checked) + .faux-glass-tab span, .faux-glass-tab-radio:not(:checked) + .faux-glass-tab span {
  transform: scale(90%);
  opacity: 0.7;
}

.glass-tab-radio:checked + .glass-tab, .faux-glass-tab-radio:checked + .glass-tab, .glass-tab-radio:checked + .faux-glass-tab, .faux-glass-tab-radio:checked + .faux-glass-tab {
  outline: none;
  height: calc(3rem + 0.5rem);
}

:is(.faux-glass-tabset-container, .faux-glass-tab-panel, .faux-glass-tab, #specificity-hack) {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  -webkit-mask: none;
          mask: none;
}
:is(.faux-glass-tabset-container, .faux-glass-tab-panel, .faux-glass-tab, #specificity-hack)::after {
  content: none;
}

:is(.faux-glass-tab-panels, #specificity-hack) {
  margin-top: 0;
}

:is(.faux-glass-tab-panel, #specificity-hack) {
  padding-top: 1rem;
}
:is(.faux-glass-tab-panel, #specificity-hack):first-child {
  border-top-left-radius: 0;
}
:is(.faux-glass-tab-panel, #specificity-hack):last-child {
  border-top-right-radius: 0;
}

:is(.faux-glass-tab, #specificity-hack) {
  border-inline: 1px solid var(--border-color, rgba(127, 127, 127, 0.8));
}
.faux-glass-tab-radio:checked + :is(.faux-glass-tab, #specificity-hack) {
  background-color: rgba(255, 255, 255, 0.1);
}

.heading-with-heart-button-tail {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}
.heading-with-heart-button-tail .interest-heart {
  padding: 0;
}
.heading-with-heart-button-tail .interest-heart .fa {
  vertical-align: middle;
  margin-left: 0.2rem;
}
@media screen and (min-width: 1025px) {
  .heading-with-heart-button-tail .interest-heart .fa {
    font-size: min(0.7em, 20px);
  }
}
@media screen and (max-width: 1024px) {
  .heading-with-heart-button-tail .interest-heart .fa {
    font-size: 1em;
  }
}

.hover-expandable {
  max-height: 90px;
  -webkit-mask-image: linear-gradient(to bottom, black 60px, transparent 100%);
          mask-image: linear-gradient(to bottom, black 60px, transparent 100%);
  overflow: hidden;
  transition: 0.3s ease-in-out;
  transition-property: max-height mask-image;
}
.hover-expandable:hover {
  -webkit-mask-image: linear-gradient(to bottom, black 99%, transparent 100%);
          mask-image: linear-gradient(to bottom, black 99%, transparent 100%);
  max-height: 1000px;
}

@property --quip-blur {
  syntax: "<length>";
  initial-value: 0;
  inherits: false;
}
.interest-heart {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 100%;
}
.interest-heart > .fa {
  color: var(--heart-color, #ffd939);
}
.interest-heart > .fa:hover {
  animation: heartBeat 1s ease-in-out infinite !important;
}

.interest-heart-quip {
  pointer-events: none;
  contain: layout paint;
  position: absolute;
  top: calc(var(--heart-top) - 2rem);
  height: -moz-min-content;
  height: min-content;
  min-width: 16rem;
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fefefe;
  line-height: 1.3rem;
  font-size: 0.8rem;
  font-weight: normal;
  z-index: 1000;
  border-radius: 1rem;
  text-align: center;
  animation-name: quip-fade-in;
  animation-timing-function: ease-in;
  animation-fill-mode: both;
  animation-duration: var(--quip-fade-in-duration, 3.5s);
  white-space: normal;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .interest-heart-quip {
    top: calc(var(--heart-top) - 1rem);
    min-width: 12rem;
    font-size: 0.7rem;
    left: 70% !important;
  }
}
@media screen and (max-width: 481) {
  .interest-heart-quip {
    min-width: 10rem;
    font-size: 0.6rem;
    padding: 0.25rem 0.5rem;
  }
}

.interest-heart-quip--fadeout {
  --quip-blur: 0;
  filter: url("#svg-puff") blur(var(--quip-blur));
  animation-name: quip-fade-out;
  animation-timing-function: ease-out;
  animation-duration: 1.5s;
}

@keyframes quip-fade-in {
  0% {
    opacity: 0;
    transform: translate(-50%, -5px);
  }
  25% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -1.5rem);
  }
}
@keyframes quip-fade-out {
  0% {
    opacity: 1;
    transform: translate(-50%, -1.5rem);
    --quip-blur: 0.5px;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -4rem);
    --quip-blur: 3px;
  }
}
.interest-pill {
  display: inline-grid;
  position: relative;
  height: calc(var(--pill-size, 1) * 3rem);
  grid-template-columns: calc(var(--pill-size, 1) * 2.25rem) 1fr calc(var(--pill-size, 1) * 1.6rem);
  align-items: center;
  border-radius: 0.25rem;
  background-color: hsl(var(--node-color-h, 300), var(--node-color-s, 100%), 97%);
  border: 1px solid var(--node-color, hsl(300, 100%, 50%));
  font-size: clamp(0.6rem, var(--pill-size, 1) * 0.7rem, 0.9rem);
  font-weight: bold;
  color: var(--node-color, hsl(300, 100%, 50%));
  cursor: pointer;
  --heart-color: var(--node-color, #ffd939);
}
.interest-pill:not(:has(.interest-pill-tooltip)) {
  contain: layout;
}
.interest-pill:hover {
  box-shadow: 0 0 5px var(--node-color, hsl(300, 100%, 50%)), 0 0 15px var(--node-color, hsl(300, 100%, 50%));
  transition-duration: 0.3s;
}
.interest-pill .interest-heart > i.fa {
  font-size: max(var(--pill-size, 1) * 0.7rem, 0.7rem);
  font-weight: bold;
}

.interest-pill--dark, .interest-pill.interest-pill--dark {
  background-color: #222222;
  color: white;
  --heart-color: #ffd939;
}
.interest-pill--dark .interest-pill-icon {
  box-shadow: none;
}
.interest-pill--dark .interest-pill-icon-wrapper {
  background-color: #111111;
  border-right: 1px groove #888888;
}
.interest-pill--dark .interest-pill-heart-wrapper {
  border-left: 1px groove #888888;
}

.interest-pill--block, .interest-pill.interest-pill--block {
  display: grid;
}

.interest-pill--small {
  --pill-size: 0.8;
}

.interest-pill--large {
  --pill-size: 1.2;
}

.interest-pill-title {
  grid-column-start: 2;
  overflow: hidden;
  font-weight: bold;
  padding: calc(var(--pill-size, 1) * 0.25rem) calc(var(--pill-size, 1) * 0.25rem) calc(var(--pill-size, 1) * 0.25rem) calc(var(--pill-size, 1) * 0.5rem);
}
@supports (-webkit-line-clamp: 2) {
  .interest-pill-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.interest-pill-icon-wrapper,
.interest-pill-heart-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.interest-pill-icon-wrapper {
  border-right: 0.5px solid hsl(var(--node-color-h, 300), var(--node-color-s, 100%), var(--node-color-l, 50%), 0.5);
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  padding: 0.25rem;
}

.interest-pill-heart-wrapper {
  border-left: 0.5px solid hsl(var(--node-color-h, 300), var(--node-color-s, 100%), var(--node-color-l, 50%), 0.5);
}

.interest-pill-icon {
  width: 100%;
  aspect-ratio: 1/1;
  background-image: var(--icon-url);
  background-size: cover;
  background-color: white;
  border-radius: 50%;
  animation: bw-slide-in 400ms forwards 1;
  box-shadow: 0 0 0 0.5px var(--node-color, hsl(300, 100%, 50%));
  border: calc(var(--pill-size, 1) * 0.2rem) solid white;
}

.interest-pill-container--animated .interest-pill, .interest-pill-container--animated-cascade .interest-pill {
  animation: bw-fade-in-bounce 0.15s 1;
  animation-fill-mode: backwards;
}
.interest-pill-container--animated .interest-pill .fa-heart-o, .interest-pill-container--animated-cascade .interest-pill .fa-heart-o {
  animation: heartBeat 1s ease-in-out 1;
}

.interest-pill-container--animated-cascade .interest-pill:nth-child(1) {
  animation-delay: 0.1s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(1) .fa-heart-o {
  animation-delay: 0.15s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(2) {
  animation-delay: 0.15s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(2) .fa-heart-o {
  animation-delay: 0.225s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(3) {
  animation-delay: 0.2s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(3) .fa-heart-o {
  animation-delay: 0.3s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(4) {
  animation-delay: 0.25s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(4) .fa-heart-o {
  animation-delay: 0.375s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(5) {
  animation-delay: 0.3s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(5) .fa-heart-o {
  animation-delay: 0.45s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(6) {
  animation-delay: 0.35s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(6) .fa-heart-o {
  animation-delay: 0.525s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(7) {
  animation-delay: 0.4s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(7) .fa-heart-o {
  animation-delay: 0.6s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(8) {
  animation-delay: 0.45s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(8) .fa-heart-o {
  animation-delay: 0.675s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(9) {
  animation-delay: 0.5s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(9) .fa-heart-o {
  animation-delay: 0.75s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(10) {
  animation-delay: 0.55s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(10) .fa-heart-o {
  animation-delay: 0.825s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(11) {
  animation-delay: 0.6s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(11) .fa-heart-o {
  animation-delay: 0.9s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(12) {
  animation-delay: 0.65s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(12) .fa-heart-o {
  animation-delay: 0.975s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(13) {
  animation-delay: 0.7s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(13) .fa-heart-o {
  animation-delay: 1.05s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(14) {
  animation-delay: 0.75s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(14) .fa-heart-o {
  animation-delay: 1.125s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(15) {
  animation-delay: 0.8s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(15) .fa-heart-o {
  animation-delay: 1.2s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(16) {
  animation-delay: 0.85s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(16) .fa-heart-o {
  animation-delay: 1.275s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(17) {
  animation-delay: 0.9s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(17) .fa-heart-o {
  animation-delay: 1.35s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(18) {
  animation-delay: 0.95s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(18) .fa-heart-o {
  animation-delay: 1.425s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(19) {
  animation-delay: 1s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(19) .fa-heart-o {
  animation-delay: 1.5s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(20) {
  animation-delay: 1.05s;
}
.interest-pill-container--animated-cascade .interest-pill:nth-child(20) .fa-heart-o {
  animation-delay: 1.575s;
}

.interest-pill-container--invisible .interest-pill {
  visibility: hidden;
}

.interest-pill--animate-out {
  animation: bw-fade-out 0.225s ease-out !important;
}

.interest-pill-tooltip {
  position: absolute;
  top: 1.6rem;
  left: 1rem;
  right: 1rem;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  background: hsla(var(--node-color-h), calc(var(--node-color-s) * 0.5), calc(var(--node-color-l) * 0.5), 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  border: 1px solid var(--node-color);
  border-radius: inherit;
  padding: 1rem;
  pointer-events: none;
  color: white;
  line-height: 1.5em;
  font-weight: normal;
  font-size: larger;
  transition: opacity 0.3s ease-in-out;
  transition-delay: 0.25s;
  contain: content;
}
.interest-pill:hover .interest-pill-tooltip {
  visibility: visible;
  opacity: 1;
}

@media (hover: none) {
  .interest-pill:focus .interest-pill-tooltip {
    visibility: visible;
    opacity: 1;
  }
}

.close-button, .modal-close, .close-button-dark, .modal-close-dark,
.close-button-mobile,
.modal-close-mobile {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%2232%22%20x2%3D%2232%22%20y2%3D%220%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: var(--close-button-size, 18px) var(--close-button-size, 18px);
  cursor: pointer;
}

.modal-close, .modal-close-dark {
  position: absolute;
  top: 20px;
  right: 20px;
}

.modal-close-mobile {
  position: fixed;
  top: 74px;
  right: 10px;
}

.close-button-mobile, .modal-close-mobile {
  width: calc(var(--close-button-size, 18px) * 2);
  aspect-ratio: 1;
  border: 2px solid white;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px black;
}

.close-button, .modal-close, .close-button-dark, .modal-close-dark {
  width: var(--close-button-size, 18px);
  aspect-ratio: 1;
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}
.close-button:hover, .modal-close:hover, .close-button-dark:hover, .modal-close-dark:hover {
  opacity: 1;
}

.close-button-dark, .modal-close-dark {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20stroke-width%3D%222%22%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2232%22%20y2%3D%2232%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%2232%22%20x2%3D%2232%22%20y2%3D%220%22%2F%3E%3C%2Fsvg%3E");
}

.close-button-o, .modal-close-circle {
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.9);
  background-size: calc(var(--close-button-size, 18px) * 0.75) calc(var(--close-button-size, 18px) * 0.75);
  border-radius: 100%;
  opacity: 0.75;
}

.sidebar-drawer-backdrop, .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.modal-container {
  display: flex;
  position: fixed;
  top: var(--nav-size, 64px);
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000001;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  flex-wrap: nowrap;
  outline: 0;
  padding: 1vh 0;
  contain: strict;
}
@media screen and (max-width: 767px) {
  .modal-container {
    padding: 0.5vh !important;
  }
}

.modal-container--hidden-nav {
  top: 0 !important;
}

.modal-dialog {
  position: relative;
  width: auto;
  pointer-events: auto;
  margin: auto;
  contain: content;
}

.modal-pop-in {
  animation-name: modal-pop-in;
  animation-duration: 500ms;
  animation-delay: 300ms;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}

.modal-backdrop {
  z-index: 1050;
}

.modal-backdrop--hidden-nav {
  z-index: 1000000 !important;
}

.modal-close {
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .modal-close {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .modal-close-dark {
    display: none;
  }
}

.modal-close-mobile {
  z-index: 1000002;
}
@media screen and (min-width: 768px) {
  .modal-close-mobile {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .modal-close-mobile {
    display: block;
  }
}
.modal-container--hidden-nav .modal-close-mobile {
  top: 10px !important;
}

.modal-dialog-light {
  background-color: white;
  padding: 1rem;
  border-radius: 3px;
}

@keyframes modal-pop-in {
  0% {
    opacity: 0;
    transform: scale(0);
    filter: blur(30px);
  }
  70% {
    opacity: 1;
    transform: scale(1.1);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}
.node-with-graphic {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  grid-auto-flow: dense;
  align-items: start;
  margin-bottom: 2rem;
}

.node-with-graphic-heading-question {
  margin-bottom: 0;
}
.node-with-graphic-heading-question + .node-with-graphic-heading {
  margin-top: 0;
}

.node-with-graphic-heading-container {
  text-align: center;
}

.node-with-graphic--with-asset {
  padding: 0 1rem;
}
.node-with-graphic--with-asset .node-with-graphic-heading {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .node-with-graphic--with-asset {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "h h" "l r";
  }
  .node-with-graphic--with-asset .node-with-graphic-heading-container {
    grid-column-start: span 2;
  }
}
@media screen and (max-width: 767px) {
  .node-with-graphic--with-asset {
    grid-template-columns: 1fr;
  }
  .node-with-graphic--with-asset .node-with-graphic-heading {
    grid-column-start: auto;
  }
}

.node-with-graphic--no-description {
  grid-template-columns: 1fr;
  gap: 0;
}
.node-with-graphic--no-description .node-with-graphic-heading {
  margin-bottom: 0;
}

.node-with-graphic--without-asset {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 1025px) {
  .node-with-graphic--without-asset {
    margin-left: 20%;
    margin-right: 20%;
  }
}
@media screen and (max-width: 1024px) {
  .node-with-graphic--without-asset {
    margin-left: 10%;
    margin-right: 10%;
  }
}

:is(.node-with-graphic--h-center, #specificity-hack) {
  grid-template-columns: 1fr;
  grid-template-areas: unset;
}
:is(.node-with-graphic--h-center, #specificity-hack) .node-with-graphic-images {
  justify-self: center;
}
:is(.node-with-graphic--h-center, #specificity-hack) .node-with-graphic-heading-container {
  grid-column-start: unset;
}

.node-with-graphic--h-mid-left .node-with-graphic-images, .node-with-graphic--h-far-left .node-with-graphic-images {
  grid-area: l;
}
.node-with-graphic--h-mid-left .node-with-graphic-content, .node-with-graphic--h-far-left .node-with-graphic-content {
  grid-area: r;
}

.node-with-graphic--h-far-left {
  grid-template-columns: 1fr 2fr;
}

.node-with-graphic--h-far-right {
  grid-template-columns: 2fr 1fr;
}

.node-with-graphic--v-center {
  align-items: center;
}

.node-with-graphic--v-top .node-with-graphic-images {
  align-self: start;
}

.node-with-graphic--v-bottom .node-with-graphic-images {
  align-self: end;
}

.pswp {
  --pswp-root-z-index: 1000000;
}

.related-item.asset-type-video::before {
  content: "\f04b";
  position: absolute;
  inset: 0;
  margin: auto;
  transform: translateY(-2rem);
  font-family: FontAwesome;
  font-size: calc(var(--button-size, 60px) / 2);
  text-align: center;
  text-indent: 5%;
  line-height: var(--button-size, 60px);
  color: white;
  width: var(--button-size, 60px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  pointer-events: none;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.related-content, #related-content {
  display: flex;
  flex-wrap: wrap;
  gap: 3em;
}

.related-item {
  flex-grow: 1;
  position: relative;
  height: 240px;
  background-image: var(--bg-url);
  background-size: cover;
  background-position: center;
  color: #222222;
  border-radius: 0.6rem;
  font-family: Avenir, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  transition: border-color 0.3s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .related-item {
    flex-basis: 100%;
  }
}
.related-item a {
  display: content;
}
.related-item.asset-type-video::before {
  transform: translateY(-2rem);
}

.related-item:nth-child(-n+3) {
  min-width: 30%;
}

.related-item:nth-child(n+4) {
  min-width: 20%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .related-item:nth-child(n+4) {
    min-width: 30%;
  }
}

.related-item-description {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: bold;
  padding: 1rem;
  right: -1px;
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  border-radius: 0.5rem;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  flex-direction: column;
}
.related-item:hover .related-item-description {
  z-index: 2;
  opacity: 1;
}
.related-item:hover .related-item-description.--empty {
  opacity: 0.5;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.related-item-description p {
  margin: 0;
}

.related-item-type {
  position: absolute;
  top: 2rem;
  right: -0.2rem;
  background-color: rgba(var(--node-color-rgb, 125, 125, 125), 0.5);
  color: white;
  padding: 0.6rem 0.75rem;
  font-size: 0.7rem;
  letter-spacing: 0.5px;
  font-weight: 700;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  filter: saturate(2);
  border-radius: 5px;
  z-index: 9;
}
.related-item.asset-type-video .related-item-type {
  display: none;
}

@supports not ((-webkit-backdrop-filter: blur(9px)) or (backdrop-filter: blur(9px))) {
  .related-item-type {
    background-color: rgba(var(--node-color-rgb, 125, 125, 125), 0.9);
    filter: saturate(1.2);
  }
}

.related-item-title {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  height: 4rem;
  width: 100%;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
  font-weight: 700;
  font-size: 0.7rem;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}
@supports not ((-webkit-backdrop-filter: blur(9px)) or (backdrop-filter: blur(9px))) {
  .related-item-title {
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
  }
  .related-item-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-url);
    background-size: cover;
    background-position: center bottom;
    filter: blur(10px);
    transform: scale(150%);
    mix-blend-mode: screen;
    pointer-events: none;
  }
}

.social-link-container {
  padding: 1rem;
}
.social-link-container .social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: #fefefe;
  background: #61afb3;
  font-size: 1rem;
  transition: background 0.3s ease-in-out;
}
.social-link-container .social-link:hover {
  background: #318185;
}
.social-link-container .social-link + .social-link {
  margin-left: 0.5rem;
}

.form-field {
  position: relative;
  line-height: 1rem;
}
.form-field:not(.other) {
  margin-bottom: 1.75rem;
}
.form-field.with-other-input .custom-field.select .form-field.other {
  margin-top: 0.625rem;
}
.form-field.with-error:not(:focus-within) input:not([type=checkbox]):not([type=radio]), .form-field.with-error:not(:focus-within) .select2-container, .form-field.with-error:not(:focus-within) .text-area {
  border-bottom: 1px solid #cc4b37;
  box-shadow: 0 2px 0 #cc4b37;
}
.form-field input {
  border: 1px solid #ddd;
}
.form-field .text-area textarea {
  min-height: 4rem;
  margin-top: 1.25rem;
  padding: 0 0.4rem 0.4rem;
  border: 1px solid transparent;
}
.form-field input, .form-field textarea, .form-field .text-area, .form-field .select2-container {
  border-radius: 5px;
  background-color: #fefefe;
}
.form-field input, .form-field textarea {
  width: 100%;
  outline: none;
}
.form-field textarea {
  max-width: 100%;
}
.form-field input, .form-field .text-area {
  border-bottom: 1px solid #ffd939;
  box-shadow: 0 2px 0 #ffd939;
  transition: border-bottom, box-shadow 0.3s ease-in-out;
}
.form-field input:focus, .form-field input:focus-within, .form-field .text-area:focus, .form-field .text-area:focus-within {
  border: 1px solid #ffd939;
  box-shadow: 0 0 5px #cccccc;
}
.form-field input.text-input {
  height: 3rem;
  padding: 1.25rem 0.5rem 0.5rem;
}
.form-field input.text-input:focus {
  border: 1px solid #ffd939 !important;
  box-shadow: 0 0 5px #cccccc;
}
.form-field .text-area {
  border: 1px solid #cccccc;
}
.form-field .text-area:focus-within {
  border: 1px solid #ffd939 !important;
  box-shadow: 0 0 5px #cccccc;
}
.form-field .select2-selection__rendered {
  padding-top: 0.4rem;
}
.form-field .radio-set-wrapper, .form-field .multiple-choice-wrapper {
  row-gap: 1rem;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .form-field .radio-set-wrapper, .form-field .multiple-choice-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
.form-field .radio-set-wrapper input, .form-field .radio-set-wrapper label, .form-field .multiple-choice-wrapper input, .form-field .multiple-choice-wrapper label {
  margin: 0;
}
.form-field .radio-set-wrapper label, .form-field .multiple-choice-wrapper label {
  font-size: 0.875rem;
}
.form-field .radio-set-wrapper .multiple-choice-container, .form-field .multiple-choice-wrapper .multiple-choice-container {
  width: 100%;
}
.form-field .radio-set-wrapper fieldset, .form-field .multiple-choice-wrapper fieldset {
  padding: 0;
}
.form-field .radio-set-wrapper input[type=radio], .form-field .radio-set-wrapper input[type=checkbox], .form-field .multiple-choice-wrapper input[type=radio], .form-field .multiple-choice-wrapper input[type=checkbox] {
  display: none;
}
.form-field .radio-set-wrapper input + .radio-label, .form-field .radio-set-wrapper input + .checkbox-label, .form-field .multiple-choice-wrapper input + .radio-label, .form-field .multiple-choice-wrapper input + .checkbox-label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  background: white;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 20px rgba(4, 35, 132, 0.25);
  border-radius: 10px;
  text-align: center;
}
.form-field .radio-set-wrapper input:checked + .radio-label, .form-field .radio-set-wrapper input:checked + .checkbox-label, .form-field .multiple-choice-wrapper input:checked + .radio-label, .form-field .multiple-choice-wrapper input:checked + .checkbox-label {
  background: #d0e7a0;
}

.form-response-question-prompt {
  color: #fefefe;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .form-response-question-prompt {
    max-width: 99%;
  }
}

.float-label {
  color: #7d7d7d;
  pointer-events: none;
  height: 1.5rem;
  position: absolute;
  top: 1rem;
  left: 0.5rem;
  transform-origin: left;
  transition: transform 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}

.form-field.with-content > .float-label, .form-field:focus-within > .float-label, .form-field:focus-within > .float-label {
  overflow: visible;
  text-overflow: clip;
  transform: scale(0.7) translateY(-1rem);
}
.form-field[data-controller=bz-forms--select]:not(:focus-within) > .float-label {
  transition-delay: 0.2s;
}

.privacy-policy-agreement {
  font-size: 0.9rem;
}

.grecaptcha-badge {
  visibility: hidden;
}

.tooltipster-sidetip.form-errors .tooltipster-box {
  background: #cc4b37;
  border: none;
  border-radius: 6px;
}

.tooltipster-sidetip.form-errors .tooltipster-arrow .tooltipster-arrow-border, .tooltipster-sidetip.form-errors .tooltipster-arrow .tooltipster-arrow-background {
  border-top-color: #cc4b37;
}

.tooltipster-sidetip.multiple-choice-short-descriptions .tooltipster-box {
  background: #ffd939;
  border: none;
  border-radius: 6px;
}

.tooltipster-sidetip.multiple-choice-short-descriptions .tooltipster-content {
  color: #222222;
  line-height: 1.5em;
}

.tooltipster-sidetip.multiple-choice-short-descriptions .tooltipster-arrow .tooltipster-arrow-border, .tooltipster-sidetip.multiple-choice-short-descriptions .tooltipster-arrow .tooltipster-arrow-background {
  border-top-color: #ffd939;
}

.form-response-question-prompt {
  margin: 1rem 0;
  color: #7d7d7d;
}

.checkbox-label, .radio-label {
  display: flex;
}
.checkbox-label:hover, .radio-label:hover {
  background: rgb(236.2, 245.4, 217) !important;
}
.checkbox-label span, .radio-label span {
  width: 100%;
  margin-right: 3.25rem;
  text-align: left;
}

.checkbox-wrapper, .radio-wrapper {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 1rem;
}
.checkbox-wrapper .checkbox, .checkbox-wrapper .radio, .radio-wrapper .checkbox, .radio-wrapper .radio {
  width: 1rem;
  height: 1rem;
  background: #fefefe;
}
.checkbox-wrapper .radio, .radio-wrapper .radio {
  border-radius: 100%;
}
.checkbox-wrapper .checkbox, .radio-wrapper .checkbox {
  border: 1px solid #eeeeee;
}

.radio-wrapper {
  border-radius: 100%;
  background: #cccccc;
  border: 1px solid #eeeeee;
}

.checkbox-wrapper {
  background: #fefefe;
  border: 1px solid #eeeeee;
}

input:checked + .checkbox-label .checkbox, input:checked + .checkbox-label .radio, input:checked + .radio-label .checkbox, input:checked + .radio-label .radio {
  background: #28ce75;
  border: 1px solid #eeeeee;
}

.float-label {
  margin: 0;
}

.custom-field + .tip, .custom-field .tip {
  display: inline-block;
  margin: 0.5rem 0;
  font-size: 80%;
}

.form-actions-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.custom-field.select .select2-selection__clear, .custom-field.select-with-hyve-nodes .select2-selection__clear {
  display: none;
}

.text-area-node-recommendations {
  margin-top: 1rem;
  font-weight: bold;
}

#hyve-weight-controls {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 400px;
  border: 3px solid black;
  background: white;
  padding: 20px;
  box-shadow: 5px 5px 0px black;
  opacity: 0.2;
  transition: opacity 0.3s ease-in-out;
}
#hyve-weight-controls:hover {
  opacity: 0.9;
}
#hyve-weight-controls label {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 5px;
  border: 2px solid transparent;
}
#hyve-weight-controls label:hover {
  background: #ffd939;
  border-color: black;
}
#hyve-weight-controls input {
  max-width: 50px;
  position: absolute;
  right: 5px;
}
#hyve-weight-controls button {
  padding: 5px;
  color: white;
  background: red;
  border: 3px solid black;
  box-shadow: 5px 5px 0px black;
  margin-top: 10px;
  font-weight: bold;
}

.interests-list {
  grid-template-columns: 1fr;
  overflow: visible;
  gap: 0.3rem;
  padding-left: 0;
}

.interest-type {
  display: none;
  overflow: visible;
}

.interest-type--visible {
  display: block;
}

.sidebar-main .interests-list .interest-type--visible {
  opacity: 0;
  animation: bw-fade-in-bounce 0.9s 1;
  animation-fill-mode: forwards;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(1) {
  animation-delay: 0.45s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(2) {
  animation-delay: 0.5s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(3) {
  animation-delay: 0.55s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(4) {
  animation-delay: 0.6s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(5) {
  animation-delay: 0.65s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(6) {
  animation-delay: 0.7s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(7) {
  animation-delay: 0.75s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(8) {
  animation-delay: 0.8s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(9) {
  animation-delay: 0.85s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(10) {
  animation-delay: 0.9s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(11) {
  animation-delay: 0.95s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(12) {
  animation-delay: 1s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(13) {
  animation-delay: 1.05s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(14) {
  animation-delay: 1.1s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(15) {
  animation-delay: 1.15s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(16) {
  animation-delay: 1.2s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(17) {
  animation-delay: 1.25s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(18) {
  animation-delay: 1.3s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(19) {
  animation-delay: 1.35s;
}
.sidebar-main .interests-list .interest-type--visible:nth-child(20) {
  animation-delay: 1.4s;
}
.sidebar-main .sidebar-contact-us {
  opacity: 0;
  animation: bw-fade-in-bounce 0.3s 1;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
}

.interest-type-header {
  display: grid;
  gap: 0;
  grid-template-columns: 35px 1fr;
  align-items: stretch;
  height: 3.31rem;
  background-color: #383838;
  color: rgba(255, 255, 255, 0.9);
  border: 2px solid var(--node-color, magenta);
  border-radius: 5px;
  font-weight: 300;
  font-size: 0.8rem;
  position: relative;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  margin-bottom: 0.25rem;
  transition: all 0.3s ease-in-out;
  text-shadow: 0 0 2px black;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.interest-type-header:hover {
  box-shadow: 0 0 5px var(--node-color, magenta), 0 0 15px var(--node-color, magenta);
  color: white;
  opacity: 1;
}
.interest-type.--drawer-open .interest-type-header {
  margin-right: calc(-1rem - 3px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #111111;
  box-shadow: 0 0 0 transparent;
}

.interest-type-selection-toggle,
.interest-type-picker-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  color: inherit;
  font: inherit;
  transition: background-color 0.3s ease-in-out;
}
.interest-type-selection-toggle:hover,
.interest-type-picker-toggle:hover {
  background-color: rgba(var(--node-color-rgb), 0.5);
}

.interest-type-selection-toggle {
  position: relative;
  border-right: 1px solid var(--node-color, magenta);
}

.interest-type-count {
  display: inline-block;
  background-color: black;
  color: white;
  border: 1px solid #ffd939;
  border-radius: 1em;
  padding: 0.2em 0.4em 0.2em 0.4em;
  vertical-align: middle;
  font-size: smaller;
  font-weight: bold;
  line-height: 1em;
}
.interest-type-count.--zero {
  background-color: #595959;
  border: 1px solid #cccccc;
}

.interest-type-picker-toggle {
  display: grid;
  grid-template-columns: 1fr 1.655rem;
  padding: 0 0 0 1.0923rem;
  align-items: center;
}
.interest-type-picker-toggle::after {
  position: relative;
  top: -1px;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 1rem;
  color: #888888;
  text-align: center;
  transition: opacity 1s ease-in-out;
}
.interest-type.--drawer-open .interest-type-picker-toggle::after {
  opacity: 0;
}

.interest-type-picker-toggle:hover::after {
  color: white;
}

.interest-type-title {
  justify-self: left;
  font-weight: bold;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
}

.interest-type-content {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.interest-type-list {
  display: grid;
  gap: 0.25rem;
  grid-template-columns: 1fr;
  margin-bottom: 0.2rem;
  list-style-type: none;
  padding-left: 0;
}

.interest-type {
  max-height: 3.31rem;
  transition: max-height 0.3s ease-in-out;
}

.interest-type--open {
  max-height: 100vh;
}
.interest-type--open .interest-type-content {
  opacity: 1;
}

.interest-type-selection .interest-pill {
  animation: bw-fade-in 0.15s ease-in-out;
}

.interest-picker-controls-sort-option input[type=radio], .interest-picker-controls-sort-checkbox {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
}

.interest-picker-options, .interest-picker-controls-sort {
  background-color: #222222;
  border-radius: 5px;
  padding: 5px;
}

.interest-picker {
  font-size: 0.8rem;
  background: var(--container-bg);
  position: relative;
  width: 100%;
}
.interest-picker.interest-picker-second-tier {
  position: absolute;
  top: 0;
  left: 0;
  animation: interest-picker-second-tier-slide-in 0.5s;
}
@media (prefers-reduced-motion) {
  .interest-picker.interest-picker-second-tier {
    animation: none !important;
  }
}

.interest-picker-body {
  display: flex;
  flex-direction: column;
  transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion) {
  .interest-picker-body {
    transition: none !important;
  }
}
.interest-picker-body.--disabled {
  pointer-events: none;
  filter: grayscale(80%) brightness(0.5) blur(2px);
  transform: scale(0.97);
  transition: filter 0.3s ease-in-out, transform 1s;
}

.interest-picker-back {
  color: #888888;
  text-align: left;
  padding: 10px 2rem 10px 0;
}

.interest-picker-heading {
  font-weight: 400;
  color: #888888;
  padding: 4px 2rem 10px 0;
  line-height: 1.5;
}

.interest-picker-controls-header {
  display: grid;
  grid-template-columns: 1fr 44px;
  gap: 5px;
  margin-bottom: 10px;
}
.interest-picker-controls-header:has(+ :checked) .interest-picker-controls-sort-toggle {
  background-color: #222222 !important;
  color: #ffd939;
}

.interest-picker-controls-filter {
  padding: 7px;
  border-radius: 5px;
  border: 1px solid #333;
  background: #383838;
  color: #eeeeee;
  transition: border-color 0.3s ease-in-out;
  min-width: 0;
}
.interest-picker-controls-filter:focus {
  outline: none;
  border-color: #ffd939;
}

.interest-picker-controls-sort-toggle {
  border: none !important;
  background: #111111 !important;
  color: #595959;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.interest-picker-controls-sort-toggle:hover {
  background: #383838 !important;
  color: #ffd939;
  transition: none;
}

.interest-picker-controls-sort {
  max-height: 0;
  display: none;
}
:checked ~ .interest-picker-controls-sort {
  display: block;
  max-height: 100%;
  animation: bw-slide-down 300ms ease-in-out 0s forwards;
}

.interest-picker-controls-sort-header {
  text-align: center;
  margin-bottom: 5px;
}

.interest-picker-controls-sort-option {
  padding-bottom: 2px;
}
.interest-picker-controls-sort-option input[type=radio]:checked + label {
  border-color: #888888;
}
.interest-picker-controls-sort-option input[type=radio]:checked + label i.fa {
  color: #ffd939;
}
.interest-picker-controls-sort-option input[type=radio]:checked.--desc + label span::after {
  content: " (desc.)";
}
.interest-picker-controls-sort-option input[type=radio]:checked.--desc + label .fa-sort-alpha-asc::before {
  content: "\f15e";
}
.interest-picker-controls-sort-option label {
  display: grid;
  grid-template-columns: 1.5em 1fr;
  align-items: center;
  padding: 0 10px;
  height: 36px;
  background: #111111;
  border-radius: 5px;
  border: 1px solid #383838;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.3s ease-in-out;
}
.interest-picker-controls-sort-option label:hover {
  background: #383838;
}
.interest-picker-controls-sort-option i.fa {
  color: #595959;
}

.interest-picker-controls-sort-reverse {
  display: none;
}

.interest-picker-options {
  overflow-y: hidden;
  position: relative;
  background-image: linear-gradient(rgba(34, 34, 34, 0), #222222 70%), linear-gradient(rgba(var(--node-color-rgb), 0), rgba(var(--node-color-rgb), 0.5) 70%);
  background-position: 0 100%, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 80px, 100% 40px;
  background-attachment: local, scroll;
}
@media screen and (min-width: 1025px) {
  .interest-picker-options {
    height: min(26.6rem, 100vh - 64px - 9rem);
    transition: height 0.15s ease-in-out;
  }
}
.interest-picker-options.--safari-scrollbar-hack {
  overflow-y: auto;
}
.interest-picker-options.--safari-scrollbar-hack::-webkit-scrollbar {
  width: 5px;
}
.interest-picker-options.--safari-scrollbar-hack::-webkit-scrollbar-track {
  background-color: transparent;
}
.interest-picker-options.--safari-scrollbar-hack::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
}
_::-webkit-full-page-media, _:future, :root .interest-picker-options .interest-pill .fa-heart-o {
  animation: none !important;
}

.interest-picker-options .interest-pill {
  margin-bottom: 0.25rem;
}
.interest-picker-options .interest-pill--added {
  display: none !important;
}
.interest-picker-top-tier > .interest-picker-body .interest-picker-options:not(.--filtered) .interest-pill:not(.interest-pill--top-tier) {
  display: none;
}

.interest-picker-options.--no-results::after {
  content: "🕸 Oops, no matches";
  position: absolute;
  margin: auto;
  top: 2rem;
  left: 0;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #888888;
  transform: translateX(-0.3em);
}
.interest-picker-options .interest-pill-title em {
  background-color: #ffd939;
  color: black;
  font-style: normal;
  border-radius: 2px;
}
.interest-picker-options .ps__thumb-y {
  width: 6px !important;
  pointer-events: auto;
}
.interest-picker-options .ps__rail-y {
  background-color: transparent !important;
  pointer-events: none;
}
.interest-picker--placeholder .interest-picker-options {
  pointer-events: none;
  filter: blur(3px);
  animation: bw-fade-in-out 1.5s infinite ease-in-out;
}
.interest-picker--placeholder .interest-picker-options .interest-pill {
  display: grid !important;
}

.interest-picker-modal-dialog {
  --container-bg: rgba(colors.$bw-black, 0.8);
  background-color: var(--container-bg);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  padding: 1rem;
  border: 2px solid var(--node-color);
  border-radius: 5px;
  overflow-x: clip;
}
@supports not (overflow-x: clip) {
  .interest-picker-modal-dialog {
    overflow-x: hidden;
  }
}
.interest-picker-modal-dialog .interest-picker {
  background: transparent;
}
.interest-picker-modal-dialog .sidebar-back-button {
  display: none !important;
}
@media screen and (min-width: 1025px) {
  .interest-picker-modal-dialog {
    width: 25rem;
    min-height: 30rem;
    margin-top: 15vh;
  }
}
@media screen and (max-width: 1024px) {
  .interest-picker-modal-dialog {
    width: min(25rem, 70vw);
    min-height: calc(100vh - 128px);
  }
}

@keyframes interest-picker-second-tier-slide-in {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
.sidebar-interests {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: inherit;
  position: relative;
  margin-top: 0 !important;
  margin-left: -1rem;
  margin-right: calc(-1rem - 2px);
  margin-bottom: 0;
  padding: 0 1rem;
  flex: 1;
  overflow-y: hidden;
}
.sidebar-interests input, .sidebar-interests select {
  width: 100%;
}

div.sidebar-interests-intro-card {
  display: grid !important;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  justify-items: center;
  position: relative;
  margin-top: 1px;
  padding-right: 1em;
  font-size: 0.7rem;
  font-weight: 300;
  padding-top: 1em;
  padding-bottom: 1em;
  line-height: 1.4em;
  color: white;
  cursor: default;
}
body.controller-hyve--focus div.sidebar-interests-intro-card {
  display: none;
}

div.sidebar-interests-intro-card span {
  display: block;
}
div.sidebar-interests-intro-card::before {
  display: block;
  content: "\f063";
  font-family: FontAwesome;
  font-size: 1.5em;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  width: 1.7em;
  height: 1.7em;
  line-height: 1.7em;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  div.sidebar-interests-intro-card {
    display: flex !important;
    flex-direction: column;
    grid-gap: 0.7em;
    text-align: center;
  }
  div.sidebar-interests-intro-card::before {
    order: 2;
    margin-left: 0;
  }
}
@media screen and (min-width: 1025px) {
  div.sidebar-interests-intro-card br {
    display: none;
  }
  div.sidebar-interests-intro-card::before {
    animation: bw-elastic-point-down 1.2s linear infinite;
  }
}
@media screen and (min-width: 1025px) and (prefers-reduced-motion) {
  div.sidebar-interests-intro-card::before {
    animation: none;
  }
}

@media screen and (min-width: 1025px) {
  .sidebar-interests-intro-card-content {
    text-align: left;
  }
}

.sidebar-interests-intro-card-heading {
  font-weight: bold;
}

:is(.sidebar-interests-made-for-you, #specificity-hack) {
  display: grid !important;
  grid-template-columns: 1fr 3fr;
  position: relative;
  margin-top: 1px;
}
@media screen and (max-width: 1024px) {
  :is(.sidebar-interests-made-for-you, #specificity-hack) {
    display: flex !important;
  }
  :is(.sidebar-interests-made-for-you, #specificity-hack)::before {
    margin-right: 0.5em;
  }
}
:is(.sidebar-interests-made-for-you, #specificity-hack) i.sidebar-interests-you {
  position: relative;
  display: inline-block;
}
:is(.sidebar-interests-made-for-you, #specificity-hack) i.sidebar-interests-you::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  height: 2px;
  width: 100%;
  border-radius: 2px;
  background: black;
  transform: scaleX(0);
  transform-origin: center left;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
:is(.sidebar-interests-made-for-you, #specificity-hack)::before {
  content: "\f08a";
  font-family: FontAwesome;
  font-size: 1.5em;
}
:is(.sidebar-interests-made-for-you, #specificity-hack):hover::before, :is(.sidebar-interests-made-for-you, #specificity-hack):focus::before {
  content: "\f004";
  animation: heartBeat 1s ease-in-out infinite;
}
:is(.sidebar-interests-made-for-you, #specificity-hack):hover i.sidebar-interests-you::before, :is(.sidebar-interests-made-for-you, #specificity-hack):focus i.sidebar-interests-you::before {
  opacity: 1;
  transform: scaleX(1);
}

.sidebar-drawers-container {
  position: absolute;
  top: 0;
  height: 100vh;
  overflow: visible;
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  .sidebar-drawers-container {
    left: 100%;
    width: 50vw;
    contain: strict;
  }
}
@media screen and (max-width: 1024px) {
  .sidebar-drawers-container {
    left: 0;
  }
}
.sidebar-drawers-container .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  transform: scale(0.75);
}

.sidebar-drawer {
  --container-bg: #111111;
  background: var(--container-bg);
  position: absolute;
  opacity: 0.5;
  transition-property: transform, box-shadow, border-color, filter, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  pointer-events: all;
  contain: content;
  overflow-x: clip;
}
@supports not (overflow-x: clip) {
  .sidebar-drawer {
    overflow-x: hidden;
  }
}
.sidebar.--drawer-open .sidebar-drawer {
  transition-property: opacity;
}

@media (prefers-reduced-motion) {
  .sidebar-drawer {
    transition-property: none;
  }
}
@media screen and (min-width: 1025px) {
  .sidebar-drawer {
    width: 256px;
    top: 1rem;
    left: 0;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid var(--node-color, #888888);
    transform: translateX(calc(-256px - 10px)) scale(0.8);
    transform-origin: top left;
    filter: blur(5px);
  }
  .sidebar-drawer.sidebar-drawer--open {
    box-shadow: 0 0 2px 0 white, 0 0 10px 5px rgba(var(--node-color-rgb, 255, 255, 255), 0.5);
    filter: blur(0);
    transform: translateX(0) scale(1);
  }
}
@media screen and (max-width: 1024px) {
  .sidebar-drawer {
    z-index: 9999;
    padding: 1rem;
    height: calc(100vh - 64px);
    width: 100vw;
    transform: translateX(100vw);
  }
  .sidebar-drawer.sidebar-drawer--open {
    transform: translateX(0);
  }
}
.sidebar-drawer.sidebar-drawer--open {
  opacity: 1;
}

.sidebar-drawer-backdrop {
  z-index: 98;
}
@media screen and (max-width: 1024px) {
  .sidebar-drawer-backdrop {
    display: none;
  }
}

.sidebar-back-button, .hyve-info-box-back-button {
  color: white;
  font-size: 12px;
  margin-bottom: 1.5em;
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.sidebar-back-button::before, .hyve-info-box-back-button::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20stroke%3D%22none%22%3E%3Cpath%20stroke%3D%22%23888888%22%20stroke-width%3D%223%22%20d%3D%22M24%200%20L8%2016%20L24%2032%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  vertical-align: text-bottom;
}
@media screen and (min-width: 1025px) {
  .sidebar-back-button, .hyve-info-box-back-button {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  body {
    transition: border-left 0.3s ease-in-out;
    border-left: 0 solid black;
  }
}
@media screen and (min-width: 1025px) {
  body.--sidebar-open {
    border-left-width: clamp(230px, 17vw, 300px);
  }
}
body.--sidebar-open .sidebar {
  opacity: 1;
}
@media screen and (min-width: 1025px) {
  body.--sidebar-open .sidebar {
    left: 0;
  }
}
@media screen and (max-width: 1024px) {
  body.--sidebar-open .sidebar {
    top: 0;
  }
}

.sidebar {
  position: fixed;
  margin-top: var(--nav-size);
  height: calc(100vh - var(--nav-size));
  width: 100%;
  background-color: black;
  color: #c6c9cc;
  opacity: 0;
  transition: 0.3s ease-in-out;
  contain: layout size;
}
@media screen and (min-width: 1025px) {
  .sidebar {
    z-index: 100;
    top: 0;
    left: calc(-1 * clamp(230px, 17vw, 300px));
    width: clamp(230px, 17vw, 300px);
    transition-property: opacity left;
  }
}
@media screen and (max-width: 1024px) {
  .sidebar {
    z-index: 9999;
    background-color: black;
  }
}
@media screen and (max-width: 767px) {
  .sidebar {
    top: -100vh;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sidebar {
    top: 0;
    width: 100vw;
  }
}

.sidebar-main {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  padding: 1rem;
  width: 100%;
  height: 100%;
}

.sidebar-contact-us {
  animation: bw-fade-in-bounce 0.3s forwards 1;
}

body.controller-hyve--focus .sidebar-weight-settings-toggle, body.controller-hyve--search .sidebar-weight-settings-toggle {
  display: block !important;
}

.focus-icon, .cutout-icon, .faux-cutout-icon {
  border-radius: 100%;
  width: var(--icon-size, 34px);
  aspect-ratio: 1;
  position: relative;
  background-color: transparent;
  box-shadow: 0 0 0 var(--icon-shadow-width, 20px) var(--icon-border-color, var(--border-color, rgba(127, 127, 127, 0.8)));
}
.focus-icon::before, .cutout-icon::before, .faux-cutout-icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  border-radius: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: var(--icon-url, url(/hyve/icons/filemaker));
  background-color: white;
}

.faux-cutout-icon::after {
  content: "";
  position: absolute;
  width: calc(100% + var(--icon-shadow-width, 20px) * 2);
  aspect-ratio: 1;
  border-radius: 100%;
  left: calc(-1 * var(--icon-shadow-width, 20px));
  top: calc(-1 * var(--icon-shadow-width, 20px));
  background: var(--faux-cutout-bg);
}

.simple-read-more-checkbox {
  position: absolute;
  visibility: hidden;
}
.simple-read-more-checkbox:checked {
  display: none;
}
.simple-read-more-checkbox:checked ~ .simple-read-more-abridged {
  display: none;
}
.simple-read-more-checkbox:checked ~ .simple-read-more-full {
  display: contents;
}

.simple-read-more-label {
  cursor: pointer;
}

.simple-read-more-abridged {
  display: contents;
}

.simple-read-more-full {
  display: none;
}

div.hyve-info-box h2, .underscored-heading--centered, .underscored-heading--gradient, .underscored-heading {
  position: relative;
}
div.hyve-info-box h2::after, .underscored-heading--centered::after, .underscored-heading--gradient::after, .underscored-heading::after {
  content: "";
  position: absolute;
  bottom: -0.5em;
  left: 0;
  background-color: #ffd939;
  height: 0.15em;
  width: 3em;
  border-radius: 1em;
}

.underscored-heading--gradient::after {
  background-image: radial-gradient(84% 2105% at 26% 16%, var(--underline-gradient-color-a, #ffd939) 0%, var(--underline-gradient-color-b, #e374ff) 100%);
}

.underscored-heading--centered {
  text-align: center;
}
.underscored-heading--centered::after {
  right: 0;
  margin: auto;
}

.hyve-info-box-colorized-bg .hyve-info-box-related-container, .hyve-info-box-colorized-bg .hyve-info-box-related-container--placeholder, div.hyve-info-box.hyve-info-box-colorized-bg {
  background-color: var(--node-color-pop, #1A3A66);
  background-image: var(--bg-url, url(/assets/hyve/info-box-bg.webp)), var(--bg-url, url(/assets/hyve/info-box-bg.webp));
  background-blend-mode: luminosity, hard-light;
}

.hyve-info-box-testimonial,
.hyve-info-box-related-why, .hyve-info-box-description {
  font-size: 80%;
}

div.hyve-info-modal-container {
  padding: 0 !important;
}
@media screen and (min-width: 1025px) {
  div.hyve-info-modal-container {
    z-index: 99;
  }
}
@media screen and (max-width: 1024px) {
  div.hyve-info-modal-container {
    z-index: 10000;
    padding: 0;
  }
}

div.hyve-info-box {
  --border-color: hsla(var(--node-color-h), calc(var(--node-color-s) / 3), calc(var(--node-color-l) / 2), 0.6);
  color: white;
  background-image: var(--bg-url, url(/assets/hyve/info-box-bg.webp));
  background-size: auto 100vh;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
@media (prefers-reduced-motion) {
  div.hyve-info-box {
    animation: none !important;
  }
}
div.hyve-info-box h2 {
  color: inherit;
  padding: 0;
  margin: 0;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1025px) {
  div.hyve-info-box h2 {
    margin-top: 13px;
  }
}
div.hyve-info-box button.modal-close {
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 1025px) {
  div.hyve-info-box {
    margin-left: calc(clamp(230px, 17vw, 300px) + 256px + 1.2rem);
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: min(55vw, 55rem);
    animation-timing-function: cubic-bezier(0.36, 0.29, 0.43, 1.45);
    animation-name: info-box-appear-from-left;
  }
  .--info-box-transitioning div.hyve-info-box {
    animation-name: none;
  }
  body.--delay-info-box-modal div.hyve-info-box {
    animation-play-state: paused;
  }
}
@media screen and (max-width: 1024px) {
  div.hyve-info-box {
    padding: 1rem;
    animation-name: info-box-shift-from-right;
    width: 100vw;
    flex: 1;
  }
  div.hyve-info-box button.modal-close {
    display: none;
  }
}

.hyve-info-box-content {
  position: relative;
  flex: 1;
  width: 100%;
  box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.2);
  --bg-blurred: url(/assets/hyve/info-box-bg.foggy.svg) !important;
}
@media screen and (min-width: 1025px) {
  .hyve-info-box-content {
    padding-top: 60px;
    padding-left: 130px;
    padding-right: 70px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .hyve-info-box-content {
    padding: 1.5rem;
    padding-top: calc(80px + 1rem);
  }
}

.hyve-info-box-header {
  overflow: hidden;
}
.hyve-info-box-icon {
  --icon-size: 40px;
  --icon-shadow-width: 11px;
  --faux-cutout-bg: var(--bg-url);
  position: absolute !important;
  transform: translate(10px, 10px);
}
.hyve-info-box-icon::after {
  clip-path: path(evenodd, "M 1 31 a 1 1 0 0 0 60 0  1 1 0 0 0 -60 0 z M 9 31 a 1 1 0 0 0 44 0 1 1 0 0 0 -44 0");
}
.hyve-info-box-icon::after {
  background-position-x: -50% !important;
}
@media screen and (min-width: 1025px) {
  .hyve-info-box-icon {
    top: 60px;
    left: 35px;
  }
}
@media screen and (max-width: 1024px) {
  .hyve-info-box-icon {
    top: 20px;
    left: 20px;
  }
}

@media screen and (min-width: 1025px) {
  .hyve-info-box-description {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  .hyve-info-box-description p {
    line-height: 2;
  }
}
.hyve-info-box-description h3 {
  text-transform: none;
}

.hyve-info-box-about p:first-child,
.hyve-info-box-why p:first-child {
  margin-top: 0;
}
.hyve-info-box-about p:first-child strong:first-child::after,
.hyve-info-box-why p:first-child strong:first-child::after {
  content: " — ";
  font-weight: 400;
}
@media screen and (min-width: 1025px) {
  .hyve-info-box-about,
  .hyve-info-box-why {
    flex: 1 1 0;
  }
}

@media screen and (min-width: 1025px) {
  .hyve-info-box-about-single {
    max-width: 75%;
  }
}

@media screen and (min-width: 1025px) {
  .hyve-info-box-why {
    margin-left: 1rem;
  }
}

.hyve-info-box-read-more {
  color: #ffd939;
}
.hyve-info-box-read-more:focus {
  text-decoration: underline;
}

.hyve-info-box-bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.hyve-info-box-learn-more-link {
  --button-color: white;
}

#info-box-related-content-turbo-frame {
  display: contents;
}

.hyve-info-box-related-container, .hyve-info-box-related-container--placeholder {
  background-image: var(--bg-url, url(/assets/hyve/info-box-bg.webp));
}
.hyve-info-box-related-container--placeholder {
  pointer-events: none;
  filter: blur(3px);
  animation: bw-fade-in-out 1.5s infinite ease-in-out;
}

.hyve-info-box-testimonial,
.hyve-info-box-related-why {
  padding-bottom: 1rem;
}
.hyve-info-box-testimonial p:first-of-type,
.hyve-info-box-related-why p:first-of-type {
  margin-top: 0;
}
.hyve-info-box-testimonial p:last-of-type,
.hyve-info-box-related-why p:last-of-type {
  margin-bottom: 0;
}

.hyve-info-box-testimonial {
  text-align: center;
}
.hyve-info-box-testimonial blockquote {
  background: none;
}
.hyve-info-box-related-container--placeholder .hyve-info-box-testimonial blockquote::before, .hyve-info-box-related-container--placeholder .hyve-info-box-testimonial blockquote::after {
  content: none;
}

.hyve-info-box-testimonial-byline {
  position: relative;
  line-height: 1.5em;
  font-size: 90%;
  padding-top: 0.75em;
}
.hyve-info-box-testimonial-byline strong, .hyve-info-box-testimonial-byline span {
  display: block;
}
.hyve-info-box-testimonial-byline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: var(--node-color);
  height: 0.2em;
  width: 3em;
  border-radius: 1em;
}

.hyve-info-box-recommended {
  display: grid;
  gap: 0.25rem;
}
@media screen and (min-width: 768px) {
  .hyve-info-box-recommended {
    grid-template-columns: repeat(2, 1fr);
  }
}

.hyve-info-box-contact {
  flex: 1;
  text-align: right;
}

@keyframes info-box-appear-from-left {
  0% {
    opacity: 0;
    transform: scale(0.1) translateX(-100%);
    filter: blur(30px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0);
    filter: blur(0);
  }
}
@keyframes info-box-shift-from-right {
  0% {
    opacity: 0;
    transform: translateX(100vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.testimonial-bubble::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 3.5355339059vw;
  height: 3.5355339059vw;
  border-radius: 5px 0;
  background-color: inherit;
  margin: 0 auto;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .testimonial-bubble::after {
    width: 7.0710678119vw;
    height: 7.0710678119vw;
  }
}

.testimonial-bubble {
  position: relative;
}

.testimonial-bubble {
  margin: auto auto 2.5vw auto;
}
.testimonial-bubble::after {
  bottom: calc(-1.767766953vw + 1px);
  transform: rotate(225deg);
}
@media screen and (max-width: 767px) {
  .testimonial-bubble::after {
    bottom: -3.5355339059vw;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-bubble {
    margin-bottom: 5vw;
  }
}

.testimonials {
  background: #eeeeee;
}
@media speech {
  .testimonials {
    background: #111111;
  }
}

.testimonials-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .testimonials-container {
    display: block;
  }
}

.testimonial {
  padding: 10vh 3vw;
  flex: 1;
}
@media screen and (min-width: 1025px) {
  .testimonial:first-child {
    padding-left: 0;
  }
  .testimonial:last-child {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .testimonial {
    padding-top: 5vh;
    padding-bottom: 0;
  }
  .testimonial:last-child {
    padding-bottom: 5vh;
  }
}

.testimonial-bubble {
  max-width: 900px;
  border-radius: 2vw;
  background-color: #fefefe;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20198%20198%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28180%2C99%2C99%29%22%3E%3Cpath%20id%3D%22q%22%20d%3D%22M0%2092.9h48c-0.8%2035-10.7%2039-23.2%2040.1L20%20133.6v38.5l5.5-0.3c16.3-0.9%2034.3-3.9%2046.3-18.7C82.4%20140.1%2087%20118.9%2087%2086.3V25.9H0V92.9z%22%20fill%3D%22%23eeeeee%22%3E%3C%2Fpath%3E%3Cuse%20href%3D%22%23q%22%20transform%3D%22translate%28110%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 5vw 5vw;
  background-position: center calc((1.5vw + 5vw) / 2 - 5vw / 2);
  background-repeat: no-repeat;
  padding: 3vw;
  padding-top: calc(1.5vw + 5vw);
}
@media speech {
  .testimonial-bubble {
    background-color: #222222;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20198%20198%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28180%2C99%2C99%29%22%3E%3Cpath%20id%3D%22q%22%20d%3D%22M0%2092.9h48c-0.8%2035-10.7%2039-23.2%2040.1L20%20133.6v38.5l5.5-0.3c16.3-0.9%2034.3-3.9%2046.3-18.7C82.4%20140.1%2087%20118.9%2087%2086.3V25.9H0V92.9z%22%20fill%3D%22%23383838%22%3E%3C%2Fpath%3E%3Cuse%20href%3D%22%23q%22%20transform%3D%22translate%28110%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
@media screen and (max-width: 767px) {
  .testimonial-bubble {
    padding: 5vw;
    background-size: 10vw 10vw;
    padding-top: calc(1.5vw + 10vw);
  }
}
.testimonial-bubble a {
  color: #42afe9;
  transition: color 400ms;
}
.testimonial-bubble a:hover {
  color: #8b37d4;
}

.testimonial-quote {
  padding: 0;
  margin: 0;
  color: inherit;
  border: none;
}
.testimonials--single .testimonial--short .testimonial-quote {
  font-size: 1.5em;
  line-height: 1.5em;
}

.testimonial-more {
  text-align: right;
  margin-top: 0.5rem;
}

.testimonial-meta {
  text-align: center;
  margin-bottom: 3vh;
}

.testimonial-name-and-title {
  font-size: 0.8em;
  font-weight: bold;
}

.testimonial-company {
  font-weight: 700;
}

hyve-testimonial .testimonials {
  background: transparent;
  color: #222222;
}

hyve-callout {
  display: block;
  padding: 1em;
  border-radius: 5px;
  margin: 1em 0;
  padding-left: calc(3 * 1em + 1.5em);
  position: relative;
  background: var(--hyve-callout-background);
  box-shadow: 0 0 10px var(--hyve-callout-shadow);
}
hyve-callout::before {
  font-family: FontAwesome;
  font-size: 1.2em;
  color: #fefefe;
  content: "";
  display: grid;
  place-items: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  position: absolute;
  left: 1em;
  top: calc(50% - 1.5em / 2);
  border: 1px solid;
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));
  border-color: var(--hyve-callout-border-color);
  background: var(--hyve-callout-pseudo-background);
}
hyve-callout.info {
  --hyve-callout-background: rgba(42, 112, 217, 0.8980392157);
  --hyve-callout-border-color: rgba(31.4900398406, 89.4980079681, 176.5099601594, 0.8980392157);
  --hyve-callout-pseudo-background: rgba(85.2788844622, 141.0557768924, 224.7211155378, 0.8980392157);
  --hyve-callout-shadow: rgba(85.2788844622, 141.0557768924, 224.7211155378, 0.9980392157);
}
hyve-callout.info::before {
  content: "\f129";
}
hyve-callout.warning {
  --hyve-callout-background: rgba(218, 152, 30, 0.8980392157);
  --hyve-callout-border-color: rgba(173.1693548387, 120.7419354839, 23.8306451613, 0.8980392157);
  --hyve-callout-pseudo-background: rgba(229.4758064516, 173.3225806452, 69.5241935484, 0.8980392157);
  --hyve-callout-shadow: rgba(229.4758064516, 173.3225806452, 69.5241935484, 0.9980392157);
}
hyve-callout.warning::before {
  content: "!";
}
hyve-callout.success {
  --hyve-callout-background: rgba(26, 157, 0, 0.8980392157);
  --hyve-callout-border-color: rgba(17.5541401274, 106, 0, 0.8980392157);
  --hyve-callout-pseudo-background: rgba(34.4458598726, 208, 0, 0.8980392157);
  --hyve-callout-shadow: rgba(34.4458598726, 208, 0, 0.9980392157);
}
hyve-callout.success::before {
  content: "\f00c";
}
hyve-callout.error {
  --hyve-callout-background: rgba(217, 42, 42, 0.8980392157);
  --hyve-callout-border-color: rgba(176.5099601594, 31.4900398406, 31.4900398406, 0.8980392157);
  --hyve-callout-pseudo-background: rgba(224.7211155378, 85.2788844622, 85.2788844622, 0.8980392157);
  --hyve-callout-shadow: rgba(224.7211155378, 85.2788844622, 85.2788844622, 0.9980392157);
}
hyve-callout.error::before {
  content: "\f00d";
}

.glass-page {
  --bg-blurred: linear-gradient(to bottom, #343755, #583552);
  display: flex;
  flex-direction: column;
  gap: 3rem;
  position: relative;
  border-radius: 10px;
  padding-top: 3rem;
}
.glass-page :where(section) {
  margin-top: 0;
  margin-bottom: 0;
}

.glass-page-with-bottom-whitespace {
  padding-bottom: 3rem;
}

.glass-page-masked, .glass-page-gutter, .glass-page-fade-bottom {
  -webkit-mask-image: var(--top-right-mask, linear-gradient(red, red)), linear-gradient(red, red), linear-gradient(red, red), linear-gradient(red, red), var(--bottom-mask, linear-gradient(red, red)), var(--bottom-mask, linear-gradient(red, red)), var(--bottom-mask, linear-gradient(red, red));
          mask-image: var(--top-right-mask, linear-gradient(red, red)), linear-gradient(red, red), linear-gradient(red, red), linear-gradient(red, red), var(--bottom-mask, linear-gradient(red, red)), var(--bottom-mask, linear-gradient(red, red)), var(--bottom-mask, linear-gradient(red, red));
  -webkit-mask-position: top right, top left, left var(--gutter-height, var(--gutter-width, 300px)), 1px calc(100% - 1em), left bottom, right bottom, 1px bottom;
          mask-position: top right, top left, left var(--gutter-height, var(--gutter-width, 300px)), 1px calc(100% - 1em), left bottom, right bottom, 1px bottom;
  -webkit-mask-size: var(--gutter-width, 300px) var(--gutter-height, var(--gutter-width, 300px)), calc(100% - var(--gutter-width, 300px) + 0.5px) calc(var(--gutter-height, var(--gutter-width, 300px)) + 1px), 100% calc(100% - var(--gutter-height, var(--gutter-width, 300px)) - var(--fade-height, 20vw) + 1px), calc(100% - 2px) var(--fade-height, 20vw), 1px var(--fade-height, 20vw), 1px var(--fade-height, 20vw), calc(100% - 2px) calc(1em + 1px);
          mask-size: var(--gutter-width, 300px) var(--gutter-height, var(--gutter-width, 300px)), calc(100% - var(--gutter-width, 300px) + 0.5px) calc(var(--gutter-height, var(--gutter-width, 300px)) + 1px), 100% calc(100% - var(--gutter-height, var(--gutter-width, 300px)) - var(--fade-height, 20vw) + 1px), calc(100% - 2px) var(--fade-height, 20vw), 1px var(--fade-height, 20vw), 1px var(--fade-height, 20vw), calc(100% - 2px) calc(1em + 1px);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.glass-page-fade-bottom {
  --bottom-mask: linear-gradient(to bottom, red, transparent);
  border-bottom: none;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media screen and (min-width: 1025px) {
  .glass-page-gutter {
    --top-right-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5.17e-4%200-5.17e-4%205.17e-4v0.146c5.41e-4%20-0.0422%200.00875-0.0869%200.0264-0.133%200.0015-0.00399-4.48e-4%20-0.012-0.00878-0.0129zm0.101%200c-0.00433%200.00204-0.00967%200.00699-0.0119%200.0119-0.117%200.259%200.0944%200.393%200.288%200.489%200.221%200.109%200.447%200.242%200.595%200.389%200.0099%200.0097%200.0259%200.00316%200.0274-0.0103v-0.87952zm-0.101%200.158v0.842l5.17e-4%205.17e-4h0.999c-4.95e-5%20-5.15e-5%205.12e-5%20-4.64e-4%200-5.17e-4%20-0.0102-0.0106-0.0532-0.0511-0.0672-0.0656-0.14-0.138-0.362-0.271-0.58-0.378-0.1-0.049-0.209-0.109-0.282-0.201-0.0424-0.0537-0.0692-0.121-0.0708-0.197z%22%2F%3E%3C%2Fsvg%3E");
  }
}

.glass-page-section, hyve-glass, .glass-page-section-inner, hyve-glass-inner {
  border: 1px solid var(--border-color);
  padding: 0.9rem;
}

.glass-page-section, hyve-glass {
  background-color: hsla(var(--base-color-h), var(--base-color-s), calc(var(--base-color-l) * 0.8), 0.5);
  position: relative;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
  isolation: isolate;
}

.glass-page-section-inner, hyve-glass-inner {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 0.3rem;
}

.glass-page-section-header {
  position: absolute;
  top: 0.45rem;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 9;
  border-radius: 0.2rem;
  padding: 0.5rem 2rem;
  font-weight: bold;
  font-size: larger;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

hyve-glass {
  display: block;
  margin: 1rem 0;
}
hyve-glass:not(:has(hyve-glass-inner)) {
  padding: 2rem;
}

hyve-glass-inner {
  display: block;
}

.hyve-toc {
  -moz-columns: 2;
       columns: 2;
}

.path-404 {
  background-color: #93c8cd;
}