/*
* Theme: Defines color palette, typography, and core design tokens for the application.
*/
/*
* Import framework and component styles
*/
/*
* Reset: Vendor reset/normalize
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

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

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

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

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * 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; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

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

@-webkit-keyframes wayfinder {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@keyframes wayfinder {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@-webkit-keyframes wayfinderBack {
  0% {
    width: 100%; }
  100% {
    width: 0%; } }

@keyframes wayfinderBack {
  0% {
    width: 100%; }
  100% {
    width: 0%; } }

/*
* Fundamentals: Core variables for rendering views
* $u- prefix denotes utility variables that can be used across components and views
*/
@font-face {
  font-family: 'GilroyBold';
  src: url("../fonts/GilroyBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/*
* Theme configuration styles
*/
:root {
  --color-primary: #1A2E22;
  --color-primary-bg: #0A120E;
  --color-primary-fg: #fff;
  --color-accent: #BEA579;
  --color-accent-hover: #a28b64;
  --font-base: Inter, Helvetica Neue, Helvetica, Arial, sans-serif;
  --font-heading: GilroyBold, Helvetica Neue, Helvetica, Arial, sans-serif;
  --spacing-base: 8px;
  --border-radius-base: 10px;
  --color-btn-apply: #294835;
  --color-btn-apply-hover: #1A2E22;
  --color-btn-tour: #BEA579;
  --color-btn-tour-hover: #ad8e57;
  --pill-feature-bg: #BEA579;
  --pill-feature-fg: #FFFFFF;
  --pill-special-bg: #953133;
  --pill-special-fg: #FFFFFF;
  --pill-movenow-bg: #215937;
  --pill-movenow-fg: #FFFFFF;
  --pill-movesoon-bg: #213759;
  --pill-movesoon-fg: #FFFFFF; }

body, html {
  background-color: var(--color-primary-bg);
  color: var(--color-primary-fg);
  font-family: var(--font-base);
  margin: 0;
  padding: 0; }
  body p, html p {
    font-size: 14px;
    line-height: 20px; }

/*
* Theme layout for breakpoints
*/
body[data-theme] {
  background-color: var(--color-primary-bg);
  overflow: hidden;
  height: 100vh;
  padding-bottom: 40px; }
  body[data-theme] .appview {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    overflow-y: auto; }
    body[data-theme] .appview::-webkit-scrollbar {
      width: 2px; }
    body[data-theme] .appview::-webkit-scrollbar-track {
      background-color: #0e1913; }
    body[data-theme] .appview::-webkit-scrollbar-thumb {
      background-color: #1A2E22;
      border-radius: 20px; }
    body[data-theme] .appview::-webkit-scrollbar-thumb:hover {
      background-color: #BEA579; }
  body[data-theme] .marker {
    background-color: var(--color-accent);
    border-radius: 100%;
    display: block;
    width: 2rem;
    height: 2rem;
    position: relative;
    cursor: pointer; }
    body[data-theme] .marker:before {
      background-color: var(--color-primary-fg);
      content: '';
      -webkit-mask-image: url(../edinagrand/icon.svg);
              mask-image: url(../edinagrand/icon.svg);
      -webkit-mask-size: auto 100%;
              mask-size: auto 100%;
      -webkit-mask-position: center center;
              mask-position: center center;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2; }
  body[data-theme] header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 9999; }
  @media all and (min-width: 699px) {
    body[data-theme] .appview {
      flex-direction: row; }
    body[data-theme] main {
      flex: 1;
      height: 100vh;
      overflow: hidden;
      overflow-y: auto;
      position: relative; }
      body[data-theme] main::-webkit-scrollbar {
        width: 2px; }
      body[data-theme] main::-webkit-scrollbar-track {
        background-color: #0e1913; }
      body[data-theme] main::-webkit-scrollbar-thumb {
        background-color: #1A2E22;
        border-radius: 20px; }
      body[data-theme] main::-webkit-scrollbar-thumb:hover {
        background-color: #BEA579; }
    body[data-theme] aside {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      width: 320px;
      z-index: 2;
      -webkit-transform: translateX(100%);
              transform: translateX(100%); } }
  @media all and (min-width: 980px) {
    body[data-theme] {
      flex-direction: row;
      overflow: hidden; }
      body[data-theme] header {
        border-right: 1px solid #0e1913;
        min-width: 320px;
        max-width: 320px; }
        body[data-theme] header [data-nav-target="navbarSaved"] {
          display: none; }
      body[data-theme] main {
        flex: 1;
        height: 100vh;
        margin-right: 320px; }
      body[data-theme] aside {
        -webkit-transform: translateX(0);
                transform: translateX(0); } }
  @media all and (max-width: 1280px) {
    body[data-theme] header {
      min-width: 60px;
      max-width: 60px;
      z-index: 9999; }
      body[data-theme] header .navbar_text {
        display: none; } }
  body[data-theme] footer {
    font-size: 10px;
    line-height: 14px;
    padding: calc(var(--spacing-base) * 3);
    opacity: 0.7; }
    body[data-theme] footer a {
      color: var(--color-primary-fg);
      text-decoration: none; }

/*
* Sidebar
*/
.sidebar {
  height: 100%;
  display: flex;
  flex-direction: column; }
  @media all and (max-width: 699px) {
    .sidebar {
      background-color: var(--color-primary-bg);
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 99;
      height: 100%;
      transition: opacity 0.2s ease-in-out;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      opacity: 0; }
      .sidebar .sidebar-header {
        margin-top: 58px; }
      .sidebar.is--visible {
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        z-index: 100; } }
  .sidebar-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing-base) * 2);
    opacity: 0; }
    .sidebar-header *:before {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.0651754%2C11.4191%20L22.5793259%2C11.4191%20C22.8554682%2C11.4191%2023.0793259%2C11.6429576%2023.0793259%2C11.9191%20L23.0793259%2C23.8532232%20C23.0793259%2C24.1293655%2022.8554682%2C24.3532232%2022.5793259%2C24.3532232%20C22.5100702%2C24.3532232%2022.4415697%2C24.3388357%2022.3781661%2C24.3109728%20L18.0234283%2C22.3972676%20C17.8952382%2C22.340934%2017.7493002%2C22.3409338%2017.62111%2C22.397267%20L13.266334%2C24.3109755%20C13.0135255%2C24.4220723%2012.718522%2C24.3071923%2012.6074252%2C24.0543839%20C12.5795626%2C23.9909807%2012.5651754%2C23.9224806%2012.5651754%2C23.8532253%20L12.5651754%2C11.9191%20C12.5651754%2C11.6429576%2012.789033%2C11.4191%2013.0651754%2C11.4191%20Z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 1.8em;
      content: '';
      display: inline-block;
      margin-right: .25em;
      height: .75em;
      width: 1em; }
  .sidebar-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-base);
    padding: var(--spacing-base);
    overflow: auto;
    grid-template-columns: repeat(2, 1fr); }
    .sidebar-grid::-webkit-scrollbar {
      width: 2px; }
    .sidebar-grid::-webkit-scrollbar-track {
      background-color: #f2f2f2; }
    .sidebar-grid::-webkit-scrollbar-thumb {
      background-color: #BEA579;
      border-radius: 20px; }
    .sidebar-grid::-webkit-scrollbar-thumb:hover {
      background-color: #BEA579; }
    .sidebar-grid .button-icon {
      cursor: pointer;
      -webkit-transform: scale(0.625);
              transform: scale(0.625); }
    .sidebar-grid .unit-card {
      max-width: calc(50% - (var(--spacing-base) / 2)); }
    .sidebar-grid .unit-card--info,
    .sidebar-grid .unit-card:after {
      opacity: 0;
      transition: opacity 0.3s ease-in-out; }
    .sidebar-grid .unit-card:hover .unit-card--info, .sidebar-grid .unit-card:hover:after {
      opacity: 1; }
  .sidebar .unit-card--tokens {
    display: none; }
  .sidebar .removebtn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5; }
  .sidebar:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22234%22%20height%3D%22234%22%20viewBox%3D%220%200%20234%20234%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M73.3213%20140.376L75.0967%20135H77.3047L74.3926%20143C73.5606%20145.304%2072.2009%20146.312%2070.169%20146.2V144.28C71.3049%20144.296%2071.8807%20143.816%2072.2647%20142.744L68.9854%20135H71.2412L73.3213%20140.376ZM81.7823%20134.776C84.1343%20134.776%2086.0225%20136.616%2086.0225%20139C86.0225%20141.384%2084.1343%20143.224%2081.7823%20143.224C79.4305%20143.223%2077.5586%20141.384%2077.5586%20139C77.5586%20136.616%2079.4305%20134.777%2081.7823%20134.776ZM89.4112%20139.656C89.4113%20140.744%2090.0672%20141.304%2090.9952%20141.304C92.0029%20141.304%2092.7548%20140.712%2092.7549%20139.32V135H94.8184V143H92.7549V142.104C92.275%20142.823%2091.4429%20143.224%2090.3711%20143.224C88.6752%20143.224%2087.3468%20142.04%2087.3467%20139.912V135H89.4112V139.656ZM114.837%20134.776C116.005%20134.776%20116.869%20135.224%20117.445%20135.944V135H119.51V143H117.445V142.056C116.869%20142.776%20116.005%20143.224%20114.837%20143.224C112.709%20143.223%20110.949%20141.384%20110.949%20139C110.949%20136.616%20112.709%20134.777%20114.837%20134.776ZM133.407%20134.776C135.759%20134.776%20137.647%20136.616%20137.647%20139C137.647%20141.384%20135.759%20143.224%20133.407%20143.224C131.055%20143.223%20129.184%20141.384%20129.184%20139C129.184%20136.616%20131.055%20134.777%20133.407%20134.776ZM158.345%20134.776C160.713%20134.776%20162.394%20136.648%20162.394%20139C162.394%20139.304%20162.361%20139.576%20162.314%20139.848H156.281C156.569%20140.904%20157.449%20141.352%20158.537%20141.352C159.337%20141.352%20159.977%20141.016%20160.329%20140.552L161.993%20141.512C161.241%20142.6%20160.041%20143.224%20158.505%20143.224C155.817%20143.223%20154.121%20141.384%20154.121%20139C154.121%20136.616%20155.833%20134.777%20158.345%20134.776ZM166.354%20134.776C167.649%20134.776%20168.77%20135.368%20169.394%20136.472L167.634%20137.432C167.394%20136.92%20166.945%20136.616%20166.354%20136.616C165.842%20136.616%20165.426%20136.84%20165.426%20137.272C165.427%20138.456%20169.554%20137.72%20169.554%20140.664C169.554%20142.392%20168.05%20143.224%20166.338%20143.224C164.738%20143.224%20163.554%20142.552%20162.978%20141.32L164.77%20140.312C164.994%20140.968%20165.538%20141.352%20166.338%20141.352C166.994%20141.351%20167.441%20141.128%20167.441%20140.664C167.441%20139.496%20163.314%20140.136%20163.314%20137.32C163.314%20135.688%20164.706%20134.776%20166.354%20134.776ZM151.524%20135H153.332V136.984H151.524V140.312C151.524%20141.176%20152.148%20141.192%20153.332%20141.128V143C150.436%20143.32%20149.46%20142.472%20149.46%20140.312V136.984H148.068V135H149.46V133.384L151.524%20132.76V135ZM101.205%20137.144C100.133%20137.016%2098.7736%20137.496%2098.7735%20139.176V143H96.709V135H98.7735V136.376C99.1895%20135.288%20100.197%20134.84%20101.205%20134.84V137.144ZM106.956%20134.92C106.956%20132.712%20108.172%20131.416%20110.716%20131.576V133.56C109.644%20133.48%20109.021%20133.832%20109.021%20134.92V135H110.716V136.984H109.021V143H106.956V136.984H105.805V135H106.956V134.92ZM124.693%20140.6L126.645%20135H128.917L125.877%20143H123.525L120.485%20135H122.757L124.693%20140.6ZM143.596%20137.144C142.524%20137.016%20141.164%20137.496%20141.164%20139.176V143H139.1V135H141.164V136.376C141.58%20135.288%20142.588%20134.84%20143.596%20134.84V137.144ZM146.867%20143H144.803V135H146.867V143ZM115.222%20136.744C113.958%20136.744%20113.014%20137.656%20113.014%20139C113.014%20140.344%20113.958%20141.256%20115.222%20141.256C116.502%20141.256%20117.445%20140.344%20117.445%20139C117.445%20137.656%20116.502%20136.744%20115.222%20136.744ZM81.7823%20136.792C80.5665%20136.792%2079.6231%20137.704%2079.6231%20139C79.6231%20140.296%2080.5665%20141.208%2081.7823%20141.208C83.0143%20141.208%2083.959%20140.296%2083.959%20139C83.959%20137.704%2083.0143%20136.792%2081.7823%20136.792ZM133.407%20136.792C132.191%20136.792%20131.248%20137.704%20131.248%20139C131.248%20140.296%20132.191%20141.208%20133.407%20141.208C134.639%20141.208%20135.584%20140.296%20135.584%20139C135.584%20137.704%20134.639%20136.792%20133.407%20136.792ZM158.345%20136.632C157.241%20136.632%20156.489%20137.224%20156.249%20138.248H160.329C160.073%20137.096%20159.209%20136.632%20158.345%20136.632ZM145.827%20131.496C146.531%20131.496%20147.106%20132.088%20147.106%20132.776C147.106%20133.464%20146.531%20134.04%20145.827%20134.04C145.139%20134.04%20144.563%20133.464%20144.563%20132.776C144.563%20132.088%20145.139%20131.496%20145.827%20131.496ZM67.1094%20115.776C69.4614%20115.776%2071.3496%20117.616%2071.3496%20120C71.3496%20122.384%2069.4614%20124.224%2067.1094%20124.224C64.7575%20124.224%2062.8858%20122.384%2062.8858%20120C62.8858%20117.616%2064.7575%20115.776%2067.1094%20115.776ZM76.6094%20115.776C78.9614%20115.776%2080.8496%20117.616%2080.8496%20120C80.8496%20122.384%2078.9614%20124.224%2076.6094%20124.224C74.2575%20124.224%2072.3858%20122.384%2072.3858%20120C72.3858%20117.616%2074.2575%20115.776%2076.6094%20115.776ZM107.805%20115.776C108.973%20115.776%20109.837%20116.224%20110.413%20116.944V116H112.477V124H110.413V123.056C109.837%20123.776%20108.973%20124.224%20107.805%20124.224C105.677%20124.224%20103.917%20122.384%20103.917%20120C103.917%20117.616%20105.677%20115.776%20107.805%20115.776ZM142.047%20115.776C144.399%20115.776%20146.287%20117.616%20146.287%20120C146.287%20122.384%20144.399%20124.224%20142.047%20124.224C139.695%20124.224%20137.823%20122.384%20137.823%20120C137.823%20117.616%20139.695%20115.776%20142.047%20115.776ZM154.571%20115.776C155.867%20115.776%20156.987%20116.368%20157.611%20117.472L155.851%20118.432C155.611%20117.92%20155.163%20117.616%20154.571%20117.616C154.059%20117.616%20153.643%20117.84%20153.643%20118.272C153.644%20119.456%20157.771%20118.72%20157.771%20121.664C157.771%20123.392%20156.267%20124.224%20154.555%20124.224C152.955%20124.224%20151.771%20123.552%20151.195%20122.32L152.987%20121.312C153.211%20121.967%20153.755%20122.351%20154.555%20122.352C155.211%20122.352%20155.659%20122.128%20155.659%20121.664C155.659%20120.496%20151.532%20121.136%20151.531%20118.32C151.531%20116.688%20152.923%20115.776%20154.571%20115.776ZM162.461%20115.776C163.629%20115.776%20164.493%20116.224%20165.069%20116.944V116H167.133V124H165.069V123.056C164.493%20123.776%20163.629%20124.224%20162.461%20124.224C160.333%20124.224%20158.573%20122.384%20158.573%20120C158.573%20117.616%20160.333%20115.776%20162.461%20115.776ZM181.031%20115.776C183.399%20115.776%20185.079%20117.648%20185.079%20120C185.079%20120.304%20185.047%20120.576%20184.999%20120.848H178.968C179.256%20121.904%20180.136%20122.352%20181.224%20122.352C182.024%20122.351%20182.664%20122.016%20183.016%20121.552L184.68%20122.512C183.928%20123.6%20182.727%20124.224%20181.191%20124.224C178.503%20124.224%20176.808%20122.384%20176.808%20120C176.808%20117.616%20178.519%20115.776%20181.031%20115.776ZM135.226%20116H137.034V117.984H135.226V121.312C135.226%20122.176%20135.85%20122.192%20137.034%20122.128V124C134.138%20124.32%20133.162%20123.472%20133.162%20121.312V117.984H131.77V116H133.162V114.384L135.226%20113.76V116ZM58.001%20112.8C59.889%20112.8%2061.4092%20114.08%2061.4092%20115.952C61.4092%20116.912%2061.0085%20117.664%2060.3526%20118.192C61.2486%20118.704%2061.8252%20119.584%2061.8252%20120.752C61.8252%20122.672%2060.273%20124%2058.337%20124H53.585V112.8H58.001ZM84.3653%20119.52L87.1172%20116H89.5811L86.3653%20119.952L89.6778%20124H87.2774L84.3653%20120.368V124H82.3018V112.8H84.3653V119.52ZM99.5557%20115.776C101.38%20115.776%20102.58%20117.072%20102.58%20119.072V124H100.516V119.216C100.516%20118.272%20100.036%20117.696%2099.1719%20117.696C98.2599%20117.696%2097.6837%20118.304%2097.6836%20119.504V124H95.6202V119.216C95.6201%20118.272%2095.1394%20117.696%2094.2754%20117.696C93.3956%20117.696%2092.7716%20118.304%2092.7715%20119.504V124H90.708V116H92.7715V116.848C93.2195%20116.176%2093.9722%20115.776%2094.9961%20115.776C95.9879%20115.776%2096.724%20116.192%2097.1719%20116.928C97.6679%20116.208%2098.4679%20115.776%2099.5557%20115.776ZM118.845%20118.144C117.773%20118.016%20116.412%20118.496%20116.412%20120.176V124H114.349V116H116.412V117.376C116.828%20116.288%20117.837%20115.84%20118.845%20115.84V118.144ZM122.115%20119.52L124.867%20116H127.331L124.115%20119.952L127.428%20124H125.027L122.115%20120.368V124H120.052V112.8H122.115V119.52ZM172.316%20121.6L174.269%20116H176.541L173.501%20124H171.148L168.108%20116H170.381L172.316%20121.6ZM108.189%20117.744C106.925%20117.744%20105.981%20118.656%20105.981%20120C105.981%20121.344%20106.925%20122.256%20108.189%20122.256C109.469%20122.256%20110.413%20121.344%20110.413%20120C110.413%20118.656%20109.469%20117.744%20108.189%20117.744ZM162.845%20117.744C161.581%20117.744%20160.637%20118.656%20160.637%20120C160.637%20121.344%20161.581%20122.256%20162.845%20122.256C164.125%20122.256%20165.069%20121.344%20165.069%20120C165.069%20118.656%20164.125%20117.744%20162.845%20117.744ZM67.1094%20117.792C65.8935%20117.792%2064.9493%20118.704%2064.9493%20120C64.9493%20121.296%2065.8935%20122.208%2067.1094%20122.208C68.3414%20122.208%2069.2852%20121.296%2069.2852%20120C69.2852%20118.704%2068.3414%20117.792%2067.1094%20117.792ZM76.6094%20117.792C75.3935%20117.792%2074.4493%20118.704%2074.4493%20120C74.4493%20121.296%2075.3935%20122.208%2076.6094%20122.208C77.8414%20122.208%2078.7852%20121.296%2078.7852%20120C78.7852%20118.704%2077.8414%20117.792%2076.6094%20117.792ZM142.047%20117.792C140.831%20117.792%20139.887%20118.704%20139.887%20120C139.887%20121.296%20140.831%20122.208%20142.047%20122.208C143.279%20122.208%20144.223%20121.296%20144.223%20120C144.223%20118.704%20143.279%20117.792%20142.047%20117.792ZM55.793%20121.936H58.337C59.0888%20121.936%2059.6327%20121.376%2059.6329%20120.608C59.6329%20119.856%2059.089%20119.296%2058.337%20119.296H55.793V121.936ZM181.031%20117.632C179.927%20117.632%20179.176%20118.224%20178.936%20119.248H183.016C182.76%20118.096%20181.895%20117.632%20181.031%20117.632ZM55.793%20117.328H58.001C58.689%20117.328%2059.2012%20116.8%2059.2012%20116.096C59.2011%20115.392%2058.7049%20114.864%2058.001%20114.864H55.793V117.328Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M112.243%2088H121.757C122.033%2088%20122.257%2088.2239%20122.257%2088.5V100.434C122.257%20100.71%20122.033%20100.934%20121.757%20100.934C121.688%20100.934%20121.619%20100.92%20121.556%20100.892L117.201%2098.9782C117.073%2098.9218%20116.927%2098.9218%20116.799%2098.9782L112.444%20100.892C112.191%20101.003%20111.896%20100.888%20111.785%20100.635C111.757%20100.572%20111.743%20100.503%20111.743%20100.434V88.5C111.743%2088.2239%20111.967%2088%20112.243%2088Z%22%20fill%3D%22%23BEA579%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .sidebar:has(.unit-card) .sidebar-header {
    opacity: 1; }
  .sidebar:has(.unit-card):after {
    display: none; }

/*
* Layout main view
*/
.hero {
  display: flex;
  flex-direction: column-reverse;
  margin: var(--spacing-base);
  /* Containers */
  /* Elements */ }
  .hero-bg {
    border-radius: var(--border-radius-base);
    overflow: hidden;
    line-height: 0.01%;
    overflow: hidden;
    aspect-ratio: 1 / 1.5; }
    .hero-bg video,
    .hero-bg img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: scale(1.01);
              transform: scale(1.01); }
  .hero-fg {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-base);
    margin: -5vh 0 20px;
    position: relative;
    z-index: 2; }
  .hero-logo {
    background-color: var(--color-primary);
    border-radius: var(--border-radius-base);
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    padding: calc(var(--spacing-base) * 4);
    gap: calc(var(--spacing-base) * 2); }
    .hero-logo * {
      max-height: 120px; }
  .hero-promo {
    background-color: var(--color-primary-fg);
    border-radius: var(--border-radius-base);
    color: var(--color-primary-bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--spacing-base) calc(var(--spacing-base) * 2);
    gap: calc(var(--spacing-base) * 2);
    font-size: 14px;
    line-height: 20px; }
  .hero-card {
    background-color: var(--color-primary);
    border-radius: var(--border-radius-base);
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    padding: calc(var(--spacing-base) * 4);
    gap: calc(var(--spacing-base) * 2); }
  .hero-eyebrow {
    color: var(--color-accent);
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0; }
  .hero-headline {
    font-size: 24px;
    line-height: 32px;
    font-family: var(--font-heading);
    margin: 0; }
  .hero-text {
    margin: 0; }
  @media all and (min-width: 699px) {
    .hero {
      margin: 2ch; }
      .hero-bg {
        aspect-ratio: 16 / 10; } }
