@charset "UTF-8";
/*
  _____  ______ _      ______ _   _             _   
 |  __ \|  ____| |    |  ____| \ | |           | |  
 | |  | | |__  | |    | |__  |  \| |  __ _ _ __| |_ 
 | |  | |  __| | |    |  __| | . ` | / _` | '__| __|
 | |__| | |____| |____| |____| |\  || (_| | |  | |_ 
 |_____/|______|______|______|_| \_(_)__,_|_|   \__|

*/*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
input, button, textarea, select {
  font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}:root {
  --token-site-header-height:                   8rem;
  --token-box-border-radius:                    .8rem;
  
  /* Body */
  --token-body-background:                      rgb(137,189,176);

  --token-main-background:                      #fafcfc;
  --token-main-background:                      #eef5f5;
  --token-main-color:                           #192e29;
  
  /* Editable */
  --token-ui-link-border-link:                  #89bdb0;
  --token-ui-link-border-hover:                 #192e29;
  --token-ui-neg-link-border-link:              #eef5f5;
  --token-ui-neg-link-border-hover:             #89bdb0;
  
  /* Header */
  --token-site-header-background:               rgb(255,255,255);
  
  /* Navigation */
  --token-ui-navigation-background:             rgba(255,255,255);
  --token-ui-navigation-link:                   ;
  --token-ui-navigation-link-active:            #89bdb0;
  --token-ui-navigation-link-hover:             #89bdb0;
  
  /* Hamburger */
  --token-ui-hamburger-color:                   #192e29;

  
  /* Radius */
  --token-radius-width:                         1.6rem;
  --token-radius-mask:                          radial-gradient(1.6rem at 1.6rem 1.6rem,#fff0 100%,#fff) -1.6rem -1.6rem; /* 98% */
  
  /* Card */
  --token-card-border-radius:                   .8rem;
  --token-card-background:                      #e1eeeb;
  --token-card-separated-background:            #fff;
  --token-card-more-link-background:            ;
  --token-card-more-link-hover-background:      #c8e0da;

  /* Infobox */
  --token-infobox-background:                   #fdfdfd;
  --token-infobox-color:                        #192e29;
  
  --token-infobox-link-background:              #eef5f5;
  --token-infobox-link-hover-background:        #c8e0da;
  
  /* Pricetag */
  --token-box-price-sold-background:            #48262E;
  --token-price-sold-background:                #a05769;
  --token-box-price-request-background:         #2b344f;
  --token-price-request-background:             #5869a3;
  --token-box-price-reserved-background:        #462b4f;
  --token-price-reserved-background:            #9058a3;
  --token-box-price-available-background:       #192e29;
  --token-price-available-background:           #3d7164;  

  
  /* Box */
  --token-box-background:                       #fafcfc;
  --token-box-color:                            #192e29;
  --token-box-contrast-background:              #192e29;
  --token-box-contrast-color:                   #fafcfc;
/*  --token-box-bio-background:                   ;
  --token-box-bio-color:                        ;*/
  
  /* Work card */
  --token-work-card-background:                 rgb(255,255,255);
  --token-work-card-border-radius:              1.6rem;
  --token-work-card-meta-background:            #f2f0e7;
  --token-work-card-meta-background-hover:      #e7f2ef;
  
  /* Footer */
  --token-site-footer-background:               #192e29;
  --token-site-footer-color:                    #fafcfc;
  
  /* Text */
  --token-ui-text:                              rgb(27, 38, 46);
  --token-ui-text-selection:                    rgb(255, 255, 255);
  --token-ui-text-selection-background:         rgb(75, 127, 114);
  
    /* Form > Text */
  --token-ui-form-input-background-default:     #ffffff;
  --token-ui-form-input-border-default:         #8c8c8c;
  
  --token-ui-form-input-background-hover:       #ffffff;
  --token-ui-form-input-border-hover:           #0d2b49;
  
  --token-ui-form-input-background-focus:       #ffffff;
  --token-ui-form-input-border-focus:           #0d2b49;
  --token-ui-form-input-outline-focus:          #3a8fe6;
  
  --token-ui-form-input-border-warning:         #DB640E;
  
  
    /* Form > Checkbox */
  --token-ui-form-checkbox-background-default:  #ffffff;
  --token-ui-form-checkbox-border-default:      #8c8c8c;
  
  --token-ui-form-checkbox-background-checked:  #0d2b49;
  --token-ui-form-checkbox-border-checked:      #0d2b49;  
  --token-ui-form-radio-dot-background-checked: #ffffff;  

  --token-ui-form-checkbox-background-hover:    #f7f7f7;
  --token-ui-form-checkbox-border-hover:        #8c8c8c;
  
  --token-ui-form-checkbox-background-focus:    #f7f7f7;
  --token-ui-form-checkbox-border-focus:        #8c8c8c;
  --token-ui-form-checkbox-outline-focus:       #3a8fe6;
  
  
  
  
  --token-ui-form-messages-warning-color:       #fff;
  --token-ui-form-messages-error-color:         #fff;
  
  
  
  /* Dashboard */
  --token-ui-dashboard-indicator-background:    #192e29;
  --token-ui-dashboard-meter-background:        #eef5f5;
  --token-ui-dashboard-meter-fill:              #192e29;
  
}@font-face {
  font-display: swap; 
  font-family: "Source Sans 3";
  font-style: normal;
  src: url("//25126500.fs1.hubspotusercontent-eu1.net/hubfs/25126500/raw_assets/public/dot-art/fonts/SourceSans3-VariableFont_wght.ttf");
} 
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: italic;
  src: url("//25126500.fs1.hubspotusercontent-eu1.net/hubfs/25126500/raw_assets/public/dot-art/fonts/SourceSans3-Italic-VariableFont_wght.ttf");
} 

@font-face {
  font-display: swap; 
  font-family: "Montserrat";
  font-style: normal;
  src: url("//25126500.fs1.hubspotusercontent-eu1.net/hubfs/25126500/raw_assets/public/dot-art/fonts/Montserrat-VariableFont_wght.ttf");
} 
@font-face {
  font-display: swap; 
  font-family: "Montserrat";
  font-style: italic;
  src: url("//25126500.fs1.hubspotusercontent-eu1.net/hubfs/25126500/raw_assets/public/dot-art/fonts/Montserrat-Italic-VariableFont_wght.ttf");
} 


@font-face {
  font-family: 'Darker Grotesque';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url(//www.delen.art/hubfs/raw_assets/public/dot-art/fonts/DarkerGrotesque-Regular.ttf) format("truetype")
}@view-transition {
  navigation: auto;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
  background: var(--token-body-background);
}

body {
  font-size: 1.8rem;
  font-family: 'Source Sans 3';
  font-variation-settings: 'wght' 300, 'slnt' 0;
  /*
  font-family: var(--token-font-family-primary);
  background: var(--token-color-brand-100);
  font-variation-settings: "wght" 300, "slnt" 0;
  */
  color: var(--token-ui-text);
  
  overflow: visible; 
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}


@media screen and (min-width: 48em) {
  body {
    font-size: 1.6rem; 
  }

}

body.js-kiosk {
  overflow: hidden; 
}


::-moz-selection {
  color: var(--token-ui-text-selection);
  background: var(--token-ui-text-selection-background);
}
::selection {
  color: var(--token-ui-text-selection);
  background: var(--token-ui-text-selection-background);
}


a {
  transition: all 200ms ease;
  text-decoration: none;
  color: inherit;
}



img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}.u--mb {
  margin-bottom: 1.6rem; 
}main {
  background: var(--token-main-background);
  color: var(--token-main-color);
  flex-grow: 1;
}

#main:has(.main__column:nth-child(2)) > .container {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 48em) {
  #main:has(.main__column:nth-child(2)) > .container {
    grid-template-columns: 1fr 1fr;
  }
}.section {

}

.section--work-overview,
.section--work-detail,
.section--artist-overview,
.section--fairs-overview,
.section--dashboard {
  margin: 3.2rem 0;
}


.section--work-overview,
.section--artist-overview,
.section--office-overview,
.section--work-detail,
.section--work-more,
.section--hero,
.section--expositions,
.section--page-header,
.section--biography,
.section--text,
.section--gallery,
.section--cta-newsletter,
.section--picture {
  margin: 3.2rem 0;
}

@media screen and (min-width: 48em) { 
  .section--dashboard,
  .section--work-overview,
  .section--artist-overview,
  .section--office-overview,
  .section--work-detail,
  .section--work-more,
  .section--hero,
  .section--expositions,
  .section--page-header,
  .section--biography,
  .section--text,
  .section--gallery,
  .section--cta-newsletter,
  .section--picture {
    margin: 4.8rem 0;
  }
}.container {
  margin-inline: auto;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - (1.5rem * 2));
  max-width: 136rem;
  transition: width 250ms ease;
}

.container + .container {
  margin-top: 2.4rem;
}

@media screen and (min-width: 48em) {
  .container {
    width: calc(100% - (8rem * 2));
  }
  .container + .container {
    margin-top: 3.6rem; 
  }
}

@media screen and (min-width: 80em) {
  .container {
    width: calc(100% - (12rem * 2));
  }
}

.main__column .container {
  width: 100%; 
}.grid {
  display: grid;
  gap: 3.2rem;
  grid-template-columns: 1fr;
}
.grid__item {
  display: block;
  page-break-inside: avoid;
}





.grid--work-overview {
  grid-auto-flow: dense;
}
.grid--work-detail {
/*  gap: 0;*/
}