.feature {
  padding: calc(var(--spacing-base) * 4) 0; }
  .feature-hero {
    border-radius: var(--border-radius-base);
    overflow: hidden;
    aspect-ratio: 16 / 10; }
    .feature-hero img,
    .feature-hero video {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .feature-header {
    padding: 3vh calc(var(--spacing-base) * 2); }
  .feature-gallery {
    display: flex;
    gap: var(--spacing-base);
    margin: var(--spacing-base); }
    .feature-gallery-main {
      min-width: 62%; }
    .feature-gallery-aside {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-base); }
    .feature-gallery-media {
      aspect-ratio: 1 / 1;
      border-radius: var(--border-radius-base);
      max-width: none;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .feature-list {
    padding: calc(var(--spacing-base) * 2) calc(var(--spacing-base) * 2); }
  @media all and (min-width: 840px) {
    .feature {
      margin: 0 2ch; }
      .feature-hero {
        aspect-ratio: 1 / .65; } }
.location-hero {
  border-radius: var(--border-radius-base);
  overflow: hidden;
  aspect-ratio: 9 / 16; }
  .location-hero img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.location-header {
  padding: 3vh calc(var(--spacing-base) * 2); }

.location-map {
  border-radius: var(--border-radius-base);
  overflow: hidden;
  aspect-ratio: 16 / 10; }
  .location-map .mapboxgl-map,
  .location-map video,
  .location-map img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .location-map .mapbox-improve-map {
    display: none; }

.location-list {
  padding: var(--spacing-base) calc(var(--spacing-base) * 2); }
  .location-list .headline {
    margin-bottom: var(--spacing-base); }

@media all and (min-width: 840px) {
  .location {
    margin: 2ch; }
    .location-hero {
      aspect-ratio: 1 / .65; } }

.faq {
  margin-bottom: 10vh; }
  .faq-header {
    padding: 3vh calc(var(--spacing-base) * 2); }
  .faq-list {
    padding: var(--spacing-base) calc(var(--spacing-base) * 2); }

.discovery-header {
  padding: calc(var(--spacing-base) * 3) calc(var(--spacing-base) * 2) var(--spacing-base); }

.discovery-view {
  padding: var(--spacing-base) 0;
  position: relative; }

.discovery:not(.is--visible) .discovery-header .text {
  display: none; }

/*
* Unit card is the component for each unit in the discovery feed
*/
.unit-card {
  aspect-ratio: 9 / 16;
  background-color: var(--color-primary);
  border-radius: var(--border-radius-base);
  color: var(--color-text);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative; }
  .unit-card:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7) 100%);
    z-index: 2; }
  .unit-card--tokens {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing-base) / 3);
    position: absolute;
    top: var(--spacing-base);
    left: var(--spacing-base);
    z-index: 3; }
  .unit-card--media {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    z-index: 2; }
    .unit-card--media video {
      height: 100%;
      width: 100%; }
  .unit-card--info {
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    padding: calc(var(--spacing-base) * 2);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600; }
    .unit-card--info span[data-suffix] + span[data-suffix]:before {
      content: '|';
      display: inline-block;
      font-weight: 300;
      margin: 0 .365em; }
    .unit-card--info span[data-prefix] + span {
      margin-left: .425em; }
    .unit-card--info span[data-prefix]:before {
      content: attr(data-prefix);
      display: inline-block;
      font-weight: 300;
      margin-right: .25em; }
    .unit-card--info span[data-suffix]:after {
      content: attr(data-suffix);
      display: inline-block;
      font-weight: 300;
      margin-left: .15em; }