.grid__item--work-details {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.grid--dashboard-current {
  grid-template-columns: 8rem 1fr; 
}

.grid--exposition-overview {
  
}
.grid--work-overview .grid__item--exhibition-cover {
  display: none; 
}

  .grid--picture:has(> *:nth-child(2)) {
     grid-template-columns: 1fr 1fr;
  }


@media screen and (min-width: 48em) {
  .grid--office-overview,
  .grid--work-overview,
  .grid--exposition-overview,
  .grid--fair-overview,
  .grid--work-detail,
  .grid--dashboard-historical {
    grid-template-columns: 1fr 1fr;
  }

  .grid__item--exhibitor,
  .grid--work-overview .grid__item--office,
  .grid--work-overview .grid__item--biography {
    grid-row-start: 2;
    grid-column-end: span 2;
  }
  .grid__item--exhibitor-contact {

  }
  .grid--work-overview .grid__item--exhibition-cover {
    display: unset;
    grid-row-start: 5;
    grid-column-end: span 2;
  }
  
  .grid__item--work-media {
    grid-column: 1 / 1;
  }
  .grid__item--work-details {
    grid-column: 2 / 2;
    position: sticky; 
    top: 10rem; 
    align-self: start;
  }



}
@media screen and (min-width: 80em) {
  .grid--office-overview,
  .grid--fair-overview,
  .grid--dashboard-historical {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid--work-overview,
  .grid--exposition-overview,
  .grid--work-detail {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid--work-overview .grid__item--office,
  .grid--work-overview .grid__item--biography {
    grid-row-start: 1;
    grid-column-start: 3;
  }
  .grid--work-overview .grid__item--exhibition-cover {
    grid-column-start: 3;
    grid-row-start: 2;
    grid-row-end: span 2;
  }
  .grid__item--exhibitor {
    grid-row-start: 1;
    grid-column-start: 1;
  }
  .grid__item--exhibitor-contact {
    grid-row-start: 1;
    grid-column-start: 4;
  }
  .grid__item--work-media {
    grid-column: 1 / 4;
  }
  .grid__item--work-details {
    grid-column: 4 / 4;
  }
  .grid--offices {
    grid-template-columns: 1fr 1fr;
  }
  .grid--offices .grid__item--big {
    grid-column-end: span 2; 
  }
}.form {

}
/* --------------------- DEFAULT --------------------- */
.form form > fieldset,
.form form > .form-columns-0,
.form form > .form-columns-1,
.form form > .form-columns-2,  
.form form .hs-dependent-field {
  display: flex;
  flex-direction: column;
  max-width: unset;
  gap: 2rem;
}

@media screen and (min-width: 48em) {
  .form form > fieldset,
  .form form > .form-columns-0,
  .form form > .form-columns-1,
  .form form > .form-columns-2 { 
    flex-direction: row;
  }
}

.form form > fieldset:not(:last-child),
.form form > div:not(:last-child):not(.hs_submit) {
  margin-bottom: 1rem;
}
.form form > fieldset:has(div[style*="display:\ none"]) {
  margin-bottom: 0; 
}

/* --------------------- RICHTEXT --------------------- */
.hs-richtext {
}
.hs-richtext h2 {
  color: var(--token-ui-text-highlight);
 
}
/* --------------------- RICHTEXT (not first) --------------------- */
.form form > fieldset:has(.hs-richtext):not(:first-child) {
  margin-top: 4rem;
}
/* --------------------- RECAPTCHA --------------------- */
.form form > .hs_recaptcha {
  filter: grayscale(1);
}
/* --------------------- SUBMIT --------------------- */
.form form > .hs_submit {
  margin-top: 2rem; 
}




.form form > fieldset > div {
  flex-grow: 1;
  width: auto !important;
  display: flex;
  flex-direction: column;
}

.hs-form-required {
  visibility: hidden;
    position: relative;
}
.hs-form-required::after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--token-ui-form-input-required-color);
}
html[lang='nl'] .hs-form-required::after {
  content: '(Vereist)'; 
}
html[lang='fr'] .hs-form-required::after {
  content: '(Obligatoire)'; 
}
html[lang='en'] .hs-form-required::after {
  content: '(Required)'; 
}






.hs-form-field {
  
}

.hs-form-field label {
  font-size: 1.4rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: .8rem;
  -webkit-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
}


.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 0 !important; 
}
.legal-consent-container .hs-form-booleancheckbox-display > span:has(.hs-form-required) .hs-form-required {
  margin-left: .8rem;
}




.hs-form-field .input {
  margin-right: 0 !important;
}


.hs-dependent-field .input ul {
   list-style: none;
  padding: 0;
}

.hs-submit .actions .hs-button {
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
      padding: 1.2rem 1.6rem;
  background: #FFF;
  color: #192e29;
  font-variation-settings: 'wght' 500;
  border-radius: .4rem;
}
@media screen and (min-width: 48em) {
  .hs-submit .actions .hs-button {
    width: auto;
    text-align: left;
  }
}


/* --------------------- INPUT, SELECT --------------------- */

.hs-form-field .input input[type='text'],
.hs-form-field .input input[type='tel'],
.hs-form-field .input input[type='email'],
.hs-form-field .input textarea {
  font-size: 1.6rem;
  width: 100% !important;
  box-sizing: border-box;
  padding: 1rem !important;
  border-radius: .4rem;
  border: .1rem solid var(--token-ui-form-input-border-default);
  outline-offset: 0rem;
  transition: all 150ms ease;
}
.hs-form-field .input textarea {
  min-height: 10rem;
  line-height: 150%;
}
.hs-form-field .input input[type='text']:hover,
.hs-form-field .input input[type='tel']:hover,
.hs-form-field .input input[type='email']:hover,
.hs-form-field .input textarea:hover {
  border-color: var(--token-ui-form-input-border-hover);
}
.hs-form-field .input input[type='text']:focus,
.hs-form-field .input input[type='tel']:focus,
.hs-form-field .input input[type='email']:focus,
.hs-form-field .input textarea:focus {
  outline: .2rem solid var(--token-ui-form-input-outline-focus);
  outline-offset: .1rem;
} 
.hs-form-field .input input[type='text'].error,
.hs-form-field .input input[type='tel'].error,
.hs-form-field .input input[type='email'].error,
.hs-form-field .input input[type='text'].invalid,
.hs-form-field .input input[type='tel'].invalid,
.hs-form-field .input input[type='email'].invalid { 
  border-color: var(--token-ui-form-input-border-warning);
}
.hs-form-field .hs-error-msgs {
  
}
/* --------------------- INPUT > ZIP --------------------- */
.hs-form-field.hs_zip .input input[type='text'] {
  width: 25% !important; 
}

/* --------------------- SELECT --------------------- */
.hs-form-field .input select {
  -webkit-appearance: none;
  cursor: pointer;    
  font-size: 1.6rem;
  width: 100% !important;
  box-sizing: border-box;
  padding: 1rem;
  border-radius: .4rem;
  background-color: var(--token-ui-form-select-background-default);
  border: .1rem solid var(--token-ui-form-select-border-default);
  transition: all 150ms ease;
}

.hs-form-field .input:has(select) {
  position: relative;
}
.hs-form-field .input:has(select):after {
  position: absolute;
  width: .6rem;
  height: .6rem;
  border: .1rem solid var(--token-ui-form-select-arrow-color);
  content: "";
  top: 50%;
  right: 1.6rem;
  transform: rotate(45deg) translate(-50%,-50%);
  border-width: 0 .1rem .1rem 0;
  border-bottom-right-radius: .1rem;
}
.hs-form-field .input:has(select:active):after {
  border-width: .1rem 0 0 .1rem;
  border-top-left-radius: .1rem;
}

.hs-form-field .input select:hover {
  background-color: var(--token-ui-form-select-background-hover);
  border: .1rem solid var(--token-ui-form-select-border-hover);
}
.hs-form-field .input select:focus {
  background-color: var(--token-ui-form-select-background-focus);
  border-color: var(--token-ui-form-select-border-focus);
  outline: .2rem solid var(--token-ui-form-select-outline-focus);
  outline-offset: .1rem;  
}
.hs-form-field .input select.error,
.hs-form-field .input select.invalid {
  border-color: var(--token-ui-form-select-border-warning);
}
.hs-form-field .input select:valid {
  background-color: var(--token-ui-form-select-background-filled);
  border-color: var(--token-ui-form-select-border-filled);
}