/*
* Unit view is the main component for unit details
*/
.unitview {
  background-color: var(--color-primary-fg);
  border-radius: var(--border-radius-base);
  color: var(--color-primary);
  display: flex;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  max-width: calc(100vw - (320px + 40px));
  width: 100%; }
  @media all and (max-width: 1240px) {
    .unitview {
      max-width: calc(100vw - 90px); } }
  .unitview-main {
    border-right: 1px solid rgba(190, 165, 121, 0.2);
    overflow-y: auto;
    padding: calc(var(--spacing-base) * 2);
    width: 40%; }
    .unitview-main::-webkit-scrollbar {
      width: 2px; }
    .unitview-main::-webkit-scrollbar-track {
      background-color: #f2f2f2; }
    .unitview-main::-webkit-scrollbar-thumb {
      background-color: #BEA579;
      border-radius: 20px; }
    .unitview-main::-webkit-scrollbar-thumb:hover {
      background-color: #BEA579; }
  .unitview-aside {
    overflow-y: auto;
    padding: calc(var(--spacing-base) * 3);
    width: 60%; }
    .unitview-aside::-webkit-scrollbar {
      width: 2px; }
    .unitview-aside::-webkit-scrollbar-track {
      background-color: #f2f2f2; }
    .unitview-aside::-webkit-scrollbar-thumb {
      background-color: #BEA579;
      border-radius: 20px; }
    .unitview-aside::-webkit-scrollbar-thumb:hover {
      background-color: #BEA579; }
  .unitview-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--spacing-base) * 2) 0; }
    .unitview-header--share {
      display: flex;
      gap: var(--spacing-base); }
    .unitview-header--unit {
      font-size: 12px;
      font-family: "GilroyBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 14px; }
    .unitview-header--title {
      font-size: 32px;
      font-family: "GilroyBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 32px;
      margin: 0; }
  .unitview-snapshot {
    border: 1px solid rgba(190, 165, 121, 0.2);
    border-radius: var(--border-radius-base); }
    .unitview-snapshot--items {
      background-color: rgba(190, 165, 121, 0.1);
      display: flex;
      justify-content: space-between;
      padding: calc(var(--spacing-base) * 2) calc(var(--spacing-base) * 3); }
    .unitview-snapshot--item {
      font-size: 20px;
      font-family: "GilroyBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 20px;
      line-height: 1em; }
      .unitview-snapshot--item[data-title]:before {
        content: attr(data-title);
        display: block;
        font-size: 10px; }
    .unitview-snapshot--list {
      border-top: 1px solid rgba(190, 165, 121, 0.2); }
      .unitview-snapshot--list ul {
        list-style: none;
        padding: var(--spacing-base);
        margin: 0;
        display: flex;
        flex-direction: column; }
        .unitview-snapshot--list ul:not(:first-child) {
          border-top: 1px solid rgba(190, 165, 121, 0.2); }
        .unitview-snapshot--list ul li {
          font-size: 11px;
          line-height: 20px;
          display: flex;
          justify-content: space-between;
          padding-right: var(--spacing-base); }
        .unitview-snapshot--list ul > ul {
          background-color: rgba(190, 165, 121, 0.1);
          border: none !important;
          border-radius: 4px; }
        .unitview-snapshot--list ul.togglelist li:first-child {
          cursor: pointer; }
    .unitview-snapshot--location {
      background-color: rgba(190, 165, 121, 0.1);
      border-radius: var(--border-radius-base);
      position: relative;
      padding: calc(var(--spacing-base) * 3); }
      .unitview-snapshot--location svg {
        max-width: 100%; }
    .unitview-snapshot--features {
      background-color: rgba(190, 165, 121, 0.1);
      padding: calc(var(--spacing-base) * 2); }
  .unitview-actions {
    display: flex;
    gap: var(--spacing-base);
    padding: var(--spacing-base) 0; }
    .unitview-actions button,
    .unitview-actions [class^="button"] {
      line-height: 2em;
      text-align: center;
      text-decoration: none; }
  .unitview-features {
    padding: calc(var(--spacing-base) * 2) 0 0; }
  .unitview-description {
    font-size: 12px;
    line-height: 18px;
    padding: calc(var(--spacing-base) * 2) 0; }
  .unitview-tour {
    background-color: rgba(190, 165, 121, 0.05);
    border-radius: var(--border-radius-base);
    aspect-ratio: 16 / 9;
    line-height: 0.01%;
    overflow: hidden;
    position: relative; }
    .unitview-tour img,
    .unitview-tour svg,
    .unitview-tour video,
    .unitview-tour iframe {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      mix-blend-mode: multiply; }
    .unitview-tour iframe {
      border: none;
      margin: 0;
      padding: 0; }
    .unitview-tour-disclaimer {
      background-color: color-mix(in srgb, var(--color-primary-bg), transparent 90%);
      position: absolute;
      top: 1ch;
      left: 1ch;
      font-size: 10px;
      line-height: 14px;
      padding: 1em;
      border-radius: 6px; }
  .unitview-plans {
    display: flex;
    gap: var(--spacing-base);
    margin: var(--spacing-base) 0; }
    .unitview-plans-item {
      border: 1px solid rgba(190, 165, 121, 0.2);
      aspect-ratio: 1 / 1;
      background-color: #fdfdfb;
      border-radius: var(--border-radius-base);
      padding: calc(var(--spacing-base) * 2);
      font-size: 12px;
      line-height: 20px;
      display: flex;
      justify-content: center;
      position: relative;
      width: 50%; }
      .unitview-plans-item button {
        position: absolute;
        top: var(--spacing-base);
        right: var(--spacing-base);
        z-index: 2; }
      .unitview-plans-item img, .unitview-plans-item svg {
        max-height: 100%;
        max-width: 100%;
        margin: auto;
        -o-object-fit: cover;
           object-fit: cover; }
  .unitview-gallery {
    display: flex;
    gap: var(--spacing-base);
    margin: var(--spacing-base) 0; }
    .unitview-gallery-main {
      min-width: 62%; }
    .unitview-gallery-aside {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-base); }
      .unitview-gallery-aside-item:last-child {
        border-radius: var(--border-radius-base);
        overflow: hidden;
        position: relative; }
        .unitview-gallery-aside-item:last-child:after {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%22.5%22%20d%3D%22M16.1%2C10.75%20C16.3485282%2C10.75%2016.55%2C10.9514725%2016.55%2C11.200001%20C16.55%2C11.448529%2016.3485288%2C11.65%2016.1%2C11.65%20L14.0506263%2C11.6509713%20C13.6257738%2C11.6531485%2013.4275596%2C11.6596482%2013.2174391%2C11.6768097%20C12.9087224%2C11.702029%2012.7090179%2C11.7490573%2012.550767%2C11.8296861%20C12.2403389%2C11.9878821%2011.9878821%2C12.2403389%2011.8296957%2C12.5507482%20C11.7490573%2C12.7090179%2011.702029%2C12.9087224%2011.6768101%2C13.2174352%20C11.6596483%2C13.4275586%2011.6531485%2C13.6257735%2011.6509713%2C14.0506263%20L11.6509713%2C20.9493789%20C11.6531486%2C21.3742363%2011.6596483%2C21.5724522%2011.6768099%2C21.7825529%20C11.702031%2C22.0913028%2011.7490454%2C22.2909466%2011.8296941%2C22.4492089%20C11.9878456%2C22.7595963%2012.240267%2C23.0120391%2012.5507013%2C23.1703205%20C12.7091138%2C23.2509233%2012.9087969%2C23.2979262%2013.2174104%2C23.323168%20C13.4274155%2C23.3403668%2013.6247535%2C23.3468604%2014.0498877%2C23.3490323%20L14.4620508%2C23.3499786%20L14.55986%2C23.35%20L20.44014%2C23.35%20L20.6303048%2C23.34991%20L20.9501179%2C23.3490322%20C21.3752582%2C23.3468602%2021.5726028%2C23.3403661%2021.7826079%2C23.3231657%20C22.0914454%2C23.2979072%2022.2910461%2C23.250944%2022.4492089%2C23.1703459%20C22.7596369%2C23.0121856%2023.0121856%2C22.7596369%2023.1703548%2C22.4491916%20C23.250944%2C22.2910461%2023.2979072%2C22.0914454%2023.3231681%2C21.7825784%20C23.3403667%2C21.5725955%2023.3468604%2C21.3752563%2023.3490323%2C20.9501175%20L23.34991%2C20.6303048%20L23.35%2C18.9%20C23.35%2C18.6514712%2023.5514712%2C18.45%2023.8%2C18.45%20C24.0485289%2C18.45%2024.2500007%2C18.6514712%2024.2500007%2C18.9%20L24.2498718%2C20.6785779%20C24.2491524%2C21.1858797%2024.2451757%2C21.4553892%2024.2318621%2C21.6866436%20L24.2200313%2C21.8560294%20C24.1860315%2C22.2727125%2024.1134276%2C22.5811416%2023.9723522%2C22.857995%20C23.7279145%2C23.3377632%2023.3377632%2C23.7279145%2022.8580085%2C23.9723453%20C22.5811416%2C24.1134276%2022.2727125%2C24.1860315%2021.8560685%2C24.2200282%20C21.5472071%2C24.245279%2021.2603715%2C24.25%2020.4768035%2C24.25%20L14.5231978%2C24.25%20C13.7396395%2C24.25%2013.4527973%2C24.2452788%2013.1440023%2C24.2200315%20C12.7273051%2C24.186034%2012.4188992%2C24.113434%2012.1420224%2C23.9723508%20C11.6622771%2C23.7279016%2011.2720841%2C23.3377291%2011.0276328%2C22.8579967%20C10.8865899%2C22.581172%2010.8139905%2C22.2727737%2010.7799324%2C21.8560366%20C10.7592996%2C21.6034816%2010.7523775%2C21.3656475%2010.7505541%2C20.8585901%20L10.7514938%2C13.9633379%20C10.7543224%2C13.5746746%2010.761879%2C13.3649597%2010.7799329%2C13.1439878%20C10.8139904%2C12.7272054%2010.8865763%2C12.4188573%2011.0276348%2C12.1420193%20C11.2720915%2C11.6623003%2011.6623003%2C11.2720915%2012.1420279%2C11.0276305%20C12.4188573%2C10.8865763%2012.7272054%2C10.8139904%2013.143991%2C10.7799326%20C13.3965277%2C10.7592998%2013.6343635%2C10.7523776%2014.1414184%2C10.7505541%20Z%20M13.536357%2C16.7936413%20C13.7848858%2C16.7936413%2013.986357%2C16.9951125%2013.986357%2C17.2436413%20L13.986357%2C20.3573547%20L15.5182137%2C18.825498%20C15.6939526%2C18.6497591%2015.9787614%2C18.6497591%2016.1545003%2C18.825498%20C16.3302393%2C19.001237%2016.3302393%2C19.2860457%2016.1545003%2C19.4617846%20L15.049381%2C20.566864%20L14.6226003%2C20.9936413%20L17.736357%2C20.9936413%20C17.9848857%2C20.9936413%2018.186357%2C21.1951124%2018.186357%2C21.4436403%20C18.186357%2C21.6921667%2017.9848843%2C21.89364%2017.736357%2C21.89364%20L13.536357%2C21.89364%20C13.2878297%2C21.89364%2013.086357%2C21.6921667%2013.086357%2C21.4436403%20L13.086357%2C17.2436413%20C13.086357%2C16.9951125%2013.2878282%2C16.7936413%2013.536357%2C16.7936413%20Z%20M23.8%2C10.7500014%20C24.0485274%2C10.7500014%2024.25%2C10.9514747%2024.25%2C11.200001%20L24.25%2C15.4%20C24.25%2C15.6485289%2024.0485289%2C15.85%2023.8%2C15.85%20C23.5514712%2C15.85%2023.35%2C15.6485289%2023.35%2C15.4%20L23.35%2C12.2862866%20L21.8181433%2C13.8181433%20C21.6424044%2C13.9938823%2021.3575957%2C13.9938823%2021.1818567%2C13.8181433%20C21.0061178%2C13.6424044%2021.0061178%2C13.3575957%2021.1818567%2C13.1818567%20L22.286976%2C12.0767774%20L22.7137568%2C11.65%20L19.6%2C11.65%20C19.3514713%2C11.65%2019.15%2C11.448529%2019.15%2C11.200001%20C19.15%2C10.9514747%2019.3514727%2C10.7500014%2019.6%2C10.7500014%20Z%22%2F%3E%3Cline%20x1%3D%2217.469%22%20x2%3D%2220.701%22%20y1%3D%2217.401%22%20y2%3D%2214.3%22%20stroke%3D%22%23FFF%22%20stroke-dasharray%3D%22.25%202.5%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          background-color: rgba(26, 46, 34, 0.6);
          background-repeat: no-repeat;
          background-position: top var(--spacing-base) right var(--spacing-base);
          content: attr(data-count);
          color: var(--color-primary-fg);
          font-size: 16px;
          font-family: "GilroyBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
          line-height: 16px;
          position: absolute;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
    .unitview-gallery-media {
      aspect-ratio: 1 / 1;
      border-radius: var(--border-radius-base);
      max-width: none;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: relative; }
  .unitview-legal {
    font-size: 10px;
    line-height: 14px;
    color: rgba(26, 46, 34, 0.7);
    margin: calc(var(--spacing-base) * 2) 0; }
  @media all and (max-width: 940px) {
    .unitview {
      flex-direction: column;
      top: 60px;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: none;
      width: 100%;
      overflow-y: auto; }
      .unitview::-webkit-scrollbar {
        width: 2px; }
      .unitview::-webkit-scrollbar-track {
        background-color: #f2f2f2; }
      .unitview::-webkit-scrollbar-thumb {
        background-color: #BEA579;
        border-radius: 20px; }
      .unitview::-webkit-scrollbar-thumb:hover {
        background-color: #BEA579; }
      .unitview-main {
        border-right: none;
        border-bottom: 1px solid rgba(190, 165, 121, 0.2);
        overflow: visible;
        width: auto; }
      .unitview-aside {
        overflow: visible;
        width: auto; }
      .unitview-description {
        font-size: 11px;
        line-height: 18px; }
      .unitview-snapshot--item {
        font-size: 16px;
        font-family: "GilroyBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 16px; } }
/*
* Unit layer is the wrapper for the discovery feed overlay
*/
.unitlayer {
  background-color: var(--color-primary-fg);
  border-radius: var(--border-radius-base);
  opacity: 0;
  position: fixed;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 320px;
  transition: opacity 0.5s ease-in-out 1s;
  visibility: visible;
  z-index: 99; }
  @media all and (max-width: 940px) {
    .unitlayer {
      top: 80px;
      left: 0;
      right: 0;
      bottom: 0; }
      .unitlayer > .unitview {
        box-shadow: 0 -2px 8px rgba(26, 46, 34, 0.1);
        top: 0 !important; } }
  .unitlayer.preload {
    -webkit-animation-name: slideInBottom;
            animation-name: slideInBottom;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    .unitlayer.preload .unitview {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .unitlayer.preload .unitview .unitview-main,
      .unitlayer.preload .unitview .unitview-aside {
        opacity: 0; }
    .unitlayer.preload.is--loaded .unitview .unitview-main,
    .unitlayer.preload.is--loaded .unitview .unitview-aside {
      -webkit-animation-name: slideInBottom;
              animation-name: slideInBottom;
      -webkit-animation-duration: 0.8s;
              animation-duration: 0.8s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      transition: opacity 0.8s ease-in-out 1s; }
    .unitlayer.preload.exit {
      -webkit-animation-name: slideOutBottom;
              animation-name: slideOutBottom;
      -webkit-animation-duration: 0.3s;
              animation-duration: 0.3s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }

/*
* Typography
*/
.eyebrow {
  color: var(--color-accent);
  font-family: var(--font-base);
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 var(--spacing-base); }

.headline {
  font-size: 24px;
  line-height: 32px;
  font-family: var(--font-heading);
  margin: 0; }

.headline--lg {
  font-size: 32px;
  line-height: 38px;
  font-family: var(--font-heading);
  margin: 0; }

.headline--sm {
  font-size: 20px;
  line-height: 24px;
  font-family: var(--font-heading);
  margin: 0; }

.headline--xs {
  font-size: 16px;
  line-height: 22px;
  font-family: var(--font-heading);
  margin: 0; }

article {
  height: calc(100vh - 4ch);
  padding: 2ch 8ch;
  overflow: auto; }
  article::-webkit-scrollbar {
    width: 2px; }
  article::-webkit-scrollbar-track {
    background-color: #0e1913; }
  article::-webkit-scrollbar-thumb {
    background-color: #1A2E22;
    border-radius: 20px; }
  article::-webkit-scrollbar-thumb:hover {
    background-color: #BEA579; }
  article p, article ul, article li {
    font-size: 12px;
    line-height: 16px; }
  article a {
    color: var(--color-accent); }
  @media all and (min-width: 980px) {
    article {
      margin-right: 320px; } }
  article footer {
    padding-left: 0 !important; }

main ul {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: calc(var(--spacing-base) * 4);
     -moz-column-gap: calc(var(--spacing-base) * 4);
          column-gap: calc(var(--spacing-base) * 4);
  margin: 0;
  padding: 0; }
  main ul li {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    margin-left: 1em;
    margin-bottom: .25em;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid-column; }

.text--semi {
  font-weight: 600; }

.tooltip {
  display: flex;
  gap: .25em;
  align-items: center;
  position: relative; }
  .tooltip:after {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.2823%205.5775C10.2823%203.0572%208.21071%201.01409%205.65527%201.01409C3.09983%201.01409%201.02823%203.0572%201.02823%205.5775C1.02823%208.0978%203.09983%2010.1409%205.65527%2010.1409V11.155C2.53195%2011.155%200%208.65787%200%205.5775C0%202.49713%202.53195%200%205.65527%200C8.77859%200%2011.3105%202.49713%2011.3105%205.5775C11.3105%208.65787%208.77859%2011.155%205.65527%2011.155V10.1409C8.21071%2010.1409%2010.2823%208.0978%2010.2823%205.5775Z%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20d%3D%22M5.01263%207.5423V6.08455C5.01263%205.80451%205.2428%205.5775%205.52674%205.5775C5.81068%205.5775%206.04086%205.80451%206.04086%206.08455V7.5423C6.04086%207.82234%205.81068%208.04935%205.52674%208.04935C5.2428%208.04935%205.01263%207.82234%205.01263%207.5423ZM5.52674%202.97889C5.81068%202.97889%206.04086%203.2059%206.04086%203.48594C6.04086%203.76597%205.81068%203.99298%205.52674%203.99298H5.51067C5.22674%203.99298%204.99656%203.76597%204.99656%203.48594C4.99656%203.2059%205.22674%202.97889%205.51067%202.97889H5.52674Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto;
    border: none;
    display: inline-flex;
    align-items: center;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    content: ''; }
  .tooltip:before {
    background-color: var(--color-primary-bg);
    color: var(--color-primary-fg);
    display: inline-flex;
    align-items: center;
    height: 3rem;
    width: 12rem;
    border-radius: 8px;
    content: attr(data-tooltip);
    font-size: 10px;
    line-height: 1.2em;
    padding: 1em;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
    bottom: 100%;
    display: none; }
  .tooltip:hover:before {
    display: inline-flex; }

/*
* Slider
*/
.scroller_nav {
  display: flex;
  gap: var(--spacing-base);
  justify-content: center;
  margin-top: var(--spacing-base);
  position: absolute;
  right: calc(var(--spacing-base) * 3);
  bottom: calc(100% + var(--spacing-base)); }
  .scroller_nav--left, .scroller_nav--right {
    background-color: var(--color-accent);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214.875%2018.75%2019.063%2022.938%2018%2024%2012%2018%2018%2012%2019.063%2013.063%2014.875%2017.25%2024%2017.25%2024%2018.75%22%2F%3E%3C%2Fsvg%3E");
    border: none;
    display: inline-flex;
    align-items: center;
    height: 35px;
    width: 35px;
    border-radius: 50%; }
  .scroller_nav--right {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

/*
* Buttons
*/
@-webkit-keyframes animateIconBounce {
  0% {
    background-size: 100%; }
  50% {
    background-size: 70%; }
  100% {
    background-size: 100%; } }
@keyframes animateIconBounce {
  0% {
    background-size: 100%; }
  50% {
    background-size: 70%; }
  100% {
    background-size: 100%; } }

.button-icon[data-icon="save"] {
  background-color: rgba(28, 51, 40, 0.2);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.0651754%2C11.4191%20L22.5793259%2C11.4191%20C22.8554682%2C11.4191%2023.0793259%2C11.6429576%2023.0793259%2C11.9191%20L23.0793259%2C23.8532232%20C23.0793259%2C24.1293655%2022.8554682%2C24.3532232%2022.5793259%2C24.3532232%20C22.5100702%2C24.3532232%2022.4415697%2C24.3388357%2022.3781661%2C24.3109728%20L18.0234283%2C22.3972676%20C17.8952382%2C22.340934%2017.7493002%2C22.3409338%2017.62111%2C22.397267%20L13.266334%2C24.3109755%20C13.0135255%2C24.4220723%2012.718522%2C24.3071923%2012.6074252%2C24.0543839%20C12.5795626%2C23.9909807%2012.5651754%2C23.9224806%2012.5651754%2C23.8532253%20L12.5651754%2C11.9191%20C12.5651754%2C11.6429576%2012.789033%2C11.4191%2013.0651754%2C11.4191%20Z%22%2F%3E%3C%2Fsvg%3E"); }
  .button-icon[data-icon="save"] svg {
    margin: auto;
    fill: currentColor;
    width: 100%; }
  @media all and (max-width: 840px) {
    .button-icon[data-icon="save"] {
      background-color: rgba(28, 51, 40, 0.6); } }
  .button-icon[data-icon="save"].onclick {
    -webkit-animation: animateIconBounce;
            animation: animateIconBounce;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }

.button-icon[data-icon="share"] {
  background-color: rgba(28, 51, 40, 0.2);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.1%2C10.25%20C16.6246709%2C10.25%2017.05%2C10.6753305%2017.05%2C11.200001%20C17.05%2C11.7246714%2016.624671%2C12.15%2016.1%2C12.15%20L14.0612177%2C12.1509352%20C13.6455795%2C12.1530177%2013.4536875%2C12.1591791%2013.2581449%2C12.17515%20C13.0089976%2C12.195503%2012.8698495%2C12.2282709%2012.7777719%2C12.2751844%20C12.5614212%2C12.385438%2012.385438%2C12.5614212%2012.275194%2C12.7777531%20C12.2282709%2C12.8698495%2012.195503%2C13.0089976%2012.1751503%2C13.258141%20C12.1591792%2C13.4536866%2012.1530177%2C13.6455792%2012.1509352%2C14.0612176%20L12.1509352%2C20.9387861%20C12.1530178%2C21.3544282%2012.1591793%2C21.5463228%2012.1751501%2C21.7418459%20C12.1955045%2C21.9910188%2012.2282566%2C22.1300986%2012.2751913%2C22.2222017%20C12.3854253%2C22.4385464%2012.5613956%2C22.6145317%2012.777632%2C22.7247844%20C12.8698054%2C22.7716837%2013.0090256%2C22.8044544%2013.258196%2C22.8248342%20C13.4535948%2C22.8408368%2013.6446338%2C22.8469913%2014.0605266%2C22.8490684%20L14.3736155%2C22.8499124%20L14.55986%2C22.85%20L20.44014%2C22.85%20L20.5359343%2C22.8499791%20L20.9394776%2C22.8490683%20C21.3553756%2C22.8469911%2021.5464222%2C22.8408361%2021.7418217%2C22.824832%20C21.9911421%2C22.8044412%2022.130233%2C22.771715%2022.2222085%2C22.7248453%20C22.4385632%2C22.6146145%2022.6146145%2C22.4385632%2022.7248541%2C22.2221912%20C22.771715%2C22.130233%2022.8044412%2C21.9911421%2022.8248344%2C21.7417922%20C22.8408367%2C21.5464148%2022.8469912%2C21.3553737%2022.8490683%2C20.9394771%20L22.8499123%2C20.6263856%20L22.85%2C18.9%20C22.85%2C18.3753289%2023.2753289%2C17.95%2023.8%2C17.95%20C24.3246712%2C17.95%2024.7500007%2C18.3753289%2024.7500007%2C18.9%20L24.7495193%2C20.8366469%20C24.7477822%2C21.3744747%2024.7407095%2C21.6235045%2024.7183719%2C21.8967316%20C24.6795133%2C22.3729615%2024.5926505%2C22.7419638%2024.4178548%2C23.0849916%20C24.1254856%2C23.6588369%2023.6588369%2C24.1254856%2023.0850051%2C24.4178479%20C22.7419638%2C24.5926505%2022.3729615%2C24.6795133%2021.8967707%2C24.7183687%20L21.7332177%2C24.7300202%20C21.4571271%2C24.7466507%2021.1426573%2C24.75%2020.4767905%2C24.75%20L14.5232108%2C24.75%20C13.8573504%2C24.75%2013.5428776%2C24.7466506%2013.2668252%2C24.7300221%20L13.1033006%2C24.7183721%20C12.6270599%2C24.6795166%2012.2580792%2C24.592657%2011.9150199%2C24.4178504%20C11.341205%2C24.1254689%2010.8745244%2C23.658813%2010.5821303%2C23.0849936%20C10.4073691%2C22.74199%2010.3205191%2C22.3730557%2010.2815933%2C21.8967563%20C10.2620685%2C21.6577637%2010.2542078%2C21.4373182%2010.2513906%2C21.0258419%20L10.2504726%2C14.1628193%20C10.2522001%2C13.6252971%2010.2592794%2C13.3763856%2010.2815937%2C13.1032691%20C10.3205184%2C12.6269234%2010.4073556%2C12.258035%2010.5821376%2C11.9150122%20C10.8745326%2C11.3412198%2011.3412198%2C10.8745326%2011.9150208%2C10.5821332%20C12.258035%2C10.4073556%2012.6269234%2C10.3205184%2013.1032723%2C10.2815934%20C13.3763862%2C10.2592793%2013.6252972%2C10.2522%2014.1628193%2C10.2504726%20L16.1%2C10.25%20Z%20M23.8%2C10.2500014%20C24.3246701%2C10.2500014%2024.75%2C10.6753327%2024.75%2C11.200001%20L24.75%2C15.4%20C24.75%2C15.9246712%2024.3246712%2C16.35%2023.8%2C16.35%20C23.2753289%2C16.35%2022.85%2C15.9246712%2022.85%2C15.4%20L22.8499987%2C13.4919987%20L18.1716967%2C18.1716967%20C17.8292342%2C18.5141593%2017.2904629%2C18.5405025%2016.917799%2C18.2507265%20L16.8283033%2C18.1716967%20C16.4573023%2C17.8006957%2016.4573023%2C17.1993044%2016.828304%2C16.8283027%20L21.5059987%2C12.1499987%20L19.6%2C12.15%20C19.1128056%2C12.15%2018.7112682%2C11.7832626%2018.6563914%2C11.3107911%20L18.65%2C11.200001%20C18.65%2C10.6753327%2019.07533%2C10.2500014%2019.6%2C10.2500014%20L23.8%2C10.2500014%20Z%22%2F%3E%3C%2Fsvg%3E"); }
  .button-icon[data-icon="share"] svg {
    margin: auto;
    fill: currentColor;
    width: 100%; }
  @media all and (max-width: 840px) {
    .button-icon[data-icon="share"] {
      background-color: rgba(28, 51, 40, 0.6); } }
.button-icon[data-icon="expand"] {
  background-color: rgba(28, 51, 40, 0.2);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%22.5%22%20d%3D%22M16.1%2C10.75%20C16.3485282%2C10.75%2016.55%2C10.9514725%2016.55%2C11.200001%20C16.55%2C11.448529%2016.3485288%2C11.65%2016.1%2C11.65%20L14.0506263%2C11.6509713%20C13.6257738%2C11.6531485%2013.4275596%2C11.6596482%2013.2174391%2C11.6768097%20C12.9087224%2C11.702029%2012.7090179%2C11.7490573%2012.550767%2C11.8296861%20C12.2403389%2C11.9878821%2011.9878821%2C12.2403389%2011.8296957%2C12.5507482%20C11.7490573%2C12.7090179%2011.702029%2C12.9087224%2011.6768101%2C13.2174352%20C11.6596483%2C13.4275586%2011.6531485%2C13.6257735%2011.6509713%2C14.0506263%20L11.6509713%2C20.9493789%20C11.6531486%2C21.3742363%2011.6596483%2C21.5724522%2011.6768099%2C21.7825529%20C11.702031%2C22.0913028%2011.7490454%2C22.2909466%2011.8296941%2C22.4492089%20C11.9878456%2C22.7595963%2012.240267%2C23.0120391%2012.5507013%2C23.1703205%20C12.7091138%2C23.2509233%2012.9087969%2C23.2979262%2013.2174104%2C23.323168%20C13.4274155%2C23.3403668%2013.6247535%2C23.3468604%2014.0498877%2C23.3490323%20L14.4620508%2C23.3499786%20L14.55986%2C23.35%20L20.44014%2C23.35%20L20.6303048%2C23.34991%20L20.9501179%2C23.3490322%20C21.3752582%2C23.3468602%2021.5726028%2C23.3403661%2021.7826079%2C23.3231657%20C22.0914454%2C23.2979072%2022.2910461%2C23.250944%2022.4492089%2C23.1703459%20C22.7596369%2C23.0121856%2023.0121856%2C22.7596369%2023.1703548%2C22.4491916%20C23.250944%2C22.2910461%2023.2979072%2C22.0914454%2023.3231681%2C21.7825784%20C23.3403667%2C21.5725955%2023.3468604%2C21.3752563%2023.3490323%2C20.9501175%20L23.34991%2C20.6303048%20L23.35%2C18.9%20C23.35%2C18.6514712%2023.5514712%2C18.45%2023.8%2C18.45%20C24.0485289%2C18.45%2024.2500007%2C18.6514712%2024.2500007%2C18.9%20L24.2498718%2C20.6785779%20C24.2491524%2C21.1858797%2024.2451757%2C21.4553892%2024.2318621%2C21.6866436%20L24.2200313%2C21.8560294%20C24.1860315%2C22.2727125%2024.1134276%2C22.5811416%2023.9723522%2C22.857995%20C23.7279145%2C23.3377632%2023.3377632%2C23.7279145%2022.8580085%2C23.9723453%20C22.5811416%2C24.1134276%2022.2727125%2C24.1860315%2021.8560685%2C24.2200282%20C21.5472071%2C24.245279%2021.2603715%2C24.25%2020.4768035%2C24.25%20L14.5231978%2C24.25%20C13.7396395%2C24.25%2013.4527973%2C24.2452788%2013.1440023%2C24.2200315%20C12.7273051%2C24.186034%2012.4188992%2C24.113434%2012.1420224%2C23.9723508%20C11.6622771%2C23.7279016%2011.2720841%2C23.3377291%2011.0276328%2C22.8579967%20C10.8865899%2C22.581172%2010.8139905%2C22.2727737%2010.7799324%2C21.8560366%20C10.7592996%2C21.6034816%2010.7523775%2C21.3656475%2010.7505541%2C20.8585901%20L10.7514938%2C13.9633379%20C10.7543224%2C13.5746746%2010.761879%2C13.3649597%2010.7799329%2C13.1439878%20C10.8139904%2C12.7272054%2010.8865763%2C12.4188573%2011.0276348%2C12.1420193%20C11.2720915%2C11.6623003%2011.6623003%2C11.2720915%2012.1420279%2C11.0276305%20C12.4188573%2C10.8865763%2012.7272054%2C10.8139904%2013.143991%2C10.7799326%20C13.3965277%2C10.7592998%2013.6343635%2C10.7523776%2014.1414184%2C10.7505541%20Z%20M13.536357%2C16.7936413%20C13.7848858%2C16.7936413%2013.986357%2C16.9951125%2013.986357%2C17.2436413%20L13.986357%2C20.3573547%20L15.5182137%2C18.825498%20C15.6939526%2C18.6497591%2015.9787614%2C18.6497591%2016.1545003%2C18.825498%20C16.3302393%2C19.001237%2016.3302393%2C19.2860457%2016.1545003%2C19.4617846%20L15.049381%2C20.566864%20L14.6226003%2C20.9936413%20L17.736357%2C20.9936413%20C17.9848857%2C20.9936413%2018.186357%2C21.1951124%2018.186357%2C21.4436403%20C18.186357%2C21.6921667%2017.9848843%2C21.89364%2017.736357%2C21.89364%20L13.536357%2C21.89364%20C13.2878297%2C21.89364%2013.086357%2C21.6921667%2013.086357%2C21.4436403%20L13.086357%2C17.2436413%20C13.086357%2C16.9951125%2013.2878282%2C16.7936413%2013.536357%2C16.7936413%20Z%20M23.8%2C10.7500014%20C24.0485274%2C10.7500014%2024.25%2C10.9514747%2024.25%2C11.200001%20L24.25%2C15.4%20C24.25%2C15.6485289%2024.0485289%2C15.85%2023.8%2C15.85%20C23.5514712%2C15.85%2023.35%2C15.6485289%2023.35%2C15.4%20L23.35%2C12.2862866%20L21.8181433%2C13.8181433%20C21.6424044%2C13.9938823%2021.3575957%2C13.9938823%2021.1818567%2C13.8181433%20C21.0061178%2C13.6424044%2021.0061178%2C13.3575957%2021.1818567%2C13.1818567%20L22.286976%2C12.0767774%20L22.7137568%2C11.65%20L19.6%2C11.65%20C19.3514713%2C11.65%2019.15%2C11.448529%2019.15%2C11.200001%20C19.15%2C10.9514747%2019.3514727%2C10.7500014%2019.6%2C10.7500014%20Z%22%2F%3E%3Cline%20x1%3D%2217.469%22%20x2%3D%2220.701%22%20y1%3D%2217.401%22%20y2%3D%2214.3%22%20stroke%3D%22%23FFF%22%20stroke-dasharray%3D%22.25%202.5%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .button-icon[data-icon="expand"] svg {
    margin: auto;
    fill: currentColor;
    width: 100%; }
  @media all and (max-width: 840px) {
    .button-icon[data-icon="expand"] {
      background-color: rgba(28, 51, 40, 0.6); } }
.button-icon[data-icon="mute"] {
  background-color: rgba(28, 51, 40, 0.2);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M20.1930919%2C15.1703254%20C20.3321165%2C15.1703254%2020.4648643%2C15.2282082%2020.5594695%2C15.3300791%20L21.7437777%2C16.6053437%20C21.8377341%2C16.7065161%2021.9959173%2C16.7123658%2022.0970896%2C16.6184094%20L22.1101556%2C16.6053434%20L23.2944589%2C15.3300798%20C23.3890641%2C15.2282084%2023.5218122%2C15.1703254%2023.6608371%2C15.1703254%20L24.0655728%2C15.1703254%20C24.2036439%2C15.1703254%2024.3155728%2C15.2822542%2024.3155728%2C15.4203254%20C24.3155728%2C15.4814301%2024.2931937%2C15.5404191%2024.2526636%2C15.5861477%20L22.555367%2C17.4993254%20L24.2526636%2C19.4138523%20C24.2796836%2C19.444338%2024.2986366%2C19.4807173%2024.3082697%2C19.5196879%20L24.3155728%2C19.5796746%20C24.3155728%2C19.7177458%2024.2036439%2C19.8296746%2024.0655728%2C19.8296746%20L23.6608371%2C19.8296746%20C23.5218122%2C19.8296746%2023.3890641%2C19.7717916%2023.2944589%2C19.6699202%20L22.1101556%2C18.3946566%20C22.1059628%2C18.3901417%2022.1016045%2C18.3857834%2022.0970896%2C18.3815906%20C21.9959173%2C18.2876342%2021.8377341%2C18.2934839%2021.7437777%2C18.3946563%20L20.5594695%2C19.6699209%20C20.4648643%2C19.7717918%2020.3321165%2C19.8296746%2020.1930919%2C19.8296746%20L19.7883698%2C19.8296746%20C19.7272652%2C19.8296746%2019.6682764%2C19.8072957%2019.6225479%2C19.7667658%20C19.5192203%2C19.6751848%2019.5096978%2C19.5171803%2019.6012787%2C19.4138527%20L21.297367%2C17.4993254%20L19.6012787%2C15.5861473%20C19.5096978%2C15.4828197%2019.5192203%2C15.3248152%2019.6225479%2C15.2332342%20C19.6682764%2C15.1927043%2019.7272652%2C15.1703254%2019.7883698%2C15.1703254%20L20.1930919%2C15.1703254%20Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.2443931%2C22.7196699%20L13.5425301%2C20.017807%20C13.3585963%2C19.8270501%2013.1046333%2C19.7215246%2012.8396839%2C19.7211273%20C12.5715644%2C19.7211273%2012.175514%2C19.7211273%2011.6515326%2C19.7211273%20C10.1987612%2C19.7211273%2010.1987612%2C19.0539936%2010.1987612%2C17.3106679%20C10.1987612%2C15.5673422%2010.288517%2C15.2788727%2011.6515326%2C15.2788727%20C12.1715373%2C15.2788727%2012.5680011%2C15.2788727%2012.8409241%2C15.2788727%20C13.1055113%2C15.2783254%2013.3590986%2C15.1729433%2013.5425301%2C14.982193%20L16.2443931%2C12.2803301%20C16.5372863%2C11.9874369%2017.01216%2C11.9874369%2017.3050533%2C12.2803301%20C17.4457056%2C12.4209824%2017.5247232%2C12.6117478%2017.5247232%2C12.8106602%20L17.5247232%2C22.1893398%20C17.5247232%2C22.6035534%2017.1889367%2C22.9393398%2016.7747232%2C22.9393398%20C16.5758108%2C22.9393398%2016.3850454%2C22.8603222%2016.2443931%2C22.7196699%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .button-icon[data-icon="mute"] svg {
    margin: auto;
    fill: currentColor;
    width: 100%; }
  @media all and (max-width: 840px) {
    .button-icon[data-icon="mute"] {
      background-color: rgba(28, 51, 40, 0.6); } }
.button-icon[data-icon="playing"] {
  background-color: rgba(28, 51, 40, 0.2);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.2443931%2C22.7196699%20L13.5425301%2C20.017807%20C13.3585963%2C19.8270501%2013.1046333%2C19.7215246%2012.8396839%2C19.7211273%20C12.5715644%2C19.7211273%2012.175514%2C19.7211273%2011.6515326%2C19.7211273%20C10.1987612%2C19.7211273%2010.1987612%2C19.0539936%2010.1987612%2C17.3106679%20C10.1987612%2C15.5673422%2010.288517%2C15.2788727%2011.6515326%2C15.2788727%20C12.1715373%2C15.2788727%2012.5680011%2C15.2788727%2012.8409241%2C15.2788727%20C13.1055113%2C15.2783254%2013.3590986%2C15.1729433%2013.5425301%2C14.982193%20L16.2443931%2C12.2803301%20C16.5372863%2C11.9874369%2017.01216%2C11.9874369%2017.3050533%2C12.2803301%20C17.4457056%2C12.4209824%2017.5247232%2C12.6117478%2017.5247232%2C12.8106602%20L17.5247232%2C22.1893398%20C17.5247232%2C22.6035534%2017.1889367%2C22.9393398%2016.7747232%2C22.9393398%20C16.5758108%2C22.9393398%2016.3850454%2C22.8603222%2016.2443931%2C22.7196699%20Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M21.2273951%2C17.5457895%20C21.2273951%2C18.7469584%2020.8356101%2C19.9288704%2020.0626243%2C21.0849137%20L19.3358347%2C20.3588315%20C19.9296841%2C19.4180721%2020.2221944%2C18.4822298%2020.2221944%2C17.5457895%20C20.2221944%2C16.6063682%2019.9278201%2C15.6448541%2019.3303858%2C14.6573822%20L20.0604484%2C13.9285315%20C20.8349085%2C15.1361754%2021.2273951%2C16.3434874%2021.2273951%2C17.5457895%20Z%20M24.1927083%2C17.56773%20C24.1927083%2C19.20662%2023.5962796%2C20.8327519%2022.4178981%2C22.4396868%20L21.698323%2C21.7193826%20C22.6955044%2C20.3196099%2023.1875077%2C18.9376791%2023.1875077%2C17.56773%20C23.1875077%2C16.1736494%2022.6780186%2C14.7671612%2021.6451571%2C13.3420903%20L22.3633396%2C12.621945%20C23.5778683%2C14.2528951%2024.1927083%2C15.9037365%2024.1927083%2C17.56773%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .button-icon[data-icon="playing"] svg {
    margin: auto;
    fill: currentColor;
    width: 100%; }
  @media all and (max-width: 840px) {
    .button-icon[data-icon="playing"] {
      background-color: rgba(28, 51, 40, 0.6); } }
.button-icon[data-icon="remove"] {
  background-color: rgba(28, 51, 40, 0.2);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.6248867%2C11.8795402%20C13.7639113%2C11.8795402%2013.8966591%2C11.937423%2013.9912643%2C12.039294%20L17.3167984%2C15.6202332%20C17.4107548%2C15.7214055%2017.5689379%2C15.7272552%2017.6701103%2C15.6332988%20C17.6746251%2C15.629106%2017.6789834%2C15.6247477%2017.6831763%2C15.6202328%20L21.0086981%2C12.0392946%20C21.1033033%2C11.9374232%2021.2360514%2C11.8795402%2021.3750763%2C11.8795402%20L23.4443576%2C11.8795402%20C23.5824288%2C11.8795402%2023.6943576%2C11.991469%2023.6943576%2C12.1295402%20C23.6943576%2C12.190645%2023.6719786%2C12.2496339%2023.6314484%2C12.2953625%20L19.0176381%2C17.4995402%20L23.6314484%2C22.7046375%20C23.6584685%2C22.7351232%2023.6774215%2C22.7715024%2023.6870545%2C22.8104731%20L23.6943576%2C22.8704598%20C23.6943576%2C23.008531%2023.5824288%2C23.1204598%2023.4443576%2C23.1204598%20L21.3750763%2C23.1204598%20C21.2360514%2C23.1204598%2021.1033033%2C23.0625768%2021.0086981%2C22.9607054%20L17.6831763%2C19.3797672%20C17.6789834%2C19.3752523%2017.6746251%2C19.370894%2017.6701103%2C19.3667012%20C17.5689379%2C19.2727448%2017.4107548%2C19.2785945%2017.3167984%2C19.3797668%20L13.9912643%2C22.960706%20C13.8966591%2C23.062577%2013.7639113%2C23.1204598%2013.6248867%2C23.1204598%20L11.5556409%2C23.1204598%20C11.4945363%2C23.1204598%2011.4355475%2C23.0980808%2011.389819%2C23.0575509%20C11.2864914%2C22.96597%2011.2769689%2C22.8079654%2011.3685498%2C22.7046379%20L15.9816381%2C17.4995402%20L11.3685498%2C12.2953621%20C11.2769689%2C12.1920346%2011.2864914%2C12.03403%2011.389819%2C11.9424491%20C11.4355475%2C11.9019192%2011.4945363%2C11.8795402%2011.5556409%2C11.8795402%20L13.6248867%2C11.8795402%20Z%22%2F%3E%3C%2Fsvg%3E"); }
  .button-icon[data-icon="remove"] svg {
    margin: auto;
    fill: currentColor;
    width: 100%; }
  @media all and (max-width: 840px) {
    .button-icon[data-icon="remove"] {
      background-color: rgba(28, 51, 40, 0.6); } }
.button-icon[data-icon="close"] {
  background-color: rgba(28, 51, 40, 0.2);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.6248867%2C11.8795402%20C13.7639113%2C11.8795402%2013.8966591%2C11.937423%2013.9912643%2C12.039294%20L17.3167984%2C15.6202332%20C17.4107548%2C15.7214055%2017.5689379%2C15.7272552%2017.6701103%2C15.6332988%20C17.6746251%2C15.629106%2017.6789834%2C15.6247477%2017.6831763%2C15.6202328%20L21.0086981%2C12.0392946%20C21.1033033%2C11.9374232%2021.2360514%2C11.8795402%2021.3750763%2C11.8795402%20L23.4443576%2C11.8795402%20C23.5824288%2C11.8795402%2023.6943576%2C11.991469%2023.6943576%2C12.1295402%20C23.6943576%2C12.190645%2023.6719786%2C12.2496339%2023.6314484%2C12.2953625%20L19.0176381%2C17.4995402%20L23.6314484%2C22.7046375%20C23.6584685%2C22.7351232%2023.6774215%2C22.7715024%2023.6870545%2C22.8104731%20L23.6943576%2C22.8704598%20C23.6943576%2C23.008531%2023.5824288%2C23.1204598%2023.4443576%2C23.1204598%20L21.3750763%2C23.1204598%20C21.2360514%2C23.1204598%2021.1033033%2C23.0625768%2021.0086981%2C22.9607054%20L17.6831763%2C19.3797672%20C17.6789834%2C19.3752523%2017.6746251%2C19.370894%2017.6701103%2C19.3667012%20C17.5689379%2C19.2727448%2017.4107548%2C19.2785945%2017.3167984%2C19.3797668%20L13.9912643%2C22.960706%20C13.8966591%2C23.062577%2013.7639113%2C23.1204598%2013.6248867%2C23.1204598%20L11.5556409%2C23.1204598%20C11.4945363%2C23.1204598%2011.4355475%2C23.0980808%2011.389819%2C23.0575509%20C11.2864914%2C22.96597%2011.2769689%2C22.8079654%2011.3685498%2C22.7046379%20L15.9816381%2C17.4995402%20L11.3685498%2C12.2953621%20C11.2769689%2C12.1920346%2011.2864914%2C12.03403%2011.389819%2C11.9424491%20C11.4355475%2C11.9019192%2011.4945363%2C11.8795402%2011.5556409%2C11.8795402%20L13.6248867%2C11.8795402%20Z%22%2F%3E%3C%2Fsvg%3E"); }
  .button-icon[data-icon="close"] svg {
    margin: auto;
    fill: currentColor;
    width: 100%; }
  @media all and (max-width: 840px) {
    .button-icon[data-icon="close"] {
      background-color: rgba(28, 51, 40, 0.6); } }
.button-icon[data-icon="phone"] {
  background-color: rgba(28, 51, 40, 0.2);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.7555265%2C10.1098337%20C13.7021413%2C10.0181265%2013.6032596%2C9.97286266%2013.3200422%2C10.0137838%20C12.3974907%2C10.1470802%2011.6041954%2C10.543735%2010.9473817%2C11.1998496%20C8.69742163%2C13.4498098%209.6091131%2C18.0093748%2013.1605936%2C21.5616011%20C15.3511229%2C23.7506612%2018.0009372%2C25.0013693%2020.2821346%2C25.0013693%20C21.5974731%2C25.0013693%2022.7146505%2C24.5829818%2023.5219456%2C23.7756868%20C24.3646184%2C22.9337099%2024.7791712%2C21.7197371%2024.7104734%2C20.2192733%20C24.7104734%2C19.968396%2024.6482142%2C19.8425986%2024.5497254%2C19.7698868%20C24.4968133%2C19.7308231%2024.4432952%2C19.714187%2024.4409874%2C19.7139212%20L20.5885103%2C19.3896661%20C20.474134%2C19.3800287%2020.3653826%2C19.4404764%2020.3131731%2C19.5427187%20L19.5237937%2C21.0884498%20L19.4071244%2C21.3169069%20C19.3443284%2C21.4398715%2019.1937396%2C21.4886479%2019.0707749%2C21.4258518%20C19.0688633%2C21.4248756%2019.0669644%2C21.4238748%2019.0650786%2C21.4228497%20L18.839702%2C21.3003355%20L18.839702%2C21.3003355%20C17.8002247%2C20.7352779%2016.7697848%2C19.9435522%2015.7743212%2C18.9480481%20C14.7276389%2C17.9013658%2013.9313325%2C16.8694806%2013.4011533%2C15.8647583%20L13.2818786%2C15.6387254%20C13.2174413%2C15.5166128%2013.2641964%2C15.3653842%2013.386309%2C15.3009469%20C13.3879337%2C15.3000896%2013.3895678%2C15.2992502%2013.3912109%2C15.2984289%20L13.619818%2C15.1841654%20L15.1635599%2C14.4125644%20L15.1635599%2C14.4125644%20C15.2952252%2C14.3467573%2015.3543406%2C14.1909134%2015.2994442%2C14.054331%20L13.8650909%2C10.4857529%20C13.8426077%2C10.4298162%2013.8252289%2C10.371961%2013.8131667%2C10.312894%20L13.7953316%2C10.2255581%20L13.7953316%2C10.2255581%20C13.7950842%2C10.2136122%2013.7835029%2C10.1578927%2013.7555265%2C10.1098337%20Z%22%20transform%3D%22rotate(7%2017.22%2017.5)%22%2F%3E%3C%2Fsvg%3E"); }
  .button-icon[data-icon="phone"] svg {
    margin: auto;
    fill: currentColor;
    width: 100%; }
  @media all and (max-width: 840px) {
    .button-icon[data-icon="phone"] {
      background-color: rgba(28, 51, 40, 0.6); } }
.button-details, .button-icon[data-icon="mute"], .button-icon[data-icon="save"], .button-icon[data-icon="share"], .button-icon[data-icon="phone"], .button-icon[data-icon="expand"] {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease; }
  .button-details:hover, .button-icon[data-icon="mute"]:hover, .button-icon[data-icon="save"]:hover, .button-icon[data-icon="share"]:hover, .button-icon[data-icon="phone"]:hover, .button-icon[data-icon="expand"]:hover {
    background-color: rgba(0, 0, 0, 0.4); }
  .button-details.checked, .button-icon[data-icon="mute"].checked, .button-icon[data-icon="save"].checked, .button-icon[data-icon="share"].checked, .button-icon[data-icon="phone"].checked, .button-icon[data-icon="expand"].checked {
    background-color: #BEA579; }

.button-details {
  background-color: var(--color-accent);
  border-radius: 35px;
  border: none;
  color: var(--color-primary-fg);
  font-family: var(--font-heading);
  font-size: 12px;
  line-height: 35px;
  padding: 0 1em; }

.button-tour {
  background-color: var(--color-btn-tour);
  border: none;
  border-radius: var(--border-radius-base);
  color: var(--color-primary-fg);
  cursor: pointer;
  font-family: var(--font-heading);
  font-weight: 600;
  padding: calc(var(--spacing-base) * .75) calc(var(--spacing-base) * 2);
  font-size: 14px;
  line-height: 20px;
  transition: all 0.3s ease;
  width: 100%; }
  .button-tour:hover {
    background-color: var(--color-btn-tour-hover); }

.button-apply {
  background-color: var(--color-btn-apply);
  border: none;
  border-radius: var(--border-radius-base);
  color: var(--color-primary-fg);
  cursor: pointer;
  font-family: var(--font-heading);
  font-weight: 600;
  padding: calc(var(--spacing-base) * .75) calc(var(--spacing-base) * 2);
  font-size: 14px;
  line-height: 20px;
  transition: all 0.3s ease;
  width: 100%; }
  .button-apply:hover {
    background-color: var(--color-btn-apply-hover); }

.button-phone {
  background-color: var(--color-accent);
  border: none;
  border-radius: var(--border-radius-base);
  color: var(--color-primary-fg);
  cursor: pointer;
  display: block;
  font-family: var(--font-heading);
  font-weight: 600;
  padding: calc(var(--spacing-base) * .75) calc(var(--spacing-base) * 2);
  font-size: 14px;
  line-height: 20px;
  transition: all 0.3s ease;
  text-align: center;
  text-decoration: none; }
  .button-phone:hover {
    background-color: var(--color-accent-hover); }

.button-close {
  background-color: rgba(26, 34, 46, 0.4);
  border-radius: 35px;
  border: none;
  display: inline-flex;
  color: var(--color-primary-fg);
  font-family: var(--font-heading);
  font-size: 12px;
  line-height: 35px;
  padding: 0 1em;
  cursor: pointer; }
  .button-close:before {
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.6248867%2C11.8795402%20C13.7639113%2C11.8795402%2013.8966591%2C11.937423%2013.9912643%2C12.039294%20L17.3167984%2C15.6202332%20C17.4107548%2C15.7214055%2017.5689379%2C15.7272552%2017.6701103%2C15.6332988%20C17.6746251%2C15.629106%2017.6789834%2C15.6247477%2017.6831763%2C15.6202328%20L21.0086981%2C12.0392946%20C21.1033033%2C11.9374232%2021.2360514%2C11.8795402%2021.3750763%2C11.8795402%20L23.4443576%2C11.8795402%20C23.5824288%2C11.8795402%2023.6943576%2C11.991469%2023.6943576%2C12.1295402%20C23.6943576%2C12.190645%2023.6719786%2C12.2496339%2023.6314484%2C12.2953625%20L19.0176381%2C17.4995402%20L23.6314484%2C22.7046375%20C23.6584685%2C22.7351232%2023.6774215%2C22.7715024%2023.6870545%2C22.8104731%20L23.6943576%2C22.8704598%20C23.6943576%2C23.008531%2023.5824288%2C23.1204598%2023.4443576%2C23.1204598%20L21.3750763%2C23.1204598%20C21.2360514%2C23.1204598%2021.1033033%2C23.0625768%2021.0086981%2C22.9607054%20L17.6831763%2C19.3797672%20C17.6789834%2C19.3752523%2017.6746251%2C19.370894%2017.6701103%2C19.3667012%20C17.5689379%2C19.2727448%2017.4107548%2C19.2785945%2017.3167984%2C19.3797668%20L13.9912643%2C22.960706%20C13.8966591%2C23.062577%2013.7639113%2C23.1204598%2013.6248867%2C23.1204598%20L11.5556409%2C23.1204598%20C11.4945363%2C23.1204598%2011.4355475%2C23.0980808%2011.389819%2C23.0575509%20C11.2864914%2C22.96597%2011.2769689%2C22.8079654%2011.3685498%2C22.7046379%20L15.9816381%2C17.4995402%20L11.3685498%2C12.2953621%20C11.2769689%2C12.1920346%2011.2864914%2C12.03403%2011.389819%2C11.9424491%20C11.4355475%2C11.9019192%2011.4945363%2C11.8795402%2011.5556409%2C11.8795402%20L13.6248867%2C11.8795402%20Z%22%2F%3E%3C%2Fsvg%3E");
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.6248867%2C11.8795402%20C13.7639113%2C11.8795402%2013.8966591%2C11.937423%2013.9912643%2C12.039294%20L17.3167984%2C15.6202332%20C17.4107548%2C15.7214055%2017.5689379%2C15.7272552%2017.6701103%2C15.6332988%20C17.6746251%2C15.629106%2017.6789834%2C15.6247477%2017.6831763%2C15.6202328%20L21.0086981%2C12.0392946%20C21.1033033%2C11.9374232%2021.2360514%2C11.8795402%2021.3750763%2C11.8795402%20L23.4443576%2C11.8795402%20C23.5824288%2C11.8795402%2023.6943576%2C11.991469%2023.6943576%2C12.1295402%20C23.6943576%2C12.190645%2023.6719786%2C12.2496339%2023.6314484%2C12.2953625%20L19.0176381%2C17.4995402%20L23.6314484%2C22.7046375%20C23.6584685%2C22.7351232%2023.6774215%2C22.7715024%2023.6870545%2C22.8104731%20L23.6943576%2C22.8704598%20C23.6943576%2C23.008531%2023.5824288%2C23.1204598%2023.4443576%2C23.1204598%20L21.3750763%2C23.1204598%20C21.2360514%2C23.1204598%2021.1033033%2C23.0625768%2021.0086981%2C22.9607054%20L17.6831763%2C19.3797672%20C17.6789834%2C19.3752523%2017.6746251%2C19.370894%2017.6701103%2C19.3667012%20C17.5689379%2C19.2727448%2017.4107548%2C19.2785945%2017.3167984%2C19.3797668%20L13.9912643%2C22.960706%20C13.8966591%2C23.062577%2013.7639113%2C23.1204598%2013.6248867%2C23.1204598%20L11.5556409%2C23.1204598%20C11.4945363%2C23.1204598%2011.4355475%2C23.0980808%2011.389819%2C23.0575509%20C11.2864914%2C22.96597%2011.2769689%2C22.8079654%2011.3685498%2C22.7046379%20L15.9816381%2C17.4995402%20L11.3685498%2C12.2953621%20C11.2769689%2C12.1920346%2011.2864914%2C12.03403%2011.389819%2C11.9424491%20C11.4355475%2C11.9019192%2011.4945363%2C11.8795402%2011.5556409%2C11.8795402%20L13.6248867%2C11.8795402%20Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: auto 80%;
            mask-size: auto 80%;
    display: inline-block;
    content: '';
    height: 35px;
    margin-right: .25em;
    transition: all 0.3s ease;
    width: 10px; }
  .button-close:hover {
    background-color: rgba(26, 34, 46, 0.6); }

/*
* Accordion
*/
.accordion {
  --accordion-border-color: var(--color-accent);
  --accordion-header-bg: var(--color-primary);
  --accordion-header-color: var(--color-text);
  --accordion-content-bg: transparent;
  --accordion-content-color: var(--color-text); }
  .accordion .accordion-header {
    background-color: var(--accordion-header-bg);
    border-radius: var(--border-radius-base);
    font-size: 16px;
    line-height: 22px;
    font-family: var(--font-heading);
    padding: calc(var(--spacing-base) * 2) calc(var(--spacing-base) * 2);
    position: relative; }
    .accordion .accordion-header:after {
      content: '+';
      font-size: 150%;
      position: absolute;
      right: calc(var(--spacing-base) * 2);
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .accordion .accordion-content {
    font-size: 14px;
    line-height: 20px;
    padding: calc(var(--spacing-base) * 2) calc(var(--spacing-base) * 2); }
  .accordion .accordion-item {
    margin: var(--spacing-base) 0; }
  .accordion .accordion-item:not(.is--collapsed) .accordion-header:after {
    content: '-'; }
  .accordion .accordion-item.is--collapsed .accordion-content {
    display: none; }

/*
* Tokens
*/
.token {
  background-color: var(--color-accent);
  border-radius: var(--border-radius-base);
  color: var(--color-primary-rev);
  display: inline-flex;
  gap: 3px;
  align-items: center;
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 3px 6px 3px 3px;
  font-size: 9px;
  line-height: 12px;
  text-transform: uppercase;
  white-space: nowrap; }
  .token[data-type="feature"] {
    background-color: var(--pill-feature-bg);
    color: var(--pill-feature-fg); }
    .token[data-type="feature"]:before {
      background-color: var(--pill-feature-fg);
      -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%200C9.31359%200%2011.9998%202.68646%2012%206C12%209.31371%209.31371%2012%206%2012C2.68629%2012%200%209.31371%200%206C0.000197906%202.68646%202.68641%200%206%200ZM6%201C3.2387%201%201.0002%203.23874%201%206C1%208.76142%203.23858%2011%206%2011C8.76142%2011%2011%208.76142%2011%206C10.9998%203.23874%208.7613%201%206%201ZM6.87402%204.79688H9.70508L7.41504%206.45996L8.29004%209.15234L6%207.48828L3.70996%209.15234L4.58496%206.45996L2.29492%204.79688H5.125L6%202.10449L6.87402%204.79688Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
              mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%200C9.31359%200%2011.9998%202.68646%2012%206C12%209.31371%209.31371%2012%206%2012C2.68629%2012%200%209.31371%200%206C0.000197906%202.68646%202.68641%200%206%200ZM6%201C3.2387%201%201.0002%203.23874%201%206C1%208.76142%203.23858%2011%206%2011C8.76142%2011%2011%208.76142%2011%206C10.9998%203.23874%208.7613%201%206%201ZM6.87402%204.79688H9.70508L7.41504%206.45996L8.29004%209.15234L6%207.48828L3.70996%209.15234L4.58496%206.45996L2.29492%204.79688H5.125L6%202.10449L6.87402%204.79688Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
      -webkit-mask-size: 100% auto;
              mask-size: 100% auto;
      -webkit-mask-position: center center;
              mask-position: center center;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      content: '';
      display: block;
      height: 1.25em;
      width: 1.25em; }
  .token[data-type="movenow"] {
    background-color: var(--pill-movenow-bg);
    color: var(--pill-movenow-fg);
    padding: 3px 6px; }
    .token[data-type="movenow"]:before {
      background-color: var(--pill-movenow-fg);
      -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.2711%204.78936L5.40516%208.61835C5.1947%208.8268%204.85344%208.82671%204.64292%208.61835L2.58361%206.57873L3.34585%205.82377L5.02404%207.48592L8.50886%204.03441L9.2711%204.78936Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.99842%200C9.29613%20-1.83963e-10%209.53746%200.23903%209.53746%200.533889V1.32221H12V12H0V1.32221H2.46254V0.533889C2.46254%200.239052%202.7039%203.52271e-05%203.00158%200C3.29928%20-1.83963e-10%203.54062%200.23903%203.54062%200.533889V1.32221H8.45938V0.533889C8.45938%200.239052%208.70075%203.52271e-05%208.99842%200ZM1.07808%2010.9322H10.9219V2.38999H1.07808V10.9322Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
              mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.2711%204.78936L5.40516%208.61835C5.1947%208.8268%204.85344%208.82671%204.64292%208.61835L2.58361%206.57873L3.34585%205.82377L5.02404%207.48592L8.50886%204.03441L9.2711%204.78936Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.99842%200C9.29613%20-1.83963e-10%209.53746%200.23903%209.53746%200.533889V1.32221H12V12H0V1.32221H2.46254V0.533889C2.46254%200.239052%202.7039%203.52271e-05%203.00158%200C3.29928%20-1.83963e-10%203.54062%200.23903%203.54062%200.533889V1.32221H8.45938V0.533889C8.45938%200.239052%208.70075%203.52271e-05%208.99842%200ZM1.07808%2010.9322H10.9219V2.38999H1.07808V10.9322Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
      -webkit-mask-size: 90% auto;
              mask-size: 90% auto;
      -webkit-mask-position: center center;
              mask-position: center center;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      content: '';
      display: block;
      height: 1.25em;
      width: 1.25em; }
  .token[data-type="movesoon"] {
    background-color: var(--pill-movesoon-bg);
    color: var(--pill-movesoon-fg);
    padding: 3px 6px; }
    .token[data-type="movesoon"]:before {
      background-color: var(--pill-movesoon-fg);
      -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.15634%206.31283C9.32434%206.47958%209.32443%206.74988%209.15634%206.91658L6.40323%209.64338H4.93455L7.46341%207.13973H2.27408V6.08968H7.46341L4.93455%203.58603H6.40323L9.15634%206.31283Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.99842%200C9.29613%20-1.84206e-10%209.53746%200.23903%209.53746%200.533889V1.32221H12V12H0V1.32221H2.46254V0.533889C2.46254%200.239052%202.7039%203.52271e-05%203.00158%200C3.29928%20-1.84206e-10%203.54062%200.23903%203.54062%200.533889V1.32221H8.45938V0.533889C8.45938%200.239052%208.70075%203.52271e-05%208.99842%200ZM1.07808%2010.9322H10.9219V2.38999H1.07808V10.9322Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
              mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.15634%206.31283C9.32434%206.47958%209.32443%206.74988%209.15634%206.91658L6.40323%209.64338H4.93455L7.46341%207.13973H2.27408V6.08968H7.46341L4.93455%203.58603H6.40323L9.15634%206.31283Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.99842%200C9.29613%20-1.84206e-10%209.53746%200.23903%209.53746%200.533889V1.32221H12V12H0V1.32221H2.46254V0.533889C2.46254%200.239052%202.7039%203.52271e-05%203.00158%200C3.29928%20-1.84206e-10%203.54062%200.23903%203.54062%200.533889V1.32221H8.45938V0.533889C8.45938%200.239052%208.70075%203.52271e-05%208.99842%200ZM1.07808%2010.9322H10.9219V2.38999H1.07808V10.9322Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
      -webkit-mask-size: 100% auto;
              mask-size: 100% auto;
      -webkit-mask-position: center center;
              mask-position: center center;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      content: '';
      display: block;
      height: 1.25em;
      width: 1.25em; }
  .token[data-type="special"] {
    background-color: var(--pill-special-bg);
    color: var(--pill-special-fg); }
    .token[data-type="special"]:before {
      background-color: var(--pill-special-fg);
      -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.4209%202.79102C7.21193%202.89771%207.76312%203.30663%208.07422%204.00879L7.21191%204.50684C7.06083%204.12468%206.79413%203.88473%206.4209%203.80469V5.56445C6.6075%205.63554%206.7499%205.68896%206.84766%205.7334C7.05216%205.81345%207.44338%206.00012%207.62109%206.16895C7.91433%206.41784%208.20736%206.83563%208.17188%207.4043C8.17188%208.4087%207.46083%209.07561%206.4209%209.20898V10H5.84277V9.21777C4.85621%209.1555%204.13629%208.66636%203.8252%207.84863L4.70508%207.3418C4.90949%207.86616%205.29179%208.15061%205.84277%208.21289V6.36426C5.30966%206.15989%205.04323%206.0441%204.66113%205.75977C4.29669%205.47532%204.10938%205.06664%204.10938%204.52441C4.10938%204.02665%204.27854%203.62653%204.60742%203.31543C4.93626%203.0044%205.354%202.8267%205.84277%202.78223V2H6.4209V2.79102ZM6.4209%208.2041C6.89188%208.10628%207.14941%207.80414%207.14941%207.41309C7.14932%207.02219%206.91842%206.80905%206.4209%206.58691V8.2041ZM5.84277%203.78711C5.40738%203.85829%205.13185%204.1334%205.13184%204.52441C5.13184%204.88879%205.33632%205.09307%205.84277%205.33301V3.78711Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200C9.31371%200%2012%202.68629%2012%206C12%209.31371%209.31371%2012%206%2012C2.68629%2012%200%209.31371%200%206C0%202.68629%202.68629%200%206%200ZM6%201C3.23858%201%201%203.23858%201%206C1%208.76142%203.23858%2011%206%2011C8.76142%2011%2011%208.76142%2011%206C11%203.23858%208.76142%201%206%201Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
              mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.4209%202.79102C7.21193%202.89771%207.76312%203.30663%208.07422%204.00879L7.21191%204.50684C7.06083%204.12468%206.79413%203.88473%206.4209%203.80469V5.56445C6.6075%205.63554%206.7499%205.68896%206.84766%205.7334C7.05216%205.81345%207.44338%206.00012%207.62109%206.16895C7.91433%206.41784%208.20736%206.83563%208.17188%207.4043C8.17188%208.4087%207.46083%209.07561%206.4209%209.20898V10H5.84277V9.21777C4.85621%209.1555%204.13629%208.66636%203.8252%207.84863L4.70508%207.3418C4.90949%207.86616%205.29179%208.15061%205.84277%208.21289V6.36426C5.30966%206.15989%205.04323%206.0441%204.66113%205.75977C4.29669%205.47532%204.10938%205.06664%204.10938%204.52441C4.10938%204.02665%204.27854%203.62653%204.60742%203.31543C4.93626%203.0044%205.354%202.8267%205.84277%202.78223V2H6.4209V2.79102ZM6.4209%208.2041C6.89188%208.10628%207.14941%207.80414%207.14941%207.41309C7.14932%207.02219%206.91842%206.80905%206.4209%206.58691V8.2041ZM5.84277%203.78711C5.40738%203.85829%205.13185%204.1334%205.13184%204.52441C5.13184%204.88879%205.33632%205.09307%205.84277%205.33301V3.78711Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%200C9.31371%200%2012%202.68629%2012%206C12%209.31371%209.31371%2012%206%2012C2.68629%2012%200%209.31371%200%206C0%202.68629%202.68629%200%206%200ZM6%201C3.23858%201%201%203.23858%201%206C1%208.76142%203.23858%2011%206%2011C8.76142%2011%2011%208.76142%2011%206C11%203.23858%208.76142%201%206%201Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
      -webkit-mask-size: 100% auto;
              mask-size: 100% auto;
      -webkit-mask-position: center center;
              mask-position: center center;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      content: '';
      display: block;
      height: 1.25em;
      width: 1.25em; }

/*
* Image Zoom
*/
.image-zoom-overlay {
  background-color: #e5e6e1;
  display: flex;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 99999; }
  .image-zoom-overlay img, .image-zoom-overlay svg {
    max-height: 95%;
    max-width: 95%; }

.form {
  /*
    * Default form styles
    */ }
  .form-branding {
    padding: var(--spacing-base) calc(var(--spacing-base) * 3); }
  .form-notice.success, .form-notice.error {
    font-size: 12px;
    line-height: 16px;
    border-radius: var(--border-radius-base);
    font-family: var(--font-heading);
    padding: var(--spacing-base) calc(var(--spacing-base) * 3);
    text-align: center; }
  .form-notice.success {
    background-color: var(--color-accent); }
  .form-notice.error {
    background-color: #bc3131;
    color: #fff; }
  .form-header {
    padding: var(--spacing-base) calc(var(--spacing-base) * 3); }
    .form-header p {
      font-size: 12px;
      line-height: 16px; }
  .form-content {
    padding: 0 calc(var(--spacing-base) * 3) calc(var(--spacing-base) * 3); }
    .form-content form {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-base); }
  .form .field input + input {
    margin-top: var(--spacing-base); }
  .form .button-apply {
    padding: .625em 1em; }
  .form .field-label {
    display: block;
    font-family: var(--font-heading);
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.08em;
    opacity: 0.5;
    text-transform: uppercase;
    margin-bottom: .5em; }
  .form .field-group:has(input[type="checkbox"]),
  .form .field-group:has(input[type="radio"]) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-base);
    padding: 1em 0; }
    .form .field-group:has(input[type="checkbox"]) > div,
    .form .field-group:has(input[type="radio"]) > div {
      display: flex;
      gap: .25em;
      align-items: center; }
  .form input[type="text"],
  .form input[type="email"],
  .form input[type="date"],
  .form input[type="phone"] {
    border: 1px solid #e6e6e6;
    border-radius: var(--border-radius-base);
    font-size: 12px;
    line-height: 20px;
    font-family: var(--font-heading);
    padding: .625em 1em;
    width: calc(100% - 2em);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .form input[type="text"]:focus,
    .form input[type="email"]:focus,
    .form input[type="date"]:focus,
    .form input[type="phone"]:focus {
      border-color: var(--color-accent); }
  .form input[type="checkbox"],
  .form input[type="radio"] {
    color: var(--color-primary-fg);
    accent-color: var(--color-accent); }
  .form input[type="radio"] + label,
  .form input[type="checkbox"] + label {
    font-size: 13px;
    line-height: 20px;
    font-family: var(--font-heading); }

.navbar_icon {
  background-color: rgba(28, 51, 40, 0.2);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%; }
  .navbar_icon svg {
    margin: auto;
    fill: currentColor;
    width: 100%; }
  @media all and (max-width: 840px) {
    .navbar_icon {
      background-color: rgba(28, 51, 40, 0.6); } }
.navbar_nav {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-base);
  padding: calc(var(--spacing-base) * 2) calc(var(--spacing-base) * 1.5) calc(var(--spacing-base) * 1.5); }
  .navbar_nav-button {
    background: transparent;
    border: none;
    color: var(--color-primary-fg);
    display: flex;
    min-height: 35px;
    min-width: 35px;
    align-items: center;
    padding: 0;
    gap: .5em;
    font-family: "GilroyBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1em;
    text-decoration: none;
    cursor: pointer;
    width: 100%; }
    @media all and (max-width: 840px) {
      .navbar_nav-button {
        justify-content: center; } }
    .navbar_nav-button[data-total-count] {
      position: relative; }
      .navbar_nav-button[data-total-count]:before {
        background-color: var(--color-accent);
        border-radius: 20px;
        content: attr(data-total-count);
        display: block;
        font-size: 9px;
        line-height: 14px;
        text-align: center;
        height: 14px;
        width: 14px;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); }
    .navbar_nav-button[data-total-count="0"]:before {
      display: none; }

@media all and (min-width: 699px) {
  .navbar_nav {
    display: inline-flex; }
    .navbar_nav-button[data-nav-target="navbarDiscovery"] {
      background-color: var(--color-accent);
      border: 1px solid var(--color-accent);
      border-radius: 3rem; } }

@media all and (max-width: 699px) {
  .navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999; }
    .navbar_nav {
      flex-direction: row;
      background-color: rgba(28, 51, 40, 0.95);
      margin: 12px 14px 12px 12px;
      border-radius: 8px; }
    .navbar .navbar_text {
      display: none; } }

.navbar_menu {
  background-color: var(--color-primary-fg);
  box-shadow: 0 -1px 12px rgba(1, 2, 1, 0.2);
  border: none;
  border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
  color: var(--color-primary-bg);
  display: flex;
  flex-direction: column;
  height: calc(100% - 80px);
  position: fixed;
  top: 100%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  z-index: 999; }
  @media all and (min-width: 699px) {
    .navbar_menu {
      height: 70dvh;
      max-width: calc(320px - (var(--spacing-base) * 2));
      left: var(--spacing-base); } }
  .navbar_menu.is--visible {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .navbar_menu-close {
    position: absolute;
    top: var(--spacing-base);
    right: var(--spacing-base);
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    cursor: pointer;
    z-index: 5; }
  .navbar_menu-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    overflow: auto;
    width: 100%; }
  .navbar_menu-links {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing-base) * 3);
    padding: calc(var(--spacing-base) * 2);
    margin-top: var(--spacing-base);
    width: 100%; }
    .navbar_menu-links button {
      background-color: transparent;
      border: none;
      color: currentColor;
      font-family: "GilroyBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1em;
      text-decoration: none;
      position: relative;
      text-align: left;
      cursor: pointer; }
  .navbar_menu-search, .navbar_menu-discovery {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    position: relative;
    overflow: hidden;
    width: 100%; }
    .navbar_menu-search--input, .navbar_menu-discovery--input {
      border-bottom: 1px solid rgba(26, 46, 34, 0.1);
      padding: var(--spacing-base) var(--spacing-base);
      width: calc(100% - (var(--spacing-base) * 2)); }
      .navbar_menu-search--input input, .navbar_menu-discovery--input input {
        background-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23currentColor%22%20d%3D%22M22.0368087%2C16.8159112%20C22.0368087%2C13.957094%2019.7197699%2C11.6391755%2016.860964%2C11.638975%20C14.0020243%2C11.638975%2011.6840278%2C13.9569715%2011.6840278%2C16.8159112%20C11.6842282%2C19.6747172%2014.0021468%2C21.9917559%2016.860964%2C21.9917559%20C19.7195472%2C21.9915332%2022.036586%2C19.6744944%2022.0368087%2C16.8159112%20Z%20M23.7208365%2C16.815805%20C23.7207468%2C18.4768211%2023.1298751%2C19.9992285%2022.1475407%2C21.1861748%20L24.206584%2C23.6397132%20C24.5592202%2C24.0599115%2024.5075171%2C24.6857516%2024.0907039%2C25.0423826%20L23.5655557%2C25.4917065%20C23.145913%2C25.8507585%2022.5146561%2C25.8016401%2022.155604%2C25.3819973%20C22.1536159%2C25.3796736%2022.1516384%2C25.3773409%2022.1496716%2C25.3749991%20L20.0582749%2C22.8847852%20L20.0582749%2C22.8847852%20C19.1032999%2C23.3889144%2018.015834%2C23.675694%2016.8608578%2C23.6757837%20C13.0719769%2C23.6757837%2010.0001625%2C20.6046321%2010%2C16.815805%20C10%2C13.0268254%2013.0718782%2C9.95494721%2016.8608578%2C9.95494721%20C20.6496849%2C9.95510972%2023.7208365%2C13.0269241%2023.7208365%2C16.815805%20Z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: left center;
        border: none;
        color: currentColor;
        font-family: "GilroyBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1em;
        padding: var(--spacing-base) 0;
        text-indent: 4ch;
        width: calc(100% - 4ch); }
        .navbar_menu-search--input input:placeholder, .navbar_menu-discovery--input input:placeholder {
          color: currentColor;
          opacity: .5; }
        .navbar_menu-search--input input:focus, .navbar_menu-discovery--input input:focus {
          outline: none; }
    .navbar_menu-search--results, .navbar_menu-discovery--results {
      display: flex;
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: auto;
      width: 100%; }

[navbar-icon="back"] {
  background-color: var(--color-accent);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M14.875%2C18.75%20L18.7089466%2C22.5839466%20C18.9042088%2C22.7792088%2018.9042088%2C23.0957912%2018.7089466%2C23.2910534%20L18.3535534%2C23.6464466%20C18.1582912%2C23.8417088%2017.8417088%2C23.8417088%2017.6464466%2C23.6464466%20L12.3535534%2C18.3535534%20C12.1582912%2C18.1582912%2012.1582912%2C17.8417088%2012.3535534%2C17.6464466%20L17.6464466%2C12.3535534%20C17.8417088%2C12.1582912%2018.1582912%2C12.1582912%2018.3535534%2C12.3535534%20L18.7089466%2C12.7089466%20C18.9042088%2C12.9042088%2018.9042088%2C13.2207912%2018.7089466%2C13.4160534%20L14.875%2C17.25%20L14.875%2C17.25%20L23.5%2C17.25%20C23.7761424%2C17.25%2024%2C17.4738576%2024%2C17.75%20L24%2C18.25%20C24%2C18.5261424%2023.7761424%2C18.75%2023.5%2C18.75%20L14.875%2C18.75%20L14.875%2C18.75%20Z%22%2F%3E%3C%2Fsvg%3E"); }

[navbar-icon="contact"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.8308612%2C9.87500012%20L22.4969778%2C9.8970204%20C24.1112419%2C9.90040911%2025.4135415%2C11.2811703%2025.4115743%2C12.9149472%20L25.404583%2C19.5036993%20C25.4028562%2C20.9233827%2024.3557532%2C22.1284157%2022.9583757%2C22.4000839%20L22.8919996%2C22.4109927%20L22.8960885%2C23.7001785%20L22.8885526%2C25.2294%20C22.8462158%2C25.5054917%2022.6770373%2C25.7239841%2022.4322945%2C25.8150976%20C22.1687133%2C25.9131698%2021.8833979%2C25.8528355%2021.6794886%2C25.6496854%20L18.5232521%2C22.4523117%20L11.7342446%2C22.4512874%20C10.0434876%2C22.4509683%208.70373671%2C21.0952732%208.70399957%2C19.404498%20L8.70500297%2C12.9227917%20C8.70526873%2C11.2026071%2010.0858702%2C9.87137778%2011.8308612%2C9.87500012%20Z%20M11.7302271%2C11.2913866%20C10.8305191%2C11.291217%2010.11554%2C12.0156338%2010.1157797%2C12.9167698%20L10.1177937%2C19.4414755%20C10.1181299%2C20.3153999%2010.827034%2C21.0413398%2011.6952222%2C21.0419959%20L18.7251048%2C21.0469125%20C18.9403527%2C21.0471612%2019.1194432%2C21.1138578%2019.2610329%2C21.2542168%20L21.4714863%2C23.4475866%20L21.4823365%2C21.7821058%20C21.469771%2C21.3781084%2021.7719092%2C21.0701909%2022.1679357%2C21.0445927%20L22.2687706%2C21.0441826%20C23.2239079%2C21.102638%2024.0033643%2C20.3645407%2024.0027906%2C19.4075973%20L23.9987828%2C12.8818986%20C23.9981136%2C12.018394%2023.2816323%2C11.2935439%2022.4194167%2C11.293384%20L11.7302271%2C11.2913866%20Z%20M21.2615717%2C17.172933%20C21.6669307%2C17.172933%2021.9741183%2C17.4375143%2022.002759%2C17.8227062%20C22.0319057%2C18.2176046%2021.7317019%2C18.5760351%2021.3117281%2C18.576294%20L12.8228897%2C18.5772978%20C12.4116631%2C18.5770811%2012.1026359%2C18.2516311%2012.1125896%2C17.8577932%20C12.1229835%2C17.4577814%2012.4367071%2C17.1731786%2012.8550664%2C17.172933%20L21.2615717%2C17.172933%20Z%20M21.2866542%2C13.9530824%20C21.6804121%2C13.9531188%2021.9880586%2C14.2480447%2022.0039187%2C14.6249404%20C22.0201855%2C15.0143391%2021.7231674%2C15.358097%2021.3127403%2C15.358451%20L12.8239762%2C15.358451%20C12.4217093%2C15.3584874%2012.1162615%2C15.0489069%2012.1124999%2C14.6584396%20C12.1090645%2C14.2812836%2012.4161227%2C13.9541222%2012.8109003%2C13.9540862%20L21.2866542%2C13.9530824%20Z%22%2F%3E%3C%2Fsvg%3E"); }

[navbar-icon="search"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M22.0368087%2C16.8159112%20C22.0368087%2C13.957094%2019.7197699%2C11.6391755%2016.860964%2C11.638975%20C14.0020243%2C11.638975%2011.6840278%2C13.9569715%2011.6840278%2C16.8159112%20C11.6842282%2C19.6747172%2014.0021468%2C21.9917559%2016.860964%2C21.9917559%20C19.7195472%2C21.9915332%2022.036586%2C19.6744944%2022.0368087%2C16.8159112%20Z%20M23.7208365%2C16.815805%20C23.7207468%2C18.4768211%2023.1298751%2C19.9992285%2022.1475407%2C21.1861748%20L24.206584%2C23.6397132%20C24.5592202%2C24.0599115%2024.5075171%2C24.6857516%2024.0907039%2C25.0423826%20L23.5655557%2C25.4917065%20C23.145913%2C25.8507585%2022.5146561%2C25.8016401%2022.155604%2C25.3819973%20C22.1536159%2C25.3796736%2022.1516384%2C25.3773409%2022.1496716%2C25.3749991%20L20.0582749%2C22.8847852%20L20.0582749%2C22.8847852%20C19.1032999%2C23.3889144%2018.015834%2C23.675694%2016.8608578%2C23.6757837%20C13.0719769%2C23.6757837%2010.0001625%2C20.6046321%2010%2C16.815805%20C10%2C13.0268254%2013.0718782%2C9.95494721%2016.8608578%2C9.95494721%20C20.6496849%2C9.95510972%2023.7208365%2C13.0269241%2023.7208365%2C16.815805%20Z%22%2F%3E%3C%2Fsvg%3E"); }

[navbar-icon="save"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.0651754%2C11.4191%20L22.5793259%2C11.4191%20C22.8554682%2C11.4191%2023.0793259%2C11.6429576%2023.0793259%2C11.9191%20L23.0793259%2C23.8532232%20C23.0793259%2C24.1293655%2022.8554682%2C24.3532232%2022.5793259%2C24.3532232%20C22.5100702%2C24.3532232%2022.4415697%2C24.3388357%2022.3781661%2C24.3109728%20L18.0234283%2C22.3972676%20C17.8952382%2C22.340934%2017.7493002%2C22.3409338%2017.62111%2C22.397267%20L13.266334%2C24.3109755%20C13.0135255%2C24.4220723%2012.718522%2C24.3071923%2012.6074252%2C24.0543839%20C12.5795626%2C23.9909807%2012.5651754%2C23.9224806%2012.5651754%2C23.8532253%20L12.5651754%2C11.9191%20C12.5651754%2C11.6429576%2012.789033%2C11.4191%2013.0651754%2C11.4191%20Z%22%2F%3E%3C%2Fsvg%3E"); }

[navbar-icon="specials"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M18.383606%2C10.886668%20L19.7815664%2C15.1891108%20C19.8485039%2C15.3951215%2020.0404816%2C15.5346011%2020.2570942%2C15.5346011%20L24.7809373%2C15.5346011%20C25.0570797%2C15.5346011%2025.2809373%2C15.7584587%2025.2809373%2C16.0346011%20C25.2809373%2C16.194654%2025.2043147%2C16.3450338%2025.0748289%2C16.4391103%20L21.4149894%2C19.0981255%20C21.2397468%2C19.225446%2021.1664168%2C19.4511269%2021.2333508%2C19.6571373%20L22.631261%2C23.9596452%20C22.7165904%2C24.2222733%2022.5728614%2C24.5043485%2022.3102333%2C24.5896779%20C22.1580155%2C24.6391344%2021.9913209%2C24.6127313%2021.8618374%2C24.5186557%20L18.2019687%2C21.8595954%20C18.026725%2C21.7322729%2017.7894269%2C21.7322727%2017.6141829%2C21.8595947%20L13.9543077%2C24.5186467%20C13.7309038%2C24.680959%2013.4182189%2C24.6314345%2013.2559067%2C24.4080305%20C13.1618305%2C24.2785457%2013.1354283%2C24.1118493%2013.1848867%2C23.9596307%20L14.5828389%2C19.6571405%20C14.6497756%2C19.4511287%2014.5764457%2C19.2254448%2014.4012011%2C19.0981234%20L10.7413509%2C16.4391108%20C10.5179463%2C16.2767994%2010.4684205%2C15.9641148%2010.630732%2C15.7407102%20C10.7248084%2C15.611224%2010.8751885%2C15.5346011%2011.0352417%2C15.5346011%20L15.5590739%2C15.5346011%20C15.7756871%2C15.5346011%2015.967665%2C15.3951209%2016.0346022%2C15.1891096%20L17.4325498%2C10.8866692%20C17.5178825%2C10.6240422%2017.7999596%2C10.4803167%2018.0625866%2C10.5656494%20C18.2148052%2C10.6151082%2018.3341468%2C10.7344496%2018.383606%2C10.886668%20Z%22%2F%3E%3C%2Fsvg%3E"); }

.discovery-navbar {
  display: grid;
  /* Creates columns that are 250px wide and flow horizontally */
  grid-auto-columns: minmax(auto, -webkit-min-content);
  grid-auto-columns: minmax(auto, min-content);
  grid-auto-flow: column;
  grid-gap: var(--spacing-base);
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: calc(var(--spacing-base) * 2);
  padding-right: calc(var(--spacing-base) * 2);
  padding-bottom: var(--spacing-base); }
  .discovery-navbar button {
    background-color: transparent;
    border: 1px solid var(--color-accent);
    border-radius: var(--border-radius-base);
    color: var(--color-text);
    cursor: pointer;
    font-family: var(--font-heading);
    font-weight: 500;
    padding: calc(var(--spacing-base) * .5) calc(var(--spacing-base) * 1.25);
    font-size: 11px;
    line-height: 20px;
    white-space: nowrap; }
    .discovery-navbar button.is--active {
      background-color: var(--color-accent);
      color: var(--color-primary-rev);
      font-weight: 600; }

.discovery-units {
  display: grid;
  /* Creates columns that are 250px wide and flow horizontally */
  grid-auto-columns: 280px;
  grid-auto-flow: column;
  grid-gap: var(--spacing-base);
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: calc(var(--spacing-base) * 2);
  padding-right: calc(var(--spacing-base) * 2);
  padding-bottom: calc(var(--spacing-base) * 2); }
  .discovery-units::-webkit-scrollbar {
    height: 4px; }
  .discovery-units::-webkit-scrollbar-track {
    background-color: #0e1913; }
  .discovery-units::-webkit-scrollbar-thumb {
    background-color: #BEA579;
    border-radius: 20px; }
  .discovery-units::-webkit-scrollbar-thumb:hover {
    background-color: #BEA579; }
  .discovery-units .unit-card {
    aspect-ratio: 9 / 16;
    background-color: var(--color-primary);
    border-radius: var(--border-radius-base);
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative; }
    .discovery-units .unit-card:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7) 100%);
      z-index: 2; }
    .discovery-units .unit-card--tokens {
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing-base) / 3);
      position: absolute;
      top: var(--spacing-base);
      left: var(--spacing-base);
      z-index: 3; }
    .discovery-units .unit-card--media {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: relative;
      z-index: 2; }
      .discovery-units .unit-card--media video,
      .discovery-units .unit-card--media img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .discovery-units .unit-card--info {
      bottom: 0;
      color: var(--color-text);
      left: 0;
      padding: calc(var(--spacing-base) * 2);
      position: absolute;
      z-index: 3;
      display: flex;
      flex-direction: column;
      font-size: 12px;
      line-height: 20px;
      font-weight: 600; }
      .discovery-units .unit-card--info span[data-suffix] + span[data-suffix]:before {
        content: '|';
        display: inline-block;
        font-weight: 300;
        margin: 0 .365em; }
      .discovery-units .unit-card--info span[data-prefix] + span {
        margin-left: .425em; }
      .discovery-units .unit-card--info span[data-prefix]:before {
        content: attr(data-prefix);
        display: inline-block;
        font-weight: 300;
        margin-right: .25em; }
      .discovery-units .unit-card--info span[data-suffix]:after {
        content: attr(data-suffix);
        display: inline-block;
        font-weight: 300;
        margin-left: .15em; }

.discovery-view > div {
  display: flex;
  flex-direction: column;
  gap: 1em; }

.hidden {
  display: none !important; }

.discoveryStream {
  background: var(--color-primary-bg);
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  overflow: scroll;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 99; }
  .discoveryStream::-webkit-scrollbar {
    width: 2px; }
  .discoveryStream::-webkit-scrollbar-track {
    background-color: #0e1913; }
  .discoveryStream::-webkit-scrollbar-thumb {
    background-color: #BEA579;
    border-radius: 20px; }
  .discoveryStream::-webkit-scrollbar-thumb:hover {
    background-color: #BEA579; }
  @media all and (min-width: 840px) {
    .discoveryStream {
      left: 0;
      right: 320px;
      width: auto;
      overflow-x: hidden; } }
  @media all and (min-width: 1280px) {
    .discoveryStream {
      left: 321px; } }
.discoveryStream-fragments {
  height: 100dvh; }

.discoveryStream-fragment {
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  scroll-snap-align: start;
  height: 100dvh; }
  .discoveryStream-fragment-media {
    z-index: 3; }
    .discoveryStream-fragment-media:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 20vh;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
      z-index: 2; }
  .discoveryStream-fragment:not(.is--visible) .discoveryStream-fragment-ui {
    opacity: 0;
    pointer-events: none; }
  .discoveryStream-fragment.is--visible .discoveryStream-fragment-ui {
    opacity: 1;
    pointer-events: auto;
    z-index: 5; }
  .discoveryStream-fragment.is--visible .discoveryStream-fragment-media {
    margin-top: 0; }
  .discoveryStream-fragment-ui {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100dvh;
    width: 100vw;
    opacity: 0;
    position: absolute;
    z-index: 5;
    transition: opacity .2s ease-in-out .5s; }
    @media all and (max-width: 840px) {
      .discoveryStream-fragment-ui.is--expanded .discoveryStream-fragment-info {
        background-color: white;
        border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
        box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
        min-height: 92dvh;
        max-height: 92dvh;
        overflow: hidden;
        overflow-y: auto;
        z-index: 100; }
        .discoveryStream-fragment-ui.is--expanded .discoveryStream-fragment-info *:not(.token):not(button) {
          color: var(--color-primary-bg); }
        .discoveryStream-fragment-ui.is--expanded .discoveryStream-fragment-info button.mute {
          visibility: hidden; } }
  .discoveryStream-fragment-info {
    display: flex;
    flex-direction: column;
    min-height: 15dvh;
    transition: all .3s ease-in-out; }
  .discoveryStream-fragment-summary {
    padding: calc(var(--spacing-base) * 5);
    display: flex;
    gap: var(--spacing-base);
    text-align: left;
    position: relative;
    z-index: 5;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600; }
    .discoveryStream-fragment-summary > div > div:has(button.mute) {
      position: absolute;
      bottom: 100%;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
      right: calc(var(--spacing-base) * 3); }
    .discoveryStream-fragment-summary > div {
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: var(--spacing-base);
      justify-content: flex-end; }
      .discoveryStream-fragment-summary > div:last-child {
        max-width: 13ch; }
        .discoveryStream-fragment-summary > div:last-child > div {
          display: flex;
          align-items: center;
          gap: var(--spacing-base);
          text-align: right;
          justify-content: flex-end; }
        .discoveryStream-fragment-summary > div:last-child > div:has(.headline--s) > span {
          display: flex;
          align-items: center; }
    .discoveryStream-fragment-summary .headline--s {
      font-size: 20px;
      line-height: 20px; }
    .discoveryStream-fragment-summary span[data-suffix] + span[data-suffix]:before {
      content: '|';
      display: inline-block;
      font-weight: 300;
      margin: 0 .365em; }
    .discoveryStream-fragment-summary span[data-prefix] + span {
      margin-left: .425em; }
    .discoveryStream-fragment-summary span[data-prefix]:before {
      content: attr(data-prefix);
      display: inline-block;
      font-weight: 300;
      margin-right: .25em; }
    .discoveryStream-fragment-summary span[data-suffix]:after {
      content: attr(data-suffix);
      display: inline-block;
      font-weight: 300;
      margin-left: .15em; }
  .discoveryStream-fragment-details {
    padding: 0 calc(var(--spacing-base) * 3);
    text-align: left; }
    .discoveryStream-fragment-details img {
      max-width: 100%; }
  .discoveryStream-fragment-media {
    height: 100vh; }
    .discoveryStream-fragment-media video {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  @media all and (min-width: 840px) {
    .discoveryStream-fragment {
      border-radius: var(--border-radius-base);
      aspect-ratio: 9 / 16;
      margin: auto; }
      .discoveryStream-fragment > div {
        border-radius: var(--border-radius-base);
        overflow: hidden;
        -webkit-transform: scale(0.9);
                transform: scale(0.9); }
      .discoveryStream-fragment-ui {
        width: 100%; } }
/* Quick testing */
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0; } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0; } }

@-webkit-keyframes slideInBottom {
  from {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes slideInBottom {
  from {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes slideOutBottom {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0; } }

@keyframes slideOutBottom {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0; } }

.desktop .discoveryStream-fragment-details {
  visibility: hidden; }

.desktop > .discoveryStream-fragment-details {
  background-color: var(--color-primary-fg);
  border-radius: var(--border-radius-base);
  overflow: hidden;
  padding: 0;
  max-width: calc(100vw - (320px + 40px));
  top: 20px;
  right: 20px;
  bottom: 20px;
  position: fixed;
  z-index: 99;
  visibility: visible;
  -webkit-animation-name: slideInBottom;
          animation-name: slideInBottom;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }
  .desktop > .discoveryStream-fragment-details > div {
    height: 100%;
    display: flex; }
    .desktop > .discoveryStream-fragment-details > div > div {
      height: auto;
      width: 60%; }
      .desktop > .discoveryStream-fragment-details > div > div.unit-main {
        overflow-y: auto;
        padding: calc(var(--spacing-base) * 3);
        border-right: 1px solid rgba(190, 165, 121, 0.2);
        max-width: 40%; }
        .desktop > .discoveryStream-fragment-details > div > div.unit-main::-webkit-scrollbar {
          width: 2px; }
        .desktop > .discoveryStream-fragment-details > div > div.unit-main::-webkit-scrollbar-track {
          background-color: #f2f2f2; }
        .desktop > .discoveryStream-fragment-details > div > div.unit-main::-webkit-scrollbar-thumb {
          background-color: #BEA579;
          border-radius: 20px; }
        .desktop > .discoveryStream-fragment-details > div > div.unit-main::-webkit-scrollbar-thumb:hover {
          background-color: #BEA579; }
      .desktop > .discoveryStream-fragment-details > div > div.unit-aside {
        overflow-y: auto;
        padding: calc(var(--spacing-base) * 3); }
        .desktop > .discoveryStream-fragment-details > div > div.unit-aside::-webkit-scrollbar {
          width: 2px; }
        .desktop > .discoveryStream-fragment-details > div > div.unit-aside::-webkit-scrollbar-track {
          background-color: #f2f2f2; }
        .desktop > .discoveryStream-fragment-details > div > div.unit-aside::-webkit-scrollbar-thumb {
          background-color: #BEA579;
          border-radius: 20px; }
        .desktop > .discoveryStream-fragment-details > div > div.unit-aside::-webkit-scrollbar-thumb:hover {
          background-color: #BEA579; }
  .desktop > .discoveryStream-fragment-details.collapse {
    -webkit-animation-name: slideOutBottom;
            animation-name: slideOutBottom;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .desktop > .discoveryStream-fragment-details *:not(button):not(.token) {
    color: var(--color-primary-bg) !important; }

.list-units {
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding-bottom: 3ch;
  width: 100%; }
  .list-units::-webkit-scrollbar {
    width: 2px; }
  .list-units::-webkit-scrollbar-track {
    background-color: #f2f2f2; }
  .list-units::-webkit-scrollbar-thumb {
    background-color: #bfbfbf;
    border-radius: 20px; }
  .list-units::-webkit-scrollbar-thumb:hover {
    background-color: #BEA579; }
  .list-units-row {
    color: var(--color-primary);
    display: flex;
    align-items: flex-start;
    padding: var(--spacing-base) calc(var(--spacing-base) * 2);
    text-decoration: none; }
    .list-units-row:not(:first-child) {
      border-top: 1px solid rgba(26, 46, 34, 0.1); }
  .list-units-col {
    flex: 1;
    font-size: 12px;
    line-height: 16px; }
  .list-units .t--semi {
    font-weight: 600; }

.list-discovery {
  display: flex;
  flex-direction: column;
  overflow: auto;
  width: 100%; }
  .list-discovery::-webkit-scrollbar {
    width: 2px; }
  .list-discovery::-webkit-scrollbar-track {
    background-color: #f2f2f2; }
  .list-discovery::-webkit-scrollbar-thumb {
    background-color: #bfbfbf;
    border-radius: 20px; }
  .list-discovery::-webkit-scrollbar-thumb:hover {
    background-color: #BEA579; }
  .list-discovery-row {
    display: flex;
    align-items: flex-start;
    color: var(--color-primary);
    font-family: var(--font-heading);
    padding: var(--spacing-base) calc(var(--spacing-base) * 2);
    text-decoration: none; }
    .list-discovery-row:not(:first-child) {
      border-top: 1px solid rgba(26, 46, 34, 0.1); }
  .list-discovery-col {
    flex: 1;
    font-size: 14px;
    line-height: 20px; }
  .list-discovery .t--semi {
    font-weight: 600; }