/* --------------------- CHECKBOX --------------------- */
.hs-form-field .input input[type='checkbox'] {
  appearance: none;
  cursor: pointer;
  width: 1.6rem !important;
  height: 1.6rem;
  display: inline-flex;
  border-radius: .4rem;
  flex-shrink: 0;
  background-color: var(--token-ui-form-checkbox-background-default);
  border: .1rem solid var(--token-ui-form-checkbox-border-default);
  justify-content: center;
  align-items: center;
  transition: all 150ms ease;
}
.hs-form-field .input input[type='checkbox']:hover {
  border-color: var(--token-ui-form-checkbox-border-hover);
  background-color: var(--token-ui-form-checkbox-background-hover); 
}
.hs-form-field .input input[type='checkbox']:focus {
  border-color: var(--token-ui-form-checkbox-border-focus);
  background-color: var(--token-ui-form-checkbox-background-focus); 
  outline: .2rem solid var(--token-ui-form-checkbox-outline-focus);
  outline-offset: .1rem;  
}
.hs-form-field .input input[type='checkbox']:checked {
  border-color: var(--token-ui-form-checkbox-border-checked);
  background-color: var(--token-ui-form-checkbox-background-checked); 
}
.hs-form-field .input input[type='checkbox']:checked::after {
  content: '';
  display: inline-flex;
  aspect-ratio: 1/1;
  min-width: 1.2rem;
  -webkit-mask: url(//25126500.fs1.hubspotusercontent-eu1.net/hubfs/25126500/raw_assets/public/dot-bank/img/icons/check.svg) no-repeat;
  mask: url(//25126500.fs1.hubspotusercontent-eu1.net/hubfs/25126500/raw_assets/public/dot-bank/img/icons/check.svg) no-repeat;
  mask-size: 1.2rem 1.2rem;
  background: var(--token-ui-form-radio-dot-background-checked); 
}

/* --------------------- RADIO --------------------- */
.hs-form-field .input input[type='radio'] {
  appearance: none;
  cursor: pointer;
  width: 1.6rem !important;
  height: 1.6rem;
  display: inline-flex;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--token-ui-form-radio-background-default);
  border: .1rem solid var(--token-ui-form-radio-border-default);
  justify-content: center;
  align-items: center;
  transition: all 150ms ease;
}
.hs-form-field .input input[type='radio']:hover {
  border-color: var(--token-ui-form-radio-border-hover);
  background-color: var(--token-ui-form-radio-background-hover);  
}
.hs-form-field .input input[type='radio']:focus {
  border-color: var(--token-ui-form-radio-border-focus);
  background-color: var(--token-ui-form-radio-background-focus); 
  outline: .2rem solid var(--token-ui-form-radio-outline-focus);
  outline-offset: .1rem;  
}
.hs-form-field .input input[type='radio']:checked {
  border-color: var(--token-ui-form-radio-border-checked); 
  background-color: var(--token-ui-form-radio-background-checked); 
}
.hs-form-field .input input[type='radio']:checked::after {
  display:block;
  content: '';
  width: .8rem;
  height: .8rem;
  border-radius: .4rem;
  background: var(--token-ui-form-radio-dot-background-checked);
}

/* --------------------- MULTI-CONTAINER --------------------- */


.hs-form-field .multi-container {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  border: .1rem solid var(--token-ui-form-multicontainer-border-default);
  grid-template-columns: 1fr;
  border-radius: .4rem;
}
@media screen and (min-width: 48em) {
  .hs-form-field .multi-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 80em) {
  .hs-form-field .multi-container:has(>li:nth-child(2)) {
    grid-template-columns: 1fr 1fr;
  }
  .hs-form-field .multi-container:has(>li:nth-child(3)) {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .hs-form-field .multi-container:has(>li:nth-child(4)) {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .hs-form-field .multi-container:has(>li:nth-child(5)),
  .hs-form-field .multi-container:has(>li:nth-child(6)) {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .hs-form-field .multi-container:has(>li:nth-child(7)),
  .hs-form-field .multi-container:has(>li:nth-child(8)) {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}


/* --------------------- MULTI-CONTAINER for OFFICE SELECTOR --------------------- */
.hs-form-field.hs_afpraak_relatiebeheerder___kantoor .multi-container li:last-child {
  border-top: .1rem solid var(--token-ui-form-multicontainer-border-default);
  grid-column: 1/1;
  padding-top: 1rem;
}
@media screen and (min-width: 48em) {
  .hs-form-field.hs_afpraak_relatiebeheerder___kantoor .multi-container li:last-child {
    grid-column: 1/4;
  }
}
@media screen and (min-width: 80em) {
  .hs-form-field.hs_afpraak_relatiebeheerder___kantoor .multi-container li:last-child {
    grid-column: 1/5;
  }
}

/* --------------------- ERROR MESSAGES --------------------- */
.hs-error-msgs,
.hs_error_rollup .hs-error-msgs {
  margin: .8rem 0 0;
  font-size: 1.4rem;
  color: var(--token-ui-form-messages-warning-color);
  list-style: none;
  padding: 0;
}
.hs-fieldtype-booleancheckbox .hs-error-msgs {
  margin-left: 2.4rem;
}

.hs-error-msgs > li > .hs-error-msg,
.hs_error_rollup .hs-error-msgs > li > label {
  background: url(//25126500.fs1.hubspotusercontent-eu1.net/hubfs/25126500/raw_assets/public/dot-bank/img/icons/form-warning.svg) left center no-repeat;
  padding-left: 2rem;
}



.legal-consent-container .hs-error-msgs label {
  color: var(--token-ui-form-messages-warning-color) !important;
}.editable {
  text-wrap: pretty;
  width: 100%;
  max-width: 75ch;
}

.editable.box {
  max-width: unset; 
}


.editable + .grid {
  margin-top: 3.2rem;
} 
.editable + .form {
  margin-top: 1.6rem; 
}

@media screen and (min-width: 80em) { 
  .editable--columns {
    columns: 2;
    gap: 2rem;
    max-width: unset;
    break-inside: avoid-column;
  }
}

.editable > *:not(:last-child) {
  margin-bottom: 1.6rem;  
}  

.editable h1,
.editable h2,
.editable h3,
.editable h4, 
.editable h5, 
.editable h6 {
  font-family: 'Darker Grotesque';
  margin-top: -.4rem;
  line-height: 100%;
  font-weight: 800;
}

.editable h1 {
  font-size: 4.8rem;
}
.editable h1 i {
  opacity: .5;
}
.editable h2 {
  font-size: 3.2rem;
}

.editable h3 {
  font-size: 2.2rem;
}

.editable h4 {
  
}

.editable h5 {
  
}

.editable a {
  text-decoration: none;
  background-image: linear-gradient(var(--token-ui-link-border-link),var(--token-ui-link-border-link)), linear-gradient(var(--token-ui-link-border-hover),var(--token-ui-link-border-hover));
  background-size: 100% .1rem, 0 .1rem;
  background-position: 100% 90%, 0% 90%;
  background-repeat: no-repeat;
  transition: background-size 250ms linear; 
}

.editable--negative a {
  background-image: linear-gradient(var(--token-ui-neg-link-border-link),var(--token-ui-neg-link-border-link)), linear-gradient(var(--token-ui-neg-link-border-hover),var(--token-ui-neg-link-border-hover));  
}

.editable a:hover,
.editable a:active {
  background-size: 0% .1rem, 100% .1rem;
}

.editable strong,
.editable b {
  font-variation-settings: 'wght' 500;
}

.editable em,
.editable i {
  font-style: italic;
}

.editable dl {
  display: grid;
  grid-gap: .8rem 1.6rem;
  grid-template-columns: max-content;
}

.editable dl dd {
  grid-column-start: 2;
  word-break: break-word;
}

.editable .price {
  font-size: 2.4rem;
  font-variation-settings: 'wght' 500;
  display: inline-flex;
  align-items: center;
}

.editable .price:before {
  display: inline-block;
  aspect-ratio: 1;
  width: 1.2rem;
  border-radius: 50%;
  content: '';
  margin-right: .8rem;
  background: #FFF;
}

.editable .price.price--sold:before,
.editable .price.price--not-for-sale:before {
  background: var(--token-price-sold-background);
}
.editable .price.price--available:before {
  background: var(--token-price-available-background);
}
.editable .price.price--request:before {
  background: var(--token-price-request-background);
}
.editable .price.price--reserved:before {
  background: var(--token-price-reserved-background);
}


.editable p {
  break-inside: avoid-column; 
}

.editable hr {
  background: #fafcfc;
  border: 0;
  height: .05rem;
}.button {
    color: inherit;
  text-decoration: none;
  padding: .6rem 1.2rem;
  display: inline-flex;
  border-radius: .4rem; 
  align-items: center;
  column-gap: .8rem;
  transition: all 150ms 0ms cubic-bezier(0.5, 0, 0, 1);
  font-variation-settings: "wght" 400;
  text-wrap: wrap; /* nowrap */
  cursor: pointer;
      justify-content: flex-end;
}

.box--delen .button {
  background: #FFF;
  color: #0d2b49;
}.hamburger {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: .8rem;
  padding: 0;
  background: none;
  border: none;
  color: var(--token-ui-hamburger-color);
  cursor: pointer;
}

.hamburger__label {
  font-weight: 300;
}

.hamburger__inner {
  position: relative;
  height: .1rem;
  width: 2rem;
  background: var(--token-ui-hamburger-color);
  transition: background 250ms 0ms ease;
}
.hamburger.is-open .hamburger__inner {
  background: transparent;
}


.hamburger__inner:before,
.hamburger__inner:after {
  position: absolute;
  height: .1rem;
  width: 100%;
  content: '';
  display: block;
  background: var(--token-ui-hamburger-color);
  transition: top 250ms 250ms ease, transform 250ms 0ms ease;
}

.hamburger__inner:before {
  top: -.5rem; 
}
.hamburger__inner:after {
  top: .5rem; 
}
.hamburger:hover .hamburger__inner:before {
  top: -.6rem; 
}
.hamburger:hover .hamburger__inner:after {
  top: .6rem; 
}

.hamburger.is-open .hamburger__inner:before,
.hamburger.is-open .hamburger__inner:after {
  transition: top 250ms 0ms ease, transform 250ms 250ms ease; 
  top: 0;
}

.hamburger.is-open .hamburger__inner:before {
  transform: rotate(45deg); 
}
.hamburger.is-open .hamburger__inner:after {
  transform: rotate(-45deg); 
}.box {
  border-radius: var(--token-box-border-radius);
  overflow: hidden; 
  padding: 3.2rem;
  background: var(--token-box-background);
  color: var(--token-box-color);
}

.box:has(.box),
.box.box--media {
  padding: 0; 
}

.box.box--media {
/*  background: transparent; */
}


.box--transparent {
  background: none; 
}

.box--contrast {
  background: var(--token-box-contrast-background);
  color: var(--token-box-contrast-color);
}

.box--biography,
.box--media,
.box--work,
.box--details {
}
.box--biography {
  background: var(--token-box-bio-background);
  color: var(--token-box-bio-color);
}

.box--delen {
  background: #0d2b49;
  color: #FFF;
}

.box--media {
  /*
  height: 100%;
  display: flex; 
  */
}

.box--details {
/*  padding: 2rem;*/
}

.box--white {
  background: #fff;
  color: #192e29;
}

.box--newsletter,
.box--contrast {
  background: #192e29;
  color: #fff;
}

.box--contrast:has(.price--sold) {
  background: var(--token-box-price-sold-background); 
}
.box--contrast:has(.price--available) {
  background: var(--token-box-price-available-background); 
}
.box--contrast:has(.price--request) {
  background: var(--token-box-price-request-background);
}
.box--contrast:has(.price--reserved) {
  background: var(--token-box-price-reserved-background);
}

.box--p {
/*  padding: 2rem; */
}.card {
  position: relative;
  background: var(--token-card-background);
  border-radius: var(--token-card-border-radius);
  overflow: hidden;
}

.card__info {
  position: absolute;
  left: 0;
  bottom: 0;
}

.card--more,
.card--separated,
.card--details {
  /*
  position: unset;
  
 
  */
  display: flex;
  flex-direction: column;  
}

.card--separated {
  background: var(--token-card-separated-background);
  
  justify-content: space-between;
  /*
  align-items: flex-start;
  
  */
}

.card--separated .card__info {
  position: unset; 
}

.card--details {
  position: sticky;
  top: var(--token-site-header-height);
  align-items: start;
}

.card--more {
  align-items: center;
  justify-content: center;
  padding: 2rem;
  transition: all 1000ms cubic-bezier(.3,0,.5,1);
}

.card--more:hover {
  background: var(--token-card-more-link-hover-background);
}

@media screen and (min-width: 48em) { 
  .card--more {
    font-size: 3.2rem; 
  }
}.infobox {
  background: var(--token-infobox-background);
  border-bottom-left-radius: var(--token-box-border-radius);
  border-top-right-radius: var(--token-box-border-radius);
  max-width: 75ch;
  padding: 2rem;
  position: relative;
}

.infobox:before,
.infobox:after {
  aspect-ratio: 1;
  background: var(--token-infobox-background);
  content: '';
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  --mask: radial-gradient(.8rem at .8rem .8rem,#fff0 98%,#fff) -.8rem -.8rem;
  -webkit-mask: var(--mask);
          mask: var(--mask);
  width: var(--token-box-border-radius);
}

.infobox:before {
  bottom: 100%;
  left: 0;
}

.infobox:after {
  left: 100%;
  bottom: 0;
}

a .infobox,
a .infobox:before,
a .infobox:after {
  background: var(--token-infobox-link-background);
  transition: background 1000ms cubic-bezier(.5,0,.7,1);
}

a:hover .infobox,
a:hover .infobox:before,
a:hover .infobox:after {
  background: var(--token-infobox-link-hover-background); 
}a.link--picture picture {
  scale: 1.0; 
  transition: all 1000ms cubic-bezier(.3,0,.5,1);
}

a.link--picture:hover picture {
  scale: 1.05; 
}.list {
   
}
/*
.list--offices {
  display: grid;
  
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
*/.media:not(.media--legacy) {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
/*  aspect-ratio: 1;*/
  width: 100%;
  min-width: 100%;
}

.media.media--legacy {
  position: relative; 
  aspect-ratio: unset;
  height: 100%;
  width: 100%;
  padding: 10%;
}

.media.media--legacy img {
  margin: 0 auto;
  max-height: 100%;
  /*
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  object-fit: contain;
  */
}

.media picture {
  aspect-ratio: var(--aspect); 
      width: 100%;
}

.media--work {
  width: 100%; 
  aspect-ratio: 1;  
} 

.media--work picture {
  max-width: 80%;  
  max-height: 80%;
}  

.media--type-square,
.media--type-square-filled,
.media--type-office {
  aspect-ratio: 1;
}

.media--type-hero {
  height: calc( 100vh - var(--token-site-header-height) - (3.2rem * 2) - 2rem);
  overflow: hidden;
}

.media--type-full {
  height: 100%; 
}

@media screen and (min-width: 48em) { 
  .media--type-hero {
    height: calc( 100vh - var(--token-site-header-height) - (4.8rem * 2) - 2rem);
  }
}

.media--type-full picture,
.media--type-hero picture { 
  height: 100%; 
  width: 100%;
  aspect-ratio: unset;
}
  
.media--type-square picture { 
  max-width: 80%;
  max-height: 80%;
}


.media--type-square-filled picture,
.media--type-office picture {
  aspect-ratio: 1;
}
 
.media picture img { 
  opacity: 1; 
  transition: opacity 1s ease-in 150ms;
  object-fit: contain;
  height: 100%;
  width: 100%;
  user-select: none;
  user-drag: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

.media--type-full picture img,
.media--type-hero picture img,
.media--type-square-filled picture img,
.media--type-office picture img {
  object-fit: cover; 
}

.media--type-hero picture img {
  object-position: 50% 25%;
}

.media.media--loading-lazy picture img {
  opacity: 0; 
}.buttongroup {
  
}.gallery {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.gallery__item {
  position: sticky;
  top: 10rem;
}.work-detail {
  
}.infocard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.infocard--work-detail {
}

.infocard__header {
  
}

.infocard__header > div,
.infocard__footer > div {
  padding: 1.6rem; 
}
 
.infocard__title,
.infocard__seller,
.infocard__location {
  color: #FFF;
  position: relative;
  border-bottom-left-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
  --background: #2f544a;
  background: var(--background); 
}
.infocard__seller {
  --background: #60a594;
}
.infocard__location {
  --background: #7cb5a7;
}

.infocard__title:before,
.infocard__title:after,
.infocard__seller:before,
.infocard__seller:after,
.infocard__location:before,
.infocard__location:after {
  aspect-ratio: 1/1;
  content: '';
  display: block;
  position: absolute;
  background: var(--background);
  width: var(--token-radius-width);
  -webkit-mask: var(--token-radius-mask);
  mask: var(--token-radius-mask);
}

.infocard__title:before,
.infocard__seller:before,
.infocard__location:before {
  inset: auto auto 100% 0;
  rotate: -90deg;
}
.infocard__title:after,
.infocard__seller:after,
.infocard__location:after {
  inset: 100% 0 auto auto;
  rotate: 90deg;
}


@media screen and (min-width: 48em) {
  .infocard__title:before {
    inset: 0 100% auto auto;
    rotate: 90deg;
  }
}


/*
.infocard__title:before,
.infocard__title:after {
  aspect-ratio: 1;
  width: 1.6rem;
  content: '';
  display: block;
  position: absolute;
  background: var(--background);
  --mask: radial-gradient(1.6rem at 1.6rem 1.6rem,#fff0 98%,#fff) -1.6rem -1.6rem;
  -webkit-mask: var(--mask);
          mask: var(--mask);
  transform: rotate(90deg);
}



@media screen and (min-width: 48em) {
  .infocard__title:before {
    right: 100%;
    top: 0;
  }
  .infocard__title:after {
    right: 0;
    top: 100%;
  }
}
*/.office-card {
  background: #f0eee4;
  height: 100%;
  overflow: hidden;
  border-radius: 1.6rem;

  
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 48em) {
  .office-card {
    grid-template-columns: 25rem auto;
  }
}

.office-card__media {
  width: 100%;
}
.office-card__media .media {
  border-radius: 1.6rem;
  overflow: hidden; 
}

.office-card__info {
  padding: 1.6rem;
}

.office-card__properties {
  font-size: 1.4rem;
}

.office-card__properties dt {
  font-variation-settings: "wght" 400;
}

.office-card__properties dd:not(:last-child) {
  margin-bottom: 1.6rem; 
}

.office-card__properties dd {
   
}.global-navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}



.global-navigation__menu {
  
  position: absolute;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  top: var(--token-site-header-height);
  background: var(--token-ui-navigation-background);
  height: calc(100dvh - var(--token-site-header-height));
/*  border-top: .1rem solid var(--token-color-neutral-00-20);*/
  
  display: none;
  
}
.global-navigation__menu.is-open {
  display: block; 
}


.global-navigation__brand img {
  height: calc(var(--token-site-header-height) - 4rem); 
}

.global-navigation__main-list {
  list-style: none; 
  padding: 0;
  height: 100%; 

  display: flex;
  flex-direction: column;
  gap: .8rem;
  margin: .8rem 0;
  
  font-family: 'Darker Grotesque';
  text-transform: uppercase;
  font-size: 2rem;
}

.global-navigation__main-list a {
   
}
.global-navigation__main-list a.active {
  color: var(--token-ui-navigation-link-active);
}
.global-navigation__main-list a:hover {
  color: var(--token-ui-navigation-link-hover);
}
.global-navigation__main-list a span.count {
  /*
  display: inline-flex;
  width: calc(3ch + .4rem);
  border-radius: 50%;
  background: #eef5f5;
  font-size: 1.4rem;
  font-weight: 600;
  aspect-ratio: 1;
  justify-content: center;
  */
}
@media screen and (min-width: 80em) {
  .global-navigation__hamburger {
    display: none; 
  }
  
  .global-navigation__menu {
    left: unset;
    position: unset;
    transform: unset;
    top: unset;
    justify-content: flex-start;
    width: 50%;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    background: unset;
    height: auto;
    border-top: 0;
    
    max-height: var(--token-site-header-height);

  }
  
  .global_navigation__menu-container {
    width: unset; 
    margin: unset;
  }
  
  .global-navigation__main-list {
    flex-direction: row; 
    gap: 1.6rem;
  }
  
  
  
  
  
}.artist-list {
  position: relative;
}

.artist-list__item { 
  padding: 1.6rem 0;
  display: block;
}

.artist-list__preview {
  position: absolute;
  left: 100%;
  top: 0;
}

@media screen and (min-width: 48em) {
  .artist-list {
    column-count: 3;
  }
}

@media screen and (min-width: 80em) {
  .artist-list {
    column-count: 4;
  }
}

.marquee {
  position: relative;
  
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.marquee__track {
  
}

.marquee__track--vertical,
.marquee__track--vertical-reverse {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee-vertical 20s linear infinite;
}

@keyframes marquee-vertical {
  from {
    transform: translate(0); 
  }
  to {
    transform: translate(-50%); 
  }
}
@keyframes marquee-vertical-reverse {
  from {
    transform: translate(-50%); 
  }
  to {
    transform: translate(0); 
  }
}.kiosk {
  height: 100vh;
  width: 100vw;
  padding: 5rem;
  background: #000;
}

.kiosk__container {
  position: relative;
  height: 100%;
} 

.kiosk__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1000ms ease;
}

.kiosk__item.kiosk__item--active {
  opacity: 1; 
}

.kiosk__item.kiosk__item--previous {
  z-index: 0;
  transition-delay: 1000ms;
}
.kiosk__item.kiosk__item--active {
  z-index: 1; 
}

.kiosk__item--media,
.kiosk__item--side,
.kiosk__item--logo {
  position: absolute; 
}
.kiosk__item--side,
.kiosk__item--logo {
  opacity: 0; 
  transition: opacity 500ms ease;
  right: 0;
}

.kiosk__item--media {
  top: 0;
  left: 0;
  width: calc(100vh - 10rem);
  height: calc(100vh - 10rem);
}

.kiosk__item--side {
  bottom: 0rem;
  left: calc(100vh - 5rem);
  color: #FFF;
  max-width: unset;
}
.kiosk__item--logo {
  top: 0;
}

.kiosk__item.kiosk__item--active .kiosk__item--logo,
.kiosk__item.kiosk__item--active .kiosk__item--side {
  opacity: 1;
  transition-delay: 2000ms;
}

.kiosk__item--side h1 {
  font-size: 6.4rem; 
}
.kiosk__item--side h2 {
  font-size: 4rem; 
  margin-bottom: 0 !important;
}
.kiosk__item--side p {
  font-size: 2rem; 
}.dashboard {
  
}

.dashboard__meter {
  background: var(--token-ui-dashboard-meter-background);
  border-radius: .4rem;
  min-height: 2rem;
  position: relative;
  overflow: hidden;
}

.dashboard__meter:before {
  position: absolute;
}

.dashboard__meter--horizontal:before {
  left: 0;
  height: 100%;
  border-radius: .4rem;
  background: var(--token-ui-dashboard-meter-fill);
  display: block;
  content: '';
  width: calc( var(--meter-fill) * 4);
  transition: width 500ms 500ms ease;

}

.dashboard__indicator {
  background: var(--token-ui-dashboard-indicator-background) url(//25126500.fs1.hubspotusercontent-eu1.net/hubfs/25126500/raw_assets/public/dot-art/img/icons/arrow-right-white.svg) center center no-repeat;
  background-size: 6rem;
  border-radius: 50%;
  aspect-ratio: 1;
  width: 100%;
  transition: all 500ms ease;
  rotate: 0deg;
  animation: indicator 5000ms ease-in-out infinite;
}

@keyframes indicator {
  0%, 
  40%,
  60%,
  100% {
    background-position-x: 50%;
  }
  50% {
    background-position-x: 500%; 
  }
  50.01% {
    background-position-x: -500%; 
  }
}

.dashboard__indicator[data-indicator-trend='stable'] {
}
.dashboard__indicator[data-indicator-trend='up'] {
  rotate: -30deg;
}
.dashboard__indicator[data-indicator-trend='down'] {
  rotate: 30deg;
}

.dashboard__historical-day {
  display: flex;
  flex-direction: column;
}

.dashboard__historical-day h3 {
  font-family: 'Darker Grotesque';
  line-height: 100%;
  font-weight: 800;
  margin-bottom: 1.6rem;
}
.dashboard__historical-day ul {

  padding: 0;
  height: 20rem;
  gap: .4rem;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  
}
.dashboard__historical-day ul li {
  overflow: hidden;
  
  
  
  display: flex;
    flex-direction: column-reverse;
}
.dashboard__historical-day ul li span {
  display: block;
  font-size: 1.6rem;
  padding-top: .8rem;
  text-align: center;
}
.dashboard__historical-day ul li div {
   background: #eef5f5;
  position: relative;
  flex-grow: 1;
  border-radius: .4rem;
}
.dashboard__historical-day ul li div:before {
  display: block;
  border-radius: .4rem;
  position: absolute;
  content: '';
  bottom: 0;
  width: 100%;
  background: #192e29;
  height: calc(var(--level) * 1);
}.site-header {
  background: var(--token-site-header-background);
  height: var(--token-site-header-height);
  position: sticky;
  top: 0;
  z-index: 8000;
  width: 100%;
  transition: top 500ms ease;
}

.js-scroll--down .site-header {
  top: calc(var(--token-site-header-height) * -1);
}

.site-header__container {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}.site-footer {
  background: var(--token-site-footer-background);
  color: var(--token-site-footer-color);
}

.site-footer-doormat {
  margin: 8rem 0; 
}

.site-footer-bottom {
  padding: 1.6rem 0;
  background: #212625;
}