html {
  scrollbar-gutter: auto;
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

  :root{

        --pal-light-1: #f8f6f1;
        --pal-light-2: #f2ede4;
        --pal-light-3: #e6ddd0;
        --pal-light-4: #d2c6b4;
        --pal-light-5: #b8ab97;
        --pal-light-accent-1: #b4a78f;
        --pal-light-accent-2: #a6977d;

        --pal-dark-1: #141517;
        --pal-dark-2: #1d1e20;
        --pal-dark-3: #262729;
        --pal-dark-4: #2f3033;
        --pal-dark-5: #3a3b3f;
        --pal-dark-accent-1: #bcae95;
        --pal-dark-accent-2: #a7977e;

        --pal-white: #fcfaf4;

        --bg: var(--pal-light-1);
        --bg-blob1: color-mix(in srgb, #ddd3c3 34%, transparent);
        --bg-blob2: color-mix(in srgb, #cec1ac 28%, transparent);
        --bg-blob3: color-mix(in srgb, #e8e0d2 30%, transparent);
        --bg-blob4: color-mix(in srgb, #d6ccbc 26%, transparent);
        --blog-band-bg: #e4ddd1;
        --blog-band-bg-dark: #17181b;
        --blog-band-text: #3a3227;

        --mm-comment-balloon-padding: .62rem .88rem;
        --mm-comment-balloon-radius: 1.1rem;
        --mm-comment-balloon-bg: #84b46d;
        --mm-comment-balloon-alt-bg: #8fbd78;
        --mm-comment-balloon-admin-bg: #7aa8d3;
        --mm-comment-balloon-color: #f6fbf7;
        --mm-comment-balloon-bg-dark: #648f53;
        --mm-comment-balloon-alt-bg-dark: #6f9d5a;
        --mm-comment-balloon-admin-bg-dark: #5f88b3;
        --mm-comment-balloon-color-dark: rgba(244,250,255,.94);
        --mm-comment-balloon-line-height: 1.5;
        --mm-comment-balloon-font-size: .94rem;
        --mm-comment-balloon-max-width: min(100%, 28rem);
        --mm-comment-balloon-shadow: 0 2px 0 rgba(0,0,0,.04);
        --mm-comment-balloon-tail-size: 15px;
        --mm-comment-balloon-tail-top: -6px;
        --mm-comment-balloon-tail-left: 30px;
        --mm-comment-balloon-tail-left-mobile: 36px;
      }

/* Central comment balloon style.
   Change the --mm-comment-balloon-* tokens above to affect blog, shoot and popup balloons. */
.mm-comment-bubble,
.mm-comment-reply__bubble{
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: var(--mm-comment-balloon-padding) !important;
  width: fit-content !important;
  max-width: var(--mm-comment-balloon-max-width) !important;
  border-radius: var(--mm-comment-balloon-radius) !important;
  background: var(--mm-comment-balloon-bg) !important;
  color: var(--mm-comment-balloon-color) !important;
  line-height: var(--mm-comment-balloon-line-height) !important;
  font-size: var(--mm-comment-balloon-font-size) !important;
  box-shadow: var(--mm-comment-balloon-shadow) !important;
  border: 0 !important;
}

.mm-comment-item:nth-child(2n) .mm-comment-bubble{
  background: var(--mm-comment-balloon-alt-bg) !important;
}

.mm-comment-bubble::before,
.mm-comment-reply__bubble::before{
  content: "" !important;
  position: absolute !important;
  top: var(--mm-comment-balloon-tail-top) !important;
  left: var(--mm-comment-balloon-tail-left) !important;
  width: var(--mm-comment-balloon-tail-size) !important;
  height: var(--mm-comment-balloon-tail-size) !important;
  transform: rotate(45deg) !important;
  background: inherit !important;
  border: 0 !important;
}

.mm-comment-reply--admin .mm-comment-reply__bubble{
  background: var(--mm-comment-balloon-admin-bg) !important;
}

.mm-comment-reply--admin .mm-comment-reply__bubble::before{
  right: var(--mm-comment-balloon-tail-left) !important;
  left: auto !important;
}

html[data-theme="dark"] .mm-comment-item:nth-child(2n+1) .mm-comment-bubble,
html[data-theme="dark"] .mm-comment-reply__bubble{
  background: var(--mm-comment-balloon-bg-dark) !important;
  color: var(--mm-comment-balloon-color-dark) !important;
}

html[data-theme="dark"] .mm-comment-item:nth-child(2n) .mm-comment-bubble{
  background: var(--mm-comment-balloon-alt-bg-dark) !important;
}

html[data-theme="dark"] .mm-comment-reply--admin .mm-comment-reply__bubble{
  background: var(--mm-comment-balloon-admin-bg-dark) !important;
}

@media (max-width: 700px){
  .mm-comment-bubble::before,
  .mm-comment-reply__bubble::before{
    left: var(--mm-comment-balloon-tail-left-mobile) !important;
  }

  .mm-comment-reply--admin .mm-comment-reply__bubble::before{
    right: var(--mm-comment-balloon-tail-left-mobile) !important;
    left: auto !important;
  }
}


body.overflow { padding-right: var(--sbw, 0px); }


html.mm-popup-browser-tint,
body.mm-popup-browser-tint{
  background-color: var(--mm-popup-browser-tint-color, #f5efe5) !important;
}

@supports (padding-bottom: env(safe-area-inset-bottom)){
  body.mm-popup-browser-tint::after{
    content: none;
    display: none;
  }
}

html.mm-scroll-lock,
html:has(body.overflow){
  overflow: hidden;
  height: 100%;
  overscroll-behavior: none;
}

html.mm-scroll-lock:has(body.overflow.mm-blog-fixed-lock),
html:has(body.overflow.mm-blog-fixed-lock){
  overflow: auto !important;
  height: auto !important;
}

:root{

  --dur-1: 120ms;
  --dur-2: 180ms;
  --dur-3: 260ms;


  --ease-standard: cubic-bezier(.2,.8,.2,1);
  --ease-snappy:   cubic-bezier(.2,1,.2,1);


  --focus-ring: 0 0 0 3px rgba(92,80,64,.22);


  --btn-bg: #fffdf9;
  --btn-text: var(--pal-dark-3);
  --btn-hover-bg: #f7f2e9;
  --btn-hover-text: var(--pal-dark-3);
  --btn-primary-bg: var(--pal-light-accent-1);
  --btn-primary-bg-hover: var(--pal-light-accent-2);
  --btn-primary-bg-active: color-mix(in srgb, var(--pal-light-accent-1) 76%, #000 24%);
  --btn-primary-text: var(--pal-white);
}


html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filters,
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum{
  border: 1px solid var(--mmx-field-brd) !important;
  border-radius: var(--mmx-ri) !important;
  box-shadow: none !important;
  background: rgba(29,30,32,.90) !important;
}

html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
  border-bottom-color: var(--mmx-field-brd) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
  border: 1px solid var(--mmx-field-brd) !important;
  border-top: 1px solid var(--mmx-field-brd) !important;
  border-bottom-left-radius: var(--mmx-ri) !important;
  border-bottom-right-radius: var(--mmx-ri) !important;
  box-shadow: none !important;
  background: transparent !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filters,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum{
    border: 1px solid var(--mmx-field-brd) !important;
    border-radius: var(--mmx-ri) !important;
    box-shadow: none !important;
    background: rgba(29,30,32,.90) !important;
  }

  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
    border-bottom-color: var(--mmx-field-brd) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
    border: 1px solid var(--mmx-field-brd) !important;
    border-top: 1px solid var(--mmx-field-brd) !important;
    border-bottom-left-radius: var(--mmx-ri) !important;
    border-bottom-right-radius: var(--mmx-ri) !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}


.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog{
  background: #f5efe5 !important;
  color: #2a241b !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3.mmx-search{
  --mmx-text: #2a241b !important;
  --mmx-muted2: rgba(42,36,27,.72) !important;
  --mmx-field-bg: rgba(255,252,247,.96) !important;
  --mmx-field-brd: rgba(92,71,51,.16) !important;
  --mmx-card-bg: rgba(255,252,247,.96) !important;
  --mmx-card-brd: rgba(92,71,51,.16) !important;
  --mmx-hover-bg: rgba(43,34,27,.06) !important;
  color: #2a241b !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *{
  color: #2a241b !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i{
  color: #c79f51 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc{
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.16) !important;
  box-shadow: none !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum{
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.16) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body{
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.16) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-text,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-title{
  color: #2f2a23 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count{
  color: rgba(42,36,27,.68) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-box{
  border-color: rgba(42,36,27,.28) !important;
  background: rgba(42,36,27,.04) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box{
  border-color: rgba(42,36,27,.48) !important;
  background: rgba(42,36,27,.08) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after{
  background: #2f2a23 !important;
}


.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3{
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter{
  display: block !important;
  min-height: 0 !important;
  padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
  overflow: visible !important;
  max-height: none !important;
  padding-bottom: 0 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
  position: sticky !important;
  bottom: 0 !important;
  z-index: 5 !important;
  background: transparent !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary{
  background: linear-gradient(180deg, #b8aa91, #a8997f) !important;
  border-color: rgba(108,96,80,.45) !important;
  color: #f7f3e8 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary *,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary span{
  color: #f7f3e8 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary:hover{
  background: linear-gradient(180deg, #c4b79f, #b2a288) !important;
  border-color: rgba(108,96,80,.62) !important;
}


#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter{
  padding-bottom: 0 !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack{
  padding-bottom: 0 !important;
}


#footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog{
  padding-bottom: 0 !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom{
  bottom: 1.25rem !important;
  padding: .7rem !important;
  padding-bottom: .7rem !important;
}


html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog{
  background: #141517 !important;
  color: #f7f3e8 !important;
}


html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog{
  background: #141517 !important;
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 *{
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i{
  color: #d2a84f !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__title,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__title{
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filters,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-card,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-sum,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-body{
  background: rgba(29, 30, 32, .92) !important;
  border-color: rgba(204, 196, 182, .22) !important;
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-text,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-title,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-text,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-title{
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-count{
  color: rgba(247, 243, 232, .72) !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-box,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-box{
  border-color: rgba(247, 243, 232, .34) !important;
  background: rgba(247, 243, 232, .06) !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after{
  background: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary{
  background: linear-gradient(180deg, #b8aa91, #a8997f) !important;
  border-color: rgba(204, 196, 182, .28) !important;
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary *,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary *{
  color: #f7f3e8 !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog{
    background: #141517 !important;
    color: #f7f3e8 !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #zoeken3,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 *,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 *{
    color: #f7f3e8 !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i{
    color: #d2a84f !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filters,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filters,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-card,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-sum,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-card,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-body{
    background: rgba(29, 30, 32, .92) !important;
    border-color: rgba(204, 196, 182, .22) !important;
    color: #f7f3e8 !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-count,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-count{
    color: rgba(247, 243, 232, .72) !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-box,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-box,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-box,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-box{
    border-color: rgba(247, 243, 232, .34) !important;
    background: rgba(247, 243, 232, .06) !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after{
    background: #f7f3e8 !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary *,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary *,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary *,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary *{
    color: #f7f3e8 !important;
  }
}


html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog{
  background: #141517 !important;
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 *{
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *{
  color: #d69a1f !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__title,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__title{
  color: #f4f6f8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filters,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-card,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-sum,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-body{
  background: rgba(29,30,32,.92) !important;
  border-color: rgba(204,196,182,.22) !important;
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-text,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-title,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-text,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-title{
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-count{
  color: rgba(247,243,232,.72) !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary{
  background: linear-gradient(180deg, #b8aa91, #a8997f) !important;
  border-color: rgba(204,196,182,.28) !important;
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary *,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary *{
  color: #f7f3e8 !important;
}


.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3{
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter{
  display: block !important;
  min-height: 0 !important;
  padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
  overflow: visible !important;
  max-height: none !important;
  padding-bottom: 0 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
  position: sticky !important;
  bottom: 0 !important;
  z-index: 5 !important;
  background: transparent !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary{
  background: linear-gradient(180deg, #b8aa91, #a8997f) !important;
  border-color: rgba(108,96,80,.45) !important;
  color: #f7f3e8 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary *,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary span{
  color: #f7f3e8 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary:hover{
  background: linear-gradient(180deg, #c4b79f, #b2a288) !important;
  border-color: rgba(108,96,80,.62) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack__col{
  display: grid;
  gap: 1rem;
  align-content: start;
  min-width: 0;
}


html[data-theme="light"]{ --focus-ring: 0 0 0 3px rgba(0,0,0,.18); }
html[data-theme="dark"] {
  --focus-ring: 0 0 0 3px rgba(255,255,255,.22);
  --btn-bg: color-mix(in srgb, var(--pal-dark-3) 84%, transparent);
  --btn-text: #f7f3e8;
  --btn-hover-bg: color-mix(in srgb, var(--pal-dark-4) 92%, transparent);
  --btn-hover-text: #f4efe6;
  --btn-primary-bg: var(--pal-dark-accent-1);
  --btn-primary-bg-hover: var(--pal-dark-accent-2);
  --btn-primary-bg-active: color-mix(in srgb, var(--pal-dark-accent-1) 72%, #2a241b 28%);
  --btn-primary-text: #2b241a;
}


:where(a, button, input, select, textarea, summary, [tabindex]):focus{
  outline: none;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{
  box-shadow: var(--focus-ring);
  border-radius: 12px;
}


.burger,
.burger-topmenu,
.burger *,
.burger-topmenu *{
  -webkit-tap-highlight-color: transparent;
}
.burger:focus,
.burger:focus-visible,
.burger-topmenu:focus,
.burger-topmenu:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}
.burger:active,
.burger-topmenu:active{
  outline: none !important;
  box-shadow: none !important;
}


.profile-btn:focus-visible,
.logout-btn:focus-visible{
  box-shadow: var(--focus-ring);
}


.mmx-field:focus-within{
  box-shadow: var(--focus-ring);
}


:root {
  --blockquote-content-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%2319243a'><path d='M9.983 3v7.391C9.983 16.095 6.252 19.961 1 21l-.995-2.151C2.437 17.932 4 15.211 4 13H0V3h9.983zM24 3v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151C16.437 17.932 18 15.211 18 13h-3.983V3H24z'/></svg>");
  --radius: 18px;
  --radius-inner: 1.5em;
  --color-yellow: var(--pal-light-accent-1);
  --color-mm-grey: var(--pal-dark-3);
  --color-menu-glass-trans: color-mix(in srgb, var(--pal-white) 68%, transparent);
  --color-menu-glass: color-mix(in srgb, var(--pal-white) 58%, transparent);
  --color-menu-glass-intro: color-mix(in srgb, var(--pal-white) 64%, transparent);
  --color-menu-glass-full: color-mix(in srgb, var(--pal-white) 94%, transparent);
  --color-full: color-mix(in srgb, var(--pal-dark-3) 18%, transparent);
  --color-download-item: var(--pal-white);
  --color-download-size: color-mix(in srgb, var(--pal-dark-3) 72%, transparent);
  --color-full2: color-mix(in srgb, var(--pal-dark-3) 16%, transparent);
  --color-scrollbar: color-mix(in srgb, var(--pal-dark-3) 38%, transparent);
  --color-text: var(--pal-dark-3);
  --color-text2: #f3eee4;
  --logo-image-top: url("../../images/logo-black-top.svg");
  --logo-image-intro: url("../../images/logo-markmooibroekfotografie-dark.svg");
  --color-content: var(--pal-light-2);
  --color-content-gallery: var(--pal-light-1);
  --color-content-footer: color-mix(in srgb, var(--pal-light-2) 72%, var(--pal-light-1) 28%);
  --mm-bg: color-mix(in srgb, var(--pal-white) 72%, transparent);
  --mm-brd: color-mix(in srgb, var(--pal-dark-3) 12%, transparent);
  --mm-bg-hover: color-mix(in srgb, var(--pal-white) 92%, transparent);
  --color-panel: color-mix(in srgb, var(--pal-light-2) 66%, #d7d9dc 34%);
  --color-overlay-blog: color-mix(in srgb, var(--pal-dark-3) 14%, transparent);
  --intro-photo-veil: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.16));
  --color-auteur: color-mix(in srgb, var(--pal-white) 78%, transparent);
  --color-footer-button: color-mix(in srgb, var(--pal-dark-3) 8%, transparent);
  --color-footer-button2: color-mix(in srgb, var(--pal-dark-3) 14%, transparent);
  --color-caption: var(--pal-dark-3);
  --color-catline: color-mix(in srgb, var(--pal-dark-3) 68%, transparent);
  --color-gal-status: color-mix(in srgb, var(--pal-light-accent-2) 24%, transparent);
  --color-scroll-box-shadow: color-mix(in srgb, var(--pal-dark-3) 12%, transparent);
  --color-scroll-finger-box-shadow: color-mix(in srgb, var(--pal-light-accent-1) 42%, transparent);
  --color-leestijd: color-mix(in srgb, var(--pal-dark-3) 66%, transparent);
  --color-reactie-tekst: color-mix(in srgb, var(--pal-dark-3) 80%, transparent);
  --color-reactie-tekst-p: color-mix(in srgb, var(--pal-dark-3) 90%, transparent);
  --color-menu-border: color-mix(in srgb, var(--pal-dark-3) 12%, transparent);
  --color-bg-theme: color-mix(in srgb, var(--pal-white) 74%, transparent);
  --color-link: color-mix(in srgb, var(--pal-dark-3) 66%, transparent);
  --color-footer-skyline-bottom: #d7d1c4;
  --logo-intro-box-bg: color-mix(in srgb, var(--pal-white) 58%, transparent);
  --logo-intro-box-border: color-mix(in srgb, var(--pal-dark-3) 14%, transparent);
  --logo-intro-box-shadow: none;
  --logo-intro-divider: color-mix(in srgb, var(--pal-dark-3) 30%, transparent);
  --logo-intro-text: var(--pal-dark-3);
  --logo-intro-bounce-glow: drop-shadow(0 10px 22px color-mix(in srgb, var(--pal-light-accent-1) 32%, transparent));
  --nav-accent: #c8bca6;
  --nav-accent-soft: color-mix(in srgb, #c8bca6 64%, transparent);
}

html[data-theme="dark"]{
   --blockquote-content-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23ffffff'><path d='M9.983 3v7.391C9.983 16.095 6.252 19.961 1 21l-.995-2.151C2.437 17.932 4 15.211 4 13H0V3h9.983zM24 3v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151C16.437 17.932 18 15.211 18 13h-3.983V3H24z'/></svg>");
  --color-menu-glass-trans: color-mix(in srgb, var(--pal-dark-2) 64%, transparent);
  --color-menu-glass: color-mix(in srgb, var(--pal-dark-2) 58%, transparent);
  --color-menu-glass-intro: color-mix(in srgb, var(--pal-dark-2) 54%, transparent);
  --color-menu-glass-full: color-mix(in srgb, var(--pal-dark-1) 86%, transparent);
  --color-full: color-mix(in srgb, var(--pal-white) 50%, transparent);
  --color-download-item: var(--pal-dark-2);
  --color-download-size: #fff;
  --color-full2: var(--pal-dark-1);
  --color-scrollbar: var(--pal-dark-1);
  --color-text: #fff;
  --color-text2: #e8decc;
  --logo-image-top: url("../../images/logo-black-top-dark.svg");
  --logo-image-intro: url("../../images/logo-markmooibroekfotografie.svg");
  --color-content: var(--pal-dark-2);
  --color-content-gallery: var(--pal-dark-1);
  --color-content-footer: color-mix(in srgb, var(--pal-dark-2) 72%, var(--pal-dark-1) 28%);
  --mm-bg: color-mix(in srgb, var(--pal-dark-3) 44%, transparent);
  --mm-brd: color-mix(in srgb, var(--pal-dark-accent-1) 32%, transparent);
  --mm-bg-hover: color-mix(in srgb, var(--pal-dark-4) 70%, transparent);
  --color-panel: color-mix(in srgb, var(--pal-dark-2) 88%, var(--pal-white) 12%);
  --color-overlay-blog: color-mix(in srgb, var(--pal-dark-1) 64%, transparent);
  --intro-photo-veil: var(--color-overlay-blog);
  --color-auteur: color-mix(in srgb, #efe3cf 16%, transparent);
  --color-footer-button: color-mix(in srgb, var(--pal-dark-accent-1) 18%, transparent);
  --color-footer-button2: color-mix(in srgb, var(--pal-dark-1) 62%, transparent);
  --color-caption: #d6ccb8;
  --color-catline: #ffffffb2;
  --color-gal-status: color-mix(in srgb, var(--pal-dark-accent-2) 34%, transparent);
  --color-scroll-box-shadow: color-mix(in srgb, var(--pal-dark-3) 28%, transparent);
  --color-scroll-finger-box-shadow: color-mix(in srgb, var(--pal-dark-accent-1) 56%, transparent);
  --color-leestijd: #ffffffb8;
  --color-reactie-tekst: #ffffffb9;
  --color-reactie-tekst-p: #ece3d2;
  --color-menu-border: rgba(247,243,232,.22);
  --color-bg-theme: color-mix(in srgb, var(--pal-white) 70%, transparent);
  --color-link: #e5ddcb;
  --color-footer-skyline-bottom: #000;
  --logo-intro-box-bg: color-mix(in srgb, var(--pal-dark-2) 74%, transparent);
  --logo-intro-box-border: color-mix(in srgb, var(--pal-dark-accent-1) 30%, transparent);
  --logo-intro-box-shadow: 0 12px 28px color-mix(in srgb, var(--pal-dark-1) 66%, transparent);
  --logo-intro-divider: color-mix(in srgb, #dccfb8 48%, transparent);
  --logo-intro-text: #ece3d2;
  --logo-intro-bounce-glow: drop-shadow(0 12px 26px color-mix(in srgb, var(--pal-dark-accent-1) 44%, transparent));
  --nav-accent: #e8dfcc;
  --nav-accent-soft: color-mix(in srgb, #e8dfcc 76%, transparent);
}


@media (prefers-color-scheme: dark){
  html:not([data-theme]),
  html[data-theme="auto"]{
    --btn-bg: color-mix(in srgb, var(--pal-dark-3) 84%, transparent);
    --btn-text: #f7f3e8;
    --btn-hover-bg: color-mix(in srgb, var(--pal-dark-4) 92%, transparent);
    --btn-hover-text: #f4efe6;
    --btn-primary-bg: var(--pal-dark-accent-1);
    --btn-primary-bg-hover: var(--pal-dark-accent-2);
    --btn-primary-bg-active: color-mix(in srgb, var(--pal-dark-accent-1) 72%, #2a241b 28%);
    --btn-primary-text: #2b241a;
    --blockquote-content-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23ffffff'><path d='M9.983 3v7.391C9.983 16.095 6.252 19.961 1 21l-.995-2.151C2.437 17.932 4 15.211 4 13H0V3h9.983zM24 3v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151C16.437 17.932 18 15.211 18 13h-3.983V3H24z'/></svg>");
    --color-menu-glass-trans: color-mix(in srgb, var(--pal-dark-2) 64%, transparent);
    --color-menu-glass: color-mix(in srgb, var(--pal-dark-2) 78%, transparent);
    --color-menu-glass-full: color-mix(in srgb, var(--pal-dark-1) 86%, transparent);
    --color-full: color-mix(in srgb, var(--pal-white) 50%, transparent);
    --color-download-item: var(--pal-dark-2);
    --color-download-size:#fff;
    --color-full2: var(--pal-dark-1);
    --color-scrollbar: var(--pal-dark-1);
    --color-text: #fff;
    --color-text2: #e8decc;
    --logo-image-top: url("../../images/logo-black-top-dark.svg");
    --logo-image-intro: url("../../images/logo-markmooibroekfotografie.svg");
    --color-content: var(--pal-dark-2);
    --color-content-gallery: var(--pal-dark-1);
    --color-content-footer: color-mix(in srgb, var(--pal-dark-2) 72%, var(--pal-dark-1) 28%);
    --mm-bg: color-mix(in srgb, var(--pal-dark-3) 44%, transparent);
    --mm-brd: color-mix(in srgb, var(--pal-dark-accent-1) 32%, transparent);
    --mm-bg-hover: color-mix(in srgb, var(--pal-dark-4) 70%, transparent);
    --color-panel: color-mix(in srgb, var(--pal-dark-2) 88%, var(--pal-white) 12%);
    --color-overlay-blog: color-mix(in srgb, var(--pal-dark-1) 64%, transparent);
    --intro-photo-veil: var(--color-overlay-blog);
    --color-auteur: color-mix(in srgb, #efe3cf 16%, transparent);
    --color-footer-button: color-mix(in srgb, var(--pal-dark-accent-1) 18%, transparent);
    --color-footer-button2: color-mix(in srgb, var(--pal-dark-1) 62%, transparent);
    --color-caption: #d6ccb8;
    --color-catline: #ffffffb2;
    --color-gal-status: color-mix(in srgb, var(--pal-dark-accent-2) 36%, transparent);
    --color-scroll-box-shadow: color-mix(in srgb, var(--pal-dark-3) 28%, transparent);
    --color-scroll-finger-box-shadow: color-mix(in srgb, var(--pal-dark-accent-1) 56%, transparent);
    --color-leestijd: #ffffffb8;
    --color-reactie-tekst: #ffffffb9;
    --color-reactie-tekst-p: #ece3d2;
    --color-menu-border: rgba(247,243,232,.22);
    --color-bg-theme: color-mix(in srgb, var(--pal-white) 70%, transparent);
    --color-link: #e5ddcb;
    --color-footer-skyline-bottom: #000;
    --logo-intro-box-bg: color-mix(in srgb, var(--pal-dark-2) 74%, transparent);
    --logo-intro-box-border: color-mix(in srgb, var(--pal-dark-accent-1) 30%, transparent);
    --logo-intro-box-shadow: 0 12px 28px color-mix(in srgb, var(--pal-dark-1) 66%, transparent);
    --logo-intro-divider: color-mix(in srgb, #dccfb8 48%, transparent);
    --logo-intro-text: #ece3d2;
    --logo-intro-bounce-glow: drop-shadow(0 12px 26px color-mix(in srgb, var(--pal-dark-accent-1) 44%, transparent));
    --nav-accent: #e8dfcc;
    --nav-accent-soft: color-mix(in srgb, #e8dfcc 76%, transparent);
  }
}


html[data-theme="dark"] body{
  background:
    radial-gradient(80vw 80vw at -10% -15%, color-mix(in srgb, var(--pal-dark-accent-1) 26%, transparent), transparent 52%),
    radial-gradient(75vw 75vw at 110% 115%, color-mix(in srgb, var(--pal-dark-accent-2) 18%, transparent), transparent 50%),
    linear-gradient(165deg, #141517, #1d1e20) fixed;
  background-color:#141517;
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]) body,
  html[data-theme="auto"] body{
    background:
      radial-gradient(80vw 80vw at -10% -15%, color-mix(in srgb, var(--pal-dark-accent-1) 26%, transparent), transparent 52%),
      radial-gradient(75vw 75vw at 110% 115%, color-mix(in srgb, var(--pal-dark-accent-2) 18%, transparent), transparent 50%),
      linear-gradient(165deg, #141517, #1d1e20) fixed;
    background-color:#141517;
  }
}


html[data-theme="dark"] .background-image-layer{
  opacity:.22;
  filter:saturate(.72) brightness(.62);
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]) .background-image-layer,
  html[data-theme="auto"] .background-image-layer{
    opacity:.22;
    filter:saturate(.72) brightness(.62);
  }
}


html[data-theme="dark"]{
  color-scheme: dark;
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]),
  html[data-theme="auto"]{
    color-scheme: dark;
  }
}
html[data-theme="dark"] :where(input, select, textarea){
  background-color: rgba(22,22,24,.86);
  color: #f1ece2;
  border-color: rgba(255,255,255,.16);
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]) :where(input, select, textarea),
  html[data-theme="auto"] :where(input, select, textarea){
    background-color: rgba(22,22,24,.86);
    color: #f1ece2;
    border-color: rgba(255,255,255,.16);
  }
}


:root{
  --blog-band-bg: #e4ddd1;
  --blog-band-overlay: transparent;
  --blog-band-text: #3a3227;
}

body.blog-page{
  background: var(--color-content) !important;
  background-color: var(--color-content) !important;
  background-image: none !important;
}

#content-blog-unified{
  position: relative;
  background: var(--blog-band-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-attachment: scroll;
}

#content-blog-unified::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--blog-band-overlay);
  pointer-events: none;
}

#content-blog-unified > *{
  position: relative;
  z-index: 1;
}

html:not([data-theme]) #content-blog-unified,
html[data-theme="light"] #content-blog-unified{
  color: var(--blog-band-text);
}

#content-blog,
#content-blog-archief{
  background: transparent !important;
}


#content-blog-unified #content-blog > #content_text.footer_blog{
  padding-bottom: .6rem;
}
#content-blog-unified #content-blog-archief > #content_text.footer_blog{
  padding-top: .6rem;
}

html:not([data-theme]) #content-blog > #content_text.footer_blog > h1,
html[data-theme="light"] #content-blog > #content_text.footer_blog > h1,
html:not([data-theme]) #content-blog > #content_text.footer_blog > p,
html[data-theme="light"] #content-blog > #content_text.footer_blog > p{
  color: var(--blog-band-text) !important;
}


#content-blog .mmx-card .mmx-intro,
#content-blog .mmx-card .mmx-author-name,
#content-blog .mmx-card .mmx-btn{
  color: #f7f3e8 !important;
}

#content-blog .mmx-card .mmx-title{
  color: #212121 !important;
}

html:not([data-theme]) #mm-blog-archive.mm-archive,
html[data-theme="light"] #mm-blog-archive.mm-archive{
  --mma-bg: rgba(38,39,41,.08);
  --mma-bg-soft: rgba(38,39,41,.06);
  --mma-stroke: rgba(38,39,41,.24);
  --mma-text: rgba(38,39,41,.96);
  --mma-muted: rgba(38,39,41,.74);
}

html[data-theme="dark"]{
  --blog-band-bg: var(--blog-band-bg-dark);
  --blog-band-overlay: transparent;
  --blog-band-text: rgba(247,243,232,.95);
}

html[data-theme="dark"] body.blog-page{
  background: var(--color-content) !important;
  background-color: var(--color-content) !important;
  background-image: none !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]),
  html[data-theme="auto"]{
    --blog-band-bg: var(--blog-band-bg-dark);
    --blog-band-overlay: transparent;
    --blog-band-text: rgba(247,243,232,.95);
  }

  html:not([data-theme]) body.blog-page,
  html[data-theme="auto"] body.blog-page{
    background: var(--color-content) !important;
    background-color: var(--color-content) !important;
    background-image: none !important;
  }
}

#content-kaart{
      position: relative;
      background-color: var(--color-menu-glass);}

html[data-theme="light"] #content-kaart{
  background: #f3eee5;
}

#content-kaart section, #conten-kaart section h1{
  color: #212121 !important;
}

#content-kaart { scroll-margin-top: var(--sticky-top, 80px); }
#content-kaart > #content_text.footer_blog{
  position: relative;
  z-index: 1;
  padding-bottom: 0;
}


html[data-theme="dark"] .menu-home,
html[data-theme="dark"] .menu-main,
html[data-theme="dark"] .menu-blog,
html[data-theme="dark"] .menu-downloads{
  background-color: rgba(29,30,32,.92);
  color: #f7f3e8;
  border: 1px solid rgba(204,196,182,.24);
}
html[data-theme="dark"] .menu-home .label,
html[data-theme="dark"] .menu-main .label,
html[data-theme="dark"] .menu-blog .label,
html[data-theme="dark"] .menu-downloads .label,
html[data-theme="dark"] .menu-home i,
html[data-theme="dark"] .menu-main i,
html[data-theme="dark"] .menu-blog i,
html[data-theme="dark"] .menu-downloads i{
  color:#f7f3e8;
}
html[data-theme="dark"] .inline-list a:hover{
  background-color: rgba(47,48,51,.92);
  color:#f7f3e8;
}
html[data-theme="dark"] nav{
  background: linear-gradient(165deg, var(--pal-dark-2), var(--pal-dark-1));
  border-left: 1px solid rgba(204,196,182,.18);
}
html[data-theme="dark"] nav ul.main li a,
html[data-theme="dark"] nav ul.main li a b,
html[data-theme="dark"] nav li i{
  color:#f7f3e8 !important;
}
html[data-theme="dark"] nav ul.main li a:hover,
html[data-theme="dark"] nav ul.main li a:hover b,
html[data-theme="dark"] nav a:hover{
  color: #f7f3e8 !important;
}
html[data-theme="dark"] .hr-menu{
  border-bottom-color: rgba(204,196,182,.22);
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .menu-home,
  html:not([data-theme]) .menu-main,
  html:not([data-theme]) .menu-blog,
  html:not([data-theme]) .menu-downloads,
  html[data-theme="auto"] .menu-home,
  html[data-theme="auto"] .menu-main,
  html[data-theme="auto"] .menu-blog,
  html[data-theme="auto"] .menu-downloads{
    background-color: rgba(29,30,32,.92);
    color: #f7f3e8;
    border: 1px solid rgba(204,196,182,.24);
  }
  html:not([data-theme]) .menu-home .label,
  html:not([data-theme]) .menu-main .label,
  html:not([data-theme]) .menu-blog .label,
  html:not([data-theme]) .menu-downloads .label,
  html:not([data-theme]) .menu-home i,
  html:not([data-theme]) .menu-main i,
  html:not([data-theme]) .menu-blog i,
  html:not([data-theme]) .menu-downloads i,
  html[data-theme="auto"] .menu-home .label,
  html[data-theme="auto"] .menu-main .label,
  html[data-theme="auto"] .menu-blog .label,
  html[data-theme="auto"] .menu-downloads .label,
  html[data-theme="auto"] .menu-home i,
  html[data-theme="auto"] .menu-main i,
  html[data-theme="auto"] .menu-blog i,
  html[data-theme="auto"] .menu-downloads i{
    color:#f7f3e8;
  }
  html:not([data-theme]) .inline-list a:hover,
  html[data-theme="auto"] .inline-list a:hover{
    background-color: rgba(47,48,51,.92);
    color:#f7f3e8;
  }
  html:not([data-theme]) nav,
  html[data-theme="auto"] nav{
    background: linear-gradient(165deg, var(--pal-dark-2), var(--pal-dark-1));
    border-left: 1px solid rgba(204,196,182,.18);
  }
  html:not([data-theme]) nav ul.main li a,
  html:not([data-theme]) nav ul.main li a b,
  html:not([data-theme]) nav li i,
  html[data-theme="auto"] nav ul.main li a,
  html[data-theme="auto"] nav ul.main li a b,
  html[data-theme="auto"] nav li i{
    color:#f7f3e8 !important;
  }
  html:not([data-theme]) nav ul.main li a:hover,
  html:not([data-theme]) nav ul.main li a:hover b,
  html:not([data-theme]) nav a:hover,
  html[data-theme="auto"] nav ul.main li a:hover,
  html[data-theme="auto"] nav ul.main li a:hover b,
  html[data-theme="auto"] nav a:hover{
    color: #f7f3e8 !important;
  }
  html:not([data-theme]) .hr-menu,
  html[data-theme="auto"] .hr-menu{
    border-bottom-color: rgba(204,196,182,.22);
  }
}

.mm-logo-top {
  display: inline-block;
  position: absolute;
  width: 150px;
  height: 45px;
  background: var(--logo-image-top) no-repeat center/contain;
      top: -24px;
    left: -40px;
}

.mm-logo-footer {
  display: inline-block;
  width: 125px;
  height: 125px;
  object-fit: contain;
}

.mm-logo-intro {
  display: inline-block;
  width: 10em;
  height: 8rem;
  background: var(--logo-image-intro) no-repeat center/contain;
}

@media (max-width: 700px){

  .mm-logo-intro {
  width: 8em;
  height: 5rem;

}
}


.mmk-hero-title{
  display: grid;
  gap: 1.2rem;
  justify-items: center;
  text-align: center;
  margin: 0;
}

.mmk-logo{
  position: relative;
  display: grid;
  justify-items: center;
  align-content: center;
  row-gap: .45rem;
  width: min(88vw, 34rem);
  margin: 0 auto;
  --mmk-logo-mark-width: min(46vw, 12.4rem);
  --mmk-logo-text-width: min(94vw, 27.4rem);
  --mmk-logo-accent: rgba(255, 255, 255, 0.92);
  --mmk-logo-shadow: 0 20px 50px rgba(0, 0, 0, 0.22);
  --mmk-logo-mark-state-transform: translate3d(0, 1.8rem, 0) scale(.72);
  --mmk-logo-mark-state-opacity: 0;
  --mmk-logo-text-state-transform: translate3d(0, 1.4rem, 0) scale(.96);
  --mmk-logo-text-state-opacity: 0;
  --mmk-logo-transition: 760ms cubic-bezier(.2, 1, .22, 1);
  --mmk-logo-transition-delayed: 920ms cubic-bezier(.2, 1, .22, 1);
}

.mmk-logo[data-logo-tone="light"]{
  --mmk-logo-accent: rgba(12, 12, 12, 0.9);
  --mmk-logo-shadow: 0 16px 44px rgba(255, 255, 255, 0.18);
}

.mmk-logo__mark-wrap,
.mmk-logo__text-wrap{
  position: relative;
  display: grid;
  place-items: center;
}

.mmk-logo__mark-wrap{
  width: var(--mmk-logo-mark-width);
  min-height: calc(var(--mmk-logo-mark-width) * 0.8);
  transform: var(--mmk-logo-mark-state-transform);
  transform-origin: center center;
  opacity: var(--mmk-logo-mark-state-opacity);
  filter: drop-shadow(var(--mmk-logo-shadow));
  transition:
    transform var(--mmk-logo-transition),
    opacity 420ms ease,
    filter 420ms ease;
}

.mmk-logo__mark{
  width: 100%;
  height: auto;
  display: block;
}

.mmk-logo__text-wrap{
  width: var(--mmk-logo-text-width);
  transform: var(--mmk-logo-text-state-transform);
  transform-origin: center center;
  opacity: var(--mmk-logo-text-state-opacity);
  filter: drop-shadow(var(--mmk-logo-shadow));
  overflow: hidden;
  border-radius: 0;
  transition:
    transform var(--mmk-logo-transition-delayed),
    opacity 520ms ease,
    filter 420ms ease;
}

.mmk-logo__text-image{
  width: 100%;
  height: auto;
  display: block;
}

.mmk-logo__asset{
  grid-area: 1 / 1;
  transition: opacity 320ms ease;
}

.mmk-logo__asset--black{
  opacity: 0;
}

.mmk-logo__asset--white{
  opacity: 1;
}

.mmk-logo[data-logo-tone="light"] .mmk-logo__asset--black{
  opacity: 1;
}

.mmk-logo[data-logo-tone="light"] .mmk-logo__asset--white{
  opacity: 0;
}

.mmk-logo--intro-fixed .mmk-logo__mark,
.mmk-logo--intro-fixed .mmk-logo__text-image{
  filter: none;
}

.viewport-header .mmk-logo--intro-fixed .mmk-logo__text-wrap::after{
  content: "";
  position: absolute;
  top: -18%;
  bottom: -18%;
  left: -42%;
  width: 34%;
  pointer-events: none;
  background:
    linear-gradient(
      105deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.12) 34%,
      rgba(255,255,255,.72) 50%,
      rgba(255,255,255,.12) 66%,
      rgba(255,255,255,0) 100%
    );
  opacity: calc(.08 + (var(--mm-intro-progress, 0) * .92));
  transform: translate3d(calc(var(--mm-intro-progress, 0) * 420%), 0, 0) skewX(-16deg);
  mix-blend-mode: screen;
  transition: opacity 180ms linear, transform 180ms linear;
  will-change: transform, opacity;
}

.mmk-logo.mmk-logo--ready:not(.mmk-logo--closed){
  --mmk-logo-mark-state-transform: translate3d(0, 0, 0) scale(1);
  --mmk-logo-mark-state-opacity: 1;
  --mmk-logo-text-state-transform: translate3d(0, 0, 0) scale(1);
  --mmk-logo-text-state-opacity: 1;
}

.mmk-logo.mmk-logo--closed{
  --mmk-logo-mark-state-transform: translate3d(0, -1rem, 0) scale(.5);
  --mmk-logo-mark-state-opacity: 0;
  --mmk-logo-text-state-transform: translate3d(0, -1.2rem, 0) scale(.92);
  --mmk-logo-text-state-opacity: 0;
}

.mmk-hero-title .quote{
  max-width: 700px;
  font-size: clamp(1rem, 2vw, 1.2rem);
}

@media (prefers-reduced-motion: reduce){
  .mmk-logo,
  .mmk-logo__mark-wrap,
  .mmk-logo__text-wrap,
  .mmk-logo__asset{
    transition: none !important;
  }
}

@media (max-width: 640px){
  .mmk-logo{
    row-gap: .35rem;
    --mmk-logo-mark-width: min(48vw, 9.9rem);
    --mmk-logo-text-width: min(94vw, 22.6rem);
  }
}


#gal-more-btn[disabled] { pointer-events: none; }
#gal-more-btn[aria-busy="true"]::after {
  content: " •••";
  display: inline-block;
  animation: dotz 1s steps(4,end) infinite;
}

@keyframes dotz { 0%{content:""} 33%{content:" •"} 66%{content:" ••"} 100%{content:" •••"} }


#main .thumb {
  content-visibility: auto;
  contain-intrinsic-size: 320px 200px;
}

html { scroll-behavior: auto; }

:root { --header-h: 100px; }
html { scroll-padding-top: var(--header-h); }
#main, #blog, #downloads { scroll-margin-top: var(--header-h); }

.highlighted-blog-figure { position: relative; }


.highlighted-blog-blur-img,
.highlighted-blog-img { position: relative; z-index: 1; }

.highlighted-blog-overlay { position: relative; z-index: 2; }


.badge-new--highlight {
  position: absolute;
  top: 12px; left: 12px;
  z-index: 999;
  display: inline-block;
  font-size: 12px; line-height: 1; font-weight: 700;
  background: #ff3b30; color: #fff;
  padding: 7px 10px; border-radius: 999px;
  box-shadow: 0 8px 20px rgba(255,59,48,.25);
  pointer-events: none;
}

.badge-new--highlight-ribbon{
  top: -16px;
  left: 26px;
  display: block;
  width: 50px;
  height: 66px;
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
}

.badge-new--highlight-ribbon img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.badge-new--highlight-ribbon__text{
  position: absolute;
  top: 0;
  left: 0;
  right: 13px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 29px;
  text-align: center;
  font-size: 8px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

.badge-new--highlight-ribbon::after{
  display: none;
}


.badge-blog--highlight{
  position: absolute;
  top: 2em; right: 2em;
  z-index: 999;
  display: inline-block;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 6px 10px;
  border-radius: 999px;

  color: #000;
  background: rgba(255,255,255,.14);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.07);

  pointer-events: none;
  transition: transform .28s cubic-bezier(.22,1,.36,1), background .24s ease, border-color .24s ease;
}


.fade-in,
.fade-in-right,
.fade-in-right-fast,
.fade-in-left,
.fade-in-scale,
.fade-in-scale-fast,
.fade-in-rotate,
.fade-in-blur {
  display: block;
  will-change: transform, opacity;
}


.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease-out, transform 1s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-in-long {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease-out 0.5s, transform 1s ease-out 0.5s;
}

.fade-in-long.visible {
  opacity: 1;
  transform: translateY(0);
}


.fade-in-fast {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.fade-in-fast.visible {
  opacity: 1;
  transform: translateY(0);
}


.fade-in-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.7s ease-out, transform 1s ease-out;
}

.fade-in-right.visible {
  opacity: 1;
  transform: translateX(0);
}


.fade-in-right-fast {
  opacity: 0;
  transform: translateX(60px);
  transition: opacity 0.3s ease-out, transform 0.2s ease-out;
}

.fade-in-right-fast.visible {
  opacity: 1;
  transform: translateX(0);
}


.fade-in-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.7s ease-out, transform 1s ease-out;
}

.fade-in-left.visible {
  opacity: 1;
  transform: translateX(0);
}


.fade-in-scale {
  opacity: 0;
  transform: translateY(10px) scale(0.985);
  transition: opacity 0.32s ease-out, transform 0.42s cubic-bezier(.2,.8,.2,1);
}

.fade-in-scale.visible {
  opacity: 1;
  transform: scale(1);
}


.fade-in-scale-fast {
  opacity: 0;
  transform: translateY(8px) scale(0.99);
  transition: opacity 0.24s ease-out, transform 0.34s cubic-bezier(.2,.8,.2,1);
}

.fade-in-scale-fast.visible {
  opacity: 1;
  transform: scale(1);
}


.fade-in-rotate {
  opacity: 0;
  transform: rotate(-10deg);
  transition: opacity 0.7s ease-out, transform 1s ease-out;
}

.fade-in-rotate.visible {
  opacity: 1;
  transform: rotate(0);
}


.fade-in-blur {
  opacity: 0;
  filter: blur(8px);
  transition: opacity 0.7s ease-out, filter 1s ease-out;
}

.fade-in-blur.visible {
  opacity: 1;
  filter: blur(0);
}

.fade-in-clip {
  opacity: 0;
  clip-path: inset(0 0 100% 0);
  transition: opacity 0.7s ease-out, clip-path 1s ease-out;
}

.fade-in-clip.visible {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}

.fade-in-flip {
  opacity: 0;
  transform: rotateX(-90deg);
  transform-origin: top;
  transition: opacity 0.7s ease-out, transform 1s ease-out;
}

.fade-in-flip.visible {
  opacity: 1;
  transform: rotateX(0);
}

.fade-in-skew {
  opacity: 0;
  transform: skewY(10deg) translateY(20px);
  transition: opacity 0.7s ease-out, transform 1s ease-out;
}

.fade-in-skew.visible {
  opacity: 1;
  transform: skewY(0) translateY(0);
}


.fade-in-shadow {
  opacity: 0;
  transform: translateY(20px);
  filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.1));
  transition: opacity 0.5s ease-out, transform 0.7s ease-out, filter 0.7s ease-out;
}

.fade-in-shadow.visible {
  opacity: 1;
  transform: translateY(0);
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
}

.fade-in-liquid {
  opacity: 0;
  clip-path: circle(0% at 50% 50%);
  transition: opacity 0.7s ease-out, clip-path 1.2s cubic-bezier(.7, 0, .2, 1);
}

.fade-in-liquid.visible {
  opacity: 1;
  clip-path: circle(150% at 50% 50%);
}


.liquidGlass-wrapper {
  display: flex;
  overflow: hidden;

  color: black;
  cursor: pointer;

  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.01);

  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}

#header .liquidGlass-wrapper{
  overflow: visible;
}

.liquidGlass-wrapper-caption {
  position: relative;
  overflow: visible;
  display: inline-block;
 background: var(--color-caption);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
  padding: 0.75em 1.2em;
  border-radius: 12px;
  border: 1px solid var(--color-mm-grey);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  font-size: 0.95em;
  line-height: 1.4;
  text-align: center;
  margin: 0 auto;
  transition: all 0.3s ease;
}

.liquidGlass-wrapper-caption::after {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--color-caption);
  transition: border-bottom-color 0.3s ease;
}

.liquidGlass-wrapper-caption:hover {
  background: #000;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transform: scale(1.02);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}


.liquidGlass-wrapper-caption:hover::after {
  border-bottom-color: #000
}

.corner-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 275px;
  height: 275px;
}

.corner-container:hover .corner-fold {
  border-top-width: 375px;
  border-left-width: 375px;
}

.photo-stack {
  position: absolute;
  top: 0;
  right: 0;
  width: 275px;
  height: 275px;
  overflow: hidden;
  z-index: 11;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  transition: width 0.4s ease, height 0.4s ease;
}

.corner-container:hover .photo-stack {
  width: 375px;
  height: 375px;
}

.photo-stack img {
  position: absolute;
  top: 0;
  right: 0;
  width: 375px;
  height: 375px;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease;
}

.photo-stack img.active {
  opacity: 1;
}

.corner-fold {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 275px solid #cbcbc3;
  border-left: 275px solid transparent;
  box-shadow: -5px 5px 20px rgb(0 0 0 / 90%);
  z-index: 10;
  transition: border-top-width 0.4s ease, border-left-width 0.4s ease;
  background-color: #1b1b19;
}


@media (max-width: 769px) {
  .corner-container {
    width: 150px;
    height: 150px;
  }

  .corner-container:hover .corner-fold {
    border-top-width: 250px;
    border-left-width: 250px;
  }

  .photo-stack {
    width: 150px;
    height: 150px;
  }

  .corner-container:hover .photo-stack {
    width: 250px;
    height: 250px;
  }

  .photo-stack img {
    width: 250px;
    height: 250px;
  }

  .corner-fold {
    border-top: 150px solid #cbcbc3;
    border-left: 150px solid transparent;
  }
}


.new-label {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ff3b3f;
  color: white;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  z-index: 15;
}

.liquidGlass-wrapper-zoek {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 700px;
  text-align: center;
  box-sizing: border-box;


  max-height: calc(100vh - 175px);
  overflow-y: auto;
  box-shadow: 0px 0px 40px 1000px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 0, 0, 0.01);
background-color: #00000054;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}

@media (max-width: 769px) {
 .liquidGlass-wrapper-zoek  {
    width: 100%;
  }
}


.liquidGlass-effect {
  position: absolute;
  z-index: 0;
  inset: 0;
  backdrop-filter: blur(7px);

  overflow: hidden;
  isolation: isolate;
}

.liquidGlass-tint {
  z-index: 1;
  position: absolute;
  inset: 0;
  background:
        radial-gradient(1200px 700px at 12% 8%, var(--bg-blob1), transparent 60%),
        radial-gradient(1100px 760px at 88% 18%, var(--bg-blob2), transparent 58%),
        radial-gradient(900px 700px at 58% 90%, var(--bg-blob3), transparent 60%),
        radial-gradient(700px 480px at 35% 60%, var(--bg-blob4), transparent 62%),
        var(--color-menu-glass);
}

.liquidGlass-shine {
  position: absolute;
  inset: 0;
  z-index: 2;

  overflow: hidden;
  border-bottom: 1px solid var(--mm-bg);


}


#header .liquidGlass-shine{
  border-bottom-color: rgba(38,39,41,.28);
}
#header.small .liquidGlass-shine{
  border-bottom: 0 !important;
}
html[data-theme="dark"] #header .liquidGlass-shine{
  border-bottom-color: rgba(204,196,182,.30);
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]) #header .liquidGlass-shine,
	  html[data-theme="auto"] #header .liquidGlass-shine{
	    border-bottom-color: rgba(204,196,182,.30);
	  }
	}

.liquidGlass-text {
  z-index: 3;
  color: #fff;
  width: 100%;
}

.liquidGlass-text h1{
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  padding: 0;
  transform: translate(-50%, -30%);
  z-index: 4;
  line-height: 0;
}

.mm-header-search{
  position: absolute;
  left: .5rem;
  top: 50%;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  text-decoration: none;
  color: var(--color-text);
  z-index: 5;
  border-radius: 999px;
  transition: transform .22s ease, opacity .22s ease, color .22s ease, background-color .22s ease;
}

.mm-header-search__icon{
  position: relative;
  width: 16px;
  height: 16px;
  display: block;
}

.mm-header-search__icon::before,
.mm-header-search__icon::after{
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.mm-header-search__icon::before{
  inset: 0;
  width: 11px;
  height: 11px;
  border: 1.4px solid currentColor;
  border-radius: 999px;
  left: 0;
  top: 0;
}

.mm-header-search__icon::after{
  width: 7px;
  height: 1.4px;
  background: currentColor;
  border-radius: 999px;
  right: 0;
  bottom: 1px;
  transform: rotate(45deg);
  transform-origin: center;
}

.mm-header-search:hover{
  transform: translateY(-50%) scale(1.05);
}

html[data-theme="dark"] .mm-header-search{
  color: rgba(247,243,232,.92);
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-header-search,
  html[data-theme="auto"] .mm-header-search{
    color: rgba(247,243,232,.92);
  }
}

.mm-header-badge{
  position: relative;
  display: grid;
  place-items: center;
  width: clamp(58px, 5.2vw, 82px);
  aspect-ratio: 0.88 / 1;
  text-decoration: none;
  pointer-events: auto;
}

.mm-header-badge__img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.18));
  transition: opacity .28s ease, transform .28s ease;
}


.mm-header {
  padding: 0.66em 0.8em;
  overflow: visible !important;
}

.mm-header,
.mm-header > div {
}

.mm-header:hover {
  padding: 0.9em 1.05em;
}
.mm-header svg {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}

.mm-header:hover svg {
  transform: scale(0.95);
}


@media (hover: none) and (pointer: coarse) {

  .mm-header,
  .mm-header:hover,
  .mm-header:active,
  .mm-header:focus,
  .mm-header:focus-visible {
    padding: 0.8em 0.8em;
  }

  .mm-header svg,
  .mm-header:hover svg,
  .mm-header:active svg,
  .mm-header:focus svg,
  .mm-header:focus-visible svg {
    transform: none !important;
  }
}

.mm-zoek {
  padding: 1.5em;
  border-radius: var(--radius);
}

.mm-zoek,
.mm-zoek > div {
  border-radius: var(--radius);
}

.mm-zoek:hover {
  padding: 2em 2em;
}

@media (max-width: 769px) {
.mm-zoek {
  padding: 0.5em 1em 0.2em 1em;
  border-radius: var(--radius);
}

.mm-zoek:hover {
  padding: 0.5em 1em 0.2em 1em;
}
}

.mm-zoek:hover > div {
  border-radius: var(--radius);
}

.mm-zoek svg {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}


.mm-zoek:hover svg {
  transform: scale(0.95);
}

@media (max-width: 769px) {
	.mm-zoek:hover svg {
  transform: none;
}
}

@keyframes moveBackground {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 0% -500%;
  }
}
.custom-swiper-buttons {
  display: flex;
  justify-content: flex-end;
  margin: 10px 20px 0 20px;
  gap: 10px;
}

.mm-gallery-button {
  background: #333;
  color: #fff;
  border: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
}

.mm-gallery-button:hover {
  background: #555;
  transform: scale(1.05);
}

.loader-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.429);
      backdrop-filter: blur(7px);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      z-index: 9999;
      transition: opacity 0.4s ease;
    }

    .progress-bar {
      width: 60%;
      height: 10px;
	  backdrop-filter: blur(7px);
      border-radius: var(--radius);
      overflow: hidden;
      margin-top: 1em;
    }

    .progress-fill {
      height: 100%;
      width: 0%;
      background-color: #fff;
      transition: width 0.3s ease;
    }

    .progress-text {
      font-size: 1.2em;
      color: #fff;
    }

    .page-content {
      padding: 3em;
    }

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

body{
	background-color: var(--color-footer-skyline-bottom);
}


.shimmer {
  background: linear-gradient(
    90deg,
    #e0e0e0 0%,
    #f0f0f0 50%,
    #e0e0e0 100%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}

@font-face {
	font-family: "San Francisco";
	font-weight: 400;
	src: url("../webfonts/sanfranciscodisplay-regular-webfont.woff");
  }

  @font-face {
	font-family: "San Francisco bold";
	font-weight: 400;
	src: url("../webfonts/sanfranciscodisplay-bold-webfont.woff");
  }

  @font-face {
	font-family: "San Francisco medium";
	font-weight: 400;
	src: url("../webfonts/sanfranciscodisplay-rmedium-webfont.woff");
  }

  .text-filter{
	margin-top: -20px;
  }
  .text-filter-layer{
	position: relative;
	right: -200px
  }

    @media screen and (max-width: 736px) {
		.text-filter-layer{
	right: -85px
  }

	}

	  .reels-text{
	position: relative;
	margin: 0 auto;
  }


.sort-dropdown-container{
	display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}

.sort-dropdown-container {
      display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}

.filter-grid-container{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 1em;
}


  #pin{
	pointer-events: none;
    top: 10px;
    font-size: 1.2em;
    right: 10px;
    margin: 0;
    position: absolute;
    z-index: 1;
	color: #fff;
	float: right;
	display: block;
  }

  #pin h4{
	color: #fff !important;
  }

  #newpost{
	pointer-events: none;
    top: 30px;
    left: 8px;
    margin: 0;
    position: absolute;
    z-index: 1;
    float: left;

  }

  #newpost_text{
	font-size: 12px;
    color: #212121;
    position: absolute;
    top: -20px;
    left: 6px;
  }

  @media screen and (max-width: 480px) {
	#pin{
		top: 10px;
		font-size: 1em;
		right: 10px;
	  }
  }


  .move_top{
    position: fixed;
    bottom: -50px;
	padding-top: 5px;
	width: 63px;
	height: 58px;
    z-index: 9999;
	right: 0;
    background: #fff;
    padding: 1em;
    text-align: center;
	font-size: 18px;
	opacity: 0;
	box-shadow: 0 4px 60px rgba(0, 0, 0, 0.15);
}


.move_top_open {
	opacity: 1;
	bottom: 0px;
  }

  .transition {
	-webkit-transition: all 0.5s ease-in-out;
	  -moz-transition: all 0.5s ease-in-out;
	  -o-transition: all 0.5s ease-in-out;
	  transition: all 0.5s ease-in-out;
  }

  body.is-preload .move_top {

	-moz-transform: translateY(80em);
	-webkit-transform: translateY(80em);
	-ms-transform: translateY(80em);
	transform: translateY(80em);
}

body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}


html,
body {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--pal-dark-3) 26%, transparent) transparent;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: transparent;
}

body::-webkit-scrollbar-thumb {
  background-color: color-mix(in srgb, var(--pal-dark-3) 26%, transparent);
  border-radius: 999px;
}


  canvas {
  object-fit: cover;
	object-position: center center;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

#c1 {
  opacity: 0;
}

#c2 {
  background: #000;
}


:root{
  --glass-bg:        rgba(255,255,255,0.10);
  --glass-bg-strong: rgba(255,255,255,0.18);
  --glass-border:    rgba(255, 255, 255, 0.206);
  --glass-text:      #c9c9c9;
  --glass-ring:      #4d4d4d;
  --glass-shadow:    0 10px 30px rgba(0,0,0,0.10);
  --glass-radius:    14px;
  --glass-blur:      14px;
  --glass-saturate:  140%;
}


.language-switcher { position:relative; display:inline-flex; align-items:center; }

.theme-switcher { position:relative; display:inline-flex; align-items:center; }


.sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }


:root{
  --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  --icon-chevron-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23212b40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  --icon-chevron-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e9f1ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  --icon-globe:   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 0 20M12 2a15.3 15.3 0 0 0 0 20'/%3E%3C/svg%3E");
}

.lang-select.glass{
  -webkit-appearance: none;
  appearance: none;
  color: var(--color-text) !important;
  background-color: var(--color-menu-glass) !important;
  background:
    var(--icon-chevron) no-repeat right 15px center / 12px,
    linear-gradient(180deg, var(--glass-bg-strong), var(--glass-bg));
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  box-shadow: var(--glass-shadow), inset 0 1px 0 rgba(255,255,255,0.20);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  transition: box-shadow .25s ease, transform .12s ease, border-color .2s ease;
  cursor: pointer;

}

.dark-menu.glass{
  -webkit-appearance: none;
  appearance: none;
  color: var(--glass-text) !important;
  background-color: #ffffff0d !important;
  background:
    linear-gradient(180deg, var(--glass-bg-strong), var(--glass-bg));
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  box-shadow: var(--glass-shadow), inset 0 1px 0 rgba(255,255,255,0.20);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  transition: box-shadow .25s ease, transform .12s ease, border-color .2s ease;
  cursor: pointer;

}

@media (max-width: 768px) {
  .lang-select.glass{
    width: 75px !important;
  }
}

.lang-select.glass:hover{
  border-color: rgba(255,255,255,0.55);
  transform: translateY(-1px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.25);
}

.lang-select.glass:focus{
  outline: 2px solid transparent;
  box-shadow:
    0 16px 40px rgba(0,0,0,0.38),
    0 0 0 3px rgba(255, 255, 255, 0.6);
}


@media (prefers-color-scheme: light){
  :root{
    --glass-bg:        rgba(255,255,255,0.65);
    --glass-bg-strong: rgba(255,255,255,0.85);
    --glass-border:    rgba(0,0,0,0.12);

    --glass-shadow:    0 10px 24px rgba(16,18,37,0.08);
    --glass-ring:      #ffffff;

  }
  .lang-select.glass{ border:1px solid var(--glass-border); color:var(--glass-text); }
}

.lang-select-full.glass{
  -webkit-appearance: none;
  appearance: none;
  min-height: 54px;
  padding: 0 48px 0 42px;
  line-height: 1;
  color: var(--color-text) !important;
  background-color: #ffffff0d !important;
  background:
    var(--icon-chevron) no-repeat right 15px center / 12px,
    var(--icon-globe)   no-repeat 12px center / 12px,
    linear-gradient(180deg, var(--glass-bg-strong), var(--glass-bg));
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  box-shadow: var(--glass-shadow), inset 0 1px 0 rgba(255,255,255,0.20);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  transition: box-shadow .25s ease, transform .12s ease, border-color .2s ease;
  cursor: pointer;

}


.lang-select-full.glass:hover{
  border-color: rgba(255,255,255,0.55);
  transform: translateY(-1px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.25);
}

.lang-select-full.glass:focus{
  outline: 2px solid transparent;
  box-shadow:
    0 16px 40px rgba(0,0,0,0.38),
    0 0 0 3px rgba(255, 255, 255, 0.6);
}


@media (prefers-color-scheme: light){
  :root{
    --glass-bg:        rgba(255,255,255,0.65);
    --glass-bg-strong: rgba(255,255,255,0.85);
    --glass-border:    rgba(0,0,0,0.12);

    --glass-shadow:    0 10px 24px rgba(16,18,37,0.08);
    --glass-ring:      #ffffff;

  }
  .lang-select-full.glass{ border:1px solid var(--glass-border); color:var(--glass-text); }
}

.language-switcher {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  left: 1em;
  top: 1em;
  z-index: 9;
}


#themeToggle{

  display:flex; gap:5px; align-items:center; justify-content:center;
  position:absolute; right:2.4em; z-index:9;
  width:54px; height:54px; border-radius:50%;
  box-sizing:border-box;


  background-color: var(--color-bg-theme) !important;
  border: 1px solid var(--color-menu-border) !important;
  color: var(--color-text);


  -webkit-backdrop-filter: saturate(1.1) blur(8px);
  backdrop-filter: saturate(1.1) blur(8px);
}


.language-switcher-menu {
  display: flex;
  gap: 10px;
  align-items: center;
  left: 10px;
  top: 10px;
}

.language-switcher-menu.about{
  --mm-switch-h: 52px;
  --mm-switch-r: 12px;
  --mm-switch-gap: 8px;
  --mm-switch-w: 74px;
  --mm-ctl-grad-1: rgba(124,127,121,.22);
  --mm-ctl-grad-2: rgba(160,164,156,.18);
  --mm-ctl-grad-3: rgba(201,193,178,.20);
  --mm-ctl-grad-hover-1: rgba(136,139,132,.30);
  --mm-ctl-grad-hover-2: rgba(172,176,168,.24);
  --mm-ctl-grad-hover-3: rgba(201,193,178,.28);
  --mm-ctl-border: rgba(38,39,41,.16);
  --mm-ctl-border-hover: rgba(38,39,41,.24);
  --mm-ctl-shadow: 0 8px 18px rgba(38,39,41,.20);
  --mm-ctl-shadow-hover: 0 10px 22px rgba(38,39,41,.24);
  --mm-ctl-text: rgba(38,39,41,.92);
  --mm-ctl-icon: rgba(58,54,48,.86);
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: var(--mm-switch-gap);
  align-items: center;
  width: 100%;
}


.language-switcher-menu.about.is-effective-dark{
  --mm-ctl-grad-1: rgba(96,98,94,.32);
  --mm-ctl-grad-2: rgba(80,82,78,.28);
  --mm-ctl-grad-3: rgba(124,127,121,.22);
  --mm-ctl-grad-hover-1: rgba(108,111,106,.42);
  --mm-ctl-grad-hover-2: rgba(90,92,88,.36);
  --mm-ctl-grad-hover-3: rgba(136,139,132,.30);
  --mm-ctl-border: rgba(204,196,182,.24);
  --mm-ctl-border-hover: rgba(204,196,182,.34);
  --mm-ctl-shadow: 0 8px 18px rgba(10,11,12,.35);
  --mm-ctl-shadow-hover: 0 10px 22px rgba(10,11,12,.42);
  --mm-ctl-text: rgba(247,243,232,.96);
  --mm-ctl-icon: rgba(232,225,212,.88);
}
.language-switcher-menu.about.is-effective-dark #langSelectAbout.lang-select-full.glass{
  background:
    var(--icon-chevron-light) no-repeat right 15px center / 12px,
    linear-gradient(135deg, var(--mm-ctl-grad-1), var(--mm-ctl-grad-2) 52%, var(--mm-ctl-grad-3)) !important;
}
.language-switcher-menu.about.is-effective-dark .theme-auto-btn.is-active{
  color: #f7f3e8 !important;
  border-color: rgba(204,196,182,.36);
  box-shadow:
    var(--mm-ctl-shadow-hover),
    0 0 0 2px rgba(204,196,182,.18);
}

.language-switcher-menu.about #langSwitchFormAbout,
.language-switcher-menu.about #themeSwitchForm{
  margin: 0;
  min-width: 0;
  width: 100%;
}

.language-switcher-menu.about #langSwitchFormAbout{
  grid-column: 1;
}

.theme-switch-form.theme-slider-form{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: var(--mm-switch-gap);
  min-width: 0;
  width: 100%;
}

.language-switcher-menu.about #themeSwitchForm{
  grid-column: 2;
}

.theme-slider{
  --slider-pad: 3px;
  --slider-knob: calc(var(--mm-switch-h) - (var(--slider-pad) * 2));
  --slider-icon-size: 18px;
  --slider-shift: 0px;
  height: var(--mm-switch-h);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  align-self: stretch;
}

.theme-slider__btn{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, var(--mm-ctl-grad-1), var(--mm-ctl-grad-2) 52%, var(--mm-ctl-grad-3)),
    rgba(247,243,232,.05);
  border-radius: 999px;
  padding: var(--slider-pad);
  border: 1px solid var(--mm-ctl-border);
  box-shadow: var(--mm-ctl-shadow);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  cursor: pointer;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

.theme-slider__knob{
  display: block;
  width: var(--slider-knob);
  height: var(--slider-knob);
  position: absolute;
  top: var(--slider-pad);
  left: var(--slider-pad);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(247,243,232,.96), rgba(232,235,238,.88));
  border: 1px solid rgba(247,243,232,.88);
  box-shadow: 0 6px 14px rgba(8,16,34,.30);
  z-index: 1;
  transform: translateX(0);
  transition: transform .24s cubic-bezier(.22,1,.36,1), background .2s ease, box-shadow .2s ease;
}

.theme-slider__icon{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--slider-icon-size);
  height: var(--slider-icon-size);
  font-size: 15px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .8;
  z-index: 2;
  color: var(--mm-ctl-icon);
  transition: color .18s ease, opacity .18s ease;
  pointer-events: none;
}

.theme-slider__icon::before{
  position: absolute;
  inset: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: var(--slider-icon-size);
  height: var(--slider-icon-size);
  line-height: 1 !important;
  font-size: inherit;
  font-style: normal !important;
  color: currentColor;
}

.theme-slider__icon--sun{
  left: calc(var(--slider-pad) + ((var(--slider-knob) - var(--slider-icon-size)) / 2));
}

.theme-slider__icon--moon{
  right: calc(var(--slider-pad) + ((var(--slider-knob) - var(--slider-icon-size)) / 2));
}

.theme-slider:hover .theme-slider__btn{
  border-color: var(--mm-ctl-border-hover);
  box-shadow: var(--mm-ctl-shadow-hover);
  background:
    linear-gradient(135deg, var(--mm-ctl-grad-hover-1), var(--mm-ctl-grad-hover-2) 52%, var(--mm-ctl-grad-hover-3)),
    rgba(247,243,232,.08);
}

.theme-slider:active .theme-slider__btn{
  transform: translateY(1px);
}

.theme-slider[data-mode="dark"] .theme-slider__knob{
  transform: translateX(var(--slider-shift));
  background: linear-gradient(180deg, rgba(232,235,238,.96), rgba(210,201,184,.90));
}
.theme-slider[data-mode="auto"] .theme-slider__knob{
  transform: translateX(calc(var(--slider-shift) * .5));
  background: linear-gradient(180deg, rgba(242,236,224,.96), rgba(210,201,184,.90));
}

.theme-slider[data-mode="light"] .theme-slider__icon--sun{
  color: var(--mm-ctl-text);
  opacity: 1;
}

.theme-slider[data-mode="dark"] .theme-slider__icon--moon{
  color: rgba(24,28,34,.92);
  opacity: 1;
}
.theme-slider[data-mode="auto"] .theme-slider__icon--sun,
.theme-slider[data-mode="auto"] .theme-slider__icon--moon{
  color: var(--mm-ctl-text);
  opacity: .92;
}

.theme-auto-btn{
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--mm-switch-h);
  width: 100%;
  min-width: 0;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--mm-ctl-border);
  color: var(--mm-ctl-text) !important;
  background:
    linear-gradient(135deg, var(--mm-ctl-grad-1), var(--mm-ctl-grad-2) 52%, var(--mm-ctl-grad-3)),
    rgba(247,243,232,.05);
  box-shadow: var(--mm-ctl-shadow);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  font: inherit;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .2px;
  cursor: pointer;
  transition: box-shadow .2s ease, border-color .2s ease, transform .12s ease, background-color .2s ease;
  align-self: stretch;
  box-sizing: border-box;
  -webkit-text-fill-color: currentColor;
  white-space: nowrap;
}

.theme-auto-btn span{
  display: block;
  line-height: 1;
  transform: translateY(.5px);
}

.language-switcher-menu.about #langSelectAbout.lang-select-full.glass{
  width: 100% !important;
  height: var(--mm-switch-h) !important;
  min-height: var(--mm-switch-h) !important;
  line-height: calc(var(--mm-switch-h) - 2px) !important;
  border-radius: 999px !important;
  border: 1px solid var(--mm-ctl-border) !important;
  color: var(--mm-ctl-text) !important;
  background:
    var(--icon-chevron-dark) no-repeat right 15px center / 12px,
    linear-gradient(135deg, var(--mm-ctl-grad-1), var(--mm-ctl-grad-2) 52%, var(--mm-ctl-grad-3)) !important;
  box-shadow: var(--mm-ctl-shadow) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)) !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)) !important;
  text-align: center !important;
  text-align-last: center !important;
  padding-left: 16px !important;
  padding-right: 26px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.language-switcher-menu.about #langSelectAbout.lang-select-full.glass,
.theme-slider__btn,
.theme-auto-btn{
  min-height: 52px;
}

.language-switcher-menu.about #langSelectAbout.lang-select-full.glass:hover{
  border-color: var(--mm-ctl-border-hover) !important;
  transform: translateY(-1px);
}

.theme-auto-btn:hover{
  border-color: var(--mm-ctl-border-hover);
  transform: translateY(-1px);
  box-shadow: var(--mm-ctl-shadow-hover);
  background:
    linear-gradient(135deg, var(--mm-ctl-grad-hover-1), var(--mm-ctl-grad-hover-2) 52%, var(--mm-ctl-grad-hover-3)),
    rgba(247,243,232,.08);
}

.theme-auto-btn.is-active{
  border-color: var(--mm-ctl-border-hover);
  box-shadow:
    var(--mm-ctl-shadow-hover),
    0 0 0 2px rgba(186,177,156,.18);
  background:
    linear-gradient(135deg, var(--mm-ctl-grad-hover-1), var(--mm-ctl-grad-hover-2) 52%, var(--mm-ctl-grad-hover-3)),
    rgba(247,243,232,.10);
}

html[data-theme="dark"] .language-switcher-menu.about{
  --mm-ctl-grad-1: rgba(96,98,94,.32);
  --mm-ctl-grad-2: rgba(80,82,78,.28);
  --mm-ctl-grad-3: rgba(124,127,121,.22);
  --mm-ctl-grad-hover-1: rgba(108,111,106,.42);
  --mm-ctl-grad-hover-2: rgba(90,92,88,.36);
  --mm-ctl-grad-hover-3: rgba(136,139,132,.30);
  --mm-ctl-border: rgba(204,196,182,.24);
  --mm-ctl-border-hover: rgba(204,196,182,.34);
  --mm-ctl-shadow: 0 8px 18px rgba(10,11,12,.35);
  --mm-ctl-shadow-hover: 0 10px 22px rgba(10,11,12,.42);
  --mm-ctl-text: rgba(247,243,232,.96);
  --mm-ctl-icon: rgba(232,225,212,.88);
}

html[data-theme="dark"] .language-switcher-menu.about #langSelectAbout.lang-select-full.glass{
  background:
    var(--icon-chevron-light) no-repeat right 15px center / 12px,
    linear-gradient(135deg, var(--mm-ctl-grad-1), var(--mm-ctl-grad-2) 52%, var(--mm-ctl-grad-3)) !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .language-switcher-menu.about,
  html[data-theme="auto"] .language-switcher-menu.about{
    --mm-ctl-grad-1: rgba(96,98,94,.32);
    --mm-ctl-grad-2: rgba(80,82,78,.28);
    --mm-ctl-grad-3: rgba(124,127,121,.22);
    --mm-ctl-grad-hover-1: rgba(108,111,106,.42);
    --mm-ctl-grad-hover-2: rgba(90,92,88,.36);
    --mm-ctl-grad-hover-3: rgba(136,139,132,.30);
    --mm-ctl-border: rgba(204,196,182,.24);
    --mm-ctl-border-hover: rgba(204,196,182,.34);
    --mm-ctl-shadow: 0 8px 18px rgba(10,11,12,.35);
    --mm-ctl-shadow-hover: 0 10px 22px rgba(10,11,12,.42);
    --mm-ctl-text: rgba(247,243,232,.96);
    --mm-ctl-icon: rgba(232,225,212,.88);
  }

  html:not([data-theme]) .language-switcher-menu.about #langSelectAbout.lang-select-full.glass,
  html[data-theme="auto"] .language-switcher-menu.about #langSelectAbout.lang-select-full.glass{
    background:
      var(--icon-chevron-light) no-repeat right 15px center / 12px,
      linear-gradient(135deg, var(--mm-ctl-grad-1), var(--mm-ctl-grad-2) 52%, var(--mm-ctl-grad-3)) !important;
  }

  html:not([data-theme]) .theme-slider[data-mode="auto"] .theme-slider__knob,
  html[data-theme="auto"] .theme-slider[data-mode="auto"] .theme-slider__knob{
    transform: translateX(var(--slider-shift));
    background: linear-gradient(180deg, rgba(232,235,238,.96), rgba(210,201,184,.90));
  }
  html:not([data-theme]) .theme-slider[data-mode="auto"] .theme-slider__icon--moon,
  html[data-theme="auto"] .theme-slider[data-mode="auto"] .theme-slider__icon--moon{
    color: var(--mm-ctl-text);
    opacity: 1;
  }
  html:not([data-theme]) .theme-auto-btn.is-active,
  html[data-theme="auto"] .theme-auto-btn.is-active{
    color: #f7f3e8 !important;
    border-color: rgba(204,196,182,.36);
    box-shadow:
      var(--mm-ctl-shadow-hover),
      0 0 0 2px rgba(204,196,182,.18);
  }
}

@media (prefers-color-scheme: light){
  html:not([data-theme]) .theme-slider[data-mode="auto"] .theme-slider__knob,
  html[data-theme="auto"] .theme-slider[data-mode="auto"] .theme-slider__knob{
    transform: translateX(0);
    background: linear-gradient(180deg, rgba(247,243,232,.96), rgba(232,235,238,.88));
  }
  html:not([data-theme]) .theme-slider[data-mode="auto"] .theme-slider__icon--sun,
  html[data-theme="auto"] .theme-slider[data-mode="auto"] .theme-slider__icon--sun{
    color: var(--mm-ctl-text);
    opacity: 1;
  }
}

html.js-theme-slider .theme-select-fallback{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.mm-lang-select-wrap{
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}

.mm-lang-native{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
}

.mm-lang-select-button{
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--mm-switch-h, 54px);
  min-height: var(--mm-switch-h, 54px);
  padding: 0 42px 0 16px;
  border-radius: 999px;
  border: 1px solid var(--mm-ctl-border, var(--glass-border));
  color: var(--mm-ctl-text, var(--color-text)) !important;
  background:
    linear-gradient(135deg, var(--mm-ctl-grad-1, var(--glass-bg-strong)), var(--mm-ctl-grad-2, var(--glass-bg)) 52%, var(--mm-ctl-grad-3, var(--glass-bg)));
  box-shadow: var(--mm-ctl-shadow, var(--glass-shadow));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  font: inherit;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  transition: box-shadow .2s ease, border-color .2s ease, transform .12s ease, background-color .2s ease;
  -webkit-text-fill-color: currentColor;
  text-transform: none !important;
}

.mm-lang-select-button::after{
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}

.mm-lang-select-button:hover{
  border-color: var(--mm-ctl-border-hover, rgba(255,255,255,0.55));
  transform: translateY(-1px);
  box-shadow: var(--mm-ctl-shadow-hover, 0 16px 40px rgba(0,0,0,0.38));
}

.mm-lang-select-button:focus-visible{
  outline: none;
  box-shadow:
    var(--mm-ctl-shadow-hover, 0 16px 40px rgba(0,0,0,0.38)),
    0 0 0 3px rgba(255,255,255,.52);
}

.mm-lang-select-button [data-mm-lang-label]{
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mm-lang-caret{
  display: none !important;
}

.mm-lang-menu{
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 10030;
  display: flex;
  flex-direction: column;
  gap: .34rem;
  min-width: min(220px, 80vw);
  padding: .56rem;
  border: 0;
  border-radius: 24px;
  background: transparent;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
  overflow: hidden;
  isolation: isolate;
  max-width: calc(100vw - 1rem);
}

.mm-lang-menu::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background-color: rgba(29,30,32,.48);
  -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
  backdrop-filter: blur(22px) saturate(1.18) !important;
  pointer-events: none;
}

@supports (background: color-mix(in srgb, #fff 10%, transparent)){
  .mm-lang-menu::before{
    background-color: color-mix(in srgb, var(--menu-button-bg-compact, var(--color-menu-glass)) 62%, transparent);
  }
}

.mm-lang-menu[hidden]{
  display: none !important;
}

.mm-lang-option{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.45rem;
  padding: 0 .95rem;
  border: 0;
  border-radius: 18px;
  background: rgba(8,9,10,.22);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: inherit;
  font-size: .9rem;
  line-height: 1;
  text-align: left;
  cursor: pointer;
  transition: background-color .18s ease;
  text-transform: none !important;
}

.mm-lang-option[aria-selected="true"]{
  background: rgba(8,9,10,.30);
}

.mm-lang-option:hover,
.mm-lang-option:focus-visible{
  background: rgba(8,9,10,.42);
  outline: none;
}

.mm-lang-option[aria-selected="true"]:hover,
.mm-lang-option[aria-selected="true"]:focus-visible{
  background: rgba(8,9,10,.50);
}

.mm-lang-select-wrap--footer{
  width: max-content;
  max-width: 100%;
  margin-left: auto;
  justify-self: end;
}

.mm-lang-select-wrap--footer .mm-lang-select-button{
  justify-content: flex-start;
  gap: .68rem;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 40px;
  padding: .52rem 2.35rem .52rem .68rem;
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255,255,255,.36), rgba(238,233,221,.25) 55%, rgba(255,255,255,.20)),
    rgba(247,243,232,.34);
  border-color: rgba(86,78,66,.13);
  box-shadow: 0 6px 14px rgba(70,60,48,.08);
  color: var(--color-text) !important;
  line-height: 1.2;
  opacity: .94;
}

.mm-lang-select-wrap--footer .mm-lang-select-button::before{
  content: attr(data-mm-lang-flag);
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(86,78,66,.12);
  background: rgba(255,255,255,.62);
  font-size: 1rem;
  line-height: 1;
}

.mm-lang-select-wrap--footer .mm-lang-select-button::after{
  right: .85rem;
  width: 8px;
  height: 8px;
}

.mm-lang-select-wrap--footer .mm-lang-caret{
  color: var(--color-text);
}

.mm-lang-select-wrap--footer .mm-lang-select-button:hover{
  background:
    linear-gradient(135deg, rgba(255,255,255,.54), rgba(238,233,221,.40) 55%, rgba(255,255,255,.32)),
    var(--mm-bg-hover);
  border-color: rgba(86,78,66,.20);
  box-shadow: 0 8px 18px rgba(70,60,48,.14);
  opacity: 1;
}

.mm-lang-select-wrap--footer .mm-lang-select-button:hover::before{
  border-color: rgba(86,78,66,.24);
  background: rgba(255,255,255,.90);
}

.mm-lang-select-wrap--footer .mm-lang-select-button [data-mm-lang-label]{
  flex: 0 0 auto;
  min-width: 0;
  max-width: none;
  font-size: .94rem;
  letter-spacing: 0;
  white-space: nowrap;
}

html[data-theme="dark"] .mm-lang-select-wrap--footer .mm-lang-select-button{
  color: rgba(247,243,232,.98) !important;
  border-color: rgba(204,196,182,.18);
  background:
    linear-gradient(135deg, rgba(58,60,64,.42), rgba(44,46,49,.36) 52%, rgba(74,76,80,.30)),
    rgba(20,21,23,.56);
  box-shadow: 0 6px 14px rgba(10,11,12,.26);
}

html[data-theme="dark"] .mm-lang-select-wrap--footer .mm-lang-select-button:hover{
  border-color: rgba(204,196,182,.38);
  background:
    linear-gradient(135deg, rgba(73,75,79,.62), rgba(55,57,60,.56) 52%, rgba(89,91,96,.46)),
    rgba(24,25,27,.82);
}

html[data-theme="dark"] .mm-lang-select-wrap--footer .mm-lang-select-button::before{
  border-color: rgba(204,196,182,.22);
  background: rgba(33,34,37,.86);
}

html[data-theme="dark"] .mm-lang-select-wrap--footer .mm-lang-select-button:hover::before{
  border-color: rgba(204,196,182,.34);
  background: rgba(47,48,51,.92);
}

@media (max-width: 736px){
  .language-switcher-menu.about .mm-lang-select-button,
  .language-switcher-menu.about .mm-lang-option{
    font-size: .9rem;
  }
}

.language-switcher a {
  position: relative;
  z-index: 99999;
}


@media (max-width: 768px) {
  .lang-select.glass option {
    font-size: 0;
  }
  .lang-select.glass option::before {
    content: attr(data-flag);
    font-size: 18px;
  }
}


#langSelect.lang-select.glass {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  box-sizing: border-box;


}

.skyline{
    bottom: 0;
    width: 40em;
    z-index: 1;
	margin: 0 auto;
	position: relative;
	margin-bottom: -5px;
}

.skyline-bottom{
	background-color: var(--color-footer-skyline-bottom);
	width: 100%;
	height:3em;
  bottom: 0;
}


.skyline-dark {
  display: none;
}


html[data-theme="dark"] .skyline-light {
  display: none;
}

html[data-theme="dark"] .skyline-dark {
  display: block;
}


  @media screen and (max-width: 736px) {
	.skyline{
    width: 100%;
    padding: 0 .7em;

}
  }

.viewport-header,
.scrollcontainer,
.language-switcher {
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateY(0);
  transition: transform 0.05s linear;
}

.quote-line {
  position: relative;
  display: inline-block;
  padding: 1em 2em !important;
  text-transform: uppercase;
  font-style: normal !important;
  font-size: 1.2em;
  color: #fff;
  border-radius: var(--radius);
  text-transform:none;
  font-family: "Caveat", cursive;
}


 .viewport-header h1 {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 0.8em;
  text-align: center;
  opacity: 0;
  transform: translateY(-320%);
  will-change: transform, opacity;
   white-space: nowrap;
   z-index: 9;
}


.viewport-header h1 span {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 1000;
  font-style: normal;
  display: block;
  font-size: 2.5em;
  letter-spacing: -0.05em;
  white-space: normal;
  margin-top: -0.3em;
}

.viewport-header p{
	color: #fff;
  margin-top: -3em;
}


.viewport-header h1{
  opacity: 1;
  transform: none;
  will-change: auto;
}


.viewport-header .mm-logo-intro,
.viewport-header .quote-line{
  opacity: 0;
  transform: translateY(-320%);
  will-change: transform, opacity;
}


.viewport-header .bounce-in{
  animation: bounceElastic 0.32s ease-out forwards;
  opacity: 1;
}

.viewport-header .mm-logo-intro.bounce-in{
  filter: var(--logo-intro-bounce-glow);
}

.viewport-header .bounce-out{
  animation: bounceElasticOut 0.32s ease-out forwards;
}


  @media screen and (max-width: 736px) {

	.viewport-header h1 {

	  font-size: 3.5vw;
	  span {
		font-size: 11vw;
    line-height: 40px;
	  }
	  p{
		  margin-top: -4em;
		  font-size: 3vw;
		  letter-spacing: 0.5vw;
		  color: #fff;
	  }
	  li{
		font-size: 3vw;

	}
	}

}

.viewport-header {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100vh;
  height: 100svh;
  min-height: 100vh;
  min-height: 100svh;
  max-height: 100vh;
  max-height: 100svh;
  overflow: hidden;
  --mm-hero-pull-y: 0px;
  --mm-hero-pull-progress: 0;
  --mm-intro-progress: 0;
  --mm-intro-image-y: 0px;
  --mm-intro-image-scale-adjust: 0;
  --mm-intro-image-blur-adjust: 0px;
  --mm-intro-overlay-opacity: 0;
  --mm-intro-title-y: 0px;
  --mm-intro-title-scale: 1;
  --mm-intro-title-opacity: 1;
  --mm-intro-logo-y: 0px;
  --mm-intro-logo-scale: 1;
  --mm-intro-logo-opacity: 1;
  --mm-intro-logo-base-scale: 1;
  transform: translate3d(0, var(--mm-hero-pull-y), 0);
  transition: transform 340ms cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}

.viewport-header.is-pulling {
  transition: none;
}

.viewport-header h1 {
  position: relative;
  z-index: 5;
  color: var(--color-text2);
  text-align: center;
}

.viewport-header .mmk-hero-title{
  position: absolute;
  top: 72%;
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 6;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2.2vw, 1.7rem);
  width: 100%;
  text-align: center;
  transform: translate3d(0, var(--mm-intro-title-y), 0) scale(var(--mm-intro-title-scale));
  transform-origin: center center;
  opacity: var(--mm-intro-title-opacity);
  transition: transform 180ms linear, opacity 180ms linear;
  will-change: transform, opacity;
}

.viewport-header .mmk-scroll-cue{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .72rem;
  min-height: 42px;
  padding: .58rem .9rem .58rem 1rem;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-size: clamp(.76rem, 1.6vw, .9rem);
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(8, 10, 14, .26);
  border: 1px solid rgba(255, 255, 255, .34);
  box-shadow: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  opacity: calc(1 - (var(--mm-intro-progress, 0) * 1.25));
  transform: translate3d(0, calc(var(--mm-intro-progress, 0) * -14px), 0);
  transition: opacity 180ms linear, transform 180ms linear, background-color .2s ease;
  pointer-events: auto;
}

.viewport-header .mmk-scroll-cue:hover,
.viewport-header .mmk-scroll-cue:focus-visible{
  background: rgba(8, 10, 14, .38);
  outline: 0;
}

.viewport-header .mmk-scroll-cue__icon{
  position: relative;
  width: 22px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.64);
  flex: 0 0 auto;
}

.viewport-header .mmk-scroll-cue__icon span{
  position: absolute;
  left: 50%;
  top: 6px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  transform: translateX(-50%);
  animation: mmScrollCueDot 1.15s cubic-bezier(.22, .75, .2, 1) infinite;
}

body.home-page .viewport-header .mmk-scroll-cue,
body.shoot-page .viewport-header .mmk-scroll-cue{
  width: 44px;
  min-width: 44px;
  height: 52px;
  min-height: 52px;
  padding: 0;
  gap: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.home-page .viewport-header .mmk-scroll-cue:hover,
body.home-page .viewport-header .mmk-scroll-cue:focus-visible,
body.shoot-page .viewport-header .mmk-scroll-cue:hover,
body.shoot-page .viewport-header .mmk-scroll-cue:focus-visible{
  background: transparent;
}

body.home-page .viewport-header .mmk-scroll-cue__label,
body.shoot-page .viewport-header .mmk-scroll-cue__label{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

body.home-page .viewport-header .mmk-scroll-cue__icon,
body.shoot-page .viewport-header .mmk-scroll-cue__icon{
  width: 26px;
  height: 38px;
  border-color: rgba(255,255,255,.76);
  background: rgba(8, 10, 14, .18);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

@keyframes mmScrollCueDot{
  0% { transform: translate(-50%, 0); opacity: 0; }
  22% { opacity: 1; }
  70% { transform: translate(-50%, 11px); opacity: 1; }
  100% { transform: translate(-50%, 15px); opacity: 0; }
}

@media (max-width: 736px){
  .viewport-header .mmk-scroll-cue{
    min-height: 40px;
    padding: .54rem .78rem .54rem .86rem;
    gap: .58rem;
    font-size: .72rem;
    letter-spacing: .07em;
  }

  body.home-page .viewport-header .mmk-scroll-cue,
  body.shoot-page .viewport-header .mmk-scroll-cue{
    width: 58px;
    min-width: 58px;
    height: 66px;
    min-height: 66px;
    padding: 0;
  }

  body.home-page .viewport-header .mmk-scroll-cue__icon,
  body.shoot-page .viewport-header .mmk-scroll-cue__icon{
    width: 42px;
    height: 58px;
    border: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body.home-page .viewport-header .mmk-scroll-cue__icon::before,
  body.shoot-page .viewport-header .mmk-scroll-cue__icon::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 7px;
    width: 1px;
    height: 38px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.78), rgba(255,255,255,0));
    transform: translateX(-50%);
    opacity: .56;
  }

  body.home-page .viewport-header .mmk-scroll-cue__icon::after,
  body.shoot-page .viewport-header .mmk-scroll-cue__icon::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 6px;
    width: 10px;
    height: 10px;
    border-top: 1.5px solid rgba(255,255,255,.88);
    border-left: 1.5px solid rgba(255,255,255,.88);
    transform: translateX(-50%) rotate(45deg);
    opacity: .82;
  }

  body.home-page .viewport-header .mmk-scroll-cue__icon span,
  body.shoot-page .viewport-header .mmk-scroll-cue__icon span{
    top: auto;
    bottom: 6px;
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 0 0 7px rgba(255,255,255,.14);
    animation: mmSwipeCueUp 1.35s cubic-bezier(.22, .75, .2, 1) infinite;
  }
}

@keyframes mmSwipeCueUp{
  0% { transform: translate(-50%, 8px) scale(.86); opacity: 0; }
  18% { opacity: 1; }
  70% { transform: translate(-50%, -34px) scale(1); opacity: 1; }
  100% { transform: translate(-50%, -42px) scale(.92); opacity: 0; }
}

@media (prefers-reduced-motion: reduce){
  .viewport-header .mmk-scroll-cue__icon span{
    animation: none;
    opacity: 1;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.viewport-header .mmk-logo--intro-fixed{
  transform: translate3d(0, var(--mm-intro-logo-y), 0) scale(calc(var(--mm-intro-logo-base-scale, 1) * var(--mm-intro-logo-scale)));
  transform-origin: center center;
  opacity: var(--mm-intro-logo-opacity);
  filter: drop-shadow(0 1.1rem 2.4rem rgba(0, 0, 0, calc(.14 + (var(--mm-intro-progress, 0) * .14))));
  transition: transform 180ms linear, opacity 180ms linear, filter 220ms linear;
  will-change: transform, opacity, filter;
}

.viewport-header .header-blogimage-overlay::before{
  content: "";
  position: absolute;
  inset: -10%;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,255,255,.16), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 30%);
  opacity: calc(.16 + var(--mm-intro-overlay-opacity, 0));
  transform: translate3d(0, calc(var(--mm-intro-progress, 0) * -4vh), 0) scale(calc(1 + (var(--mm-intro-progress, 0) * .08)));
  transform-origin: center top;
  transition: transform 180ms linear, opacity 180ms linear;
  will-change: transform, opacity;
}


.scroll-hint {
  position: absolute;
  left: 50%;
  bottom: 2em;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  margin-top: 0;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  transition: transform .25s ease;
  z-index: 9;
}

.scroll-hint:hover {
  transform: translate(-50%, 2px);
}


.scroll-indicator {
  width: clamp(26px, 4.5vw, 34px);
  height: clamp(42px, 7vw, 54px);
  border-radius: 999px;
  border: 1.5px solid #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255,255,255,0.05);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}


.scroll-dot {
  width: clamp(4px, 1vw, 6px);
  height: clamp(4px, 1vw, 6px);
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  animation: scroll-fall 1.3s cubic-bezier(.25,.6,.25,1) infinite;
}

@keyframes scroll-fall {
  0%   { transform: translate(-50%, -10%); opacity: 0; }
  20%  { opacity: 1; }
  60%  { transform: translate(-50%, 50%); opacity: 1; }
  100% { transform: translate(-50%, 70%); opacity: 0; }
}


.scroll-finger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 30%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 10px var(--color-scroll-finger-box-shadow);
  opacity: 0;
  pointer-events: none;
}


.scroll-finger::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  width: 3px;
  height: 0;
  border-radius: 999px;
  background: linear-gradient(
    to top,
    var(--color-scroll-finger-box-shadow),
    rgba(255,255,255,0)
  );
  opacity: 0;
}


.scroll-finger::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid var(--color-scroll-finger-box-shadow);
  transform: scale(0.6);
  opacity: 0;
}


@media (hover: none) and (pointer: coarse) {
  .scroll-dot { display: none; }
  .scroll-finger { animation: swipe-up-inside 1.3s ease-in-out infinite; }
  .scroll-finger::after { animation: swipe-trail-inside 1.3s ease-in-out infinite; }
  .scroll-finger::before { animation: swipe-ripple 1.3s ease-out infinite; }
}


@keyframes swipe-up-inside {
  0%   { transform: translate(-50%, 30%); opacity: 0; }
  15%  { opacity: 1; }
  60%  { transform: translate(-50%, -20%); opacity: 1; }
  100% { transform: translate(-50%, -30%); opacity: 0; }
}


@keyframes swipe-trail-inside {
  0%   { height: 0; opacity: 0; }
  20%  { height: 0; opacity: 0; }
  60%  { height: 18px; opacity: .5; }
  100% { height: 26px; opacity: 0; }
}


@keyframes swipe-ripple {
  0%   { opacity: 0; transform: scale(0.6); }
  20%  { opacity: .6; }
  45%  { opacity: 0; transform: scale(1); }
  100% { opacity: 0; }
}


@media (prefers-reduced-motion: reduce) {
  .scroll-finger,
  .scroll-finger::after,
  .scroll-finger::before {
    animation: none !important;
    opacity: .8;
  }
}

  .chevron {
	position: absolute;
	width: 28px;
	height: 1px;
	opacity: 0;
	animation: move 3s ease-out infinite;
  }

  .chevron:first-child {
	animation: move 3s ease-out 1s infinite;
  }

  .chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite;
  }

  .chevron:before,
  .chevron:after {
	content: ' ';
	position: absolute;
	top: 0;
	height: 100%;
	width: 51%;
	background: #fff;
  }

  .chevron:before {
	left: 0;
	transform: skew(0deg, 30deg);
  }

  .chevron:after {
	right: 0;
	width: 50%;
	transform: skew(0deg, -30deg);
  }

  @keyframes move {
	25% {
	  opacity: 1;

	}
	33% {
	  opacity: 1;
	  transform: translateY(30px);
	}
	67% {
	  opacity: 1;
	  transform: translateY(40px);
	}
	100% {
	  opacity: 0;
	  transform: translateY(55px) ;
	}
  }

  .text {
	display: block;
	margin-top: 140px;
	font-size: 12px;
	color: var(--color-mm-grey);
	text-transform: uppercase;
	white-space: nowrap;
	opacity: .25;
	animation: pulse 2s linear alternate infinite;
	text-shadow: 0 0 6px rgba(255, 255, 255, 0.5),
               0 0 12px rgba(0, 0, 0, 0.4);
  }

  @keyframes pulse {
	to {
	  opacity: 1;
	}
  }

.logo_intro{
	width: 15vw;
  }

  @media screen and (max-width: 736px) {

	.logo_intro{
	  width: 35vw;
	}
}


  .viewport-header {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 150%;
	line-height: 1.4;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  }

  .viewport-header {
  position: relative;
  width: 100%;
  height: 115vh;
  overflow: hidden;
  display: flex;
  padding-bottom: 15vh;
}


.viewport-header{
  position: relative;
  overflow: hidden;
}


.viewport-header .header-blogimage{
  position: absolute;

  width: 130%;
  height: 130%;
  z-index: 0;

  transform: translate(-50%, -5%);
  object-fit: cover;
  filter: blur(8px);


  -webkit-transform: translate(-50%, -5%) translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform, filter;


  outline: 1px solid transparent;
}


.viewport-header .header-blogimage-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.mm-hero-pull-indicator,
.mm-feed-pull-indicator {
  position: fixed;
  left: 50%;
  top: max(.7rem, env(safe-area-inset-top, 0px));
  z-index: 9999;
  width: 4.35rem;
  height: 4.35rem;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(-50%, -6.25rem, 0) scale(.78);
  transition: transform 340ms cubic-bezier(.22, 1, .36, 1), opacity 220ms ease;
  will-change: transform, opacity;
}

.mm-hero-pull-indicator.is-visible,
.mm-feed-pull-indicator.is-visible {
  opacity: calc(var(--mm-feed-pull-progress, var(--mm-hero-pull-progress, 0)) * 1.08);
  visibility: visible;
  transform: translate3d(-50%, calc(-6.25rem + var(--mm-feed-pull-y, var(--mm-hero-pull-y, 0px))), 0) scale(calc(.78 + (var(--mm-feed-pull-progress, var(--mm-hero-pull-progress, 0)) * .2)));
}

.viewport-header.is-pulling + .mm-hero-pull-indicator,
.mm-hero-pull-indicator.is-pulling,
.mm-feed-pull-indicator.is-pulling {
  transition: none;
}

.mm-hero-pull-indicator__badge,
.mm-feed-pull-indicator__badge {
  position: relative;
  width: 3.35rem;
  height: 3.35rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(247, 243, 232, .78);
  border: 1px solid rgba(22, 27, 35, .12);
  box-shadow:
    0 1rem 2.7rem rgba(0, 0, 0, .16),
    inset 0 1px 0 rgba(255, 255, 255, .48);
  backdrop-filter: blur(16px) saturate(135%);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
}

.mm-hero-pull-indicator__logo,
.mm-feed-pull-indicator__logo {
  width: 2.15rem;
  height: 2.15rem;
  display: block;
  opacity: .88;
  filter: drop-shadow(0 .22rem .5rem rgba(0,0,0,.12));
}

.mm-hero-pull-indicator__ring,
.mm-feed-pull-indicator__ring {
  display: none;
  animation: none;
}


.viewport-header .header-blogimage-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--intro-photo-veil);
}

.viewport-header .header-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.viewport-header .header-overlay {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  text-align: center;
  background: rgba(0,0,0,0.3);
}


.header-ladybug {
  position: absolute;
  margin-top: -2px;
  left: 7px;
}

.header-ladybug img {
  height: 20px;
}

@media (max-width: 768px) {
.header-ladybug {
  position: absolute;
  margin-top: -2px;
  left: 1px;
}

.header-ladybug img {
  height: 15px;
}
}

.header-giraf {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.header-giraf img {
  height: 70vh;
}

@media (max-width: 768px) {
	.header-giraf {
  position: absolute;
  right: 0;
  top: 30%;
  transform: translateY(-30%);
}

  .header-giraf img {
  height: 50vh;
}
}

.header-vlinder {
  position: absolute;
  right: 2em;
  top: 2em;
}

.header-vlinder img {
  height: 75px;
}

@media (max-width: 768px) {
.header-vlinder {
  position: absolute;
  right: 2em;
  top: 2em;
}

.header-vlinder img {
  height: 50px;
}
}


.inline-image img {
  max-height: 700px;

}

.leestijd{
    width: 100%;
    text-align: left;
    color: var(--color-leestijd);
}


@media (max-width: 768px) {
  .inline-image img {
    max-height: none;
  }
}

.geentoegang{
	position: fixed;
  top: -4em;
  left: 0;
  width: 100%;
  height: calc(100% + 4em);
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  text-align: center;
}

.geentoegang h1{
	color: #fff;
}

.author-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
}

.author-info {
  display: flex;
  align-items: center;
  gap: 15px;
}

.author-info img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.author-info span {
  font-size: 0.95em;
  font-weight: bold;
  color: #999;
}

.author-date {
  font-size: 0.95em;
  color: #999 ;
  white-space: nowrap;
}
.author-date b{
  color: #999 ;
}

#blog-view strong, .footer_bottom strong {
    color: var(--color-text) !important;
    font-family: "San Francisco bold";
}

#blog-view strong {
    color: var(--color-text) !important;
    font-family: "San Francisco bold";
}
#blog-view hr  {
    margin-top: 3em;
    margin-bottom: 3em;

}

@media (max-width: 768px) {
  #blog-view hr  {
    margin-top: 1em;
    margin-bottom: 1em;

}
}

#blog-view ul {
  list-style: none;
  padding-left: 0;
  margin: 0px !important;
}

#blog-view li {
  position: relative;
  margin-bottom: 15px !important;
  font-size: 17px;
  line-height: 1.6;
  color: var(--color-text);
  background-color: #ffffff38;
  padding: 1em;
  border-radius: var(--radius) !important;
  text-align: center;
}


#blog-view img.profiel_content {
  position: relative;
  z-index: 1;
  max-height: 600px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  object-fit: contain;
  background-color: transparent;
}

#blog-view figure.inline-image.mm-cms-media--has-max-height .blur-wrapper.mm-cms-media__wrap {
  height: min(var(--mm-cms-max-height), 70vh) !important;
  max-height: none !important;
  border-radius: var(--mm-cms-radius, 20px) !important;
}

#blog-view figure.inline-image.mm-cms-media--has-max-height img.profiel_content.mm-cms-media__img {
  max-height: 100% !important;
  height: auto !important;
  width: auto !important;
  border-radius: 0 !important;
}

#blog-view figure.inline-image.mm-cms-media:not(.mm-cms-media--has-max-height),
#blog-view figure.inline-image.mm-cms-media:not(.mm-cms-media--has-max-height) .blur-wrapper.mm-cms-media__wrap,
#blog-view figure.inline-image.mm-cms-media:not(.mm-cms-media--has-max-height) img.profiel_content.mm-cms-media__img {
  border-radius: var(--mm-cms-radius, 20px) !important;
}


#blog-view img.profiel_content::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  filter: blur(20px);
  transform: scale(1.1);
  z-index: -1;
}

.blur-wrapper {
  position: relative;
  width: 100%;
  max-height: 600px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blur-wrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  background: inherit;
  background-size: cover;
  background-position: center;
  filter: blur(20px);
  transform: scale(1.1);
  z-index: 1;
}

.cms-page-body .mm-media-embed,
.cms-page-content .mm-media-embed {
  margin: 1.5rem auto;
}

.cms-page-body__inner {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.cms-page-body .mm-media-embed--image,
.cms-page-content .mm-media-embed--image,
#blog-view .mm-media-embed--image {
  width: min(100%, var(--mm-media-width, 100%));
}

.cms-page-body .mm-media-embed__frame,
.cms-page-content .mm-media-embed__frame,
#blog-view .mm-media-embed__frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  border-radius: var(--mm-media-radius, 1.5rem);
  background: #0f172a;
}

.cms-page-body .mm-media-embed--image[data-mm-media-max-height]:not([data-mm-media-max-height="0"]) .mm-media-embed__frame,
.cms-page-content .mm-media-embed--image[data-mm-media-max-height]:not([data-mm-media-max-height="0"]) .mm-media-embed__frame,
#blog-view .mm-media-embed--image[data-mm-media-max-height]:not([data-mm-media-max-height="0"]) .mm-media-embed__frame,
.cms-page-body .mm-media-embed--image[style*="--mm-media-max-height"] .mm-media-embed__frame,
.cms-page-content .mm-media-embed--image[style*="--mm-media-max-height"] .mm-media-embed__frame,
#blog-view .mm-media-embed--image[style*="--mm-media-max-height"] .mm-media-embed__frame {
  height: min(var(--mm-media-max-height), 70vh);
}

.cms-page-body .mm-media-embed__blur,
.cms-page-content .mm-media-embed__blur,
#blog-view .mm-media-embed__blur {
  position: absolute;
  inset: 0;
  background-image: var(--mm-media-image);
  background-size: cover;
  background-position: center;
  filter: blur(24px);
  transform: scale(1.12);
  opacity: 0.94;
  border-radius: inherit;
}

#blog-view .mm-media-embed--image[data-mm-media-rounded="0"] .mm-media-embed__frame,
#blog-view .mm-media-embed--image[data-mm-media-rounded="0"] .mm-media-embed__blur,
#blog-view .mm-media-embed--image[data-mm-media-rounded="0"] .mm-media-embed__picture {
  border-radius: 0 !important;
}

@media (min-width: 601px) {
  #blog-view .mm-media-embed--image[data-mm-media-rounded="1"] .mm-media-embed__frame,
  #blog-view .mm-media-embed--image[data-mm-media-rounded="1"] .mm-media-embed__blur,
  #blog-view .mm-media-embed--image[data-mm-media-rounded="1"] .mm-media-embed__picture {
    border-radius: var(--mm-media-radius, 1.5rem) !important;
  }
}

.cms-page-body .mm-media-embed__picture,
.cms-page-content .mm-media-embed__picture,
#blog-view .mm-media-embed__picture {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.cms-page-body .mm-media-embed--image[data-mm-media-max-height]:not([data-mm-media-max-height="0"]) .mm-media-embed__picture,
.cms-page-content .mm-media-embed--image[data-mm-media-max-height]:not([data-mm-media-max-height="0"]) .mm-media-embed__picture,
#blog-view .mm-media-embed--image[data-mm-media-max-height]:not([data-mm-media-max-height="0"]) .mm-media-embed__picture,
.cms-page-body .mm-media-embed--image[style*="--mm-media-max-height"] .mm-media-embed__picture,
.cms-page-content .mm-media-embed--image[style*="--mm-media-max-height"] .mm-media-embed__picture,
#blog-view .mm-media-embed--image[style*="--mm-media-max-height"] .mm-media-embed__picture {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.cms-page-body .mm-media-embed__image,
.cms-page-content .mm-media-embed__image,
#blog-view .mm-media-embed__image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: inherit;
}

.cms-page-body .mm-media-embed--image[data-mm-media-max-height]:not([data-mm-media-max-height="0"]) .mm-media-embed__image,
.cms-page-content .mm-media-embed--image[data-mm-media-max-height]:not([data-mm-media-max-height="0"]) .mm-media-embed__image,
#blog-view .mm-media-embed--image[data-mm-media-max-height]:not([data-mm-media-max-height="0"]) .mm-media-embed__image,
.cms-page-body .mm-media-embed--image[style*="--mm-media-max-height"] .mm-media-embed__image,
.cms-page-content .mm-media-embed--image[style*="--mm-media-max-height"] .mm-media-embed__image,
#blog-view .mm-media-embed--image[style*="--mm-media-max-height"] .mm-media-embed__image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 0;
}

.cms-page-body .mm-media-embed__caption,
.cms-page-content .mm-media-embed__caption,
#blog-view .mm-media-embed__caption {
  margin-top: .85rem;
  font-size: .98rem;
  text-align: center;
  opacity: .8;
}

@media (max-width: 900px) {
  .cms-page-body .mm-media-embed--image[data-mm-media-width="100"],
  .cms-page-content .mm-media-embed--image[data-mm-media-width="100"],
  .cms-page-body figure.mm-media-embed--image[data-mm-media-width="100"],
  .cms-page-content figure.mm-media-embed--image[data-mm-media-width="100"],
  .cms-page-body .mm-media-embed--image[style*="--mm-media-width:100%"],
  .cms-page-content .mm-media-embed--image[style*="--mm-media-width:100%"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
  }

  .cms-page-body__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}


@media (min-width: 901px) {
  #blog-view figure.inline-image:not(.mm-cms-media),
  #blog-view figure.inline-image:not(.mm-cms-media) .blur-wrapper,
  #blog-view figure.inline-image:not(.mm-cms-media) img.profiel_content {
    border-radius: 2em !important;
  }
}


@media (max-width: 600px) {
  .blur-wrapper::before,
  #blog-view img.profiel_content::before {
    display: none !important;
  }

  .blur-wrapper:not(.mm-cms-media__wrap) {
    border-radius: 0;
    overflow: hidden;
    background: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #blog-view img.profiel_content:not(.mm-cms-media__img) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    background-color: transparent !important;
    aspect-ratio: auto !important;
    border-radius: 0;
  }

  #blog-view figure.mm-media-embed--image {
    width: auto !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
  }

  #blog-view .mm-media-embed__frame,
  #blog-view .mm-media-embed__picture {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    aspect-ratio: auto !important;
  }

  #blog-view .mm-media-embed__image {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(78svh, 760px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
  }

  #blog-view .mm-media-embed__blur {
    border-radius: 0 !important;
  }

  #blog-view .mm-media-embed__frame,
  #blog-view .mm-media-embed__picture {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }

  #blog-view figure.inline-image .blur-wrapper::before,
  #blog-view .mm-media-embed__blur {
    display: block !important;
    z-index: 0 !important;
  }

  #blog-view figure.inline-image img.profiel_content,
  #blog-view .mm-media-embed__picture,
  #blog-view .mm-media-embed__image {
    position: relative !important;
    z-index: 2 !important;
  }

  #blog-intro img {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


  #blog-view figure.inline-image img,
  #blog-view .blur-wrapper img.profiel_content {
    transition: none !important;
    transform: none !important;
  }

  #blog-view figure.inline-image:hover img,
  #blog-view figure:hover img {
    transform: none !important;
  }

  #blog-view figure.inline-image.mm-cms-media--has-max-height .blur-wrapper.mm-cms-media__wrap {
    background-image: var(--mm-cms-bg) !important;
    background-size: cover !important;
    background-position: center !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 0 !important;
  }

  #blog-view figure.inline-image.mm-cms-media--has-max-height .blur-wrapper.mm-cms-media__wrap::before {
    display: block !important;
  }

  #blog-view figure.inline-image.mm-cms-media--has-max-height img.profiel_content.mm-cms-media__img {
    width: auto !important;
    max-width: 100% !important;
    max-height: min(78svh, 760px) !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
  }

  #blog-view figure.inline-image.mm-cms-media,
  #blog-view figure.inline-image.mm-cms-media .blur-wrapper.mm-cms-media__wrap,
  #blog-view figure.inline-image.mm-cms-media img.profiel_content.mm-cms-media__img {
    border-radius: 0 !important;
  }
}

#blog-view figure {
  margin: 2em 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#blog-view figure img {
  width: 100%;
  height: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}

#blog-view figure:hover img {
  transform: scale(1.02);
}

#blog-view figcaption {

    color: #ffffff;
    text-align: center;
    font-size: 12px;
    z-index: 1;
	padding: 0.5em 0.5em;
}

@media (max-width: 600px) {
  #blog-view figcaption {
    padding: 5px 10px;
    margin: 0.8em 05em;
	width: calc(100% - 1em);
  }
}

.grid-container-blog {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

.blok-blog {
  border-radius: 10px;
}

@media (max-width: 768px) {
  .grid-container-blog {
    grid-template-columns: 1fr;
  }
}

h2, h3, h4, b{
    color: #4b4b4b;
}


.pswp-caption h3{
	color: #fff !important;
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.08;
  margin-bottom: 0;
}

h2.dark, h3.dark, h4.dark, b.dark{
    color: var(--color-mm-grey);
}

fieldset {
  border: 1px solid #999 !important;
  border-radius: var(--radius-inner);
  padding: 20px;
  margin: 20px 0;
  width: 100%;
}

legend {
  padding: 0em 1em !important;
  font-weight: bold;
  color: #999 !important;
  text-align: center;
}
.rating-blog {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  width: 100%;
}


.rating-blog {
  display: block;
}

.rating-blog > div {
  display: block;
  width: 100%;
}

.rating-stars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 20px 0;
  flex-wrap: wrap;
  text-align: center;
}

.rating-stars .star {
  font-size: 32px;
  color: var(--color-mm-grey);
  cursor: pointer;
  transition: transform 0.2s ease;
}

.rating-stars .star:hover {
  transform: scale(1.2);
}

.rating-stars .star.selected {
  color: gold;
}

.rating-blog .avg-score {
  font-size: 14px;
  color: var(--color-text);
  margin-left: 10px;
  text-align: center;
}

.share-container {
  margin: 0px auto;
}

.share-container h2 {
  margin-bottom: 20px;
  color: var(--color-text) !important;
}

.share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.share-btn {
  padding: 10px 18px;
  border-radius: var(--radius);
  border: none;
  font-size: 0.95em;
  color: #fff;
  background-color: #888;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
}

.share-btn:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

.share-btn i {
  font-size: 1.2em;
  position: relative;
  top: 1px;
}

.share-btn.facebook { background-color: #3b5998; }
.share-btn.twitter  { background-color: #1da1f2; }
.share-btn.whatsapp { background-color: #25d366; }
.share-btn.copylink { background-color: #444; }

.copy-feedback {
  margin-top: 15px;
  font-size: 0.9em;
  color: green;
  display: none;
}


#blog-intro {
margin-top: 50px;
  color: #fff !important;
  font-style: italic;
}

p.blog-intro{
	color: #fff !important;
}

#blog-intro::before {
  content: "“";
  font-size: 4em;
  position: absolute;
  left: 20px;
  top: -10px;
  color: var(--color-yellow);
}

.reactie-melding {
  padding: 1.0em 1.5em;
  border-radius: var(--radius);
  margin-top: 20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}


.reactie-succes {
  background: #006600;
  color: #fff;
  display: inline-block;
  margin-bottom: -10px;
}

.reactie-fout {
    background: #d21313;
    color: #fff;
    display: inline-block;
	margin-bottom: -10px;
}


#emoji-bar {
  float: left;
  padding: 0 2em;
}

#emoji-bar button{
  line-height: 2em;
}

@media screen and (max-width: 600px) {

	#emoji-bar {
  padding: 0 1em;
}

}

#reacties{
	margin-top: 2em;
  border-radius: var(--radius);

}

@media screen and (max-width: 736px) {

	#reacties{
		padding-top: 2em;
		padding-bottom: 2em;
	border-radius: 0;

	}

}

.reactie-text-container{
	background-color: none;
	border-radius: var(--radius-inner);
}

.emoji-button {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  transition: transform 0.2s ease;
  margin-right: 5px;
  padding: 0px;
  box-shadow: inset 0 0 0 0px #000;
}


.emoji-button:hover {
  transform: scale(1.2);
  background: none;
  border: none;
  box-shadow: inset 0 0 0 0px #000;
}

#reactieForm textarea, #reactieForm input {
  border-radius: var(--radius-inner);
  margin-top: 0px !important;
  margin-bottom: 1em;
  background-color: #fff !important;
  color: var(--color-text) !important;
}

#reactieForm textarea {
  min-height: 120px;
  resize: vertical;
  min-height: 200px;
  line-height: 25px;
}

@media screen and (max-width: 736px) {
 #reactieForm textarea {
  padding: 1em;
}

}

.reactie-items {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media screen and (max-width: 736px) {
	.reactie-items {
  gap: 10px;
}
}

.reactie-item {
  display: inline-block;
  background-color: #f9f9f9;
  border-radius: var(--radius);
  padding: 1.5em 2em;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  position: relative;
  min-width: 150px;
  word-wrap: break-word;
}

@media screen and (max-width: 736px) {
	.reactie-item {
	padding: 1.5em;
	}
}


.reactie-item::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: -8px;
  width: 20px;
  height: 20px;
  background-color: #f9f9f9;
  border-bottom-right-radius: 16px;
  transform: rotate(45deg);
  box-shadow: -1px 1px 2px rgba(0,0,0,0.03);
}

.reactie-item:nth-child(even) {
  background-color: #f9f9f9;
}

.reactie-item:nth-child(odd) {
  background-color: #b8d9d1;
}

.reactie-item:nth-child(odd)::after {
  background-color: #b8d9d1;
}

.reactie-item:nth-child(even)::after {
  background-color: #f9f9f9;
}


.reactie-items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.reactie-items li {
  list-style: none;
}


.reactie-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 8px;
  gap: 20px;
}

.reactie-header-left{
  justify-content: left;
}
.reactie-header-right{
  justify-content: right;
}

@media (max-width: 600px) {
  .reactie-header {
    gap: 10px;
  }
  .emoji-button {
  margin-right: 2px;
}
}

.reactie-naam {
  font-weight: 600;
  color: #232323;
  font-size: 16px;
}

.reactie-datum {
  font-size: 13px;
  color: #666;
}

.reactie-tekst {
  font-size: 15px;
  color: var(--color-reactie-tekst);
  white-space: pre-wrap;
  margin-top: 20px;
  margin-bottom: 0;
}

p.reactie-tekst{
  color: var(--color-reactie-tekst-p) !important;
}

.rating-stars .star.selected {
  color: gold;
}

.rating-stars .star {
  cursor: pointer;
  color: #ccc;
  transition: color 0.3s ease;
}

.grecaptcha-badge {
  bottom: -70px !important;
  right: -70px !important;
  opacity: 0.2;
  z-index: 1;
}


.highlighted-content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25em;
  align-items: stretch;
  margin-top: 1em;
}

.highlighted-content-grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.highlighted-content-grid--single .highlighted-blog-figure {
  height: 430px;
  background: #050505;
}

.highlighted-content-grid--single .highlighted-blog-img {
  object-fit: contain;
}

.highlighted-content-grid--single .highlighted-blog-overlay > h2 {
  max-width: 18ch;
}

.highlighted-content-grid--single .highlighted-blog-overlay > .blog-intro {
  max-width: 44rem;
}

.highlighted-blog-wrapper {
  display: block;
  width: 100%;
  border-radius: var(--radius);
  overflow: visible;
  position: relative;
  margin-top: .9rem;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}


.highlighted-blog-figure {
  position: relative;
  width: 100%;
  height: 400px;
  border-radius: var(--radius);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 12px 32px rgba(0,0,0,.12);
  transition: box-shadow .3s ease, filter .3s ease;
}


.highlighted-blog-blur-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(30px);
  transform: scale(1.1);
  z-index: 1;
  transition: transform .42s cubic-bezier(.22,1,.36,1), filter .32s ease, opacity .32s ease;
}


.highlighted-blog-img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  border-radius: 0;
  transition: transform .42s cubic-bezier(.22,1,.36,1), filter .32s ease;
}


.highlighted-blog-overlay {
  position: absolute;
  inset: 0;
  z-index: 3;

  display: flex;
  flex-direction: column;


  justify-content: flex-end;


  align-items: center;


  padding: 2.5em 1.5em 2em;

  text-align: center;


  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.55),
    rgba(0, 0, 0, 0.05)
  );
  transition:
    padding .32s cubic-bezier(.22,1,.36,1),
    background .32s ease;
}


.highlighted-blog-overlay > h2 {
  font-size: clamp(1.35rem, 2.15vw, 1.95rem);
  margin-bottom: 0.5em;
  color: #fff !important;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  line-height: 1.12;
  text-transform: none;
  letter-spacing: 0;
  max-width: 10ch;
  margin-left: auto;
  margin-right: auto;
  transition:
    transform .32s cubic-bezier(.22,1,.36,1),
    text-shadow .32s ease;
}


.highlighted-blog-overlay > .blog-intro {
  color: #eee !important;
  font-style: italic;
  font-size: 1rem;
  line-height: 1.45;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  max-width: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  transition: transform .32s cubic-bezier(.22,1,.36,1), opacity .32s ease;
}

@media (hover: hover) and (pointer: fine) {
  .highlighted-blog-wrapper:hover .highlighted-blog-figure,
  .highlighted-blog-wrapper:focus-visible .highlighted-blog-figure {
    box-shadow: 0 22px 54px rgba(0,0,0,.20);
  }

  .highlighted-blog-wrapper:hover .highlighted-blog-img,
  .highlighted-blog-wrapper:focus-visible .highlighted-blog-img {
    transform: translateY(-8px);
    filter: saturate(1.04) contrast(1.02);
  }

  .highlighted-blog-wrapper:hover .highlighted-blog-blur-img,
  .highlighted-blog-wrapper:focus-visible .highlighted-blog-blur-img {
    transform: scale(1.13) translateY(8px);
    opacity: .82;
  }

  .highlighted-blog-wrapper:hover .highlighted-blog-overlay,
  .highlighted-blog-wrapper:focus-visible .highlighted-blog-overlay {
    padding-bottom: 2.35em;
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.68),
      rgba(0, 0, 0, 0.18) 58%,
      rgba(0, 0, 0, 0.02)
    );
  }

  .highlighted-blog-wrapper:hover .highlighted-blog-overlay > h2,
  .highlighted-blog-wrapper:focus-visible .highlighted-blog-overlay > h2 {
    transform: translateY(-8px);
    text-shadow: 0 12px 26px rgba(0,0,0,.34);
  }

  .highlighted-blog-wrapper:hover .highlighted-blog-overlay > .blog-intro,
  .highlighted-blog-wrapper:focus-visible .highlighted-blog-overlay > .blog-intro {
    transform: translateY(-4px);
    opacity: .96;
  }

  .highlighted-blog-wrapper:hover .badge-blog--highlight,
  .highlighted-blog-wrapper:focus-visible .badge-blog--highlight {
    transform: translateY(5px);
    background: rgba(255,255,255,.20);
    border-color: rgba(255,255,255,.16);
  }
}


.highlighted-blog-button {
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.4),
              inset 0 -1px 4px rgba(0,0,0,0.2),
              0 4px 20px rgba(0,0,0,0.1);
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0.05));
  color: #fff;
  border-radius: var(--radius);
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;
  padding: 1.2em 2em;
}

.highlighted-blog-button:hover {
	color: #e0e0e0 !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.2),
              inset 0 -1px 4px rgba(255,255,255,0.4),
              0 4px 20px rgba(0,0,0,0.1);
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0.05));
}


@media (max-width: 768px) {
  .highlighted-content-grid {
    grid-template-columns: 1fr;
    gap: 1em;
  }

	.highlighted-blog-figure,
  .highlighted-content-grid--single .highlighted-blog-figure {
    height: auto;
    aspect-ratio: 4 / 5;
  }

  .highlighted-blog-img {
    position: absolute;
    inset: 0;
  }

  .highlighted-blog-overlay > h2 {
    font-size: clamp(1.2rem, 6.8vw, 1.65rem);
    line-height: 1.14;
    max-width: 11ch;
  }

  .highlighted-blog-overlay > .blog-intro {
    font-size: 0.95rem;
    width: 100%;
    max-width: none;
  }

  .highlighted-blog-button {
    font-size: 0.9em;
  }
}

.soort_menu ul {
	padding-left: 0;
}

.newpost{
	z-index: 9;
}


.soort_menu a{
	color: #fff;
	text-decoration: none;
	line-height: 35px;
	font-size: 16px;
}

.soort_menu ul{
	text-align: center;

}

.soort_menu li{
    list-style: none;
    text-transform: uppercase;
    padding: 5px 5px;
    text-decoration: none;
    width: 40px;
    height: 40px;
    text-shadow: #000000 0px 0 1px;
}

.soort_menu li:hover{
	background-color: #000;
	border-radius: var(--radius);
	color: #fff;
}


#progress-bar {
	display: none;
}

  #progress-bar.small {
	--scrollAmount: 0%;
	display: block;
	background-color: #0000000f;
	width: var(--scrollAmount);
	height: 80px;
	margin-top: 0px;
	top: 1px;
	z-index: -1;
}

#progress-bar-container{
	position: fixed;
	top: 0px;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 63px;
	border-radius: var(--radius);
	z-index: -1;
}


.logo2{
	width: 8em;
}

.logo_gold{
	width: 6em;
	border-radius: var(--radius);
}

@media screen and (max-width: 736px) {


	.account_icon{
		font-size: 18px;
        position: relative;
        text-decoration: none;
        top: -60px;
        left: 5px;
        display: block;
        width: 1.5em;
		color: #fff;
	}

	.zoek_header{
		display: none;
	}

}

.icon_foto{
	width: 15px;
	margin-right: 3px;
	position: absolute;
	margin-top: 6px;
}

.icon_foto2{
	display: none;
}


.foto_detail-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .65em;
}

.foto_detail-container > :nth-child(4) {
  grid-column: 1 / -1;
}


@media (min-width: 768px) {
  .foto_detail-container {
    gap: 10px;
  }

}


.foto_detail{
	text-align: center;
  color: #fff;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 0.7em 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}


.foto_detail i, .foto_detail_fb i{
	margin-right: 5px;
	color: inherit;
  position: relative;
  top: 2px;
}


.foto_detail_fb{
	text-align: center;
  margin-right: 0px;
  color: #f0cf75;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 0.7em 1em;
	display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

html.mm-feed-open,
body.mm-feed-open{
  overflow: hidden !important;
}

body.mm-feed-open{
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
}

.mm-feed-viewer{
  --mm-feed-bg: #141517;
  --mm-feed-fg: #f7f3e8;
  --mm-feed-muted: rgba(255,255,255,.64);
  --mm-feed-line: rgba(255,255,255,.08);
  --mm-feed-heading: #f7f3e8;
  --mm-feed-chip-bg: transparent;
  --mm-feed-chip-brd: rgba(255,255,255,.08);
  --mm-feed-close-bg: rgba(0,0,0,.28);
  --mm-feed-accordion-bg: transparent;
  --mm-feed-detail-bg: transparent;
  --mm-feed-map-label: #fff;
  --mm-feed-surface: transparent;
  --mm-feed-surface-strong: transparent;
  --mm-feed-accent: #f0cf75;
  --mm-feed-media-fill: #050505;
  --mm-feed-motion-ease: cubic-bezier(.22,.8,.2,1);
  --mm-feed-motion-fast: .22s;
  --mm-feed-motion-base: .3s;
  position: fixed;
  inset: 0;
  z-index: 100001;
  background: var(--mm-feed-bg);
  color: var(--mm-feed-fg);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--mm-feed-motion-base) var(--mm-feed-motion-ease);
  will-change: opacity;
}

html[data-theme="light"] .mm-feed-viewer{
  --mm-feed-bg: #f5efe5;
  --mm-feed-fg: #2b221b;
  --mm-feed-heading: #211912;
  --mm-feed-muted: rgba(43,34,27,.62);
  --mm-feed-line: rgba(92,71,51,.22);
  --mm-feed-chip-bg: #f0e6d8;
  --mm-feed-chip-brd: rgba(92,71,51,.12);
  --mm-feed-close-bg: rgba(255,252,247,.94);
  --mm-feed-accordion-bg: #fbf7f1;
  --mm-feed-detail-bg: #f8f2ea;
  --mm-feed-map-label: #211912;
  --mm-feed-surface: #fffaf3;
  --mm-feed-surface-strong: #f9f3ea;
  --mm-feed-accent: #b8892d;
  --mm-feed-media-fill: #e8dfd1;
}

html[data-theme="dark"] .mm-feed-viewer{
  --mm-feed-media-fill: #141517;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-feed-viewer,
  html[data-theme="auto"] .mm-feed-viewer{
    --mm-feed-media-fill: #141517;
  }
}

.mm-feed-viewer[hidden]{
  display: none !important;
}

.mm-feed-viewer.is-opening,
.mm-feed-viewer.is-open,
.mm-feed-viewer.is-closing{
  pointer-events: auto;
}

.mm-feed-viewer.is-opening,
.mm-feed-viewer.is-open{
  opacity: 1;
}

.mm-feed-viewer__chrome{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: max(1rem, calc(env(safe-area-inset-top) + .45rem)) max(1.35rem, calc(env(safe-area-inset-right) + .8rem)) 0 max(1.35rem, calc(env(safe-area-inset-left) + .8rem));
  pointer-events: none;
  opacity: 0;
  transform: translate3d(0, -14px, 0);
  transition: opacity var(--mm-feed-motion-fast) ease, transform var(--mm-feed-motion-base) var(--mm-feed-motion-ease);
  will-change: opacity, transform;
}

.mm-feed-viewer__chrome::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 3px;
  background: var(--mm-feed-bg);
  opacity: 0;
  pointer-events: none;
}

.mm-feed-viewer__close{
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: .2rem;
  padding: 0;
  margin: 0 auto 0 0;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: var(--mm-feed-fg);
  font-size: .95rem;
  font-weight: 400;
  letter-spacing: 0;
  box-shadow: none;
  text-align: left;
  line-height: 1;
  transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

.mm-feed-viewer__search,
.mm-feed-viewer__filter{
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mm-feed-fg);
  font-size: .95rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

.mm-feed-viewer__filter{
  margin-left: .85rem;
}

.mm-feed-viewer__close,
.mm-feed-viewer__search,
.mm-feed-viewer__filter{
  min-height: 2.25rem;
}

.mm-feed-viewer__search .mm-header-search__icon,
.mm-feed-viewer__filter i{
  width: 18px;
  height: 18px;
}

.mm-feed-viewer__filter i{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
}

.mm-feed-viewer__search-label{
  display: none;
}

.mm-feed-viewer__aside{
  position: fixed;
  right: max(1rem, calc(env(safe-area-inset-right) + .8rem));
  top: 50%;
  z-index: 4;
  display: grid;
  justify-items: center;
  gap: .7rem;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity var(--mm-feed-motion-fast) ease, transform var(--mm-feed-motion-base) var(--mm-feed-motion-ease);
  will-change: transform, opacity;
}

.mm-feed-viewer.is-open .mm-feed-viewer__aside{
  opacity: 1;
  transform: translateY(-50%);
}

.mm-feed-viewer.has-sheet-open .mm-feed-viewer__aside{
  opacity: 0;
  pointer-events: none;
}

.mm-feed-viewer__jump{
  appearance: none;
  -webkit-appearance: none;
  width: 2.6rem;
  height: 2.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--mm-feed-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--mm-feed-bg) 78%, transparent);
  color: var(--mm-feed-fg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: pointer;
  transition: transform .18s ease, opacity .18s ease, border-color .18s ease;
}

.mm-feed-viewer__jump:hover:not(:disabled){
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--mm-feed-accent) 48%, var(--mm-feed-line));
  border-color: color-mix(in srgb, var(--mm-feed-accent) 48%, var(--mm-feed-line));
}

.mm-feed-viewer__jump:disabled{
  opacity: .35;
  cursor: default;
}

.mm-feed-viewer__progress{
  position: relative;
  width: 4px;
  height: 10rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--mm-feed-fg) 12%, transparent);
  overflow: hidden;
}

.mm-feed-viewer__progress-fill{
  position: absolute;
  inset: 0;
  transform-origin: bottom center;
  transform: scaleY(.06);
  border-radius: inherit;
  background: linear-gradient(180deg, color-mix(in srgb, var(--mm-feed-accent) 68%, #fff 32%), var(--mm-feed-accent));
  transition: transform var(--mm-feed-motion-base) var(--mm-feed-motion-ease);
}

.mm-feed-viewer__counter{
  color: var(--mm-feed-muted);
  font-size: .76rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}

.mm-feed-viewer__scrollhint{
  position: fixed;
  left: 50%;
  top: max(4.25rem, calc(env(safe-area-inset-top) + 3.6rem));
  bottom: auto;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .85rem;
  border-radius: 999px;
  background: rgba(20, 21, 23, .78);
  color: var(--mm-feed-fg);
  border: 1px solid var(--mm-feed-line);
  box-shadow: 0 .65rem 1.8rem rgba(0,0,0,.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transform: translate(-50%, 12px);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--mm-feed-motion-fast) ease, transform var(--mm-feed-motion-base) var(--mm-feed-motion-ease);
}

.mm-feed-viewer.is-scroll-hint-visible .mm-feed-viewer__scrollhint{
  opacity: 1;
  transform: translate(-50%, 0);
}

.mm-feed-viewer__scrollhint-text{
  font-size: .83rem;
  line-height: 1;
  white-space: nowrap;
}

.mm-feed-viewer__scrollhint-arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .95rem;
  line-height: 1;
  animation: mm-feed-scrollhint-bounce 1.1s ease-in-out infinite;
}

@keyframes mm-feed-scrollhint-bounce{
  0%, 100%{ transform: translateY(0); }
  50%{ transform: translateY(3px); }
}

html[data-theme="light"] .mm-feed-viewer__scrollhint{
  background: rgba(255, 250, 243, .9);
  color: #2b221b;
  border-color: rgba(92,71,51,.16);
}

@media (max-width: 767.98px){
  .mm-feed-viewer__aside{
    right: .55rem;
    gap: .55rem;
    transform: translate3d(0, -50%, 0);
    transition:
      opacity 260ms ease,
      transform 420ms cubic-bezier(.22, 1, .36, 1);
  }

  .mm-feed-viewer.is-open .mm-feed-viewer__aside{
    opacity: 1;
    transform: translate3d(0, -50%, 0);
  }

  .mm-feed-viewer.has-sheet-open .mm-feed-viewer__aside{
    opacity: 0;
    pointer-events: none;
    transform: translate3d(calc(100% + 1.2rem), -50%, 0);
  }

  .mm-feed-viewer.is-idle:not(.has-sheet-open) .mm-feed-viewer__aside{
    opacity: 0;
    pointer-events: none;
    transform: translate3d(calc(100% + 1.2rem), -50%, 0);
  }

  .mm-feed-viewer__progress{
    height: 3rem;
  }

  .mm-feed-viewer__counter{
    font-size: .68rem;
  }

  .mm-feed-viewer__scrollhint{
    top: calc(env(safe-area-inset-top) + 4.4rem);
    padding: .65rem .95rem;
    background: rgba(20, 21, 23, .9);
    border-color: rgba(255,255,255,.12);
    box-shadow: 0 .9rem 2.2rem rgba(0,0,0,.24);
  }

  .mm-feed-viewer__scrollhint-text{
    font-size: .9rem;
  }

  .mm-feed-viewer__scrollhint-arrow{
    font-size: 1rem;
  }

  html[data-theme="light"] .mm-feed-viewer__scrollhint{
    background: rgba(255, 250, 243, .96);
    border-color: rgba(92,71,51,.2);
  }
}

.mm-feed-viewer__close > span:first-child{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
}

.mm-feed-viewer__close svg{
  display: block;
  width: 100%;
  height: 100%;
}

.mm-feed-viewer__close:hover,
.mm-feed-viewer__search:hover,
.mm-feed-viewer__filter:hover{
  opacity: .82;
}

.mm-feed-viewer__close:hover,
.mm-feed-viewer__close:focus,
.mm-feed-viewer__close:focus-visible,
.mm-feed-viewer__close:hover:active,
.mm-feed-viewer__search:hover,
.mm-feed-viewer__search:focus,
.mm-feed-viewer__search:focus-visible,
.mm-feed-viewer__search:hover:active,
.mm-feed-viewer__filter:hover,
.mm-feed-viewer__filter:focus,
.mm-feed-viewer__filter:focus-visible,
.mm-feed-viewer__filter:hover:active{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.mm-feed-viewer__scroll{
  position: relative;
  height: 100dvh;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: none;
  padding: 0 0 calc(1.5rem + env(safe-area-inset-bottom));
  opacity: 0;
  transform: translate3d(0, var(--mm-feed-pull-y, 0px), 0);
  transition:
    opacity var(--mm-feed-motion-fast) ease,
    transform 340ms cubic-bezier(.22, 1, .36, 1);
  will-change: transform, opacity;
}

.mm-feed-viewer.is-open .mm-feed-viewer__chrome{
  opacity: 1;
  transform: translate3d(0, var(--mm-feed-pull-y, 0px), 0);
}

.mm-feed-viewer.is-open .mm-feed-viewer__scroll{
  opacity: 1;
}

.mm-feed-viewer.is-pulling .mm-feed-viewer__chrome,
.mm-feed-viewer.is-pulling .mm-feed-viewer__scroll{
  transition: none;
}

.mm-feed-viewer.is-pulling .mm-feed-viewer__chrome{
  border-bottom: 0 !important;
}

.mm-feed-viewer.is-pulling .mm-feed-viewer__chrome::after{
  opacity: 1;
}

.mm-feed-zoom{
  --mm-feed-zoom-swipe-y: 0px;
  --mm-feed-zoom-swipe-scale: 1;
  --mm-feed-zoom-swipe-fade: 1;
  --mm-feed-zoom-swipe-bg-fade: 1;
  position: fixed;
  inset: 0;
  z-index: 25;
  display: grid;
  place-items: center;
  padding: 0;
  background: rgba(8,8,8,calc(.72 * var(--mm-feed-zoom-swipe-fade)));
  overflow: hidden;
  cursor: zoom-out;
  opacity: 0;
  overscroll-behavior: contain;
  touch-action: manipulation;
  transition: opacity var(--mm-feed-motion-fast) ease, background-color var(--mm-feed-motion-fast) ease;
}

.mm-feed-zoom[hidden]{
  display: none !important;
}

.mm-feed-zoom.is-open,
.mm-feed-zoom.is-closing{
  opacity: 1;
}

.mm-feed-zoom__bg{
  position: absolute;
  inset: 0;
  background-image: var(--mm-feed-zoom-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(0, calc(var(--mm-feed-zoom-swipe-y) * .18), 0) scale(1.08);
  filter: blur(28px) saturate(.9) brightness(.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--mm-feed-motion-fast) ease, transform var(--mm-feed-motion-base) ease;
}

.mm-feed-zoom.is-open .mm-feed-zoom__bg,
.mm-feed-zoom.is-closing .mm-feed-zoom__bg{
  opacity: calc(.95 * var(--mm-feed-zoom-swipe-bg-fade));
}

.mm-feed-zoom.is-open .mm-feed-zoom__bg{
  transform: translate3d(0, calc(var(--mm-feed-zoom-swipe-y) * .18), 0) scale(1.03);
}

.mm-feed-zoom.is-swipe-dragging,
.mm-feed-zoom.is-swipe-dragging .mm-feed-zoom__bg,
.mm-feed-zoom.is-swipe-dragging .mm-feed-zoom__img{
  transition: none !important;
}

.mm-feed-zoom__close{
  position: absolute;
  inset: 0;
  z-index: 1;
  display: none;
  border: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  outline: none;
  pointer-events: none;
}

.mm-feed-zoom__img{
  position: relative;
  z-index: 2;
  display: block;
  max-width: 96vw;
  width: auto;
  max-height: 100dvh;
  height: min(100dvh, 1400px);
  width: auto;
  object-fit: contain;
  box-shadow: 0 30px 80px rgba(0,0,0,.26);
  cursor: zoom-out;
  pointer-events: auto;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: manipulation;
  opacity: 0;
  --mm-feed-zoom-pan-x: 0px;
  --mm-feed-zoom-pan-y: 0px;
  --mm-feed-zoom-pan-scale: 1;
  transform: translate3d(var(--mm-feed-zoom-pan-x), calc(12px + var(--mm-feed-zoom-pan-y) + var(--mm-feed-zoom-swipe-y)), 0) scale(calc(.965 * var(--mm-feed-zoom-pan-scale) * var(--mm-feed-zoom-swipe-scale)));
  transition: opacity var(--mm-feed-motion-fast) ease, transform var(--mm-feed-motion-base) var(--mm-feed-motion-ease);
}

.mm-feed-zoom.is-open .mm-feed-zoom__img,
.mm-feed-zoom.is-closing .mm-feed-zoom__img{
  opacity: 1;
  transform: translate3d(var(--mm-feed-zoom-pan-x), calc(var(--mm-feed-zoom-pan-y) + var(--mm-feed-zoom-swipe-y)), 0) scale(calc(var(--mm-feed-zoom-pan-scale) * var(--mm-feed-zoom-swipe-scale)));
}

.mm-feed-zoom.is-pannable .mm-feed-zoom__img{
  touch-action: none;
  cursor: grab;
}

.mm-feed-zoom.is-pannable .mm-feed-zoom__img:active{
  cursor: grabbing;
}

.mm-feed-card{
  width: min(860px, 100%);
  min-height: auto;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
  padding-top: .9rem;
  padding-bottom: 1.1rem;
  background: var(--mm-feed-bg);
  transition: opacity var(--mm-feed-motion-fast) ease, transform var(--mm-feed-motion-fast) ease, box-shadow var(--mm-feed-motion-fast) ease;
}

.mm-feed-card:first-child{
  padding-top: 4.25rem;
}

.mm-feed-card__next{
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  left: 50%;
  bottom: 1.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 2.7rem;
  min-width: 2.7rem;
  min-height: 2.7rem;
  max-width: 2.7rem;
  max-height: 2.7rem;
  aspect-ratio: 1 / 1;
  padding: 0;
  transform: translateX(-50%);
  color: var(--mm-feed-muted);
  font-size: 1.1rem;
  line-height: 1;
  border-radius: 999px;
  border: 1px solid var(--mm-feed-line);
  background: color-mix(in srgb, var(--mm-feed-fg) 5%, transparent);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}

.mm-feed-card__next > span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  line-height: 1;
}

.mm-feed-viewer.is-idle .mm-feed-card.is-active .mm-feed-card__next{
  animation: mm-feed-next-pulse 1.55s ease-in-out infinite;
}

@keyframes mm-feed-next-pulse{
  0%, 100%{ transform: translateX(-50%) scale(1); }
  50%{ transform: translateX(-50%) scale(1.08); }
}

.mm-feed-card__next:hover{
  color: var(--mm-feed-accent);
  border-color: var(--mm-feed-accent);
  background: color-mix(in srgb, var(--mm-feed-fg) 8%, transparent);
  transform: translateX(-50%) translateY(2px);
}

.mm-feed-card:last-of-type .mm-feed-card__next{
  display: none;
}

.mm-feed-card__next{
  display: none;
}

.mm-feed-card:not(.is-active) .mm-feed-card__copy,
.mm-feed-card:not(.is-active) .mm-feed-card__topmeta,
.mm-feed-card:not(.is-active) .mm-feed-card__location-wrap,
.mm-feed-card:not(.is-active) .mm-feed-shoot-actions{
  opacity: .84;
}

.mm-feed-card.is-active .mm-feed-card__copy,
.mm-feed-card.is-active .mm-feed-card__topmeta,
.mm-feed-card.is-active .mm-feed-card__location-wrap,
.mm-feed-card.is-active .mm-feed-shoot-actions{
  opacity: 1;
}

.mm-feed-card.is-active .mm-feed-card__copy{
  transform: translateY(0);
}

.mm-feed-card.is-active .mm-feed-card__media{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 .6rem 1.8rem rgba(62,44,21,.08);
}

.mm-feed-card.is-feed-enter{
  animation: none;
}

@keyframes mm-feed-card-enter{
  from{
    opacity: 0;
    transform: translateY(26px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

.mm-feed-card__media{
  position: relative;
  isolation: isolate;
  width: 100%;
  aspect-ratio: var(--mm-feed-media-ratio, auto);
  max-height: min(78dvh, 1100px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: .85rem;
  overflow: hidden;
  background: var(--mm-feed-media-fill);
  border: 0;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
  contain: layout paint;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.mm-feed-viewer .mm-feed-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  border: 1px solid var(--mm-feed-line);
  pointer-events: none;
  box-sizing: border-box;
}

.mm-feed-card__media-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(30px) saturate(.96) brightness(1.02);
  transform: scale(1.12);
  opacity: .01;
  pointer-events: none;
}

.mm-feed-card__watermark{
  position: absolute;
  right: .9rem;
  bottom: .9rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.35rem, 3.2vw, 3.2rem);
  height: clamp(2.35rem, 3.2vw, 3.2rem);
  opacity: .09;
  pointer-events: none;
}

.mm-feed-card__watermark-logo{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

html[data-theme="dark"] .mm-feed-card__watermark-logo{
  filter: invert(1) brightness(1.08);
}

.mm-feed-card__media > img:not(.mm-feed-card__media-bg){
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: min(78dvh, 1100px);
  object-fit: contain;
  background: transparent;
  cursor: zoom-in;
  margin: 0 auto;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  user-drag: none;
}

.mm-feed-viewer .mm-feed-card__media--shoot{
  display: block;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.mm-feed-viewer .mm-feed-shoot{
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--mm-feed-media-ratio, auto);
  max-height: min(78dvh, 1100px);
  overflow: hidden;
  background: var(--mm-feed-media-fill);
  contain: layout paint;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.mm-feed-viewer .mm-feed-shoot__track{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  touch-action: auto;
  background: var(--mm-feed-media-fill);
  transform: translateZ(0);
  backface-visibility: hidden;
}

.mm-feed-viewer .mm-feed-shoot__track::-webkit-scrollbar{
  display: none;
}

.mm-feed-viewer .mm-feed-shoot__slide{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  overflow: hidden;
  touch-action: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.mm-feed-viewer .mm-feed-shoot__slide--end{
  background: #000;
  padding: 0;
  min-height: 100%;
}

.mm-feed-viewer .mm-feed-shoot__end-link{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 1.25rem;
  border: 0;
  border-radius: 0;
  background: #000;
  color: #fff;
  font-size: .98rem;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
}

.mm-feed-viewer .mm-feed-shoot__end-link:hover{
  background: #000;
  color: #fff;
}

.mm-feed-viewer .mm-feed-shoot__end-label{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.9rem;
  padding: .7rem 1.2rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
}

.mm-feed-viewer .mm-feed-shoot__slide > img:not(.mm-feed-card__media-bg){
  position: relative;
  z-index: 1;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: min(78dvh, 1100px);
  object-fit: contain;
  background: var(--mm-feed-media-fill);
  cursor: zoom-in;
  margin: 0 auto;
  touch-action: auto;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  user-drag: none;
}

.mm-feed-viewer .mm-feed-shoot__dots{
  position: absolute;
  left: 50%;
  bottom: 1rem;
  z-index: 9;
  display: flex;
  gap: .55rem;
  transform: translateX(-50%);
}

.mm-feed-viewer .mm-feed-shoot__count{
  position: absolute;
  top: .85rem;
  left: .85rem;
  z-index: 9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: .35rem .75rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(10,10,10,.26);
  color: #fff;
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.mm-feed-viewer .mm-feed-shoot__preview{
  position: absolute;
  right: .85rem;
  bottom: 1rem;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .35rem .75rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(10,10,10,.22);
  color: rgba(255,255,255,.88);
  font-size: .72rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.mm-feed-viewer .mm-feed-shoot__preview[hidden]{
  display: none !important;
}

.mm-feed-viewer .mm-feed-shoot__dot{
  appearance: none;
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.44);
  cursor: pointer;
}

.mm-feed-viewer .mm-feed-shoot__dot.is-active{
  background: rgba(255,255,255,.96);
}

.mm-feed-viewer .mm-feed-shoot__arrow{
  position: absolute;
  top: 50%;
  z-index: 9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.3rem;
  height: 2.3rem;
  margin-top: -1.15rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(12,12,12,.22);
  color: #fff;
  cursor: pointer;
  padding: 0;
  box-sizing: border-box;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 .35rem 1rem rgba(0,0,0,.14);
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, opacity .18s ease;
}

.mm-feed-viewer .mm-feed-shoot__arrow--prev{
  left: .85rem;
}

.mm-feed-viewer .mm-feed-shoot__arrow--next{
  right: .85rem;
}

.mm-feed-viewer .mm-feed-shoot__arrow:hover{
  background: rgba(12,12,12,.3);
  border-color: rgba(255,255,255,.2);
  transform: translateY(-1px);
}

.mm-feed-viewer .mm-feed-shoot__arrow span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
  text-shadow: none;
}

.mm-feed-viewer .mm-feed-shoot__arrow svg{
  display: block;
  width: .95rem;
  height: .95rem;
  overflow: visible;
}

html[data-theme="light"] .mm-feed-viewer .mm-feed-shoot__arrow{
  border-color: rgba(43,34,27,.12);
  background: rgba(255,250,243,.78);
  color: rgba(30,24,18,.92);
  box-shadow: 0 .35rem 1rem rgba(62,44,21,.1);
}

html[data-theme="light"] .mm-feed-viewer .mm-feed-shoot__arrow:hover{
  background: rgba(255,250,243,.92);
  border-color: rgba(43,34,27,.18);
}

html[data-theme="light"] .mm-feed-viewer .mm-feed-shoot__arrow span{
  text-shadow: 0 1px 2px rgba(255,255,255,.28);
}

.mm-feed-card__copy{
  padding: 1rem 1rem 2rem;
  width: min(46rem, calc(100% - 2rem));
  margin: 0 auto;
  transition: opacity var(--mm-feed-motion-fast) ease, transform var(--mm-feed-motion-fast) ease;
}

.mm-feed-card__topmeta{
  --mm-feed-meta-row-h: 2.45rem;
  --mm-feed-more-space: 4.7rem;
  width: min(860px, 100%);
  margin: 0 auto .35rem;
  padding: 0 1rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: var(--mm-feed-meta-row-h);
  transition: opacity var(--mm-feed-motion-fast) ease, transform var(--mm-feed-motion-fast) ease;
}

.mm-feed-card__location-wrap{
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  align-self: stretch;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.mm-feed-card__location-spacer{
  flex: 1 1 auto;
  min-height: 1.75rem;
}

.mm-feed-card__more{
  position: absolute;
  top: calc((var(--mm-feed-meta-row-h) / 2) + 20px);
  right: 1rem;
  z-index: 45;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  margin-top: 0;
  transform: translateY(-50%);
}

.mm-feed-card__more-trigger{
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--mm-feed-meta-row-h);
  padding: .55rem .85rem;
  border: 1px solid var(--mm-feed-line);
  border-radius: 999px;
  background: transparent;
  color: var(--mm-feed-fg);
  cursor: pointer;
  line-height: 1;
  margin-top: 0;
  transform: none;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, opacity .18s ease;
}

.mm-feed-card__more-trigger:hover,
.mm-feed-card__more-trigger.is-active{
  border-color: var(--mm-feed-accent);
  background: rgba(127,108,87,.06);
  color: var(--mm-feed-accent);
}

.mm-feed-card__more-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  transform: none;
}

.mm-feed-card__more-icon svg{
  display: block;
  width: 1rem;
  height: 1rem;
}

.mm-feed-card__location-wrap .pswp-accordion{
  width: 100%;
  display: block;
  border: 0;
  border-radius: 0;
  margin: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.mm-feed-card__location-wrap .pswp-accordion summary{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .6rem;
  position: relative;
  width: 100%;
  min-height: var(--mm-feed-meta-row-h);
  padding: 0 calc(var(--mm-feed-more-space) + 2.6rem) 0 0;
  font: inherit;
  font-family: "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: .98rem;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
  color: var(--mm-feed-fg);
  opacity: .9;
  transform: none;
}

.mm-feed-card__location-wrap .pswp-accordion summary::after{
  position: absolute;
  top: 50%;
  right: calc(var(--mm-feed-more-space) + .55rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  line-height: 1;
  margin: 0;
  transform: translateY(-50%);
  color: var(--mm-feed-accent);
}

.mm-feed-card__location-wrap .pswp-accordion__panel{
  width: calc(100% + var(--mm-feed-more-space) + 1rem);
  margin-right: calc(-1 * (var(--mm-feed-more-space) + 1rem));
  padding: .75rem 0 0;
  overflow: visible;
}

.mm-feed-card__location-wrap .pswp-mini-map,
.mm-feed-card__location-wrap .pswp-mini-map__map{
  width: 100% !important;
  max-width: none !important;
}

.mm-feed-card .pswp-caption__body .pswp-accordion--tech{
  margin-top: .2rem;
  padding-top: 0;
  border: 0;
  border-radius: 0 !important;
}

.mm-feed-card .pswp-caption__body .pswp-accordion--tech summary{
  padding: .2rem 0;
  font-family: "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: .82rem;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--mm-feed-muted) !important;
}

.mm-feed-viewer .pswp-caption--timeline{
  width: 100%;
  margin: 0;
  gap: .9rem;
}

.mm-feed-viewer .pswp-caption__header{
  display: block;
  padding-bottom: 0;
  border-bottom: 0;
}

.mm-feed-viewer .pswp-caption__title-row{
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.mm-feed-viewer .pswp-caption__title-spacer{
  flex: 1 1 auto;
}

.mm-feed-viewer .pswp-caption--timeline h3{
  font: inherit;
  font-family: "San Francisco bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: .98rem;
  line-height: 1.66;
  font-weight: 800;
  color: var(--mm-feed-heading) !important;
  margin: 0;
}

.mm-feed-viewer .pswp-caption__body{
  display: block;
  gap: .9rem;
}

.mm-feed-viewer .pswp-caption__body .pswp-accordion--tech{
  margin-top: .35rem;
  padding-top: 0;
  border-radius: 0 !important;
  border-top: 0;
}

.mm-feed-viewer .pswp-caption__body .pswp-accordion--tech summary{
  padding: .35rem 0;
  border-radius: 0 !important;
  font-family: "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: .82rem;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--mm-feed-muted) !important;
}

.mm-feed-viewer .pswp-caption__meta-row{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
}

.mm-feed-viewer .pswp-caption__meta{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: .45rem;
  min-height: 1em;
  min-width: 0;
  color: var(--mm-feed-muted);
  font-size: .82rem;
  letter-spacing: 0;
  text-transform: uppercase;
  line-height: 1.35;
  margin-bottom: .35rem;
}

.mm-feed-viewer .pswp-caption__meta--date{
  justify-self: start;
  text-align: left;
}

.mm-feed-viewer .pswp-caption__meta--tags{
  justify-self: stretch;
  width: 100%;
  justify-content: flex-end;
  text-align: right;
  margin-left: 0;
}

.mm-feed-shoot-actions{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: .8rem;
  margin-bottom: .5rem;
  padding: 0 1rem;
}

.mm-feed-shoot-actions__row{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .7rem;
  width: 100%;
  flex-wrap: nowrap;
}

.mm-feed-shoot-actions__left{
  display: flex;
  align-items: center;
  gap: .7rem;
  flex: 0 1 auto;
  min-width: 0;
}

.mm-feed-shoot-action{
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .52rem;
  justify-content: center;
  min-height: 2.4rem;
  padding: .55rem .9rem;
  border: 1px solid var(--mm-feed-line);
  border-radius: 999px;
  background: transparent;
  color: var(--mm-feed-fg);
  font: inherit;
  font-size: .88rem;
  line-height: 1.3;
  cursor: pointer;
  opacity: 1;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, opacity .18s ease;
}

.mm-feed-action-tooltip{
  position: absolute;
  left: 50%;
  bottom: calc(100% + .62rem);
  z-index: 40;
  display: block;
  width: max-content;
  max-width: min(21rem, calc(100vw - 2rem));
  padding: .52rem .78rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(24,24,24,.88);
  color: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.1);
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.15;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, 4px, 0) scale(.96);
  transform-origin: 50% 100%;
  transition: opacity .18s ease, transform .18s ease;
}

.mm-feed-action-tooltip--below{
  top: calc(100% + .62rem);
  bottom: auto;
  transform: translate3d(-50%, -4px, 0) scale(.96);
  transform-origin: 50% 0;
}

.mm-feed-action-tooltip--right{
  right: 0;
  left: auto;
  transform: translate3d(0, -4px, 0) scale(.96);
  transform-origin: 100% 0;
}

.mm-feed-action-tooltip--side-left{
  top: 50%;
  right: calc(100% + .72rem);
  bottom: auto;
  left: auto;
  transform: translate3d(4px, -50%, 0) scale(.96);
  transform-origin: 100% 50%;
}

.mm-feed-card__more-trigger:hover .mm-feed-action-tooltip,
.mm-feed-card__more-trigger:focus-visible .mm-feed-action-tooltip,
.mm-feed-shoot-action:hover .mm-feed-action-tooltip,
.mm-feed-shoot-action:focus-visible .mm-feed-action-tooltip{
  opacity: 1;
  transform: translate3d(-50%, 0, 0) scale(1);
}

.mm-feed-card__more-trigger:hover .mm-feed-action-tooltip--right,
.mm-feed-card__more-trigger:focus-visible .mm-feed-action-tooltip--right{
  transform: translate3d(0, 0, 0) scale(1);
}

.mm-feed-card__more-trigger:hover .mm-feed-action-tooltip--side-left,
.mm-feed-card__more-trigger:focus-visible .mm-feed-action-tooltip--side-left{
  transform: translate3d(0, -50%, 0) scale(1);
}

.mm-feed-shoot-action.is-active{
  color: var(--mm-feed-accent);
  opacity: 1;
  border-color: var(--mm-feed-accent);
  background: rgba(127,108,87,.06);
}

.mm-feed-shoot-action:hover{
  border-color: var(--mm-feed-accent);
  background: rgba(127,108,87,.06);
}

.mm-feed-shoot-action i{
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: .98rem;
  line-height: 1;
  flex: 0 0 1rem;
  transform: translateY(0);
}

.mm-feed-shoot-action__value{
  display: inline-flex;
  align-items: center;
  min-width: 1.8ch;
  font-size: .88rem;
  line-height: 1;
  transform: translateY(0);
  letter-spacing: 0;
}

.mm-feed-shoot-modal[hidden]{
  display: none !important;
}

.mm-feed-shoot-modal{
  --mm-popup-ease-out: cubic-bezier(.16, 1, .3, 1);
  --mm-popup-ease-in: cubic-bezier(.32, 0, .67, 0);
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  padding: 2rem;
  opacity: 1;
  pointer-events: none;
  transition: none;
}

.mm-feed-shoot-modal__backdrop{
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 50% 100%, rgba(245,239,229,.12), transparent 48%),
    rgba(17,15,12,.38);
  backdrop-filter: blur(16px) saturate(1.05);
  -webkit-backdrop-filter: blur(16px) saturate(1.05);
  opacity: 0;
  transition: opacity .34s var(--mm-popup-ease-out);
}

.mm-feed-shoot-modal__dialog{
  position: relative;
  z-index: 1;
  width: min(36rem, calc(100vw - 2.3rem));
  max-height: min(42rem, calc(100vh - 2.3rem));
  overflow: auto;
  padding: 2rem;
  border: 0;
  border-radius: 1.2rem;
  background: color-mix(in srgb, var(--mm-feed-bg) 94%, white 6%);
  box-shadow: 0 1.4rem 4rem rgba(0,0,0,.22), 0 .2rem 1rem rgba(0,0,0,.08);
  opacity: 0;
  transform: translate3d(0, 30px, 0) scale(.975);
  filter: blur(8px);
  transform-origin: 50% 92%;
  transition:
    opacity .34s ease,
    transform .46s var(--mm-popup-ease-out),
    filter .34s ease;
  will-change: transform, opacity, filter;
  backface-visibility: hidden;
}

.mm-feed-shoot-modal.is-preopening,
.mm-feed-shoot-modal.is-opening,
.mm-feed-shoot-modal.is-open{
  opacity: 1;
}

.mm-feed-shoot-modal.is-opening,
.mm-feed-shoot-modal.is-open{
  pointer-events: auto;
}

.mm-feed-shoot-modal.is-opening .mm-feed-shoot-modal__backdrop{
  opacity: 1;
}

.mm-feed-shoot-modal.is-open .mm-feed-shoot-modal__backdrop{
  opacity: 1;
}

.mm-feed-shoot-modal.is-opening .mm-feed-shoot-modal__dialog,
.mm-feed-shoot-modal.is-open .mm-feed-shoot-modal__dialog{
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

.mm-feed-shoot-modal.is-closing .mm-feed-shoot-modal__backdrop{
  opacity: 0;
  transition-duration: .24s;
  transition-timing-function: ease;
}

.mm-feed-shoot-modal.is-closing .mm-feed-shoot-modal__dialog{
  opacity: 0;
  transform: translate3d(0, 24px, 0) scale(.985);
  filter: blur(5px);
  transition:
    opacity .2s ease,
    transform .26s var(--mm-popup-ease-in),
    filter .2s ease;
}

.mm-feed-shoot-modal__close{
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 3;
  top: .8rem;
  right: .8rem;
  width: 2.1rem;
  height: 2.1rem;
  min-width: 2.1rem;
  min-height: 2.1rem;
  padding: 0;
  border: 1px solid var(--mm-feed-line);
  border-radius: 50%;
  background: rgba(255,255,255,.28);
  color: var(--mm-feed-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.1rem;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  pointer-events: auto;
}

.mm-feed-shoot-modal__close i{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transform: translateY(1px);
}

.mm-feed-search-card{
  padding: 0;
  background: transparent;
}

.mm-feed-search-host{
  width: 100%;
}

.mm-feed-search-host.has-search-form > #zoeken3{
  display: block;
  width: 100%;
  margin: 0;
}

.mm-feed-viewer__search-modal .mm-feed-shoot-modal__dialog{
  background: #f5efe5;
}

.mm-feed-viewer__search-modal #zoeken3.mmx-search{
  --mmx-text: var(--mm-feed-fg);
  --mmx-muted2: var(--mm-feed-muted);
  --mmx-field-bg: rgba(255,252,247,.96);
  --mmx-field-brd: rgba(92,71,51,.18);
  --mmx-suggest-bg: rgba(255,252,247,.98);
  --mmx-suggest-hover: rgba(43,34,27,.06);
}

.mm-feed-viewer__search-modal #zoeken3.mmx-search .mmx-field,
.mm-feed-viewer__search-modal #zoeken3.mmx-search .mmx-card,
.mm-feed-viewer__search-modal #zoeken3.mmx-search .mmx-help,
.mm-feed-viewer__search-modal #zoeken3.mmx-search #mm-suggest.suggesties,
.mm-feed-viewer__search-modal #zoeken3.mmx-search #footer3-filter .mmx-filters,
.mm-feed-viewer__search-modal #zoeken3.mmx-search #footer3-filter .mmx-stack,
.mm-feed-viewer__search-modal #zoeken3.mmx-search #footer3-filter .mmx-card,
.mm-feed-viewer__search-modal #zoeken3.mmx-search #footer3-filter .mmx-acc,
.mm-feed-viewer__search-modal #zoeken3.mmx-search #footer3-filter .mmx-acc-body{
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.16) !important;
  color: var(--mm-feed-fg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mm-feed-viewer__search-modal #zoeken3.mmx-search #footer3-filter .mmx-filters,
.mm-feed-viewer__search-modal #zoeken3.mmx-search #footer3-filter .mmx-stack{
  background: transparent !important;
}

.mm-feed-search-host.has-search-form > #zoeken3 .mmx-sheet-head{
  display: none !important;
}

.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-search-card > .shoot-meta-card__eyebrow,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-search-card__title,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-search-card__intro{
  display: none !important;
}

.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-search-host.has-search-form > #zoeken3 .mmx-sheet-head{
  display: grid !important;
  gap: .35rem;
  margin: 0 0 1rem;
  padding-right: 3rem;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__item{
  display: none;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3[data-mm-mode="filter"] .mmx-sheet-head__item--filter{
  display: grid;
  gap: .35rem;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin: 0;
  color: #c79f51;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i{
  width: .9rem;
  height: .9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--mm-feed-accent);
  line-height: 1;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__title{
  margin: 0;
  max-width: none;
  font-size: clamp(1.02rem, 1.8vw, 1.28rem);
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: normal;
  color: var(--mm-feed-fg) !important;
}

.mm-feed-search-host.has-search-form .mmx-search,
.mm-feed-search-host.has-search-form .mmx-top,
.mm-feed-search-host.has-search-form .mmx-bar{
  margin-top: 0;
}

.mm-feed-search-card .shoot-meta-card__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin: 0 0 .35rem;
  color: rgba(92,72,32,.72);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mm-feed-search-card .shoot-meta-card__eyebrow .mm-header-search__icon{
  width: .9rem;
  height: .9rem;
  color: var(--mm-feed-accent);
}

.mm-feed-search-card__title{
  margin: 0 0 .35rem;
  max-width: none;
  font-size: clamp(1.02rem, 1.8vw, 1.28rem);
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 650;
  color: #1d1c19;
}

.mm-feed-search-card__intro{
  margin: 0 0 1rem;
  max-width: 32rem;
  color: rgba(42,36,27,.72);
  font-size: .98rem;
  line-height: 1.6;
}

.mm-feed-search-form{
  display: grid;
  gap: .85rem;
}

.mm-feed-search-form.mmx-search{
  --mmx-text: var(--color-text);
  --mmx-muted2: color-mix(in srgb, var(--color-text) 68%, transparent);
  --mmx-field-bg: var(--color-menu-glass-trans);
  --mmx-field-brd: var(--color-menu-border);
  --mmx-suggest-bg: var(--color-menu-glass-full);
  --mmx-suggest-hover: color-mix(in srgb, var(--color-text) 10%, transparent);
}

.mm-feed-search-form.mmx-search .mmx-top,
.mm-feed-search-form.mmx-search .mmx-bar{
  margin: 0;
}

.mm-feed-search-form.mmx-search .mmx-field{
  background: var(--mmx-field-bg) !important;
  border: 1px solid var(--mmx-field-brd) !important;
  color: var(--mmx-text) !important;
  min-height: 3.65rem;
  border-radius: 1.25rem;
  box-shadow: none !important;
}

.mm-feed-search-form.mmx-search .mmx-input{
  color: var(--mmx-text) !important;
}

.mm-feed-search-form.mmx-search .mmx-input::placeholder{
  color: var(--mmx-muted2) !important;
}

.mm-feed-search-form.mmx-search .mmx-field:focus-within{
  border-color: color-mix(in srgb, var(--mmx-text) 24%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mmx-text) 12%, transparent) !important;
}

.mm-feed-search-form.mmx-search .mmx-reset-toggle{
  background: transparent;
  border: 0;
}

.mm-feed-search-form.mmx-search .mmx-bar-actions{
  margin-top: .2rem;
}

.mm-feed-search-form.mmx-search .mmx-btn{
  min-height: 3.25rem;
}

.mm-feed-search-form__label{
  display: block;
  margin: 0;
  color: rgba(92,72,32,.72);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mm-feed-search-form__field{
  position: relative;
}

.mm-feed-search-suggest{
  display: grid;
  gap: 0;
  margin: 0;
  padding: .35rem 0;
  max-height: min(22rem, 44vh);
  overflow: auto;
  border: 1px solid rgba(127,108,87,.18);
  border-radius: 1.25rem;
  background: rgba(255,255,255,.92);
  box-shadow: 0 12px 28px rgba(24,18,12,.08);
  list-style: none;
}

.mm-feed-search-form.mmx-search .mmx-fieldwrap.mmx-suggest-open{
  border-radius: 1.25rem;
  overflow: hidden;
}

.mm-feed-search-form.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-field{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0 !important;
}

.mm-feed-search-form.mmx-search .mmx-fieldwrap.mmx-suggest-open > .mm-feed-search-suggest{
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.mm-feed-search-suggest[hidden]{
  display: none !important;
}

.mm-feed-search-suggest li{
  list-style: none;
}

.mm-feed-search-suggest li.mmx-suggest-label{
  padding: .6rem 1rem .35rem;
  color: rgba(92,72,32,.58);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mm-feed-search-suggest li.mmx-suggest-item{
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .7rem 1rem;
  cursor: pointer;
  transition: background-color .18s ease;
}

.mm-feed-search-suggest li.mmx-suggest-item:hover,
.mm-feed-search-suggest li.mmx-suggest-item.is-active{
  background: rgba(127,108,87,.08);
}

.mm-feed-search-suggest .mmx-suggest-thumb{
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: .9rem;
  object-fit: cover;
}

.mm-feed-search-suggest .mmx-suggest-thumb.is-broken{
  display: none;
}

.mm-feed-search-suggest .mmx-suggest-text{
  flex: 1;
  min-width: 0;
  display: grid;
  gap: .15rem;
}

.mm-feed-search-suggest .mmx-suggest-title{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #1d1c19;
  font-size: .96rem;
  line-height: 1.3;
  font-weight: 600;
}

.mm-feed-search-suggest .mmx-suggest-sub{
  color: rgba(42,36,27,.62);
  font-size: .83rem;
  line-height: 1.35;
}

.mm-feed-search-suggest .mmx-suggest-count{
  margin-left: auto;
  color: rgba(42,36,27,.56);
  font-size: .82rem;
  text-align: right;
  white-space: nowrap;
}

.mm-feed-search-form__field .mm-header-search__icon{
  position: absolute;
  left: 1rem;
  top: 50%;
  width: .95rem;
  height: .95rem;
  color: rgba(42,36,27,.58);
  transform: translateY(-50%);
}

.mm-feed-search-form__field input{
  width: 100%;
  min-height: 3.65rem;
  padding: 0 1.15rem 0 3rem;
  border: 1px solid rgba(127,108,87,.18);
  border-radius: 1.25rem;
  background: rgba(255,255,255,.82);
  color: #1d1c19;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0;
  outline: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}

.mm-feed-search-form__field input::placeholder{
  color: rgba(42,36,27,.48);
}

.mm-feed-search-form__field input:focus{
  border-color: rgba(191,139,30,.38);
  box-shadow: 0 0 0 4px rgba(191,139,30,.10);
}

.mm-feed-search-form__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
}

.mm-feed-search-form__submit,
.mm-feed-search-form__reset{
  min-width: 10rem;
}

.mm-feed-search-form__reset{
  background: transparent;
}

@media (min-width: 768px){
  .mm-feed-shoot-modal{
    align-items: end;
    padding: 2rem 2rem 0;
  }

  .mm-feed-shoot-modal__dialog{
    width: min(42rem, calc(100vw - 2.2rem));
    max-width: 42rem;
    max-height: min(78dvh, 46rem);
    margin: 0 auto;
    padding: 2rem;
    border-radius: 2rem 2rem 0 0;
    border-bottom: 0;
    box-shadow: 0 1.5rem 3.2rem rgba(0,0,0,.2);
    transform: translateY(52px);
    transition: opacity .24s ease, transform .34s cubic-bezier(.2,.82,.2,1);
  }

  .mm-feed-shoot-modal.is-open .mm-feed-shoot-modal__dialog{
    transform: translateY(0);
  }

  .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog{
    width: min(84rem, calc(100vw - 2.4rem));
    max-width: 84rem;
  }

  .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
  }

  .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack__col{
    display: grid;
    gap: 1rem;
    align-content: start;
    min-width: 0;
  }

  .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card{
    width: 100%;
    min-width: 0;
    margin: 0;
  }
}

@media (max-width: 767.98px){
  .mm-feed-shoot-modal{
    align-items: end;
    padding: max(.5rem, env(safe-area-inset-top)) 0 0;
  }

  .mm-feed-shoot-modal__dialog{
    width: 100%;
    max-width: 100%;
    max-height: calc(66dvh + env(safe-area-inset-bottom));
    margin: 0;
    padding: .95rem .95rem calc(1rem + env(safe-area-inset-bottom));
    border-radius: 2rem 2rem 0 0;
    overscroll-behavior: contain;
    border-bottom: 0;
    transform: translateY(52px);
    transition: opacity .24s ease, transform .34s cubic-bezier(.2,.82,.2,1);
  }

  .mm-feed-shoot-modal__close{
    top: .85rem;
    right: .85rem;
  }

  .mm-feed-more-modal__dialog{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(72dvh, 28rem) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 1.55rem 1.15rem calc(1.1rem + env(safe-area-inset-bottom)) !important;
    border-radius: 1.7rem 1.7rem 0 0;
    overflow: visible !important;
  }

  .mm-feed-more-modal__dialog.mm-sheet-resizable{
    height: auto !important;
    max-height: min(72dvh, 28rem) !important;
  }

  .mm-feed-more-modal__dialog .mm-sheet-resize-handle{
    display: none !important;
  }

  .mm-feed-more-modal__dialog > .mm-feed-more-panel{
    flex: 0 0 auto !important;
    overflow: visible !important;
    min-height: 0 !important;
  }

  .mm-feed-more-modal__dialog .mm-feed-shoot-modal__close{
    top: .8rem !important;
    right: .8rem !important;
  }
}

.mm-feed-shoot-action-panels{
  display: block;
}

.mm-feed-shoot-modal .mm-feed-shoot-action-panel{
  margin-top: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.mm-feed-shoot-modal .mm-feed-shoot-action-panel + .mm-feed-shoot-action-panel{
  margin-top: .8rem;
}

.mm-feed-more-card__actions{
  display: grid;
  gap: .7rem;
  width: 100%;
  margin-top: .35rem;
}

.mm-feed-more-card{
  display: grid;
  gap: .7rem;
  width: 100%;
}

.mm-feed-more-card .shoot-meta-card__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: 0;
  color: rgba(158,132,74,.96);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.mm-feed-more-card .shoot-meta-card__eyebrow i{
  font-size: .85rem;
}

.mm-feed-more-card .shoot-meta-card__title{
  margin: 0;
  color: #2c313b;
  font-size: clamp(1.15rem, 2.6vw, 1.6rem);
  line-height: 1.14;
  font-weight: 500;
  text-transform: uppercase;
}

.mm-feed-more-card .shoot-vote-card__intro{
  margin: 0;
  color: rgba(42,36,27,.72);
  font-size: .98rem;
  line-height: 1.6;
}

.mm-feed-more-card__action{
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3rem;
  padding: .8rem 1rem;
  border: 1px solid rgba(85,65,28,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  color: #3a3327;
  font: inherit;
  font-size: .96rem;
  line-height: 1.25;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}

.mm-feed-more-card__action:hover{
  border-color: rgba(199,159,81,.56);
  background: rgba(255,255,255,.82);
  color: #211912;
  transform: translateY(-1px);
}

html[data-theme="dark"] .mm-feed-more-card .shoot-meta-card__eyebrow{
  color: rgba(229,201,135,.9);
}

html[data-theme="dark"] .mm-feed-more-card .shoot-meta-card__title{
  color: #f5f0e6;
}

html[data-theme="dark"] .mm-feed-more-card .shoot-vote-card__intro{
  color: rgba(247,243,232,.72);
}

html[data-theme="dark"] .mm-feed-more-card__action{
  border-color: rgba(229,201,135,.18);
  background: rgba(255,255,255,.08);
  color: #f5f0e6;
}

html[data-theme="dark"] .mm-feed-more-card__action:hover,
html[data-theme="dark"] .mm-feed-more-card__action:active,
html[data-theme="dark"] .mm-feed-more-card__action:focus-visible{
  border-color: rgba(229,201,135,.34);
  background: rgba(255,255,255,.12);
  color: #fffaf0;
  transform: translateY(-1px);
}

.mm-feed-shoot-action-panel{
  margin-top: .8rem;
  padding: .95rem 1rem;
  border: 1px solid var(--mm-feed-line);
  border-radius: .95rem;
  background: rgba(127,108,87,.04);
}

.mm-feed-shoot-action-panel__title{
  margin: 0 0 .2rem;
  font-size: .95rem;
  line-height: 1.4;
  color: var(--mm-feed-heading);
}

.mm-feed-shoot-action-panel__meta{
  margin: 0 0 .8rem;
  font-size: .82rem;
  line-height: 1.4;
  color: var(--mm-feed-muted);
}

.mm-feed-shoot-comments{
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.mm-feed-shoot-action-panel--comments{
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.mm-feed-shoot-comments-card{
  padding: 0;
  background: transparent;
}

.mm-feed-shoot-comments-card .shoot-meta-card__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: 0 0 .35rem;
  color: rgba(92,72,32,.72);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mm-feed-shoot-comments-card .shoot-meta-card__eyebrow i{
  color: var(--mm-feed-accent);
}

.mm-feed-shoot-comments-card__title{
  margin: 0 0 .35rem;
  max-width: none;
  font-size: clamp(1.02rem, 1.8vw, 1.28rem);
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 650;
  color: #1d1c19;
}

.mm-feed-shoot-comments-card__intro{
  margin: 0 0 1rem;
  max-width: none;
  color: rgba(42,36,27,.72);
  font-size: .98rem;
  line-height: 1.6;
}

.mm-feed-shoot-comments .mm-comments__head{
  margin: 0 0 .7rem;
}

.mm-feed-shoot-comments .mm-comments-list{
  margin: 0 0 .8rem;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.mm-feed-shoot-comments .mm-comment-items{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .9rem;
}

.mm-feed-shoot-comments .mm-comment-item{
  display: grid;
  gap: .5rem;
}

.mm-feed-shoot-comments .mm-comment-meta{
  display: flex;
  align-items: center;
  gap: .6rem;
  color: #454a58;
}

.mm-feed-shoot-comments .mm-comment-name{
  font-weight: 700;
  font-size: .96rem;
  color: #3f4552;
}

.mm-feed-shoot-comments .mm-comment-time{
  margin-left: 0;
  opacity: .62;
  font-size: .9rem;
  white-space: nowrap;
}

.mm-feed-shoot-comments .mm-comment-bubble,
.mm-feed-shoot-comments .mm-comment-reply__bubble{
  position: relative;
  display: inline-block;
  margin: 0;
  padding: var(--mm-comment-balloon-padding, .62rem .88rem);
  width: fit-content;
  max-width: var(--mm-comment-balloon-max-width, min(100%, 28rem));
  border-radius: var(--mm-comment-balloon-radius, 1.1rem);
  background: var(--mm-comment-balloon-bg, #84b46d);
  color: var(--mm-comment-balloon-color, #f6fbf7);
  line-height: var(--mm-comment-balloon-line-height, 1.5);
  font-size: var(--mm-comment-balloon-font-size, .94rem);
  box-shadow: var(--mm-comment-balloon-shadow, 0 2px 0 rgba(0,0,0,.04));
}

.mm-feed-shoot-comments .mm-comment-item:nth-child(2n) .mm-comment-bubble{
  background: var(--mm-comment-balloon-alt-bg, #8fbd78);
}

.mm-feed-shoot-comments .mm-comment-bubble::before,
.mm-feed-shoot-comments .mm-comment-reply__bubble::before{
  content: "";
  position: absolute;
  top: var(--mm-comment-balloon-tail-top, -6px);
  left: var(--mm-comment-balloon-tail-left, 30px);
  width: var(--mm-comment-balloon-tail-size, 15px);
  height: var(--mm-comment-balloon-tail-size, 15px);
  transform: rotate(45deg);
  background: inherit;
  border: 0;
}

.mm-feed-shoot-comments .mm-comment-replies{
  margin-top: .2rem;
  margin-left: 1.2rem;
  display: grid;
  gap: .5rem;
}

.mm-feed-shoot-comments .mm-comment-reply{
  display: grid;
  gap: .45rem;
}

.mm-feed-shoot-comments .mm-comment-reply--admin{
  justify-items: end;
}

.mm-feed-shoot-comments .mm-comment-reply__meta{
  display: flex;
  align-items: center;
  gap: .6rem;
  color: #454a58;
  font-size: .9rem;
}

.mm-feed-shoot-comments .mm-comment-reply__meta strong{
  font-weight: 700;
  color: #3f4552;
}

.mm-feed-shoot-comments .mm-comment-reply__meta time{
  opacity: .62;
  white-space: nowrap;
}

.mm-feed-shoot-comments .mm-comment-reply--admin .mm-comment-reply__bubble{
  background: var(--mm-comment-balloon-admin-bg, #7aa8d3);
}

.mm-feed-shoot-comments .mm-comment-reply--admin .mm-comment-reply__bubble::before{
  right: var(--mm-comment-balloon-tail-left, 30px);
  left: auto;
}

.mm-feed-shoot-comments .mm-comments__empty{
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.mm-feed-comments-more.download-button2{
  display: inline-flex;
  width: auto;
  margin: 0;
}

html[data-theme="dark"] .mm-feed-shoot-comments-card .shoot-meta-card__eyebrow,
html[data-theme="dark"] .mm-feed-shoot-vote-card .shoot-meta-card__eyebrow,
html[data-theme="dark"] .mm-feed-search-card .shoot-meta-card__eyebrow{
  color: rgba(236,225,196,.72);
}

html[data-theme="dark"] .mm-feed-shoot-modal__dialog{
  border: 0;
  background: #141517;
}

html[data-theme="dark"] .mm-feed-shoot-comments-card__title,
html[data-theme="dark"] .mm-feed-shoot-vote-card .shoot-meta-card__title,
html[data-theme="dark"] .mm-feed-search-card__title{
  color: #f4f6f8;
}

html[data-theme="dark"] .mm-feed-shoot-comments-card__intro,
html[data-theme="dark"] .mm-feed-shoot-vote-card .shoot-vote-card__intro,
html[data-theme="dark"] .mm-feed-search-card__intro,
html[data-theme="dark"] .mm-feed-shoot-comments .mm-comment-meta,
html[data-theme="dark"] .mm-feed-shoot-comments .mm-comment-reply,
html[data-theme="dark"] .mm-feed-shoot-comments .mm-comment-reply__meta{
  color: rgba(240,242,248,.86);
}

html[data-theme="dark"] .mm-feed-search-form__label{
  color: rgba(241,243,246,.72);
}

html[data-theme="dark"] .mm-feed-search-form.mmx-search{
  --mmx-text: #f7f3e8;
  --mmx-muted2: rgba(224,218,206,.70);
  --mmx-field-bg: rgba(29,30,32,.86);
  --mmx-field-brd: rgba(204,196,182,.26);
  --mmx-suggest-bg: rgba(29,30,32,.95);
  --mmx-suggest-hover: rgba(247,243,232,.12);
}

html[data-theme="dark"] .mm-feed-search-form__field .mm-header-search__icon{
  color: rgba(224,218,206,.62);
}

html[data-theme="dark"] .mm-feed-search-form__field input{
  border-color: rgba(255,255,255,.14);
  background: rgba(20,22,26,.88);
  color: rgba(247,243,232,.96);
  box-shadow: none;
}

html[data-theme="dark"] .mm-feed-search-form__field input::placeholder{
  color: rgba(224,218,206,.58);
}

html[data-theme="dark"] .mm-feed-search-form__field input:focus{
  border-color: rgba(255,255,255,.24);
  box-shadow: 0 0 0 4px rgba(255,255,255,.06);
}

html[data-theme="dark"] .mm-feed-search-suggest{
  border-color: rgba(255,255,255,.14);
  background: rgba(20,22,26,.94);
  box-shadow: none;
}

html[data-theme="dark"] .mm-feed-search-suggest li.mmx-suggest-label{
  color: rgba(236,225,196,.58);
}

html[data-theme="dark"] .mm-feed-search-suggest li.mmx-suggest-item:hover,
html[data-theme="dark"] .mm-feed-search-suggest li.mmx-suggest-item.is-active{
  background: rgba(255,255,255,.08);
}

html[data-theme="dark"] .mm-feed-search-suggest .mmx-suggest-title{
  color: rgba(247,243,232,.96);
}

html[data-theme="dark"] .mm-feed-search-suggest .mmx-suggest-sub,
html[data-theme="dark"] .mm-feed-search-suggest .mmx-suggest-count{
  color: rgba(224,218,206,.62);
}

html[data-theme="dark"] .mm-feed-shoot-comments .mm-comment-name,
html[data-theme="dark"] .mm-feed-shoot-comments .mm-comment-reply__meta strong{
  color: #f3f6ff;
}

html[data-theme="dark"] .mm-feed-shoot-comments .mm-comment-item:nth-child(2n+1) .mm-comment-bubble{
  background: var(--mm-comment-balloon-bg-dark, #648f53);
}

html[data-theme="dark"] .mm-feed-shoot-comments .mm-comment-item:nth-child(2n) .mm-comment-bubble{
  background: var(--mm-comment-balloon-alt-bg-dark, #6f9d5a);
}

html[data-theme="dark"] .mm-feed-shoot-comments .mm-comment-reply__bubble{
  background: var(--mm-comment-balloon-bg-dark, #648f53);
  color: var(--mm-comment-balloon-color-dark, rgba(244,250,255,.94));
}

html[data-theme="dark"] .mm-feed-shoot-comments .mm-comment-reply--admin .mm-comment-reply__bubble{
  background: var(--mm-comment-balloon-admin-bg-dark, #5f88b3);
}

html[data-theme="dark"] .mm-feed-shoot-comments .mm-comments__empty{
  background: transparent;
}

html[data-theme="dark"] .mm-feed-shoot-comments .mm-comments__empty p{
  color: rgba(245,247,252,.96);
}

html[data-theme="dark"] .mm-feed-shoot-vote-card .shoot-vote-card__panel{
  border-color: rgba(255,255,255,.1);
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.04)),
    rgba(20,22,26,.9);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

html[data-theme="dark"] .mm-feed-shoot-vote-card .shoot-vote-card__panel::before{
  background: radial-gradient(circle, rgba(214,154,31,.16), rgba(214,154,31,0));
}

html[data-theme="dark"] .mm-feed-shoot-rate__star{
  color: rgba(212,198,164,.42);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 10px 22px rgba(0,0,0,.16);
}

html[data-theme="dark"] .mm-feed-shoot-rate__star.is-selected,
html[data-theme="dark"] .mm-feed-shoot-rate__star:hover,
html[data-theme="dark"] .mm-feed-shoot-rate__star:focus-visible{
  color: #f0bf54;
  background: rgba(255,248,229,.14);
  border-color: rgba(240,191,84,.24);
  box-shadow: 0 16px 30px rgba(0,0,0,.24);
}

html[data-theme="dark"] .mm-feed-shoot-rate__star.is-selected{
  background: linear-gradient(180deg, rgba(240,191,84,.22), rgba(240,191,84,.1));
  border-color: rgba(240,191,84,.3);
}

html[data-theme="dark"] .mm-feed-shoot-vote-card .shoot-vote-card__hint{
  color: rgba(236,225,196,.68);
}

html[data-theme="dark"] .mm-feed-shoot-vote-card .avg-score,
html[data-theme="dark"] .mm-feed-shoot-vote-card .shoot-vote-card__votes{
  border-color: rgba(255,255,255,.1);
  background: rgba(255,255,255,.06);
  color: rgba(244,246,248,.94);
}

html[data-theme="dark"] .mm-feed-shoot-vote-card .shoot-vote-card__votes{
  color: rgba(236,239,243,.72);
}

html[data-theme="dark"] .mm-feed-shoot-comment-form.mm-react-form__grid{
  border: 1px solid var(--mm-react-border, rgba(92,71,51,.24));
  background: rgba(20,24,34,.045);
}

html[data-theme="dark"] .mm-feed-shoot-comment-form .mm-react-field label{
  color: rgba(241,243,246,.72);
}

html[data-theme="dark"] .mm-feed-shoot-comment-form input[type="text"],
html[data-theme="dark"] .mm-feed-shoot-comment-form textarea{
  border-color: rgba(204,196,182,.18) !important;
  background: rgba(20,22,26,.88) !important;
  color: rgba(247,243,232,.96) !important;
}

html[data-theme="dark"] .mm-feed-shoot-comment-form input[type="text"]::placeholder,
html[data-theme="dark"] .mm-feed-shoot-comment-form textarea::placeholder{
  color: rgba(224,218,206,.58);
}

html[data-theme="dark"] .mm-feed-shoot-comment-form input[type="text"]:focus,
html[data-theme="dark"] .mm-feed-shoot-comment-form textarea:focus{
  border-color: rgba(204,196,182,.34) !important;
  box-shadow: 0 0 0 4px rgba(204,196,182,.08);
}

html[data-theme="dark"] .mm-feed-shoot-comment-form .reactie-text-container{
  border-color: rgba(204,196,182,.18) !important;
  background: rgba(20,22,26,.9);
  box-shadow: none;
}

html[data-theme="dark"] .mm-feed-shoot-comment-form .reactie-text-container textarea{
  color: rgba(255,255,255,.93) !important;
}

html[data-theme="dark"] .mm-feed-shoot-comment-form .mm-emoji-bar{
  border-top-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

html[data-theme="dark"] .mm-feed-shoot-comment-form .mm-emoji-btn{
  background: transparent;
  border-color: transparent;
}

html[data-theme="dark"] .mm-feed-shoot-comment-form .mm-emoji-btn:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.10);
}

html[data-theme="dark"] .mm-feed-shoot-comment-form .mm-emoji-btn:focus-visible{
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 0 0 3px rgba(255,255,255,.08);
}

.mm-feed-shoot-comment-form.mm-react-form__grid{
  display: grid;
  gap: 0;
  padding: 0;
  margin-bottom: 3.25rem;
  border-radius: 18px;
  border: 1px solid var(--mm-react-border, rgba(92,71,51,.24));
  background: rgba(20,24,34,.045);
  box-shadow: none;
  overflow: hidden;
}

.mm-feed-shoot-comment-form .mm-react-field{
  display: grid;
  gap: .42rem;
}

.mm-feed-shoot-comment-form .mm-react-field label{
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(47,53,64,.74);
}

.mm-feed-shoot-comment-form input[type="text"],
.mm-feed-shoot-comment-form textarea{
  width: 100%;
  margin: 0 !important;
  padding: .98rem 1.05rem;
  border: 1px solid rgba(92,71,51,.18) !important;
  border-radius: 18px;
  background: rgba(255,255,255,.98) !important;
  color: #191919 !important;
  font: inherit;
  box-sizing: border-box;
  letter-spacing: 0;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.mm-feed-shoot-comment-form input[type="text"]{
  border-color: rgba(92,71,51,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 1px 2px rgba(22,24,29,.035) !important;
}

.mm-feed-shoot-comment-form input[type="text"]::placeholder,
.mm-feed-shoot-comment-form textarea::placeholder{
  color: rgba(56,61,71,.64);
}

.mm-feed-shoot-comment-form input[type="text"]:focus,
.mm-feed-shoot-comment-form textarea:focus{
  outline: none;
  border-color: rgba(92,71,51,.34) !important;
  background: rgba(255,252,247,.96) !important;
  box-shadow: 0 0 0 4px rgba(92,71,51,.08);
}

.mm-feed-shoot-comment-form textarea{
  min-height: 138px;
  line-height: 1.6;
  resize: vertical;
}

.mm-feed-shoot-comment-form .reactie-text-container{
  border: 1px solid rgba(92,71,51,.24) !important;
  border-radius: 18px;
  background: rgba(20,24,34,.045);
  overflow: hidden;
  box-shadow: none;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.mm-feed-shoot-comment-form .reactie-text-container textarea{
  display: block;
  min-height: 138px;
  border: 0 !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.98) !important;
  color: #191919 !important;
  padding-right: 5.1rem;
  resize: none;
  box-shadow: 0 13px 24px rgba(22,24,29,.08) !important;
}

.mm-feed-shoot-comment-form .mm-react-input-shell{
  position: relative;
}

.mm-feed-shoot-comment-form .mm-react-send-button.download-button2{
  position: absolute;
  top: auto !important;
  right: .7rem;
  bottom: .7rem;
  transform: none;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-grid !important;
  place-items: center;
  border: 0 !important;
  border-radius: 50% !important;
  background: #8e9092 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  overflow: hidden;
  z-index: 2;
}

.mm-feed-shoot-comment-form .mm-react-send-button.download-button2::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 12px;
  width: 2px;
  height: 15px;
  border-radius: 999px;
  background: #fff;
  transform: translateX(-50%);
}

.mm-feed-shoot-comment-form .mm-react-send-button.download-button2::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 11px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: translateX(-50%) rotate(45deg);
  transform-origin: center;
}

.mm-feed-shoot-comment-form .mm-react-send-button.download-button2:hover,
.mm-feed-shoot-comment-form .mm-react-send-button.download-button2:focus-visible{
  transform: scale(1.04);
  background: #7f8183 !important;
}

.mm-feed-shoot-comment-form .mm-react-send-button.download-button2:disabled{
  opacity: .55;
  cursor: default;
}

.mm-feed-shoot-comment-form .reactie-text-container:focus-within{
  border-color: rgba(92,71,51,.34) !important;
  background: rgba(20,24,34,.055);
  box-shadow: 0 0 0 4px rgba(92,71,51,.08);
}

.mm-feed-shoot-comment-form .mm-emoji-bar{
  display: block;
  padding: .68rem var(--mm-react-inline, 1.75rem) .78rem 0 !important;
  border-top: 1px solid rgba(63,69,82,.08);
  background: transparent;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}

.mm-feed-shoot-comment-form .mm-emoji-row{
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 30px;
  align-items: center;
  column-gap: 12px !important;
  gap: 12px !important;
  margin-left: var(--mm-react-emoji-inline, 4rem);
  min-width: max-content;
}

.mm-feed-shoot-comment-form .mm-emoji-bar::-webkit-scrollbar{
  display: none;
}

.mm-feed-shoot-comment-form .mm-emoji-btn{
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 1px solid transparent;
  border-radius: .55rem;
  background: transparent;
  display: inline-grid;
  place-items: center;
  font-size: 1.24rem;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  scroll-snap-align: start;
  transition: transform .16s ease, background .16s ease;
}

.mm-feed-shoot-comment-form .mm-emoji-btn:hover{
  transform: translateY(-1px) scale(1.08);
  background: rgba(255,255,255,.45);
  border-color: transparent;
}

.mm-feed-shoot-comment-form .mm-emoji-btn:active{
  transform: translateY(0);
}

.mm-feed-shoot-comment-form .mm-emoji-btn:focus-visible{
  outline: none;
  border-color: rgba(63,69,82,.18);
  box-shadow: 0 0 0 3px rgba(83,88,98,.08);
}

.mm-feed-shoot-submit:disabled{
  opacity: .55;
  cursor: default;
}

.mm-feed-shoot-action-panel--rating{
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.mm-feed-shoot-vote-card{
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: transparent;
}

.mm-feed-shoot-vote-card::after{
  display: none;
}

.mm-feed-shoot-vote-card .shoot-meta-card__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: 0 0 .35rem;
  color: rgba(92,72,32,.72);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mm-feed-shoot-vote-card .shoot-meta-card__eyebrow i{
  color: #d69a1f;
}

.mm-feed-shoot-vote-card .shoot-meta-card__title{
  margin: 0 0 .35rem;
  max-width: none;
  font-size: clamp(1.02rem, 1.8vw, 1.28rem);
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 650;
  color: #1d1c19;
  white-space: nowrap;
}

.mm-feed-shoot-vote-card .shoot-vote-card__intro{
  margin: 0 0 1rem;
  max-width: none;
  color: rgba(42,36,27,.72);
  font-size: .98rem;
  line-height: 1.6;
}

.mm-feed-shoot-vote-card .rating-blog{
  display: grid;
  gap: .7rem;
  width: 100%;
  justify-items: stretch;
}

.mm-feed-shoot-vote-card .shoot-vote-card__rating-stack{
  display: grid;
  gap: .7rem;
  width: 100%;
}

.mm-feed-shoot-vote-card .shoot-vote-card__panel{
  position: relative;
  overflow: hidden;
  display: grid;
  gap: .58rem;
  width: 100%;
  padding: .82rem .82rem .78rem;
  border-radius: 1.45rem;
  border: 1px solid rgba(199,172,115,.24);
  background:
    linear-gradient(145deg, rgba(255,255,255,.74), rgba(248,239,223,.92)),
    rgba(255,255,255,.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76);
}

.mm-feed-shoot-vote-card .shoot-vote-card__panel::before{
  content: "";
  position: absolute;
  inset: auto auto -36px -26px;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(243,208,130,.24), rgba(243,208,130,0));
  pointer-events: none;
}

.mm-feed-shoot-vote-card .shoot-vote-card__panel-inner{
  position: relative;
  z-index: 1;
  display: grid;
  gap: .58rem;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.mm-feed-shoot-rate{
  display: grid;
  gap: .7rem;
  width: 100%;
}

.mm-feed-shoot-rate__stars{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  width: fit-content;
  max-width: 100%;
  flex-wrap: nowrap;
  margin: 0 auto;
}

.mm-feed-shoot-rate__star{
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 3.25rem;
  height: 3.25rem;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(214,193,153,.28);
  background: rgba(255,255,255,.62);
  color: rgba(184,171,148,.88);
  box-shadow: 0 10px 22px rgba(63,47,19,.06);
  cursor: pointer;
  font-size: 1.55rem;
  line-height: 1;
  transition: transform .18s ease, color .18s ease, background-color .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.mm-feed-shoot-rate__star.is-selected,
.mm-feed-shoot-rate__star:hover,
.mm-feed-shoot-rate__star:focus-visible{
  color: #d69a1f;
  background: rgba(255,248,229,.96);
  border-color: rgba(214,154,31,.34);
  box-shadow: 0 16px 30px rgba(150,101,9,.18);
  outline: none;
  transform: translateY(-3px) scale(1.04);
}

.mm-feed-shoot-rate__star.is-selected{
  background: linear-gradient(180deg, rgba(255,250,235,.98), rgba(251,233,189,.96));
  border-color: rgba(214,154,31,.36);
  box-shadow: 0 14px 28px rgba(150,101,9,.16);
}

.mm-feed-shoot-rate__star > i{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.mm-feed-shoot-vote-card .shoot-vote-card__hint{
  margin: 0;
  text-align: center;
  font-size: .84rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(92,72,32,.72);
}

.shoot-vote-card__stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: .8rem;
  justify-content: stretch;
  width: 100%;
  margin-top: 1rem;
}

.shoot-vote-card__stats > *{
  width: 100%;
  min-width: 0;
}

.mm-feed-shoot-vote-card .avg-score,
.mm-feed-shoot-vote-card .shoot-vote-card__votes{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 3rem;
  padding: .38rem .9rem;
  box-sizing: border-box;
  border-radius: 999px;
  border: 1px solid rgba(85,65,28,.12);
  background: rgba(255,255,255,.58);
  color: #3a3327;
  font-size: .9rem;
  line-height: 1.15;
  text-align: center;
  margin: 0;
}

.mm-feed-shoot-vote-card .avg-score{
  font-weight: 700;
}

.mm-feed-shoot-vote-card .shoot-vote-card__votes{
  color: rgba(58,51,39,.76);
  font-size: .88rem;
}

@media (max-width: 767.98px){
  .shoot-vote-card__stats{
    grid-template-columns: 1fr;
    gap: .7rem;
  }
}


html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .mm-feed-shoot-modal__dialog{
  background: #141517 !important;
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .mm-feed-shoot-action-panel--rating,
html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .mm-feed-shoot-vote-card{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .mm-feed-shoot-vote-card::before,
html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .mm-feed-shoot-vote-card::after{
  content: none !important;
  display: none !important;
}

html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .shoot-meta-card__eyebrow,
html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .shoot-vote-card__intro,
html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .shoot-vote-card__hint{
  color: rgba(241,231,209,.82) !important;
}

html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .shoot-meta-card__title{
  color: #fbf4e5 !important;
}

html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .shoot-vote-card__panel{
  border-color: rgba(210,185,131,.2) !important;
  background: rgba(37,31,24,.94) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 28px rgba(0,0,0,.24) !important;
}

html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .shoot-vote-card__panel::before{
  content: none !important;
  display: none !important;
}

html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .mm-feed-shoot-rate__star{
  color: rgba(176,160,126,.88) !important;
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(222,196,136,.16) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .mm-feed-shoot-rate__star.is-selected,
html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .mm-feed-shoot-rate__star:hover,
html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .mm-feed-shoot-rate__star:focus-visible{
  color: #f0b73d !important;
  background: rgba(97,72,22,.4) !important;
  border-color: rgba(240,183,61,.34) !important;
  box-shadow: 0 16px 30px rgba(0,0,0,.24) !important;
}

html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .avg-score,
html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .shoot-vote-card__votes{
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.05) !important;
  color: rgba(250,242,227,.92) !important;
}

html[data-theme="dark"] .mm-feed-shoot-modal[data-feed-shoot-modal="rating"] .shoot-vote-card__votes{
  color: rgba(236,225,196,.82) !important;
}

.mm-feed-story{
  margin-top: .15rem;
  position: relative;
}

.mm-feed-story__text{
  margin: 0;
  display: block;
  font-size: .98rem;
  line-height: 1.66;
  color: var(--mm-feed-fg);
  text-align: left;
}

.mm-feed-story__text--title-only{
  margin: 0;
}

.mm-feed-story__title{
  font: inherit;
  font-family: "San Francisco bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: 0;
  color: var(--mm-feed-heading);
}

.mm-feed-story__measure{
  position: absolute;
  left: -9999px;
  top: 0;
  visibility: hidden;
  pointer-events: none;
  white-space: normal;
  font: inherit;
  font-size: .98rem;
  line-height: 1.66;
  text-align: left;
}

.mm-feed-story__text.is-collapsed{
  cursor: pointer;
}

.mm-feed-story__toggle{
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin-left: 0;
  float: none !important;
  clear: none !important;
  position: static !important;
  text-transform: none;
  letter-spacing: 0;
  vertical-align: baseline;
  opacity: .7;
  white-space: nowrap;
  text-align: left !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.mm-feed-story__toggle:hover{
  opacity: 1;
}

.mm-feed-shoot-link-row{
  display: flex;
  justify-content: flex-start;
  margin-top: .9rem;
}

.mm-feed-shoot-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 2.4rem;
  padding: .55rem .9rem;
  border: 1px solid var(--mm-feed-line);
  border-radius: 999px;
  background: transparent;
  color: var(--mm-feed-accent);
  text-decoration: none;
  font-size: .88rem;
  line-height: 1.3;
  touch-action: manipulation;
  transition: border-color .18s ease, background-color .18s ease, opacity .18s ease;
}

.mm-feed-shoot-link:hover{
  border-color: var(--mm-feed-accent);
  background: rgba(127,108,87,.06);
}

.mm-feed-shoot-link--inline{
  margin-left: auto;
  flex: 0 0 auto;
}

.mm-feed-viewer .pswp-accordion{
  border: 0;
  border-radius: .85rem;
  background: transparent !important;
  box-shadow: none !important;
  margin-top: .35rem;
}

.mm-feed-viewer .pswp-accordion summary,
.mm-feed-viewer .pswp-caption--timeline h3,
.mm-feed-viewer .pswp-timeline__story p,
.mm-feed-viewer .pswp-timeline__lead{
  color: var(--mm-feed-fg);
}

.mm-feed-viewer .pswp-accordion summary{
  padding: .75rem 0;
  font: inherit;
  font-family: "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: .98rem;
  line-height: 1.66;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
}

.mm-feed-viewer .pswp-accordion summary::after{
  color: var(--mm-feed-accent);
}

.mm-feed-viewer .pswp-accordion__panel{
  padding: 0 0 1rem;
  background: transparent !important;
}

.mm-feed-viewer .pswp-gear{
  margin: 0;
  padding: .9rem 0 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  width: 100%;
}

.mm-feed-viewer .pswp-mini-map{
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0;
  overflow: hidden;
}

.mm-feed-viewer .pswp-mini-map__label{
  padding: .8rem 0 0;
  background: transparent;
  border-top: 0;
  font-weight: 600;
  color: var(--mm-feed-map-label);
}

.mm-feed-viewer .foto_detail,
.mm-feed-viewer .foto_detail_fb{
  border-radius: 999px;
  border: 1px solid var(--mm-feed-line) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--mm-feed-fg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mm-feed-viewer .pswp-gear__label{
  color: var(--mm-feed-muted) !important;
}

.mm-feed-viewer .pswp-gear__value,
.mm-feed-viewer .foto_detail span,
.mm-feed-viewer .foto_detail_fb span{
  color: var(--mm-feed-fg) !important;
}

.mm-feed-viewer .pswp-gear__icon{
  background: rgba(127,108,87,.12) !important;
  border: 0 !important;
  color: var(--mm-feed-fg) !important;
}

.pswp-accordion--tech .pswp-gear__item{
  opacity: 1;
  transform: translateX(0);
  will-change: transform, opacity;
}

.pswp-accordion--tech[open] .pswp-gear__item{
  opacity: 1;
  transform: translateX(0);
}

.mm-feed-more{
  width: min(860px, 100%);
  margin: 0 auto;
  padding: 0 1rem calc(2.75rem + env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
}

.mm-feed-more__button{
  appearance: none;
  -webkit-appearance: none;
  min-width: min(100%, 18rem);
  padding: .95rem 1.4rem;
  border: 1px solid var(--mm-feed-line);
  background: transparent;
  color: var(--mm-feed-fg);
  font: inherit;
  font-size: .95rem;
  line-height: 1.2;
  cursor: pointer;
  transition: opacity .2s ease, border-color .2s ease, background-color .2s ease;
}

.mm-feed-more__button[hidden]{
  display: none !important;
}

.mm-feed-more__button:hover{
  border-color: var(--mm-feed-accent);
  background: rgba(127,108,87,.06);
}

.mm-feed-more__button:disabled{
  opacity: .58;
  cursor: wait;
}

.mm-feed-more__status{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .85em;
  color: var(--mm-feed-muted);
  background-color: color-mix(in srgb, var(--mm-feed-fg) 10%, transparent);
  border-radius: 999px;
  padding: .18em 1.25em;
  font-size: .9rem;
  font-weight: 500;
  line-height: 3.05556em;
  min-height: 3.15em;
  box-sizing: border-box;
  white-space: nowrap;
  text-align: left;
  user-select: none;
}

.mm-feed-more__status[hidden]{
  display: none !important;
}

.mm-feed-more__end{
  display: grid;
  justify-items: center;
  gap: .7rem;
  margin-top: .25rem;
  text-align: center;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity var(--mm-feed-motion-fast) ease, transform var(--mm-feed-motion-base) var(--mm-feed-motion-ease);
}

.mm-feed-more__end[hidden]{
  display: none !important;
}

.mm-feed-more__end-title{
  margin: 0;
  color: var(--mm-feed-heading);
  font-size: 1.05rem;
  line-height: 1.25;
}

.mm-feed-more__end-copy{
  margin: 0;
  max-width: 28rem;
  color: var(--mm-feed-muted);
  font-size: .94rem;
  line-height: 1.55;
}

.mm-feed-more__end-actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
}

.mm-feed-more__end-btn{
  appearance: none;
  -webkit-appearance: none;
  min-height: 2.9rem;
  padding: .75rem 1.1rem;
  border: 1px solid var(--mm-feed-line);
  border-radius: 999px;
  background: transparent;
  color: var(--mm-feed-fg);
  font: inherit;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}

.mm-feed-more__end-btn:hover{
  border-color: var(--mm-feed-accent);
  background: rgba(127,108,87,.06);
}

.mm-feed-more__end-btn--ghost{
  color: var(--mm-feed-muted);
}

.mm-feed-more__status .fi{
  font-size: 1.1em;
  color: #4caf50;
  position: relative;
  top: 1px;
  margin-right: .1rem;
  flex: 0 0 auto;
}

.mm-feed-more__status-text{
  line-height: 1.35;
}

.mm-feed-more.is-done{
  padding-top: .35rem;
}

.mm-feed-more.is-done .mm-feed-more__end{
  opacity: 1;
  transform: translateY(0);
}

.mm-feed-viewer .pswp-accordion[open] summary{
  border-bottom: 1px solid var(--mm-feed-line) !important;
  background: transparent !important;
}

.mm-feed-viewer .pswp-accordion summary{
  background: transparent !important;
}

.mm-feed-viewer .foto_detail i,
.mm-feed-viewer .foto_detail_fb i{
  color: inherit !important;
}

html[data-theme="light"] .mm-feed-card{
  background: var(--mm-feed-bg);
}

html[data-theme="light"] .mm-feed-card__media{
  box-shadow: inset 0 0 0 1px rgba(92,71,51,.06);
}

html[data-theme="light"] .mm-feed-card__media-bg{
  opacity: .82;
  filter: blur(32px) saturate(1) brightness(1.04);
}

html[data-theme="dark"] .mm-feed-card__media-bg{
  opacity: .42;
  filter: blur(30px) saturate(.92) brightness(.62);
}

html[data-theme="light"] .mm-feed-viewer .pswp-caption__header{
  padding-bottom: 0;
  border-bottom: 0;
}

html[data-theme="light"] .mm-feed-viewer .pswp-timeline__story p,
html[data-theme="light"] .mm-feed-viewer .pswp-timeline__lead{
  color: rgba(43,34,27,.9);
}

html[data-theme="light"] .mm-feed-more__button:hover{
  background: rgba(127,108,87,.05);
}

.mm-feed-viewer .pswp-mini-map__map{
  height: 220px;
}

@media (prefers-reduced-motion: reduce){
  .mm-feed-viewer,
  .mm-feed-viewer *,
  .mm-feed-shoot-modal,
  .mm-feed-shoot-modal *{
    animation: none !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }

  .mm-feed-viewer__progress-fill{
    transition: none !important;
  }

  .mm-feed-more__end{
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 767.98px){
  .mm-feed-viewer,
  .mm-feed-viewer__scroll,
  .mm-feed-card,
  .mm-feed-card__media,
  .mm-feed-card__media > img:not(.mm-feed-card__media-bg){
    border-radius: 0 !important;
  }

  .mm-feed-viewer__chrome{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: calc(3.1rem + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) .9rem 0 .9rem;
    background: var(--mm-feed-bg);
    border-bottom: 0;
    box-shadow: none;
    pointer-events: auto;
  }

  .mm-feed-viewer__scroll{
    background: var(--mm-feed-bg);
    margin-top: -1px;
    padding-top: 1px;
  }

  .mm-feed-viewer__close{
    display: flex;
    align-items: center;
    width: auto;
    flex: 0 0 auto;
    min-height: 3.1rem;
    padding: 0;
    font-size: .92rem;
    margin-left: 0;
  }

  .mm-feed-viewer__search{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.1rem;
    flex: 0 0 auto;
    padding: 0;
    width: 18px;
    min-width: 18px;
    margin-right: 0;
  }

  .mm-feed-viewer__scroll{
    padding: 0 0 calc(1.25rem + env(safe-area-inset-bottom));
  }

  .mm-feed-zoom{
    padding: 0;
  }

  .mm-feed-zoom__img{
    max-width: 100vw;
    max-height: 100dvh;
    height: 100dvh;
    box-shadow: none;
    transform-origin: center center;
  }

  .mm-feed-card{
    width: 100%;
    min-height: auto;
    padding-top: .75rem;
    padding-bottom: .9rem;
  }

  .mm-feed-card:first-child{
    padding-top: calc(3.1rem + env(safe-area-inset-top));
  }

  .mm-feed-more{
    width: 100%;
    padding: .4rem .9rem calc(1.6rem + env(safe-area-inset-bottom));
  }

  .mm-feed-more__button{
    width: 100%;
    min-width: 0;
    font-size: .92rem;
  }

  .mm-feed-card__media{
    display: block;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }

  .mm-feed-card.is-active .mm-feed-card__media{
    box-shadow: none;
  }

  .mm-feed-viewer .mm-feed-card__media::after{
    display: none;
  }

  .mm-feed-card__media > img:not(.mm-feed-card__media-bg){
    width: 100%;
    display: block;
    height: auto;
    max-height: none;
    object-fit: cover;
  }

  .mm-feed-viewer .mm-feed-shoot,
  .mm-feed-viewer .mm-feed-shoot__track,
  .mm-feed-viewer .mm-feed-shoot__slide,
  .mm-feed-viewer .mm-feed-shoot__slide img{
    border-radius: 0 !important;
  }

  .mm-feed-viewer .mm-feed-card__media--shoot,
  .mm-feed-viewer .mm-feed-shoot,
  .mm-feed-viewer .mm-feed-shoot__track,
  .mm-feed-viewer .mm-feed-shoot__slide{
    background: var(--mm-feed-media-fill);
  }

  .mm-feed-viewer .mm-feed-card__media--shoot,
  .mm-feed-viewer .mm-feed-shoot{
    aspect-ratio: auto !important;
    height: min(72dvh, 42rem);
    max-height: min(72dvh, 42rem);
  }

  .mm-feed-viewer .mm-feed-shoot__track{
    height: 100%;
  }

  .mm-feed-viewer .mm-feed-shoot__slide{
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
  }

  .mm-feed-viewer .mm-feed-shoot__slide > .mm-feed-card__media-bg{
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.28);
    transform-origin: center;
    filter: blur(26px) saturate(.82) brightness(.38);
    opacity: .92;
    pointer-events: none;
  }

  .mm-feed-viewer .mm-feed-shoot__slide > img:not(.mm-feed-card__media-bg){
    display: block;
    position: relative;
    z-index: 1;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    margin: auto;
    background: transparent;
  }

  .mm-feed-viewer .mm-feed-shoot__arrow{
    display: none;
  }

  .mm-feed-viewer .mm-feed-shoot__count{
    top: .65rem;
    left: .65rem;
    font-size: .68rem;
  }

  .mm-feed-viewer .mm-feed-shoot__preview{
    right: .65rem;
    bottom: .9rem;
    font-size: .66rem;
  }

  .mm-feed-card__watermark{
    right: .75rem;
    bottom: .75rem;
    width: 2.35rem;
    height: 2.35rem;
    opacity: .08;
  }

  .mm-feed-viewer .mm-feed-shoot__track{
    scroll-snap-type: x mandatory;
    touch-action: auto !important;
  }

  .mm-feed-viewer .mm-feed-shoot__slide,
  .mm-feed-viewer .mm-feed-shoot__slide > img:not(.mm-feed-card__media-bg){
    touch-action: auto !important;
  }

  .mm-feed-card__copy{
    padding: .72rem .9rem calc(1.15rem + env(safe-area-inset-bottom));
    width: calc(100% - 1.8rem);
  }

  .mm-feed-shoot-actions{
    margin-top: .65rem;
    padding: 0 .9rem;
  }

  .mm-feed-card__topmeta{
    --mm-feed-meta-row-h: 2.3rem;
    --mm-feed-more-space: 4.3rem;
    margin-bottom: 0;
    padding: 0 .9rem;
    gap: .5rem;
    background: var(--mm-feed-bg);
  }

  .mm-feed-card__location-wrap .pswp-accordion__panel{
    width: calc(100% + var(--mm-feed-more-space) + .9rem);
    margin-right: calc(-1 * (var(--mm-feed-more-space) + .9rem));
  }

  .mm-feed-card__more{
    top: calc((var(--mm-feed-meta-row-h) / 2) + 20px);
    right: .9rem;
    transform: translateY(-50%);
  }

  .mm-feed-card__location-wrap{
    margin-bottom: 0;
    padding: 0;
  }

  .mm-feed-more__end-actions{
    width: 100%;
  }

  .mm-feed-more__end-btn{
    width: 100%;
  }

  .mm-feed-card__location-wrap .pswp-accordion summary{
    font-size: .98rem;
    line-height: 1;
    transform: none;
  }

  .mm-feed-card__more-trigger{
    padding: .5rem .8rem;
    transform: none;
  }

  .mm-feed-viewer .pswp-caption--timeline{
    gap: .8rem;
  }

  .mm-feed-viewer .pswp-caption__header{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .4rem;
  }

  .mm-feed-viewer .pswp-caption--timeline h3{
    font-size: 1.2rem;
  }

  .mm-feed-viewer .pswp-caption__meta{
    align-items: center;
    justify-content: flex-start;
  }

  .mm-feed-viewer .pswp-caption__meta-row{
    grid-template-columns: auto minmax(0, 1fr);
    gap: .85rem;
  }

  .mm-feed-viewer .pswp-caption__meta--tags{
    width: 100%;
    justify-self: stretch;
    justify-content: flex-end;
    text-align: right;
  }

  .mm-feed-viewer .pswp-timeline__story p,
  .mm-feed-viewer .pswp-timeline__lead{
    font-size: .95rem;
    line-height: 1.62;
  }

  .mm-feed-card .pswp-caption__meta{
    font-size: .78rem;
    line-height: 1.25;
    margin-bottom: .18rem;
  }

  .mm-feed-card .pswp-caption__meta-row{
    gap: .65rem;
  }

  .mm-feed-card .mm-feed-story{
    margin-top: .05rem;
  }

  .mm-feed-card .mm-feed-story__text{
    font-size: .93rem;
    line-height: 1.52;
  }

  .mm-feed-card .pswp-caption__body .pswp-accordion--tech{
    margin-top: .08rem;
  }

  .mm-feed-card .pswp-caption__body .pswp-accordion--tech summary{
    padding: .12rem 0;
    font-size: .78rem;
    line-height: 1.22;
  }

  .mm-feed-viewer .pswp-mini-map__map{
    height: 170px;
  }
}

.scrolldown img{
	width: 50px;
}

.profiel{
	width: 100%;
	aspect-ratio: 1 / 1;
    object-fit: cover;
    margin-bottom: 20px;
	border-radius: var(--radius);
}

.profiel_wrapper {
  width: 100%;
  max-height: 500px;
  height: 500px;
  overflow: hidden;
}

.profiel_content {
  width: 100%;
  height: 700px;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media (max-width: 768px) {
  .profiel_wrapper {
    height: auto;
    max-height: none;
  }
  .profiel_content {
    height: auto;
    object-fit: contain;
  }
}

@media (min-width: 768px) {
  #blogfoto{
	    margin-left: -2rem;
    margin-right: -2rem;
    width: calc(100% + 4rem);
	border-radius: none;
}

}

.layer-container {
  display: flex;
  width: 100%;
  position: relative;
  gap: 1em;
}


.layer-left {
  flex: 0 0 70%;
}

.layer-right {
  flex: 0 0 30%;
  position: sticky;
  top: 84px;
  align-self: flex-start;
  padding-right: 1em;
}

    @media (max-width: 768px) {
  .layer-right {
  padding-right: 0em;
}
	}

.auteur{
	background-color: var(--color-auteur);

	border-radius: var(--radius);
	width: 100%;
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2em;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);

}

.auteur h2{
  font-family: "Caveat", cursive;
  text-transform: none !important;
  font-size: 1.5em;
}

.auteur:hover {
  padding: 2.5em 2.5em;
}

.auteur img {
  border-radius: 100px;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  max-width: 200px;
  display: block;
}

.auteur img {
	color: var(--color-mm-grey);
}

.auteur span {
  text-align: center;
  margin-top: 8px;
  font-size: 1em;
  color: var(--color-text);
  width: 100%;
}


.layer-container.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}


@media (max-width: 1199px) {
  .layer-container {
    flex-direction: column;
  }

  .layer-left,
  .layer-right {
    flex: 0 0 auto;
    width: 100%;
  }

  .layer-right {
    border-left: none;
	margin-bottom: 3em;
  }
}


.grid-intro-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1em;
      align-items: start;
    }

    .left-column {
      display: flex;
      flex-direction: column;
    }

    .item3 {
      display: flex;
      height: auto;
      position: relative;
    }

    .item3 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: var(--radius);

    }

    .mm-profile-photo {
      position: relative;
      width: 100%;
      overflow: hidden;
      border-radius: var(--radius);
    }

    .mm-profile-photo .profiel_content {
      border-radius: 0;
    }

    .mm-profile-contact-chips {
      position: absolute;
      left: clamp(.75rem, 2.8vw, 1.25rem);
      right: clamp(.75rem, 2.8vw, 1.25rem);
      bottom: clamp(.75rem, 2.8vw, 1.25rem);
      z-index: 3;
      color: var(--color-text) !important;
    }

    .mm-profile-contact-chips .icons {
      gap: .55rem;
    }

    .mm-profile-contact-chips .icons li {
      min-height: 46px;
      border-color: rgba(255,255,255,.52);
      background:
        linear-gradient(135deg, rgba(255,255,255,.72), rgba(247,243,232,.56) 54%, rgba(255,255,255,.48)),
        rgba(247,243,232,.62);
      -webkit-backdrop-filter: blur(16px) saturate(1.12);
      backdrop-filter: blur(16px) saturate(1.12);
      box-shadow: 0 10px 28px rgba(32,28,23,.18);
    }

    .mm-profile-contact-chips .icons li i {
      background: rgba(255,255,255,.76);
    }

    html[data-theme="dark"] .mm-profile-contact-chips .icons li {
      border-color: rgba(255,255,255,.16);
      background:
        linear-gradient(135deg, rgba(48,50,54,.72), rgba(31,32,35,.64) 54%, rgba(65,67,72,.50)),
        rgba(20,21,23,.58);
      box-shadow: 0 12px 30px rgba(0,0,0,.34);
    }

    html[data-theme="dark"] .mm-profile-contact-chips .icons li i {
      background: rgba(36,37,40,.82);
    }


.profiel-dark{ display:none; }


html[data-theme="dark"] .profiel-light{ display:none; }
html[data-theme="dark"] .profiel-dark{ display:block; }

    .item4 {
      grid-column: 1 / span 2;
      color: var(--color-text) !important;
    }

    .item4 a{
      color: var(--color-text) !important;
    }

    .insta-counter{
      margin-left: 0.5em;
      border: 1px solid var(--color-text) ;
      border-radius: var(--radius);
      padding: 0.5em 1em;
      color: var(--color-text);
    }

    @media (max-width: 768px) {
  .grid-intro-container {
    grid-template-columns: 1fr;
  }

  .left-column,
  .item3,
  .item4 {
    grid-column: auto;
    grid-row: auto;
  }

  .item3 {
    height: auto !important;
  }

  .item3 img {
    height: auto;
  }

  .mm-profile-contact-chips {
    left: .75rem;
    right: .75rem;
    bottom: .75rem;
  }

  .mm-profile-contact-chips .icons li {
    min-height: 42px;
    padding: .44rem .58rem;
  }
}
@media (max-width: 768px) {


  .left-column{
    display: contents;
  }


  .left-column > .item.item1{
    grid-row: 1;
  }

  .grid-intro-container > .item3{
    grid-row: 2;
  }

  .left-column > .item:not(.item1){
    grid-row: 3;
    margin-top: -1em;
  }


}


@-moz-keyframes spinner {
	0% {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-webkit-keyframes spinner {
	0% {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-ms-keyframes spinner {
	0% {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spinner {
	0% {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html, body {
  height: 100%;
  margin: 0;
  overscroll-behavior-y: none;
  overflow-y: none;
}

	html {
		scroll-behavior: smooth;
	  }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

.lazy-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.5s ease-in-out;
}
.view-toggle-blog {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
  margin-bottom: 25px;
  width: fit-content;
  margin-left: auto;
}

.view-toggle button {
    background-color: transparent;
    border: 1px solid var(--color-text);
    font-size: 15px;
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--color-text) !important;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;

}


.blog-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .blog-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .blog-grid {
    grid-template-columns: 1fr;
	gap: 1em;
  }
  .view-toggle-blog {
  display: none;
}
.download-datum {
	margin: 1em 0em !important;
}
}


.blog-grid.list-view {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 10px;
}

@media (min-width: 769px) {
  .blog-grid.list-view {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1em !important;
  }
}

.blog-grid.list-view .download-item {
  flex-direction: row;
  padding: 10px;
  border-radius: var(--radius);
  align-items: flex-start;
}

.blog-grid.list-view .download-thumb {
  flex-shrink: 0;
  width: 150px;
  height: 100%;
  border-radius: var(--radius-inner);
  overflow: hidden;
  aspect-ratio: unset;
}

.blog-grid.list-view .download-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: none;
}

.blog-grid.list-view .download-item > div:not(.download-thumb) {
  margin-left: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mm-feed-viewer__close:hover{
  color: var(--mm-feed-accent);
  transform: translateX(-2px);
}

.blog-grid.list-view .download-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}

.blog-grid.list-view .download-size {
  font-size: 12px;
  color: var(--color-download-size);
  margin-bottom: 8px;
}

.blog-grid.list-view .download-button {
  font-size: 16px;
  padding: 6px 10px;
  border-radius: var(--radius);
  background-color: var(--color-mm-grey);
  color: #fff;
  align-self: flex-start;
}

.blog-grid.list-view .download-button:hover {
  background-color: #afac9f;
  color: var(--color-mm-grey);
}

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

.mm-active-filters{
  margin: .75rem auto 0;
  max-width: var(--gallery-max, 1100px);
  padding: 0 .75rem;
}

.mm-active-filters__inner{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
  margin-top: 3em;
  margin-bottom: 2em;
}

:root{
  --mm-badge-height: 34px;
}

.mm-chip{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .45rem .65rem;
  min-height: var(--mm-badge-height);
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgb(133 133 133 / 20%);
  text-decoration: none;
  color: var(--color-text);
  max-width: 100%;
  transition: transform .18s ease, background-color .18s ease;
  box-sizing: border-box;
}

.mm-chip__txt{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 52vw;
}

.mm-chip__x{
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  background: #000;
  position: relative;
}

.mm-chip__x::before,
.mm-chip__x::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 1px;
  background: #fff;
  transform-origin: center;
}

.mm-chip__x::before{
  transform: translate(-50%, -50%) rotate(45deg);
}
.mm-chip__x::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mm-chip:hover{
  background: color-mix(in srgb, var(--pal-dark-3) 24%, transparent);
  transform: scale(1.05);
  color: var(--color-text);
}
.mm-chip:hover .mm-chip__x{
  background: color-mix(in srgb, var(--pal-dark-3) 22%, transparent);
}

.load-more {
	display: inline-block;
	margin: 15px !important;
	padding: 8px 16px;
	background: #000;
	color: #fff;
	border: none;
	border-radius: 999px;
	cursor: pointer;
	transition: background 0.3s;
}

.load-more:hover {
	background: #444;
}

.download-item.placeholder {
  background: #f5f5f5;
  border: 2px dashed #ddd;
  box-shadow: none;
  cursor: default;
}

.download-item.placeholder .placeholder-block {
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(
    45deg,
    #eee,
    #eee 10px,
    #f9f9f9 10px,
    #f9f9f9 20px
  );
  border-radius: 999px;
}

.placeholder-item {
  background-color: #f3f3f3;
  border-radius: var(--radius);
  border: 1px dashed #ccc;
  height: 100%;
  min-height: 200px;
}

.placeholder-thumb {
  width: 100%;
  aspect-ratio: 4 / 5;
  background-color: #e0e0e0;
}

.view-toggle {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
  margin-bottom: 25px;
  width: fit-content;
  margin-left: auto;
}

.view-toggle button:hover{
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 8px 16px rgba(0,0,0,0.08);
  border: 1px solid var(--color-text);
  color: var(--olor-text) !important;
}


.view-toggle button.active {
  background-color: var(--color-mm-grey);
  color: #fff !important;
  border-color: var(--color-mm-grey);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}


.view-toggle--downloads{
  gap: 8px;
  margin-bottom: 20px;
}
.view-toggle--downloads button{
  min-width: 46px;
  width: 46px;
  height: 40px;
  border-radius: 999px;
  padding: 0;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.14);
  color: #21242b !important;
  box-shadow: none;
  transform: none !important;
}
.view-toggle--downloads button:hover,
.view-toggle--downloads button:focus{
  background: rgba(0,0,0,.14);
  border-color: rgba(0,0,0,.18);
  box-shadow: none;
  outline: none;
}
.view-toggle--downloads button.active{
  background: rgba(0,0,0,.22);
  border-color: rgba(0,0,0,.26);
  color: #111315 !important;
  box-shadow: none;
}
.view-toggle--downloads button i{
  margin: 0 !important;
  line-height: 1;
  font-size: 14px;
}
html[data-theme="dark"] .view-toggle--downloads button{
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.18);
  color: #fff !important;
}
html[data-theme="dark"] .view-toggle--downloads button:hover,
html[data-theme="dark"] .view-toggle--downloads button:focus{
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.24);
}
html[data-theme="dark"] .view-toggle--downloads button.active{
  background: rgba(255,255,255,.24);
  border-color: rgba(255,255,255,.3);
  color: #fff !important;
}
@media (max-width:768px){
  .view-toggle--downloads{
    margin-bottom: 14px;
  }
  .view-toggle--downloads button{
    width: 44px;
    min-width: 44px;
    height: 38px;
  }
}


.download-grid--premium .download-item{
  display: grid;
  grid-template-columns: 104px 1fr;
  align-items: stretch;
  gap: 12px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.78);
  box-shadow: none;
  transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
}
.download-grid--premium .download-item:hover{
  transform: translateY(-2px);
  border-color: rgba(0,0,0,.16);
  background: rgba(255,255,255,.9);
}
.download-grid--premium .download-thumb{
  width: 100%;
  height: 100%;
  min-height: 104px;
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}
.download-grid--premium .download-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.download-grid--premium .download-item:hover .download-thumb img{
  transform: scale(1.04);
}
.download-grid--premium .download-info{
  min-width: 0;
  display: grid;
  gap: 9px;
  align-content: center;
}
.download-grid--premium .download-head{
  display: grid;
  gap: 5px;
}
.download-grid--premium .download-title{
  margin: 0;
  font-size: .95rem;
  line-height: 1.25;
  font-weight: 680;
  color: #14161a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.download-grid--premium .download-updated{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .77rem;
  color: rgba(20,22,26,.62);
}
.download-grid--premium .download-meta-row{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.download-grid--premium .download-pill{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  min-height: var(--mm-badge-height);
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,.04);
  color: #22252b;
  font-size: .76rem;
  font-weight: 620;
  box-sizing: border-box;
}
.download-grid--premium .download-actions{
  margin-top: 2px;
  display: flex;
}
.download-grid--premium .download-action{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.16);
  background: rgba(0,0,0,.08);
  color: #14161a !important;
  text-decoration: none;
  font-size: .8rem;
  font-weight: 650;
  transition: background-color .2s ease, border-color .2s ease;
}
.download-grid--premium .download-action:hover,
.download-grid--premium .download-action:focus{
  background: rgba(0,0,0,.14);
  border-color: rgba(0,0,0,.24);
  outline: none;
}
.download-grid.download-grid--premium.list-view{
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
.download-grid--premium.list-view .download-item{
  grid-template-columns: 36px minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px 10px;
  border-radius: 12px;
  width: 100%;
  min-height: 50px;
}
.download-grid--premium.list-view .download-item > div:not(.download-thumb){
  margin-left: 0;
  display: block;
  flex: initial;
}
.download-grid--premium.list-view .download-thumb{
  width: 100%;
  height: 100%;
  min-height: 36px;
  border-radius: 7px;
}
.download-grid--premium.list-view .download-info{
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  width: 100%;
  min-width: 0;
}
.download-grid--premium.list-view .download-head{
  min-width: 0;
  display: block;
  gap: 0;
  min-width: 0;
}
.download-grid--premium.list-view .download-title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  font-size: .84rem;
}
.download-grid--premium.list-view .download-updated{
  display: none;
}
.download-grid--premium.list-view .download-meta-row{
  flex: 0 0 auto;
  gap: 6px;
  min-width: auto;
  flex-wrap: nowrap;
}
.download-grid--premium.list-view .download-pill{
  padding: 3px 7px;
  font-size: .66rem;
  white-space: nowrap;
}
.download-grid--premium.list-view .download-actions{
  flex: 0 0 auto;
  margin-left: auto;
  margin-top: 0;
  justify-content: flex-end;
}
.download-grid--premium.list-view .download-action{
  min-height: 30px;
  padding: 0 10px;
  font-size: .7rem;
  white-space: nowrap;
  width: auto;
}
@media (max-width:768px){
  .download-grid--premium .download-item{
    grid-template-columns: 92px 1fr;
    gap: 10px;
    padding: 9px;
    border-radius: 16px;
  }
  .download-grid--premium .download-thumb{
    min-height: 92px;
    border-radius: 12px;
  }
  .download-grid--premium .download-title{
    font-size: .9rem;
  }
  .download-grid--premium .download-meta-row{
    gap: 6px;
  }
  .download-grid--premium .download-pill{
    padding: 5px 8px;
    font-size: .72rem;
  }
  .download-grid--premium .download-action{
    width: 100%;
    font-size: .78rem;
    letter-spacing: .045em;
  }
  .download-grid.download-grid--premium.list-view{
    grid-template-columns: 1fr !important;
  }
  .download-grid--premium.list-view .download-item{
    grid-template-columns: 32px minmax(0,1fr) auto;
    gap: 6px;
    padding: 6px 8px;
    min-height: 44px;
  }
  .download-grid--premium.list-view .download-thumb{
    min-height: 32px;
    border-radius: 6px;
  }
  .download-grid--premium.list-view .download-title{
    font-size: .79rem;
  }
  .download-grid--premium.list-view .download-info{
    grid-template-columns: minmax(0,1fr) auto auto;
    gap: 5px;
  }
  .download-grid--premium.list-view .download-meta-row .download-pill:nth-child(n+2){
    display: none;
  }
  .download-grid--premium.list-view .download-pill{
    padding: 3px 6px;
    font-size: .62rem;
  }
  .download-grid--premium.list-view .download-actions{
    margin-left: auto;
    justify-content: flex-end;
  }
  .download-grid--premium.list-view .download-action{
    width: 28px !important;
    min-width: 28px;
    min-height: 28px;
    height: 28px;
    padding: 0 !important;
    border-radius: 999px;
    display: grid !important;
    place-items: center;
  }
  .download-grid--premium.list-view .download-action span{ display:none; }
}
@media (max-width: 360px){
  .download-grid--premium:not(.list-view) .download-action{
    font-size: .72rem;
    letter-spacing: .035em;
  }
}
html[data-theme="dark"] .download-grid--premium .download-item{
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.13);
}
html[data-theme="dark"] .download-grid--premium .download-item:hover{
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.2);
}
html[data-theme="dark"] .download-grid--premium .download-title{
  color: #f2f4f8;
}
html[data-theme="dark"] .download-grid--premium .download-updated{
  color: rgba(242,244,248,.66);
}
html[data-theme="dark"] .download-grid--premium .download-pill{
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  color: #f2f4f8;
}
html[data-theme="dark"] .download-grid--premium .download-action{
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.1);
  color: #fff !important;
}
html[data-theme="dark"] .download-grid--premium .download-action:hover,
html[data-theme="dark"] .download-grid--premium .download-action:focus{
  border-color: rgba(255,255,255,.25);
  background: rgba(255,255,255,.16);
}


html[data-theme="light"] .download-grid--premium .download-item,
html:not([data-theme]) .download-grid--premium .download-item{
  background:
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(248,242,234,.94)) !important;
  border-color: rgba(86,78,66,.12) !important;
  box-shadow: 0 8px 18px rgba(70,60,48,.10);
}
html[data-theme="light"] .download-grid--premium .download-item:hover,
html:not([data-theme]) .download-grid--premium .download-item:hover{
  background:
    linear-gradient(145deg, rgba(255,255,255,.99), rgba(250,246,239,.97)) !important;
  border-color: rgba(86,78,66,.22) !important;
  box-shadow: 0 12px 24px rgba(70,60,48,.14);
}
html[data-theme="light"] .download-grid--premium .download-title,
html:not([data-theme]) .download-grid--premium .download-title{
  color: #342d22;
}
html[data-theme="light"] .download-grid--premium .download-updated,
html:not([data-theme]) .download-grid--premium .download-updated{
  color: rgba(86,78,66,.70);
}
html[data-theme="light"] .download-grid--premium .download-pill,
html:not([data-theme]) .download-grid--premium .download-pill{
  border-color: rgba(86,78,66,.16);
  background: rgba(249,244,236,.94);
  color: #342d22;
}
html[data-theme="light"] .download-grid--premium .download-action,
html:not([data-theme]) .download-grid--premium .download-action{
  border-color: rgba(86,78,66,.22);
  background: rgba(247,241,232,.96);
  color: #342d22 !important;
}
html[data-theme="light"] .download-grid--premium .download-action:hover,
html[data-theme="light"] .download-grid--premium .download-action:focus,
html:not([data-theme]) .download-grid--premium .download-action:hover,
html:not([data-theme]) .download-grid--premium .download-action:focus{
  border-color: rgba(86,78,66,.30);
  background: rgba(252,247,240,.98);
}


.download-grid.download-grid--premium.list-view .download-item{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 56px;
  padding: 8px 10px !important;
}
.download-grid.download-grid--premium.list-view .download-thumb{
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 7px !important;
}
.download-grid.download-grid--premium.list-view .download-info{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  align-content: normal !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.download-grid.download-grid--premium.list-view .download-head{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.download-grid.download-grid--premium.list-view .download-title{
  display: block !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: .86rem !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.download-grid.download-grid--premium.list-view .download-updated{
  display: none !important;
}
.download-grid.download-grid--premium.list-view .download-meta-row{
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.download-grid.download-grid--premium.list-view .download-meta-row .download-pill:nth-child(n+2){
  display: none !important;
}
.download-grid.download-grid--premium.list-view .download-pill{
  padding: 3px 7px !important;
  font-size: .66rem !important;
}
.download-grid.download-grid--premium.list-view .download-actions{
  flex: 0 0 auto !important;
  margin-left: auto !important;
  white-space: nowrap !important;
}
.download-grid.download-grid--premium.list-view .download-action{
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 10px !important;
  font-size: .7rem !important;
  white-space: nowrap !important;
}
@media (max-width:768px){
  .download-grid.download-grid--premium.list-view .download-item{
    gap: 8px !important;
    min-height: 50px;
    padding: 7px 8px !important;
  }
  .download-grid.download-grid--premium.list-view .download-thumb{
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }
  .download-grid.download-grid--premium.list-view .download-meta-row .download-pill:nth-child(n+2){
    display: none !important;
  }
  .download-grid.download-grid--premium.list-view .download-action{
    width: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
  }
  .download-grid.download-grid--premium.list-view .download-action span{
    display: none !important;
  }
}


.download-grid.download-grid--premium.list-view .download-item{
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) auto auto auto;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  min-height: 56px !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
}
.download-grid.download-grid--premium.list-view .download-thumb{
  grid-column: 1;
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 6px !important;
  align-self: center !important;
}
.download-grid.download-grid--premium.list-view .download-item > div:not(.download-thumb){
  margin-left: 0 !important;
  display: contents !important;
}
.download-grid.download-grid--premium.list-view .download-info{
  display: contents !important;
}
.download-grid.download-grid--premium.list-view .download-head{
  grid-column: 2;
  min-width: 0 !important;
  align-self: center !important;
}
.download-grid.download-grid--premium.list-view .download-title{
  font-size: .83rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: left !important;
}
.download-grid.download-grid--premium.list-view .download-updated{
  display: none !important;
}
.download-grid.download-grid--premium.list-view .download-meta-row{
  display: contents !important;
}
.download-grid.download-grid--premium.list-view .download-meta-row .download-pill{
  padding: 3px 7px !important;
  font-size: .64rem !important;
  white-space: nowrap !important;
}
.download-grid.download-grid--premium.list-view .download-meta-row .download-pill:nth-child(1){
  grid-column: 3;
  align-self: center !important;
}
.download-grid.download-grid--premium.list-view .download-meta-row .download-pill:nth-child(2){
  grid-column: 4;
  align-self: center !important;
}
.download-grid.download-grid--premium.list-view .download-actions{
  grid-column: 5;
  margin-left: 0 !important;
  justify-self: end !important;
  align-self: center !important;
}
.download-grid.download-grid--premium.list-view .download-action{
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 10px !important;
  font-size: .68rem !important;
  white-space: nowrap !important;
}
@media (max-width:900px){
  .download-grid.download-grid--premium.list-view .download-item{
    grid-template-columns: 36px minmax(0,1fr) auto auto !important;
    column-gap: 8px !important;
    padding: 6px 8px !important;
  }
  .download-grid.download-grid--premium.list-view .download-thumb{
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
  .download-grid.download-grid--premium.list-view .download-meta-row .download-pill:nth-child(2){
    display: none !important;
  }
  .download-grid.download-grid--premium.list-view .download-actions{
    grid-column: 4 !important;
  }
}


.download-grid.list-view {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 10px;
}


@media (min-width: 600px) {
  .download-grid.list-view {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1em !important;
  }
}

@media (min-width: 1000px) {
  .download-grid.list-view {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1em !important;
  }
}

.download-grid.list-view .download-item {
  flex-direction: row;
  padding: 10px;
  border-radius: var(--radius);
  align-items: flex-start;
}

.download-grid.list-view .download-thumb {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-inner);
  overflow: hidden;
  aspect-ratio: unset;
}

.download-grid.list-view .download-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: none;
}

.download-grid.list-view .download-item > div:not(.download-thumb) {
  margin-left: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;

}

.download-grid.list-view .download-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
  display: inline-block;
}

.download-grid.list-view .download-size {
  font-size: 12px;
  color: var(--color-download-size);
  margin-bottom: 8px;
}

.download-grid.list-view .aantal-overlay {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(0,0,0,0.75);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: var(--radius);
  z-index: 2;
}

.download-grid.list-view .download-button {
  font-size: 16px;
  padding: 6px 10px;
  background-color: var(--color-mm-grey);
  margin-bottom: 0;
  margin-right: 0;
  color: #fff;
  align-self: flex-start;
  border-radius: var(--radius);
}

.download-grid.list-view .download-button:hover {
  background-color: #afac9f;
  color: var(--color-mm-grey);
}

.download-grid.list-view .download-button i {
  margin: 0;
}

.download-grid.list-view .download-button::after {
  content: none;
}

@media (min-width: 600px) {
  .download-grid.list-view {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .download-grid.list-view .download-item {
    flex-direction: row;
    padding: 12px;
    align-items: flex-start;
  }

  .download-grid.list-view .download-thumb {
    width: 100px;
    height: 100px;
  }

  .download-grid.list-view .download-title {
    font-size: 15px;
  }

  .download-grid.list-view .download-size {
    font-size: 13px;
  }

  .download-grid.list-view .download-button {
    font-size: 14px;
  }
}

@media (min-width: 1000px) {
  .download-grid.list-view {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
  }
}


.download-grid.list-view .download-thumb {
  position: relative;
}

.download-grid.list-view .badge-new {
  top: 5px;
  left: auto;
  right: 5px;
  transform: none;
  font-size: 11px;
  padding: 5px 8px;
  box-shadow: 0 4px 12px rgba(14,165,233,0.25);
  z-index: 3;
}

.download-grid.list-view .aantal-overlay {
  bottom: 5px;
  top: auto;
  right: 5px;
  z-index: 2;
}


@media (min-width: 600px) {
  .download-grid.list-view .badge-new {
    top: 8px;
    right: 8px;
    font-size: 12px;
    padding: 6px 10px;
  }
}


@media (min-width: 1000px) {
  .download-grid.list-view .badge-new {
    top: 10px;
    right: 10px;
  }
  .download-grid.list-view .aantal-overlay {
    bottom: 10px;
    right: 10px;
  }
}

.download-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.download-thumb { position: relative; }


.badge-new::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:0 0 0 0 rgba(14,165,233,.45);
  animation:newPulseDl 2.4s ease-out infinite;
  pointer-events:none;
}
@keyframes newPulseDl{
  0%{ box-shadow:0 0 0 0 rgba(14,165,233,.45); }
  70%{ box-shadow:0 0 0 12px rgba(14,165,233,0); }
  100%{ box-shadow:0 0 0 0 rgba(14,165,233,0); }
}


.badge-new-foto {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 10px rgba(255, 255, 255, .5), 0 4px 15px rgba(0, 0, 0, .15);
  display: inline-block;
  user-select: none;
  pointer-events: none;
}


.badge-new-foto::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 0 rgba(255,255,255,.6);
  animation: newPulseFoto 2.4s ease-out infinite;
}

@keyframes newPulseFoto {
  0%   { box-shadow: 0 0 0 0 rgba(255,255,255,.6); }
  70%  { box-shadow: 0 0 0 10px rgba(255,255,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}


@media (max-width: 768px) {
  .download-thumb {
    aspect-ratio: 1 / 1;
  }
}

.download-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.aantal-overlay {
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(0,0,0,0.75);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: var(--radius);
  z-index: 2;
}


.download-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1em;
  margin-top: 20px;
}

@media (max-width: 1400px) {
  .download-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1100px) {
  .download-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}


.download-grid.download-grid--premium:not(.list-view){
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1280px){
  .download-grid.download-grid--premium:not(.list-view){
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 860px){
  .download-grid.download-grid--premium:not(.list-view){
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px){
  .download-grid.download-grid--premium:not(.list-view){
    grid-template-columns: 1fr;
  }
}

.blog-card {
  position: relative;
  height: 440px;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  align-items: flex-end;
}

.badge-new {
  position: absolute;
  top: 2em;
  left: 2em;
  z-index: 2;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  background: #ff3b30;
  color: #fff;
  padding: 8px 10px;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(255, 59, 48, .25);
  user-select: none;
}


.badge-new::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.45);
  animation: newPulse 2.4s ease-out infinite;
  pointer-events: none;
}

@keyframes newPulse {
  0%   { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.45); }
  70%  { box-shadow: 0 0 0 12px rgba(255, 59, 48, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); }
}

.blog-card .content {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(6px);
  width: 100%;
  padding: 1.2rem;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  transition:
    transform .28s cubic-bezier(.22,1,.36,1),
    background .28s ease,
    box-shadow .28s ease;
}


.blog-card h2 {
  margin: 0;
  font-size: 1.2rem;
  color: #111;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  transition: transform .28s cubic-bezier(.22,1,.36,1), color .28s ease;
}

.blog-card .date {
  font-size: 0.85rem;
  color: #555;
  margin-bottom: 0.5rem;
  transition: transform .28s cubic-bezier(.22,1,.36,1), opacity .28s ease;
}

.blog-card .intro {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.5;
  transition: transform .28s cubic-bezier(.22,1,.36,1), opacity .28s ease;
}

.blog-card .stretched-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
  .blog-card {
    transition: box-shadow .28s ease, filter .28s ease;
  }

  .blog-card:hover,
  .blog-card:focus-within {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  }

  .blog-card:hover .content,
  .blog-card:focus-within .content {
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 -18px 34px rgba(0,0,0,.12);
  }

  .blog-card:hover h2,
  .blog-card:focus-within h2 {
    transform: translateY(-3px);
    color: #050505;
  }

  .blog-card:hover .date,
  .blog-card:focus-within .date {
    transform: translateY(-2px);
    opacity: .84;
  }

  .blog-card:hover .intro,
  .blog-card:focus-within .intro {
    transform: translateY(-1px);
    opacity: .96;
  }

  .blog-card:hover .mm-blog-card-proof,
  .blog-card:focus-within .mm-blog-card-proof {
    transform: translateY(-4px);
  }
}


.download-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid transparent;
  border-radius: var(--radius);
  overflow: hidden;
  background-color: var(--color-download-item);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}


.download-item.visible {
  opacity: 1;
  transform: translateY(0);
}


.download-item:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 8px 16px rgba(0,0,0,0.08);
    border: 1px solid #aaaaaa;
}


html[data-theme="light"] .download-item,
html:not([data-theme]) .download-item{
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(243,248,255,.90)) !important;
  border-color: rgba(86,78,66,.10) !important;
}
html[data-theme="light"] .download-item:hover,
html:not([data-theme]) .download-item:hover{
  border-color: rgba(86,78,66,.18) !important;
  box-shadow: 0 10px 20px rgba(70,60,48,.12);
}
html[data-theme="light"] .download-size,
html:not([data-theme]) .download-size{
  color: rgba(86,78,66,.70) !important;
}

.download-item img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
}

.download-item { position: relative; }


.download-item .stretched-link {
  position: static;
  text-decoration: none;
  color: inherit;
}
.download-item .stretched-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}


.download-item .download-button {
  position: relative;
  z-index: 2;
}


.download-title {
  font-weight: bold;
  font-size: 16px;
  padding: 20px 15px 0px;
  color: #000;
}

.download-size {
  font-size: 14px;
  color: var(--color-download-size);
  padding: 0 15px 20px;
}

.download-datum {
  font-size: 14px;
  color: #fff;
  background-color: #ffffff40;
  border: 1px solid rgb(27, 27, 25)40;
display: block;
text-align: center;
padding: 0.5em 1em;
margin: 1em;
border-radius: var(--radius-inner);
}

.download-intro {
  font-size: 14px;
  color: #fff;
  padding: 15px 15px 20px;
}


.gal-more {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 1em;
  text-align: center;
}


.loadmore-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0.55em 1.25em;
  border: 1px solid rgba(25, 36, 58, .16);
  background:
    linear-gradient(135deg, rgba(169,160,146,.28), rgba(147,138,124,.24) 52%, rgba(182,172,156,.22)),
    rgba(255,255,255,.42);
  color: var(--color-text);
  font-weight: 500;
  text-decoration: none;
  border-radius: 999px;
  transition: transform .18s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease;
  text-transform: uppercase;
  overflow: hidden;
  z-index: 0;
  box-shadow: 0 8px 18px rgba(70,60,48,.20);
  font-size: 0.9em;
  letter-spacing: 0.1em;
  line-height: 2.7em;
}

.loadmore-button b {
  z-index: 2;
  color: inherit;
}

.loadmore-button__copy{
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .12rem;
  z-index: 2;
  line-height: 1.1;
}

.loadmore-button__label{
  display: block;
}

.loadmore-button__meta{
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: rgba(35,35,35,.62);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: none;
}

.loadmore-button__next{
  color: var(--color-text);
}

.loadmore-button i {
  color: inherit;
  z-index: 2;
  font-size: 20px;
  line-height: 1;
  position: relative;
  top: 1px;
}

html[data-theme="dark"] .loadmore-button__meta{
  color: rgba(247,243,232,.68);
}

.loadmore-button:hover {
  transform: translateY(-1px);
  background:
    linear-gradient(135deg, rgba(169,160,146,.38), rgba(147,138,124,.34) 52%, rgba(182,172,156,.30)),
    rgba(255,255,255,.52);
  border-color: rgba(86,78,66,.24);
  box-shadow: 0 10px 22px rgba(70,60,48,.24);
}

.loadmore-button:active{
  transform: translateY(1px);
}


#gal-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.85em;
  color: var(--color-catline);
  margin-top:.85rem;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .35s ease, transform .35s ease;
  font-weight:500;
  user-select:none;
  pointer-events:none;
  background-color:var(--color-gal-status);
  border-radius:var(--radius);
  padding:.18em 4.45em .18em 1.15em;
  font-size:.9em;
  line-height:3.05556em;
  min-height:3.15em;
  box-sizing:border-box;
  white-space:nowrap;
  position:relative;
}

#gal-status.show{
  opacity:1;
  transform:translateY(0);
  margin-bottom:6em !important;
  pointer-events:auto;
}

#gal-status .fi{
  font-size:1.1em;
  color:#4caf50;
  position:relative;
  top:1px;
  margin-right:.1rem;
  flex:0 0 auto;
}

#gal-status .status-text{
  line-height:1.35;
}


#gal-status .refresh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.7em;
  height:2.7em;
  min-width:2.7em;
  min-height:2.7em;
  padding:0;
  border-radius:50%;
  background:#4caf50;
  color:#000;
  text-decoration:none;
  transition:transform .25s ease, background .25s ease;
  flex:0 0 auto;
  aspect-ratio:1 / 1;
  box-sizing:border-box;
  position:absolute;
  right:.45em;
  top:50%;
  transform:translateY(-50%);
}

#gal-status .refresh-btn:hover{
  background:#43a047;
  transform:translateY(-50%) rotate(90deg) scale(1.06);
}

#gal-status .refresh-btn i{
  line-height:1;
  margin:0;
  pointer-events:none;
  position:static;
  top:auto;
  font-size:1.05em;
}


#catline-free {
  margin: 1.5rem 0 2rem;
  text-align: center;
  font-size: .95rem;
  color: var(--color-catline);
  letter-spacing: .01em;
}

#catline-free .lead {
  opacity: .85;
  font-weight: 600;
}

#catline-free .sep {
  opacity: .55;
  margin: 0 .4rem;
  user-select: none;
}

#catline-free .sep.arrow::after { content: "›"; }
#catline-free .sep.dash::after  { content: "–"; }

#catline-free .cat-label {
  font-weight: 500;
}

#catline-free .tail-nowrap {
  white-space: nowrap;
}

#catline-free a {
  font-weight: 600;
  text-decoration: underline;
  color: inherit;
}
#catline-free a:hover {
  opacity: .8;
}


.no-results {
  text-align: center;
  padding: 6rem 1.5rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  animation: fadeInUp .6s ease both;
  margin-top: 15em;
}

.no-results-icon {
  font-size: 4.5rem;
  color: #464646;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  padding: 1.2rem;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
}

.no-results h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  color: #fff !important;
}

.no-results p {
  color: #fff;
  font-size: 1rem;
  max-width: 380px;
  line-height: 1.6;
}

.no-results-btn {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-top: .5rem;
  background: #464646;
  color: #fff;
  text-decoration: none;
  padding: .7rem 1.2rem;
  border-radius: 999px;
  font-weight: 500;
  transition: background .3s ease, transform .2s ease;
}

.no-results-btn:hover {
  background: #fff;
  transform: translateY(-2px);
  color: #464646 !important;
}

.no-results-btn .fi {
  font-size: 1.1em;
}


@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}


#main.gallery-masonry {
  display: grid;
  place-items: center;
  min-height: 60vh;
  gap: 0px;
  background-color: var(--color-content-gallery);
}

#main.gallery-masonry .no-results {
  grid-column: 1 / -1;
  justify-self: center;
  align-self: center;
  width: min(600px, 90%);
  box-sizing: border-box;
}


@media (prefers-reduced-motion: reduce) {
  #gal-status {
    transition: none;
    transform: none;
  }
}

.download-button {
  position: relative;
  margin-top: auto;
  background-color: var(--color-mm-grey);
  color: #fff;
  text-align: center;
  padding: 12px;
  font-weight: bold;
  text-decoration: none;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: var(--radius-inner);
  transition: background 0.3s ease, transform 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  overflow: hidden;
  z-index: 0;

}


.download-grid.download-grid--premium.list-view .download-item{
  align-items: center !important;
}
.download-grid.download-grid--premium.list-view .download-head{
  display: flex !important;
  align-items: center !important;
  min-height: 32px !important;
}
.download-grid.download-grid--premium.list-view .download-title{
  display: flex !important;
  align-items: center !important;
  min-height: 32px !important;
  margin: 0 !important;
}


.download-grid.download-grid--premium.list-view .download-item{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 58px !important;
  gap: 10px !important;
  padding: 7px 10px !important;
}
.download-grid.download-grid--premium.list-view .download-thumb{
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 7px !important;
}
.download-grid.download-grid--premium.list-view .download-item > div:not(.download-thumb){
  margin-left: 0 !important;
}
.download-grid.download-grid--premium.list-view .download-info{
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.download-grid.download-grid--premium.list-view .download-head{
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.download-grid.download-grid--premium.list-view .download-title{
  display: block !important;
  font-size: .85rem !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.download-grid.download-grid--premium.list-view .download-updated{
  display: none !important;
}
.download-grid.download-grid--premium.list-view .download-meta-row{
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}
.download-grid.download-grid--premium.list-view .download-meta-row .download-pill:nth-child(n+2){
  display: none !important;
}
.download-grid.download-grid--premium.list-view .download-pill{
  padding: 3px 7px !important;
  font-size: .66rem !important;
}
.download-grid.download-grid--premium.list-view .download-actions{
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
}
.download-grid.download-grid--premium.list-view .download-action{
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 10px !important;
  font-size: .69rem !important;
}
@media (max-width:900px){
  .download-grid.download-grid--premium.list-view .download-item{
    min-height: 52px !important;
    gap: 8px !important;
    padding: 6px 8px !important;
  }
  .download-grid.download-grid--premium.list-view .download-thumb{
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }
  .download-grid.download-grid--premium.list-view .download-title{
    font-size: .8rem !important;
  }
  .download-grid.download-grid--premium.list-view .download-action{
    width: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
  }
  .download-grid.download-grid--premium.list-view .download-action span{
    display: none !important;
  }
}


@media (max-width:768px){
  .download-grid.download-grid--premium.list-view .download-item{
    align-items: stretch !important;
  }
  .download-grid.download-grid--premium.list-view .download-thumb{
    align-self: stretch !important;
    height: auto !important;
    min-height: 100% !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
  }
  .download-grid.download-grid--premium.list-view .download-thumb img{
    height: 100% !important;
  }
}

.download-button b{
	display: block;
	z-index: 2;
	color: #fff;
}

.download-button i {
	color: #fff;
	z-index: 2;
  margin: 0;
  position: static;
  font-size: 20px;
  margin-top: 5px;
}

.download-button:hover {
  transform: scale(1.05);
}

.download-button2 {
	float: right;
  position: relative;
  margin-top: auto;
  border: 1px solid rgba(25, 36, 58, .14);
  background:
    linear-gradient(135deg, rgba(166,163,154,.24), rgba(150,148,140,.20) 52%, rgba(181,177,167,.18)),
    rgba(255,255,255,.42);
  color: var(--color-text);
  text-align: center;
  text-decoration: none;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  transition: transform .18s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  overflow: hidden;
  z-index: 0;
  font-size: 0.9em;
		letter-spacing: 0.1em;
		line-height: 3.05556em;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		margin: 0 auto;
		padding: 0.1em 2em;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 18px rgba(60,56,49,.18);
    border-radius: var(--radius);
}

.download-button2 b{
	display: block;
	z-index: 2;
	color: inherit;

}

.download-button2 i {
	color: inherit;
	z-index: 2;
  margin: 0;
  position: static;
  font-size: 25px;
  position: relative;
	margin-top: 3px;
}

.home-intro-copy{
  margin-bottom: 2.1rem;
}

.home-intro-link{
  display: inline-flex;
  align-items: baseline;
  gap: .24em;
  margin-left: .18em;
  color: var(--color-text);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid rgba(35, 35, 35, .28);
  transition: color .18s ease, border-color .18s ease;
}

html[data-theme="dark"] .home-intro-link{
  border-bottom-color: rgba(247,243,232,.56);
}

.home-intro-link i{
  position: relative;
  top: .12em;
  font-size: .9em;
  line-height: 1;
  transition: transform .18s ease;
}

.home-intro-link:hover{
  color: var(--color-black);
  border-color: currentColor;
}

.home-intro-link:hover i{
  transform: translateX(2px);
}


.download-button2:hover {
  transform: translateY(-1px);
  background:
    linear-gradient(135deg, rgba(166,163,154,.34), rgba(150,148,140,.30) 52%, rgba(181,177,167,.26)),
    rgba(255,255,255,.52);
  border-color: rgba(86,78,66,.22);
  box-shadow: 0 10px 22px rgba(60,56,49,.22);
}

.download-button2:active{
  transform: translateY(1px);
}

html[data-theme="dark"] .loadmore-button,
html[data-theme="dark"] .download-button2{
  border-color: rgba(204,196,182,.34);
  background:
    linear-gradient(135deg, rgba(78,79,83,.58), rgba(58,59,62,.52) 52%, rgba(91,93,98,.42)),
    rgba(255,255,255,.05);
  color: rgba(247,243,232,.98);
  box-shadow: 0 8px 18px rgba(10,11,12,.40);
}

html[data-theme="dark"] .loadmore-button:hover,
html[data-theme="dark"] .download-button2:hover{
  background:
    linear-gradient(135deg, rgba(92,93,97,.62), rgba(67,68,72,.56) 52%, rgba(106,108,113,.46)),
    rgba(255,255,255,.07);
  border-color: rgba(204,196,182,.44);
  box-shadow: 0 10px 22px rgba(10,11,12,.46);
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .loadmore-button,
  html[data-theme="auto"] .loadmore-button,
  html:not([data-theme]) .download-button2,
  html[data-theme="auto"] .download-button2{
    border-color: rgba(204,196,182,.34);
    background:
      linear-gradient(135deg, rgba(78,79,83,.58), rgba(58,59,62,.52) 52%, rgba(91,93,98,.42)),
      rgba(255,255,255,.05);
    color: rgba(247,243,232,.98);
    box-shadow: 0 8px 18px rgba(10,11,12,.40);
  }
  html:not([data-theme]) .loadmore-button:hover,
  html[data-theme="auto"] .loadmore-button:hover,
  html:not([data-theme]) .download-button2:hover,
  html[data-theme="auto"] .download-button2:hover{
    background:
      linear-gradient(135deg, rgba(92,93,97,.62), rgba(67,68,72,.56) 52%, rgba(106,108,113,.46)),
      rgba(255,255,255,.07);
    border-color: rgba(204,196,182,.44);
    box-shadow: 0 10px 22px rgba(10,11,12,.46);
  }
  html:not([data-theme]) .home-intro-link,
  html[data-theme="auto"] .home-intro-link{
    border-bottom-color: rgba(247,243,232,.56);
  }
}


@keyframes waves {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@media (max-width: 768px) {

  .view-toggle {
    display: none;
  }


  .download-intro {
    margin: 0;
    padding: 10px 0px;
  }


  .download-grid:not(.list-view) {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-top: 10px;
  }

  .download-grid:not(.list-view) .download-item {
    flex-direction: column;
    padding: 0;
    border-radius: var(--radius);
    overflow: hidden;
    align-items: stretch;
  }

  .download-grid:not(.list-view) .download-thumb {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 0;
    overflow: hidden;
  }

  .download-grid:not(.list-view) .download-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: none;
  }

  .download-grid:not(.list-view) .download-info {
    padding: 10px 12px 12px;
    text-align: center;
  }

  .download-grid:not(.list-view) .download-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    padding: 0;
    margin: 0 0 6px 0;
  }

  .download-grid:not(.list-view) .download-size {
    font-size: 12px;
    color: var(--color-download-size);
    padding: 0;
    margin: 0;
  }

  .download-grid:not(.list-view) .download-button {
    font-size: 13px;
    padding: 8px 14px;
    border-radius: var(--radius-inner);
    margin: 10px 12px 12px;
  }

  .download-grid:not(.list-view) .download-button b {
    display: none;
  }


  .download-grid.list-view {
    grid-template-columns: 1fr;
    gap: 1em;
    margin-top: 10px;
  }

  .download-grid.list-view .download-item {
    flex-direction: row;
    padding: 10px;
    border-radius: var(--radius);
    align-items: center;
    overflow: visible;
  }

  .download-grid.list-view .download-thumb {
    flex-shrink: 0;
    width: 100px;
    height: 100%;
    aspect-ratio: unset;
    border-radius: var(--radius-inner);
    overflow: hidden;
  }

  .download-grid.list-view .download-thumb img {
    height: 100%;
    object-fit: cover;
    clip-path: none;
  }

  .download-grid.list-view .download-title,
  .download-grid.list-view .download-size,
  .download-grid.list-view .download-button {
    padding: 0;
    margin: 0;
  }

  .download-grid.list-view .download-title {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 2px;
  }

  .download-grid.list-view .download-size {
    font-size: 12px;
    color: var(--color-download-size);
    margin-bottom: 6px;
  }

  .download-grid.list-view .download-button {
    font-size: 13px;
    padding: 8px 14px;
    border-radius: var(--radius-inner);
    margin-top: 4px;
  }

  .download-grid.list-view .download-button b {
    display: none;
  }

  .download-grid.list-view .download-item > div:not(.download-thumb) {
    margin: 12px;
    flex: 1;
  }
}


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

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}


	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}


		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

		body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}


	body, input, select, textarea {
		font-family: "San Francisco";
		font-weight: 100;
		letter-spacing: 0.033em;
		line-height: 1.2;
	}


	a {
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		color: var(--color-text);
		text-decoration: none;
	}


	strong {
		font-weight: 400;
		font-family: "San Francisco bold";
	}

	b {
		color: #000;
		font-weight: 400;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 15px 0;
		line-height: 25px;
	}

	h1, h4, h5, h6 {
		color: var(--color-text);
		font-weight: 300;
		letter-spacing: 0.05em;
		margin: 0 0 1em 0;
		text-transform: uppercase;
	}


	h3 {
		color: #4b4b4b;
		font-weight: 300;
		line-height: 1.5;
		margin: 0 0 1em 0;
	}


	h2{
		color: var(--color-text) !important;
		font-weight: 300;
		letter-spacing: 0.05em;
		line-height: 1.5;
		margin: 0 0 1em 0;
		text-transform: uppercase;
	}

  	h2.blogtitel{
		color: #fff !important;
		font-weight: 300;
		letter-spacing: 0.05em;
		line-height: 1.5;
		margin: 0 0 1em 0;
		text-transform: none;
	}


		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.2em;
	}

	h3 {
		font-size: 1.1em;
	}

	h4 {
		font-size: 1em;
	}

	h5 {
		font-size: 0.9em;
	}

	h6 {
		font-size: 0.7em;
	}

	@media screen and (max-width: 736px) {

		h2 {
			font-size: 1.2em;
		}


		h4 {
			font-size: 0.9em;
		}

		h5 {
			font-size: 0.7em;
		}

		h6 {
			font-size: 0.7em;
		}

	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: 4px #9d9a8d;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	blockquote.dark {
		border-left: 4px var(--color-mm-grey);
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: #34363b;
		border: solid 1px #36383c;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px #aaaaa0;
		margin: 1em 0;
	}


		hr.major {
			margin: 3em 0;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}


#load-more{
	box-shadow: none;
		color: var(--btn-primary-text) !important;
		background-color: var(--btn-primary-bg);
		justify-content: center;
		align-items: center;
		float: none;
		margin-bottom: 40px;
}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		float: right;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		border: 0;
		background-color: var(--btn-bg);
		color: var(--btn-text) !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.9em;
		letter-spacing: 0.1em;
		line-height: 2.7em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		margin: 0 auto;
		border-radius: var(--radius);
		padding: 0.5em 2em;
	}


	.button2 {
		float: right;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		border: 0;
		min-height: 52px;
		width: auto;
		background-color: var(--btn-bg);
		color: var(--btn-text) !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.9em;
		text-align: center;
		white-space: nowrap;
		border-radius: var(--radius);
		letter-spacing: 0.1em;
		line-height: 1.05556em !important;
		text-decoration: none;
		text-transform: uppercase;
		padding: 1em 3em 1em 2em;
	}

	@media (max-width: 768px) {

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button{

	}

	.button2 {
		padding: 1em 3em 1em 2em;

	}
}

	.button2:hover {
			background-color: var(--btn-hover-bg);
			color: var(--btn-hover-text) !important;
		}


		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: var(--btn-hover-bg);
			color: var(--btn-hover-text) !important;
		}


			input[type="submit"]:hover:active,
			input[type="reset"]:hover:active,
			input[type="button"]:hover:active,
			button:hover:active,
			.button:hover:active {
				background-color: color-mix(in srgb, var(--btn-hover-bg) 82%, #000 18%);
				color: var(--btn-hover-text) !important;
			}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		button.icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			button.icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].large,
		input[type="reset"].large,
		input[type="button"].large,
		button.large,
		.button.large {
			font-size: 1.35em;
		}

		input[type="submit"].primary,
		input[type="reset"].primary,
		input[type="button"].primary,
		button.primary,
		.button.primary {
			background-color: var(--btn-primary-bg);
      color: var(--btn-primary-text) !important;
			box-shadow: none;
		}

			input[type="submit"].primary:hover,
			input[type="reset"].primary:hover,
			input[type="button"].primary:hover,
			button.primary:hover,
			.button.primary:hover {
				background-color: var(--btn-primary-bg-hover);
				color: var(--btn-primary-text) !important;
			}

				input[type="submit"].primary:hover:active,
				input[type="reset"].primary:hover:active,
				input[type="button"].primary:hover:active,
				button.primary:hover:active,
				.button.primary:hover:active {
					background-color: var(--btn-primary-bg-active);
				}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			pointer-events: none;
			opacity: 0.35;
		}

		.filter-section-button {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
		}

		.filter-section-button button{
			 margin: 0;
			background-color: var(--btn-primary-bg) !important;
			margin-top: 1em;
			display: flex;
			justify-content: center;
			color: var(--btn-primary-text) !important;
			box-shadow: none;
			height: 52px;
		}


		.filter-section-button button + button {
			margin-left: 8px;
		}


		.filter-section-button button:hover{
			color: var(--btn-hover-text) !important;
			background-color: var(--btn-hover-bg) !important;
		}


		form > :last-child {
			margin-bottom: 0;
		}

		form > .fields {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			width: calc(100% + 3em);
			margin: -1.5em 0 2em -1.5em;
		}

			form > .fields > .field {
				-moz-flex-grow: 0;
				-webkit-flex-grow: 0;
				-ms-flex-grow: 0;
				flex-grow: 0;
				-moz-flex-shrink: 0;
				-webkit-flex-shrink: 0;
				-ms-flex-shrink: 0;
				flex-shrink: 0;
				padding: 1.5em 0 0 1.5em;
				width: calc(100% - 1.5em);
			}

				form > .fields > .field.half {
					width: calc(50% - 0.75em);
				}

				form > .fields > .field.third {
					width: calc(100%/3 - 0.5em);
				}

				form > .fields > .field.quarter {
					width: calc(25% - 0.375em);
				}


	label {
		color: #ffffff;
		display: block;
		font-size: 0.9em;
		font-weight: 300;
		margin: 0 0 .3em 0;
	}

.paginanummers{
	text-align: center;
	line-height: 35px;
	margin-bottom: 2em;
  display:none !important;
}


.paginanummers a{
	text-decoration: none;
	color: #212121 !important;
	padding: 10px 15px;
	position: relative;
	background-color: var(--pal-white);
	border-radius: var(--radius);
	text-align: center;
	align-items: center;
	justify-content: center;
}

.paginanummers a i {
  font-size: 12px;
}

.paginanummers a:hover{
	text-decoration: none;
	background-color: var(--color-mm-grey);
	padding: 10px 15px;
	position: relative;
	color: #fff !important;
	border-radius: var(--radius);
	text-align: center;
	align-items: center;
	justify-content: center;

}

.paginanummers span{
	padding: 10px 15px;
	position: relative;
	color: var(--color-mm-grey) !important;
	background-color: #fff;
	border-radius: var(--radius);
	text-align: center;
	align-items: center;
	justify-content: center;
}

.zoek-wrapper {
  position: relative;
  display: block;
  width: 100%;
}


#mm-suggest {
  position: absolute;
  z-index: 1000;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-top: none;
  max-height: 240px;
  overflow-y: auto;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  font-size: 14px;
}

#mm-suggest li {
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

#mm-suggest li:hover {
  background: #f5f5f5;
}


#mm-suggest li.is-active {
  background: #000;
  color: #fff;
  font-weight: bold;
}


.suggesties {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  background: #fff;
  z-index: 99999;
  max-height: 144px;
  overflow-y: auto;
  width: calc(100% + 0px);
  border-radius: var(--radius-inner);
  text-align: left;
}

.suggesties li {
  padding: 8px 16px;
  cursor: pointer;
  border-bottom: 1px solid #00000008;
  color: var(--color-mm-grey);
}
.suggesties li:hover {
  background-color: #f0f0f0;
}


#mm-suggest.suggesties li.mmx-suggest-item{
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.55rem .75rem;
}

#mm-suggest.suggesties .mmx-suggest-thumb{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:10px;
  object-fit:cover;
  background:rgba(0,0,0,.06);
}

#mm-suggest.suggesties .mmx-suggest-thumb.is-broken{
  background:rgba(0,0,0,.08);
}

#mm-suggest.suggesties .mmx-suggest-title{
  min-width:0;
  flex:1 1 auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


#mm-suggest .mmx-suggest-item{
  display:flex;
  align-items:center;
  gap:.7em;
}


#mm-suggest .mmx-suggest-thumb{
  width:44px;
  height:44px;
  object-fit:cover;
  border-radius:10px;
  flex:0 0 44px;
}


#mm-suggest .mmx-suggest-text{
  display:flex;
  flex-direction:column;
  gap:.15em;
  min-width:0;
  flex:1;
}


#mm-suggest .mmx-suggest-title{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:unset !important;
  line-height:1.2;
  font-weight:600;


  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
}


#mm-suggest .mmx-suggest-sub{
  display:block;
  font-size:.85em;
  opacity:.75;
  line-height:1.25;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#mm-suggest,
#mm-suggest .mmx-suggest-text,
#mm-suggest .mmx-suggest-title,
#mm-suggest .mmx-suggest-sub{
  color: var(--mm-suggest-fg, #111);
}


#mm-suggest .mmx-suggest-sub{
  opacity: .75;
}


html[data-theme="dark"] #mm-suggest.suggesties{
  background: rgba(0,0,0,.92) !important;
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.20) !important;
}
html[data-theme="dark"] #mm-suggest.suggesties li:hover,
html[data-theme="dark"] #mm-suggest.suggesties li.is-active{
  background: transparent !important
}
html[data-theme="dark"] #mm-suggest .mmx-suggest-sub{
  color: rgba(255,255,255,.70) !important;
}


.mmx-filters.mmx-filters--always{
  margin-top: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  box-shadow: none !important;
}


.mmx-filters.mmx-filters--always .mmx-stack{
  padding: 0 !important;
  gap: .9rem;
}


.mmx-filters.mmx-filters--always .mmx-actions-s{
  padding: .75rem 0 0 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  justify-content: flex-start;
}


.mmx-filters.mmx-filters--always .mmx-btn{
  padding: .35rem .85rem;
}


.mmx-actions{
  display: grid;
  gap: .65rem;
  align-items: stretch;
}

.mmx-actions.has-reset{
  grid-template-columns: 1fr 1fr;
}

.mmx-actions.no-reset{
  grid-template-columns: 1fr;
}


.mmx-actions--top{ margin: 0 0 1rem 0; }
.mmx-actions--bottom{ margin: 1.2rem 0 0 0; }


.mmx-btn--block{
  width: 100%;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: 0 1rem !important;
  border-radius: 999px;
  box-sizing: border-box;
}


.mmx-btn--block i{
  line-height: 1;
  position: relative;
  top: 0;
}


.mmx-bar--stacked{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}


.mmx-bar-actions{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}


.mmx-btn--block{
  width: 100%;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mmx-bar--stacked{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}


.mmx-bar-actions{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: stretch;
}


.mmx-bar-actions .mmx-btn--block{
  width: 100%;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0 1rem !important;
  box-sizing: border-box;
  font-weight: 100;
    font-size: 16px !important;
}


.mmx-status--full{
  margin-bottom: 1rem;
}

.mmx-pill--full{
  width: 100%;
  justify-content: center;
  text-align: center;
  padding: .1rem .5rem !important;
  min-height: var(--mm-badge-height);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  color: #fff !important;
  box-sizing:border-box;
}

.mmx-pill--full:hover{
  color: #999 !important;
}


.mmx-help{
  border:1px solid var(--mmx-b);
  background: rgb(255 255 255 / 8%);
  border-radius:var(--mmx-r);
  overflow:hidden;
}
.mmx-help-sum{
  list-style:none;
  display:flex;
  align-items:center;
  gap:1rem;
  padding:.9rem .9rem;
  cursor:pointer;
  user-select:none;
  font-weight:650;
  opacity:.95;
}
.mmx-help-sum::-webkit-details-marker{display:none}
.mmx-help-body{
  padding:.75rem .9rem .9rem;
  border-top:1px solid var(--mmx-b2);
}
.mmx-help-intro{margin:0 0 .6rem 0; opacity:.9}
.mmx-help-list{
  margin:0;
  padding-left:1.1rem;
  display:grid;
  gap:.2rem;
}
.mmx-help-list li{opacity:.92}
.mmx-help-tip{margin:.7rem 0 0 0; color:var(--mmx-muted)}

#zoeken{
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	width: 35em;
}

#zoeken input{
	margin-bottom: 10px;
	border-radius: var(--radius);
	padding: 0em 2.5em;
	color: var(--color-text);
  background: var(--pal-white);
  border: 1px solid color-mix(in srgb, var(--pal-dark-3) 16%, transparent);
}

.filter-row {
    position: relative;
    display: flex;
	align-items: flex-start;
	gap: 0;
	z-index: 10;
	position: sticky;
  	top: 0;
}


.filter-reset-toggle{
  background-color: var(--color-mm-grey);
  border: none;
  color: #fff !important;
  height: 54px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.filter-reset-toggle:hover{
  background-color: #b0ac9f;
  color: var(--color-mm-grey) !important;
}
.filter-reset-toggle::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:1px;
  height:100%;
  background: linear-gradient(to bottom, transparent, #8c8a7e, transparent);
  pointer-events:none;
}
.filter-menu-toggle {
    background-color: var(--color-mm-grey);
	border: none;
	color: #fff !important;
	height: 54px;
	padding: 10px 20px;
	border-radius: 0px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	position: relative;
}

 @media screen and (max-width: 736px) {
.filter-menu-toggle {
	padding: 10px 10px;
  }
}
  .filter-menu-toggle::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, transparent, #8c8a7e, transparent);
  pointer-events: none;
}

    .filter-menu-toggle:hover {
		background-color: #b0ac9f;
	border: none;
	box-shadow: none;
	color: var(--color-mm-grey) !important;
	}


.zoek-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 9999;
}

.zoek-content {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
}

@media (max-width: 600px) {
  .zoek-content {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  width: 100%;
  margin: 0.5em;
  padding: 0.5em 0em;
}
}


form#zoeken3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}


.filter-menu-container {
  width: 100%;
  max-height: 0;
  margin-top: -30px;
  transition: max-height 0.4s ease, transform 0.4s ease;

}


.filter-menu-container.open {
  max-height: 1200px;
  margin-top: -30px;
  transform: scaleY(1);
}


.filter-menu {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-auto-flow: dense;
  gap: 20px;
  padding: 50px 0 0;
}


@media (max-width: 1100px) {
  .filter-menu {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .filter-menu {
    grid-template-columns: 1fr;
  }

  .filter-menu-container {
    margin-top: -25px;
  }

  .filter-menu-container.open {
    margin-top: -25px;
  }
}


.filter-section-sub {
  background: color-mix(in srgb, var(--pal-white) 14%, transparent);
  padding: 15px;
  border-radius: var(--pf-btn-radius);
  box-sizing: border-box;
  break-inside: avoid;
  display: block;
}


  .filter-section strong {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    color: var(--color-text);
	text-align: left;
	padding-bottom: 5px;
  }

  .filter-section label {
    display: block;
    cursor: pointer;
	color: var(--color-text);
  }


.filter-section input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-mm-grey);
  border-radius: var(--radius);
  background-color: var(--pal-white);
  cursor: pointer;
  position: relative;
  margin-right: 8px;
  vertical-align: middle;
  transition: all 0.2s ease;
  opacity: 1;
  z-index: 1;
}

.filter-section input[type="checkbox"]:checked {
  background-color: var(--color-mm-grey);
  border-color: var(--color-mm-grey);
}

.filter-section input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.filter-section input[type="checkbox"]:checked::after {
  opacity: 1;
}

.filter-section label {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  font-size: 15px;
  cursor: pointer;
  color: var(--color-text);
  transition: color 0.2s ease;
}

.filter-section label:hover {
  color: #b6b6b6;
}

.zoek-button{
	background-color: var(--pal-dark-3);
    height: 54px;
    border: none;
    color: var(--pal-white) !important;
    border: 0px;
    cursor: pointer;
    box-shadow: none;
	border-radius: 0px var(--radius) var(--radius) 0px;
	align-items: center;
	justify-content: center;
}


.zoek-button:hover{
	background-color: #b6b6af;
	color: var(--color-mm-grey) !important;
	border: none;
	box-shadow: none;
}

.zoek-reset-button{
	background-color: #b14e4e;
	border: none;
	color: var(--color-mm-grey);
	height: 54px;
	padding: 10px 20px;
	border-radius: 0px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}


@media screen and (max-width: 736px) {

	.zoek-button{
    height: 54px;
    padding: 7px 25px;
}

.zoek-reset-button{
	height: 54px;

	padding: 10px 10px;

}

}

.zoek-reset-button:hover{
	background-color: #b0ac9f;
	color: var(--color-mm-grey) !important;
}

#zoeken2{
	position: relative;
	display: flex; gap: 0px;

}

#zoeken2 button:hover{
	background-color: color-mix(in srgb, var(--pal-white) 62%, transparent);
}

#zoeken2 input{
	background-color: var(--pal-white);
	color: var(--color-text);
	border-radius: var(--radius) 0px 0px var(--radius);
}

#zoeken2_menu input{
	background-color: var(--pal-white);
	color: var(--color-text);
}

#error{
	font-size: 1.5em;
	text-align: center;
	padding-top: 2.5em;
	color: var(--color-mm-grey);
}

#error i{
	color: var(--color-mm-grey) !important;
}

@media screen and (max-width: 736px) {

	#zoeken{
		padding-top: 50px;
		padding-bottom: 125px;
		padding-left: 15px;
		padding-right: 15px;
		margin: 0 auto;
		width: 20em;
		border-radius: var(--radius);
	}

	#error{
		text-align: center;
        padding-top: 2.0em;
        font-size: 1em;
	}

	.paginanummers{

		margin-bottom: 2em;
		text-align: center;
	}

}


	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
  outline: none;
		display: block;

    text-decoration: none;
    width: 100%;
    letter-spacing: 0.1em;
    line-height: 3.05556em;
	transition: border 0.3s ease;
    font-size: 16px !important;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 27%) !important;
    background: rgba(255, 255, 255, .13);
    color: #fff;
    outline: none;
    padding: 2px 1em
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="search"]:focus,
	input[type="url"]:focus,
	input:focus {

  outline: none;
}


		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="search"]:invalid,
		input[type="url"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}


	select {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%2336383c' /%3E%3C/svg%3E") !important;
		background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		height: 2.75em;
		padding-right: 2.75em;
		text-overflow: ellipsis;
	}

		select option {
			color: #ffffff;
			background: #000000b6;
		}

		select:focus::-ms-value {
			background-color: transparent;
		}

		select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select {
		height: 54px;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #a0a0a1;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 300;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: #34363b;
				content: '';
				display: inline-block;
				font-size: 0.8em;
				height: 2.0625em;
				left: 0;
				line-height: 2.0625em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 2.0625em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #000;
			border-color: #000;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			box-shadow: 0 0 0 2px #000;
		}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: #707071 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #707071 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #707071 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #707071 !important;
		opacity: 1.0;
	}


	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}

		.icon > .label {
			position: relative;
			left: 0.3em;
			top: -0.2em;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}


.filter-section input[type="radio"].kind-radio {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-mm-grey);
  border-radius: var(--radius);
  background-color: #fff;
  cursor: pointer;
  position: relative;
  margin-right: 8px;
  vertical-align: middle;
  transition: all 0.2s ease;
  opacity: 1;
  z-index: 1;

  display: inline-block;
  float: none;
}

.filter-section input[type="radio"].kind-radio:checked {
  background-color: var(--color-mm-grey);
  border-color: var(--color-mm-grey);
}

.filter-section input[type="radio"].kind-radio::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.filter-section input[type="radio"].kind-radio:checked::after {
  opacity: 1;
}


.filter-section label {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  font-size: 15px;
  cursor: pointer;
  color: #fff;
  transition: color 0.2s ease;
}


	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;

	}


		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px #36383c;
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 300;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}


	ul.actions {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		cursor: default;
		list-style: none;
		margin-left: -1em;
		padding-left: 0;
	}

		ul.actions li {
			padding: 0 0 0 1em;
			vertical-align: middle;
		}

		ul.actions.special {
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			width: 100%;
			margin-left: 0;
		}

			ul.actions.special li:first-child {
				padding-left: 0;
			}

		ul.actions.stacked {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			margin-left: 0;
		}

			ul.actions.stacked li {
				padding: 1.3em 0 0 0;
			}

				ul.actions.stacked li:first-child {
					padding-top: 0;
				}

		ul.actions.fit {
			width: calc(100% + 1em);
		}

			ul.actions.fit li {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-shrink: 1;
				-webkit-flex-shrink: 1;
				-ms-flex-shrink: 1;
				flex-shrink: 1;
				width: 100%;
			}

				ul.actions.fit li > * {
					width: 100%;
				}

			ul.actions.fit.stacked {
				width: 100%;
			}

		@media screen and (max-width: 480px) {

			ul.actions:not(.fixed) {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				margin-left: 0;
				width: 100% !important;
			}

				ul.actions:not(.fixed) li {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					padding: 1em 0 0 0;
					text-align: center;
					width: 100%;
				}

					ul.actions:not(.fixed) li > * {
						width: 100%;
					}

					ul.actions:not(.fixed) li:first-child {
						padding-top: 0;
					}

					ul.actions:not(.fixed) li input[type="submit"],
					ul.actions:not(.fixed) li input[type="reset"],
					ul.actions:not(.fixed) li input[type="button"],
					ul.actions:not(.fixed) li button,
					ul.actions:not(.fixed) li .button {
						width: 100%;
					}

						ul.actions:not(.fixed) li input[type="submit"].icon:before,
						ul.actions:not(.fixed) li input[type="reset"].icon:before,
						ul.actions:not(.fixed) li input[type="button"].icon:before,
						ul.actions:not(.fixed) li button.icon:before,
						ul.actions:not(.fixed) li .button.icon:before {
							margin-left: -0.5rem;
						}

		}


.contact-links{
  list-style: none;
  padding: 0;

  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;

  text-align: left;
}


.contact-link{
  display: flex;
  align-items: center;
  gap: .6em;

  text-decoration: none;
  color: inherit;

  border-radius: var(--radius);
  background-color: color-mix(in srgb, var(--pal-dark-2) 72%, transparent);
  padding: 1em;

  transition:
    background-color .3s ease,
    color .3s ease,
    padding .3s ease;


  min-width: 0;
  transition:
    opacity .2s ease,
    background .2s ease,
    transform .2s ease;
    opacity: .75;
}

.contact-link:hover{
  opacity: 1;
  transform: translateY(-1px);
}


.contact-link .label{
  flex: 1 1 auto;
  min-width: 0;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.contact-link i{
  margin-left: auto;
  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 1.2rem;
  line-height: 1;
}


.contact-link:hover{
  background-color: color-mix(in srgb, var(--pal-dark-3) 58%, transparent);
}


@media (min-width: 600px){
  .contact-links{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


@media (min-width: 1024px){
  .contact-links{
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }

  .contact-link{
    padding: 1em 2em;
  }
}


	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px #36383c;
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: #34363b;
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			color: #ffffff;
			font-size: 0.9em;
			font-weight: 300;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px #36383c;
		}

		table tfoot {
			border-top: solid 2px #36383c;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px #36383c;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}


.panel {

	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;


	height: 100svh;
	height: -webkit-fill-available;
	height: 100dvh;
	max-height: 100dvh;


	width: 60%;
	max-width: 45em;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;


	padding:
		calc(4em + env(safe-area-inset-top))
		4em
		calc(2em + env(safe-area-inset-bottom))
		4em;


	background: var(--color-panel);
	color: var(--color-text);
	z-index: 99999;


	transform: translateX(100%);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

	.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel a{
		color: var(--color-text) !important;
	}

  html:not([data-theme]) .panel :is(h1,h2,h3),
  html[data-theme="light"] .panel :is(h1,h2,h3){
    color: var(--color-text) !important;
  }
  html[data-theme="dark"] .panel :is(h1,h2,h3){
    color: var(--pal-white) !important;
  }
  @media (prefers-color-scheme: dark){
    html:not([data-theme]) .panel :is(h1,h2,h3),
    html[data-theme="auto"] .panel :is(h1,h2,h3){
      color: var(--pal-white) !important;
    }
  }
  html:not([data-theme="dark"]) #footerb h1,
  html[data-theme="light"] #footerb h1{
    color: var(--color-text) !important;
  }
  html:not([data-theme="dark"]) .panel p,
  html:not([data-theme="dark"]) .panel li,
  html:not([data-theme="dark"]) .panel small,
  html:not([data-theme="dark"]) .panel span,
  html:not([data-theme="dark"]) .panel strong,
  html:not([data-theme="dark"]) .panel em,
  html[data-theme="light"] .panel p,
  html[data-theme="light"] .panel li,
  html[data-theme="light"] .panel small,
  html[data-theme="light"] .panel span,
  html[data-theme="light"] .panel strong,
  html[data-theme="light"] .panel em{
    color: var(--color-text) !important;
  }

  html[data-theme="dark"] .panel{
    color: var(--pal-white);
  }
  html[data-theme="dark"] .panel h1,
  html[data-theme="dark"] .panel h2,
  html[data-theme="dark"] .panel h3,
  html[data-theme="dark"] .panel h4,
  html[data-theme="dark"] .panel h5,
  html[data-theme="dark"] .panel h6,
  html[data-theme="dark"] .panel a{
    color: var(--pal-white) !important;
  }
  @media (prefers-color-scheme: dark){
    html:not([data-theme]) .panel,
    html[data-theme="auto"] .panel{
      color: var(--pal-white);
    }
    html:not([data-theme]) .panel h1,
    html:not([data-theme]) .panel h2,
    html:not([data-theme]) .panel h3,
    html:not([data-theme]) .panel h4,
    html:not([data-theme]) .panel h5,
    html:not([data-theme]) .panel h6,
    html:not([data-theme]) .panel a,
    html[data-theme="auto"] .panel h1,
    html[data-theme="auto"] .panel h2,
    html[data-theme="auto"] .panel h3,
    html[data-theme="auto"] .panel h4,
    html[data-theme="auto"] .panel h5,
    html[data-theme="auto"] .panel h6,
    html[data-theme="auto"] .panel a{
      color: var(--pal-white) !important;
    }
  }

	  @media (min-width: 667px) {

	  .panel {
	padding: 100px 41px 24px 41px;

	}
  }

		.panel.active {
			-moz-transform: translateY(0px);
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
		}

		.inner {
			margin: 0 auto;
			max-width: 100%;
		}

			 .inner.split {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
			}

				 .inner.split > div {
					margin-left: 4em;
					width: 50%;
				}

				 .inner.split > :first-child {
					margin-left: 0;
				}

		.panel > .closer {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			background-image: url("images/close-dark.svg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: 44px;
			cursor: pointer;
			height: 3.5em;
			opacity: 0.8;
			position: absolute;
			right: 1px;
			top: 7px;
			width: 3.5em;
			z-index: 2;
			padding: 2em;
		}

			.panel > .closer:hover {
				opacity: 1.0;
			}

		@media screen and (max-width: 1280px) {

			.panel {
				padding: 3em 3em 1em 3em ;
				width: 100%;
			}

				.inner.split > div {
					margin-left: 3em;
				}


		}

		@media screen and (max-width: 980px) {

			 .inner.split {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.inner.split > div {
					margin-left: 0;
					width: 100%;
				}

		}

		@media screen and (max-width: 736px) {

			.panel {
				-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
				padding: 4em 1.2em ;
				bottom: auto;
			}

			.panel > .closer {
				top: -1px;
			}

				.panel.active {
					-moz-transform: translateY(0);
					-webkit-transform: translateY(0);
					-ms-transform: translateY(0);
					transform: translateY(0);
				}

		}


.disclaimer-page ul {
  padding: 0 2em;
  margin-bottom: 1em;
}

.disclaimer-page li {
  padding: .2em 0;
}


.contact-page,
.contact-page *{
  pointer-events: auto;
}


.contact-page{
  position: relative;
  z-index: 5;
}


.contact-page .mm-btn{
  position: relative;
  z-index: 10;
  pointer-events: auto;
}


.js-fadein::before,
.js-fadein::after,
.fade-in::before,
.fade-in::after,
.fadein-bottom::before,
.fadein-bottom::after{
  pointer-events: none !important;
}
.about-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: stretch;
  margin-bottom: 25px;
}


.about-grid .item2 img {
  height: 100%;
  max-height: 400px;
  width: 100%;
  object-fit: cover;
  display: block;
}


@media (max-width: 768px) {
  .about-grid {
    grid-template-columns: 1fr;
  }
  .about-grid .item2 img {
    height: auto;
  }
}

#panelprofiel.is-wide {
  width: 80% !important;
  max-width: 95em !important;
}

@media (max-width: 980px) {
  #panelprofiel {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#panelprofiel {
  transition:
    width 0.55s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    transform 0.55s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    opacity 0.45s ease,
    box-shadow 0.55s ease;
  transform-origin: center center;
  width: 80%;
  margin: 0 auto;
      padding-top: 5em;
      max-width: 80%;
}


	#wrapper {
		-moz-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -moz-filter 0.5s ease;
		-webkit-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
		-ms-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -ms-filter 0.5s ease;
		transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, filter 0.5s ease;
		position: relative;


	}

		#wrapper:after {
			pointer-events: none;
			-moz-transition: opacity 0.5s ease, visibility 0.5s;
			-webkit-transition: opacity 0.5s ease, visibility 0.5s;
			-ms-transition: opacity 0.5s ease, visibility 0.5s;
			transition: opacity 0.5s ease, visibility 0.5s;
			background: rgba(36, 38, 41, 0.5);
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			visibility: hidden;
			width: 100%;
			z-index: 1;
		}

			body.ie #wrapper:after {
				background: rgba(0, 0, 0, 0.8);
			}

		body.modal-active #wrapper {
			-moz-filter: blur(20px);
			-webkit-filter: blur(20px);
			-ms-filter: blur(20px);
			filter: blur(20px);
		}

			body.modal-active #wrapper:after {
				pointer-events: auto;
				opacity: 1;
				visibility: visible;
				z-index: 10003;
			}

			@keyframes spinner-scale {
				0%, 100% {
					background-size: 60px 60px;
				}
				50% {
					background-size: 80px 80px;
				}
			}

			#wrapper::before {
				content: '';
				position: fixed;
				top: 0;
				left: 0;
				width: 100vw;
				height: 100vh;
				background-color: rgba(0, 0, 0, 0.75);
				background-image: url("images/spinner2.svg");
				background-repeat: no-repeat;
				background-position: center;
				background-size: 80px 80px;
				z-index: 999999;
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.35s ease-out, visibility 0.35s;
				pointer-events: none;
				animation: spinner-scale 1s ease-in-out infinite;
			}


			body.is-preload #wrapper::before {
				opacity: 1;
				visibility: visible;
				pointer-events: auto;
			}


body {
	overflow-x: hidden;
	overflow-x: clip;
	max-width: 100%;
}


.background-image-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url('https://www.markmooibroek.com/images/canvas-background.webp');
  background-size: cover;
  background-position: 65% center;
  background-repeat: no-repeat;
  z-index: -3;
  pointer-events: none;
}

#bokehCanvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;
  pointer-events: none;
}


		#header {
			-moz-transition: -moz-transform 0.2s ease;
			-webkit-transition: -webkit-transform 0.2s ease;
			-ms-transition: -ms-transform 0.2s ease;
			transition: transform 0.2s ease;
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		left: 0;
		line-height:4em;
		position: fixed;
		user-select: none;
		width: calc(100% - 0em);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			bottom: auto;
			top: 0;
			display: block;
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
			z-index: 9999;
				.logo-text, .logo{
					display: none;
				}
		}

#header.small {
  z-index: 9999;
  border-bottom: 10px solid transparent;
}

body.mm-header-immediate #header.small {
  transform: translate3d(0, var(--mm-page-pull-y, 0px), 0);
}


		#header.small {
			z-index: 10001;
			opacity: 1;
			visibility: visible;
			pointer-events: auto;
			.logo{
				display: none;
				}
				.logo-text{
        display: none;
			}
			h1{
        position: absolute;
        left: 50%;
        top: 50%;
        margin: 0;
        padding: 0;
        transform: translate(-50%, -30%);
			}
	}


.mm-logo-top {
  display: inline-block;
  width: 150px;
  height: 45px;
  top:-16px;
  left: -119px;
  background: var(--logo-image-top) no-repeat center/contain;
}


.header-blogimage-overlay,
.header-blogimage-overlay img {
  pointer-events: none;
}

  .logo-text b{
    color: var(--color-text);
  }

@media screen and (max-width: 736px) {
  #header.small .mm-header{
    padding-top: 0.3em;
    padding-bottom: 0.3em;
  }

  #header.small h1{
		margin-left: 0px;
    top: 50%;
	}

  .mm-logo-top {
  top:-28px;
}

#header.small b{
		margin-left: -20px;
    display: none;
	}

  .liquidGlass-text h1,
  #header.small h1{
    transform: translate(-50%, -30%);
  }

  .mm-header-search{
    left: .65rem;
    width: 38px;
    height: 38px;
  }

  .mm-header-badge{
    width: clamp(56px, 17vw, 70px);
  }

}


.bounce-elastic {
  animation: bounceElastic 0.6s ease-out;
}


@keyframes bounceElastic {
  0%   { transform: translateY(-120%); opacity: 0; }
  40%  { transform: translateY(10%); opacity: 1; }
  65%  { transform: translateY(-5%); }
  85%  { transform: translateY(3%); }
  100% { transform: translateY(0); opacity: 1; }
}

@keyframes bounceElasticOut {
  0%   { transform: translateY(0); opacity: 1; }
  30%  { transform: translateY(-10%); }
  60%  { transform: translateY(8%); }
  80%  { transform: translateY(-4%); }
  100% { transform: translateY(-100%); opacity: 0; }
}

#header.small.animate-in {
  animation: none;
}
#header.small.animate-out {
  animation: none;
  pointer-events: none;
}

#header.small.animate-in .liquidGlass-effect,
#header.small.animate-in .liquidGlass-tint,
#header.small.animate-in .liquidGlass-shine,
#header.small.animate-in .liquidGlass-text,
#header.small.animate-in nav,
#header.small.animate-in #menu {
  animation: bounceElastic 0.5s ease-out;
  will-change: transform, opacity;
}

#header.small.animate-out .liquidGlass-effect,
#header.small.animate-out .liquidGlass-tint,
#header.small.animate-out .liquidGlass-shine,
#header.small.animate-out .liquidGlass-text,
#header.small.animate-out nav,
#header.small.animate-out #menu {
  animation: bounceElasticOut 0.5s ease-in;
  animation-fill-mode: forwards;
  will-change: transform, opacity;
}

.header-menu{
	display: none;

}

 ul.inline-list {
      display: flex;
      justify-content: center;
      list-style: none;
      gap: 0.1em;
      padding: 0;
      margin: 0;
	  width: 100%;
	  position: absolute;
	  margin-top: 1px;
    }


.header-menu.small {
	display: block;

}


.inline-list .label {
  display: inline;
}

@media screen and (max-width: 1065px) {
  .inline-list .label {
    display: none;
  }

  .inline-list a i {
    font-size: 1.2em;
    margin-right: -2px !important;
  }
   a.menu-zoek.zoekicon {
    font-size: 1.2em;
    margin-right: 12px !important;
  }
}


.inline-list a {
  list-style: none;
  border-radius: var(--radius);
  background-color: transparent;
  padding: 0 1em !important;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  transition: background-color 0.3s ease;
}


@media (max-width: 700px) {
	a.menu-downloads.menu-downloads{
	display: none;
	}
	a.menu-home.menu-home{
	display: none;
	}
	a.menu-main.menu-main{
	display: none;
	}
	a.menu-blog.menu-blog{
	display: none;
	}
	a.menu-zoek.menu-zoek{
	display: none !important;
	}
	.inline-list a {
    padding: 0 1em !important;
    margin-top: 0px;
    margin-bottom: 9px;
    height: 50px;
    background: none;
	position: absolute;
	right: 65px;
}
.inline-list a i {
    font-size: 22px !important;
}
.inline-list a:hover {
    background-color: transparent !important;
    color: #fff;
}
}

a.menu-zoek i {
  animation: rotateHint 3s linear infinite;
  display: inline-block;
}

@keyframes rotateHint {
  0%, 100% { transform: rotate(0deg); }
  5% { transform: rotate(15deg); }
  10% { transform: rotate(-10deg); }
  15% { transform: rotate(5deg); }
  20% { transform: rotate(0deg); }
}

a.menu-zoek.zoekicon i {
    margin-right: 5px;

  }

 .inline-list a i {
    margin-right: 5px;
	position: relative;
	margin-top: 5px;
  font-size: 14px;
  }

.inline-list a:hover {
  background-color: var(--color-mm-grey);
  color: #fff;
}

.inline-list a {
  -webkit-tap-highlight-color: transparent;
}

.inline-list a:active {
  background-color: transparent;
}


.menu-home,
.menu-main,
.menu-blog,
.menu-downloads {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 20px;
  border-radius: var(--radius-inner);
  background-color: var(--menu-button-bg, rgba(255,255,255,.86));
  color: var(--color-text);
  text-decoration: none;
  overflow: hidden;
  transition: color 0.3s ease;
}


html[data-theme="light"] .menu-home,
html[data-theme="light"] .menu-main,
html[data-theme="light"] .menu-blog,
html[data-theme="light"] .menu-downloads,
html[data-theme="auto"] .menu-home,
html[data-theme="auto"] .menu-main,
html[data-theme="auto"] .menu-blog,
html[data-theme="auto"] .menu-downloads {
  background-color: var(--menu-button-bg, rgba(255,255,255,.74));
  border: 1px solid var(--menu-button-border, rgba(86,78,66,.10));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

@media (prefers-color-scheme: light){
  html:not([data-theme]) .menu-home,
  html:not([data-theme]) .menu-main,
  html:not([data-theme]) .menu-blog,
  html:not([data-theme]) .menu-downloads{
    background-color: var(--menu-button-bg, rgba(255,255,255,.74));
    border: 1px solid var(--menu-button-border, rgba(86,78,66,.10));
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}


html[data-theme="light"] #header.small .liquidGlass-tint{
  opacity: .78;
}

html[data-theme="light"] #header.small .header-menu .menu-home,
html[data-theme="light"] #header.small .header-menu .menu-main,
html[data-theme="light"] #header.small .header-menu .menu-blog,
html[data-theme="light"] #header.small .header-menu .menu-downloads,
html[data-theme="auto"] #header.small .header-menu .menu-home,
html[data-theme="auto"] #header.small .header-menu .menu-main,
html[data-theme="auto"] #header.small .header-menu .menu-blog,
html[data-theme="auto"] #header.small .header-menu .menu-downloads{
  background-color: var(--menu-button-bg-compact, rgba(146,149,152,.20));
  border: 1px solid var(--menu-button-border, rgba(120,124,128,.04));
}

html[data-theme="dark"] #header.small .header-menu .menu-home,
html[data-theme="dark"] #header.small .header-menu .menu-main,
html[data-theme="dark"] #header.small .header-menu .menu-blog,
html[data-theme="dark"] #header.small .header-menu .menu-downloads{
  background-color: var(--menu-button-bg-compact, rgba(29,30,32,.78));
  border: 1px solid var(--menu-button-border, rgba(204,196,182,.28));
}

@media (prefers-color-scheme: light){
  html:not([data-theme]) #header.small .liquidGlass-tint{
    opacity: .78;
  }

  html:not([data-theme]) #header.small .header-menu .menu-home,
  html:not([data-theme]) #header.small .header-menu .menu-main,
  html:not([data-theme]) #header.small .header-menu .menu-blog,
  html:not([data-theme]) #header.small .header-menu .menu-downloads{
    background-color: var(--menu-button-bg-compact, rgba(146,149,152,.20));
    border: 1px solid var(--menu-button-border, rgba(120,124,128,.24));
  }
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #header.small .header-menu .menu-home,
  html:not([data-theme]) #header.small .header-menu .menu-main,
  html:not([data-theme]) #header.small .header-menu .menu-blog,
  html:not([data-theme]) #header.small .header-menu .menu-downloads,
  html[data-theme="auto"] #header.small .header-menu .menu-home,
  html[data-theme="auto"] #header.small .header-menu .menu-main,
  html[data-theme="auto"] #header.small .header-menu .menu-blog,
  html[data-theme="auto"] #header.small .header-menu .menu-downloads{
    background-color: var(--menu-button-bg-compact, rgba(29,30,32,.78));
    border: 1px solid var(--menu-button-border, rgba(204,196,182,.28));
  }
}


.menu-home .label,
.menu-main .label,
.menu-blog .label,
.menu-downloads .label,
.menu-home i,
.menu-main i,
.menu-blog i,
.menu-downloads i {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}


.menu-home::before,
.menu-main::before,
.menu-blog::before,
.menu-downloads::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 2200px;
  height: 126px;
  background-repeat: repeat-x;
  transform: translateY(100%);
  transition: transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1;
}


.menu-home.highlight::before,
.menu-main.highlight::before,
.menu-blog.highlight::before,
.menu-downloads.highlight::before {
  transform: translateY(35%);
  animation: waves 7.5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
}


.menu-home.highlight,
.menu-main.highlight,
.menu-blog.highlight,
.menu-downloads.highlight {
  color: var(--color-text);
}


.menu-home.highlight::after,
.menu-main.highlight::after,
.menu-blog.highlight::after,
.menu-downloads.highlight::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%) scale(1);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid var(--color-text);
  z-index: 3;
  opacity: 1;
  transition: opacity 0.3s ease, transform 0.3s ease;
}


.menu-home::after,
.menu-main::after,
.menu-blog::after,
.menu-downloads::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6px;
  transform: translateX(-50%) scale(0.7);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--color-mm-grey)69;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

@keyframes waves {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

.zoek-layer {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transform: translateY(3vh);
  transition: opacity 0.4s ease, transform 0.4s ease;
  padding: 6.8em 0em 0em 0em;
  box-sizing: border-box;
  overflow: hidden;
}


@media (max-width: 768px) {
	.zoek-layer {
  padding: 6.1em 0em 0em 0em;
}
}

.zoek-layer.active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0%);
}


.sluit-layer {
  position: absolute;
    top: -0.2em;
    right: -0.2em;
    align-self: flex-end;
    width: 30px;
    height: 30px;
    margin-bottom: 0.3em;
    border-radius: 50px;
    background: #fff;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
    z-index: 1;
	display: flex;
  justify-content: center;
  align-items: center;
    padding-bottom: 4px;
}


	body.is-preload #header {
		-moz-transform: translateY(-5em);
		-webkit-transform: translateY(-5em);
		-ms-transform: translateY(-5em);
		transform: translateY(-5em);
	}

		#header h1 {
			color: #a0a0a1;
			display: inline-block;
			font-size: 0.9em;
			line-height: 1;
			margin: 0;
			vertical-align: middle;
		}


			#header h1 a {
				border: 0;
				color: var(--color-text) !important;
			}

				#header h1 a:hover {
					color: inherit !important;
				}


	#main {

		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		clear: both;
	}


	#main > a > img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	  }

	.horizontal {
		grid-column: span 2;
	  }

	  .vertical {
		grid-row: span 2;
	  }

	  .big {
		grid-column: span 2;
		grid-row: span 2;
	  }

	  .full {
		grid-column: span 6;
		grid-row: span 4;
	  }

		#main .thumb {

			pointer-events: auto;
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
			overflow: hidden;
			position: relative;

			background: #000;
  overflow: hidden;
		  }


		#loadMore{
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-moz-transition: -moz-transform 1s ease;
		-webkit-transition: -webkit-transform 1s ease;
		-ms-transition: -ms-transform 1s ease;
		transition: transform 1s ease;
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		clear: both;
		margin-top: 40px;
		margin-bottom: 130px;


		}


#main .thumb{
  position: relative;
  overflow: hidden;
  background: transparent;
  isolation: isolate;
  contain: layout paint;
}


#main .thumb > .image{
  -webkit-tap-highlight-color: rgba(255,255,255,0);

  position: absolute;
  inset: -1px;
  border: 0;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;


  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  will-change: transform;

  transition: transform .5s ease;
  z-index: 1;
}


#main .thumb:hover > .image,
#main .thumb:focus-within > .image{
  transform: translate3d(0,0,0) scale(1.08);
}


#main .thumb::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;


  background: linear-gradient(
    to top,
    rgba(10,17,25,.45) 0%,
    rgba(10,17,25,.15) 25%,
    rgba(10,17,25,0) 55%
  );

  display: none;
  opacity: 0;
  transition: opacity .2s ease;
  z-index: 2;
}

#main .thumb:hover::after,
#main .thumb:focus-within::after{
  opacity: 1;
}


#main .thumb > h2{
  color: var(--mm-thumb-title-color, #fff) !important;
  text-shadow: var(--mm-thumb-title-shadow, 0 2px 14px rgba(0, 0, 0, 0.35));
  pointer-events: none;

  position: absolute;
  bottom: 1.875em;
  left: 2.1875em;
  right: 2.1875em;
  margin: 0;

  font-size: 0.8em;
  text-align: center;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  min-width: 0;

  z-index: 3;


  opacity: 0;
  transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease;
}

#main .thumb:hover > h2,
#main .thumb:focus-within > h2{
  opacity: 1;
  transform: translateY(0);
}


@media screen and (max-width: 736px){
  #main .thumb > h2{
    bottom: 1em;
    font-size: 0.6em;
    left: 1em;
    right: 1em;
  }


  #main .thumb.fade-in-scale,
  #main .thumb.fade-in-scale.visible{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


.soort_cap{
  display: none;
}

#main .thumb > p,
#main .thumb > b{
  display: none;
}


			body.ie #main:after {
				background: var(--pal-white);
			}


			body.content-active #main:after {
				pointer-events: auto;
				opacity: 1;
				visibility: visible;
			}

		body.is-preload #main .thumb {
			pointer-events: none;

		}


#main .thumb,
#main .thumb .pswp-gallery-item.image,
#main .thumb picture,
#main .thumb img {
  opacity: 1 !important;
  visibility: visible !important;
}

#main .thumb img {
  width: 101%;
  height: 101%;
  object-fit: cover;
  display: block;
}


		.instagram-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 1.5rem;
			justify-items: center;
		  }

		#main .thumb {
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			object-fit: cover;
		}


#main {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 280px;
  grid-gap: 0;
  padding: 0em;
  grid-auto-flow: dense;
  background: transparent;
}

#main.gallery-masonry.gallery-masonry--compact {
  grid-template-columns: repeat(auto-fit, minmax(320px, 480px));
  justify-content: center;
}

#main.gallery-masonry.gallery-masonry--compact .thumb {
  width: 100%;
  max-width: 480px;
  justify-self: center;
}

@media screen and (max-width: 736px) {
  #main.gallery-masonry.gallery-masonry--compact {
    grid-template-columns: minmax(0, calc(100vw - 1rem));
  }

  #main.gallery-masonry.gallery-masonry--compact .thumb {
    max-width: none;
  }
}


#content {
	display: flex;
    align-items: center;
    justify-content: center;
	display: block;
	position: relative;
	height: auto;
	background-color: var(--color-content);
	width: 100%;
	color: var(--color-text) !important;
	margin-top: -24px;
}


.sort-desktop{
	margin-left: 3px;
	color: #212121;
}

.tab.active > .sort-desktop{
	margin-left: 3px;
	color: #fff;
}

@media screen and (max-width: 736px) {
	.sort-desktop{
		display: none;
	}
}

.tabs {
	width: 100%;
	display: flex;
	float: left;
	border-bottom: 3px solid var(--color-mm-grey);
}

.tab {
	padding: 15px 30px;
	margin-left: -10px;
	border-bottom: none;
	background-color: var(--pal-white);
	cursor: pointer;
	text-decoration: none;
	color: #212121;
	border-radius: var(--radius) var(--radius) 0 0;
	box-shadow: -10px 0px 12px -10px rgba(0, 0, 0, 0.35);

}

.tabs .tab.active {
    color: #ffcc00;
}

.tabs .tab:first-child {
    border-radius: 0 var(--radius) var(--radius) 0;
}

.tab:hover {
	background-color: #fff;
}

.tab.active {
	background-color: var(--color-mm-grey);
	color: #fff;
	font-weight: bold;
}


#content-gallery {
	display: flex;
    align-items: center;
    justify-content: center;
	display: block;
	position: relative;
	height: auto;
	background-color: var(--color-content-gallery);
	width: 100%;
	color: #212121;
}

#content_gallery.blog-gallery{
  background-color: var(--color-content-gallery);
}


#content h1{
	color: var(--color-text) !important;
}

#content_text{
	padding: 4em 1.2em;
	max-width: 80em;
	margin: 0 auto;
  color: var(--color-text);
}

#main_bg{
	background-image: url(https://www.markmooibroek.com/images/logo_bg.png);
  background-size: 10rem;
  background-position: center center;
  background: repeating-linear-gradient(
    to bottom,
    #000000,
    #000000 10px,
    #222222 10px,
    #222222 20px
  );
}

@media screen and (max-width: 736px) {

#main {

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  grid-auto-rows: 175px;
  grid-gap: 0;
  background: transparent;
		}

}


#main > .thumb > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}


.pswp,
.pswp * {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

html.pswp-open,
body.pswp-open{
  overflow: hidden !important;
  overscroll-behavior: none;
}


.pswp img,
.pswp__img {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.thumb img,
.thumb picture,
.thumb picture img,
.thumb .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: translateZ(0);
  backface-visibility: hidden;
}


#main .thumb.horizontal,
#main .thumb.wide {
  grid-column: span 2;
}

#main .thumb.vertical,
#main .thumb.tall {
  grid-row: span 2;
}

#main .thumb.big {
  grid-column: span 2;
  grid-row: span 2;
}


.site-footer .footer-inner{
  display:flex;
  gap:.5rem;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  padding:1rem 0;
}

.footer-link{
  text-decoration: underline;
  cursor: pointer;
}


.site-footer .footer-inner{
  display:flex;
  gap:.5rem;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  padding:1rem 0;
}

.footer-link{
  text-decoration: underline;
  cursor: pointer;
}


.mm-modal{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.mm-modal.is-open{
  display: grid;
  place-items: center;
}


.mm-modal__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}


.mm-modal__panel{
  position: relative;
  width: min(720px, calc(100vw - 2rem));
  max-height: min(80vh, 700px);
  overflow: auto;

  background: rgba(20, 20, 20, .55);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  padding: 1.1rem 1.1rem 1rem;
}


.mm-modal__title{
  margin: 0 2.25rem .75rem 0;
  font-size: 1.2rem;
}

.mm-modal__content p{
  margin: .5rem 0;
  line-height: 1.55;
}

.mm-modal__hr{
  border: none;
  height: 1px;
  background: rgba(255,255,255,.12);
  margin: 1rem 0;
}


.mm-modal__close{
  position:absolute;
  top: .8rem;
  right: .8rem;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.25);
  color: #fff;
  cursor: pointer;
}


.mm-modal__actions{
  display:flex;
  justify-content:flex-end;
  margin-top: 1rem;
}


body.mm-modal-open{
  overflow: hidden;
}

.footer{
	background-color: var(--color-content-footer);
	color: var(--color-text);
	margin-bottom: -1px;
}

.footer-a a:hover{
	color: #999 !important;
}

.footer-bottom {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
  padding: 1em 0;
  text-align: left;

}


.footer-bottom-item,
.footer-bottom-item-sub {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: .68rem;

  text-decoration: none;
  color: var(--color-text);
  border-radius: var(--radius);
  border: 1px solid rgba(86,78,66,.13);
  background:
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(238,233,221,.30) 55%, rgba(255,255,255,.24)),
    rgba(247,243,232,.42);
  padding: .52rem .68rem;
  opacity: .94;
  box-shadow: 0 6px 14px rgba(70,60,48,.08);
  transition:
    opacity .2s ease,
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;

  min-width: 0;
  min-height: 40px;
  line-height: 1.2;
}


.footer-bottom-item .label,
.footer-bottom-item-sub .label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .94rem;
  letter-spacing: 0;
  transition: transform .24s cubic-bezier(.22,1,.36,1), color .2s ease;
}

.footer-bottom-item .footer-count {
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: .45rem;
  color: color-mix(in srgb, var(--color-text) 74%, transparent);
  font-size: .94rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  white-space: nowrap;
  transition: transform .24s cubic-bezier(.22,1,.36,1), opacity .2s ease, color .2s ease;
}


.footer-bottom-item i,
.footer-bottom-item-sub i {
  flex: 0 0 auto;
}


.footer-bottom-item-sub {
  background:
    linear-gradient(135deg, rgba(255,255,255,.36), rgba(238,233,221,.25) 55%, rgba(255,255,255,.20)),
    rgba(247,243,232,.34);
}


.footer-bottom-item:hover,
.footer-bottom-item-sub:hover {
  background:
    linear-gradient(135deg, rgba(255,255,255,.54), rgba(238,233,221,.40) 55%, rgba(255,255,255,.32)),
    var(--mm-bg-hover);
  border-color: rgba(86,78,66,.20);
  box-shadow: 0 8px 18px rgba(70,60,48,.14);
  opacity: 1;
}


.footer-bottom-item i,
.footer-bottom-item-sub i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(86,78,66,.12);
  background: rgba(255,255,255,.62);
  color: var(--color-text);
  font-size: 1rem;
  line-height: 1;
  flex-shrink: 0;
  transition:
    transform .24s cubic-bezier(.22,1,.36,1),
    background .2s ease,
    border-color .2s ease,
    color .2s ease;
}

@media (hover: hover) and (pointer: fine) {
  .footer-bottom-item,
  .footer-bottom-item-sub {
    position: relative;
    overflow: hidden;
  }

  .footer-bottom-item::before,
  .footer-bottom-item-sub::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.28) 42%, transparent 70%);
    transform: translateX(-115%);
    transition: transform .46s cubic-bezier(.22,1,.36,1);
    pointer-events: none;
  }

  .footer-bottom-item:hover::before,
  .footer-bottom-item:focus-visible::before,
  .footer-bottom-item-sub:hover::before,
  .footer-bottom-item-sub:focus-visible::before {
    transform: translateX(115%);
  }

  .footer-bottom-item:hover i,
  .footer-bottom-item:focus-visible i,
  .footer-bottom-item-sub:hover i,
  .footer-bottom-item-sub:focus-visible i {
    transform: translateX(2px);
    background: rgba(255,255,255,.82);
    border-color: rgba(86,78,66,.24);
  }

  .footer-bottom-item:hover .label,
  .footer-bottom-item:focus-visible .label,
  .footer-bottom-item-sub:hover .label,
  .footer-bottom-item-sub:focus-visible .label {
    transform: translateX(3px);
  }

  .footer-bottom-item:hover .footer-count,
  .footer-bottom-item:focus-visible .footer-count {
    transform: translateX(-2px);
    opacity: .9;
  }
}

html[data-theme="dark"] .footer-bottom-item,
html[data-theme="dark"] .footer-bottom-item-sub{
  color: rgba(247,243,232,.98);
  border-color: rgba(204,196,182,.18);
  background:
    linear-gradient(135deg, rgba(58,60,64,.42), rgba(44,46,49,.36) 52%, rgba(74,76,80,.30)),
    rgba(20,21,23,.56);
  box-shadow: 0 6px 14px rgba(10,11,12,.26);
}
html[data-theme="dark"] .footer-bottom-item:hover,
html[data-theme="dark"] .footer-bottom-item-sub:hover{
  border-color: rgba(204,196,182,.38);
  background:
    linear-gradient(135deg, rgba(73,75,79,.62), rgba(55,57,60,.56) 52%, rgba(89,91,96,.46)),
    rgba(24,25,27,.82);
}
html[data-theme="dark"] .footer-bottom-item i,
html[data-theme="dark"] .footer-bottom-item-sub i{
  border-color: rgba(204,196,182,.22);
  background: rgba(33,34,37,.86);
  color: rgba(247,243,232,.95);
}

@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] .footer-bottom-item::before,
  html[data-theme="dark"] .footer-bottom-item-sub::before {
    background: linear-gradient(120deg, transparent 0%, rgba(247,243,232,.12) 42%, transparent 70%);
  }

  html[data-theme="dark"] .footer-bottom-item:hover i,
  html[data-theme="dark"] .footer-bottom-item:focus-visible i,
  html[data-theme="dark"] .footer-bottom-item-sub:hover i,
  html[data-theme="dark"] .footer-bottom-item-sub:focus-visible i {
    background: rgba(58,60,64,.95);
    border-color: rgba(204,196,182,.38);
  }
}


.item4 .icons{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: .6rem;
}
.item4 .icons li{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: .68rem;
  min-width: 0;
  min-height: 40px;
  line-height: 1.2;
  border-radius: var(--radius);
  border: 1px solid rgba(86,78,66,.13);
  background:
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(238,233,221,.30) 55%, rgba(255,255,255,.24)),
    rgba(247,243,232,.42);
  box-shadow: 0 6px 14px rgba(70,60,48,.08);
  padding: .52rem .68rem;
  opacity: .94;
  transition:
    opacity .2s ease,
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}
.item4 .icons li a{
  flex: 1 1 auto;
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-text) !important;
  font-size: .94rem;
  letter-spacing: 0;
  transition: color .2s ease;
}
.item4 .icons li i{
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(86,78,66,.12);
  background: rgba(255,255,255,.62);
  color: var(--color-text) !important;
  flex: 0 0 auto;
  font-size: 1rem;
}
html[data-theme="dark"] .item4 .icons li{
  border-color: rgba(204,196,182,.18);
  background:
    linear-gradient(135deg, rgba(58,60,64,.42), rgba(44,46,49,.36) 52%, rgba(74,76,80,.30)),
    rgba(20,21,23,.56);
  box-shadow: 0 6px 14px rgba(10,11,12,.26);
}
html[data-theme="dark"] .item4 .icons li a{
  color: rgba(247,243,232,.98) !important;
}
html[data-theme="dark"] .item4 .icons li i{
  border-color: rgba(204,196,182,.22);
  background: rgba(33,34,37,.86);
  color: rgba(247,243,232,.95) !important;
}

.item4 .icons li:hover{
  background:
    linear-gradient(135deg, rgba(255,255,255,.54), rgba(238,233,221,.40) 55%, rgba(255,255,255,.32)),
    var(--mm-bg-hover);
  border-color: rgba(86,78,66,.20);
  box-shadow: 0 8px 18px rgba(70,60,48,.14);
  transform: translateY(-1px);
  opacity: 1;
}
html:not([data-theme="dark"]) .item4 .icons li:hover,
html[data-theme="light"] .item4 .icons li:hover{
  background:
    linear-gradient(135deg, rgba(255,255,255,.64), rgba(231,226,214,.44) 52%, rgba(255,255,255,.36)),
    rgba(247,243,232,.72);
  border-color: rgba(92,86,75,.20);
  box-shadow: 0 8px 18px rgba(60,56,49,.12);
}
.item4 .icons li:hover a{
  color: var(--color-text) !important;
}
.item4 .icons li:hover i{
  border-color: rgba(86,78,66,.24);
  background: rgba(255,255,255,.90);
  color: var(--color-text) !important;
}
html:not([data-theme="dark"]) .item4 .icons li:hover i,
html[data-theme="light"] .item4 .icons li:hover i{
  border-color: rgba(92,86,75,.22);
  background: rgba(247,243,232,.98);
}

html[data-theme="dark"] .item4 .icons li:hover{
  border-color: rgba(204,196,182,.38);
  background:
    linear-gradient(135deg, rgba(73,75,79,.62), rgba(55,57,60,.56) 52%, rgba(89,91,96,.46)),
    rgba(24,25,27,.82);
}
html[data-theme="dark"] .item4 .icons li:hover a{
  color: rgba(247,243,232,.98) !important;
}
html[data-theme="dark"] .item4 .icons li:hover i{
  border-color: rgba(204,196,182,.34);
  background: rgba(47,48,51,.92);
  color: rgba(247,243,232,.98) !important;
}


.grid-intro-container .item4 .icons{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-intro-container .mm-profile-contact-chips .icons{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 768px){
  .grid-intro-container .item4 .icons{
    grid-template-columns: 1fr;
  }
}


@media (min-width: 400px) {
  .footer-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


@media (min-width: 768px) {
  .footer-bottom-item,
  .footer-bottom-item-sub {
    padding: .52rem .68rem;
  }
}


@media (min-width: 1024px) {
  .footer-bottom {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }

  .footer-bottom-item,
  .footer-bottom-item-sub {
    padding: .52rem .68rem;
  }
}

.lang-flag {
  transition: transform 0.4s ease;
}

.lang-flag:hover {
  transform: scale(1.1);
}


@media (max-width: 992px) {
  .footer-bottom {
    grid-template-columns: repeat(2, 1fr);
  }
}


@media (max-width: 600px) {
  .footer-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


.footer-copyright {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  align-items: center;
}

.footer-copyright-item {
  padding: 0;
  display: flex;
  align-items: center;
}

.footer-left {
  justify-self: start;
}

.footer-center {
  justify-self: center;
}

.footer-right {
  justify-self: end;
  width: auto;
}

.footer-right .lang-switch-form{
  width: max-content;
  max-width: 100%;
}

.footer-right a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s;
}

.footer-right a:hover {
  color: #6B04FF;
}


@media (max-width: 600px) {
  .footer-copyright {
    grid-template-columns: 1fr;
  }

  .footer-left,
  .footer-center,
  .footer-right {
    padding: 5px 10px;
    justify-self: center;
    text-align: center;
  }

  .footer-right {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
  }

  .footer-left {
    flex-direction: column;
    order: 2;
  }

  .footer-center {
    order: 1;
  }

  .footer-right {
    flex-wrap: wrap;
    justify-content: center;
    order: 3;
  }
}

	#footer .copyright {
		color: #505051;
		font-size: 0.9em;
	}

#footer h1{
	color: var(--color-text) !important;
}

		#footer .copyright a {
			color: inherit;
		}

html[data-theme="dark"] #footer .copyright,
html[data-theme="dark"] #footer .copyright a,
html[data-theme="dark"] .footer-right a,
html[data-theme="dark"] .footer-copyright,
html[data-theme="dark"] .footer-copyright-item,
html[data-theme="dark"] .footer-copyright .footer-left,
html[data-theme="dark"] .footer-copyright .footer-left *,
html[data-theme="dark"] .footer-copyright .footer-left a{
  color: #fff !important;
}

html[data-theme="dark"] .footer-right a:hover{
  color: #fff !important;
  opacity: .85;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #footer .copyright,
  html:not([data-theme]) #footer .copyright a,
  html:not([data-theme]) .footer-right a,
  html:not([data-theme]) .footer-copyright,
  html:not([data-theme]) .footer-copyright-item,
  html:not([data-theme]) .footer-copyright .footer-left,
  html:not([data-theme]) .footer-copyright .footer-left *,
  html:not([data-theme]) .footer-copyright .footer-left a,
  html[data-theme="auto"] #footer .copyright,
  html[data-theme="auto"] #footer .copyright a,
  html[data-theme="auto"] .footer-right a,
  html[data-theme="auto"] .footer-copyright,
  html[data-theme="auto"] .footer-copyright-item,
  html[data-theme="auto"] .footer-copyright .footer-left,
  html[data-theme="auto"] .footer-copyright .footer-left *,
  html[data-theme="auto"] .footer-copyright .footer-left a{
    color: #fff !important;
  }

  html:not([data-theme]) .footer-right a:hover,
  html[data-theme="auto"] .footer-right a:hover{
    color: #fff !important;
    opacity: .85;
  }
}

.copyright{
	margin-bottom: 4em;
}


.burger {
	display: block;
	width: 40px;
	height: 50px;
	position: fixed;
	top: 6px;
	right: 18px;
	padding: 10px;
	z-index: 10;
	margin-top: -1px;
	border-radius: 0 var(--radius) var(--radius) 0;
	position: relative;
    float: right;
  }

  .burger span,
  .burger-topmenu span {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	transform: translate(-50%, -50%);
  }

  .burger span::before,
  .burger span::after,
  .burger-topmenu span::before,
  .burger-topmenu span::after {
	position: absolute;
	content: "";
	right: 0;
	height: 1px;
	border-radius: 999px;
	background-color: currentColor;
	outline: 1px solid transparent;
	  transition:
	  transform .34s cubic-bezier(.22,.75,.2,1),
	  width .24s ease,
	  opacity .24s ease,
	  background-color .24s ease;
	z-index: 99999999999;
  }

  .burger{
	color: var(--color-text);
  }
  .burger span::before{
	width: 24px;
	top: -5px;
  }
  .burger span::after{
	width: 16px;
	top: 5px;
  }
  .burger:hover span::after{
	width: 24px;
  }
  .burger.clicked span::before{
	width: 24px;
	transform: translateY(5px) rotate(45deg);
  }
  .burger.clicked span::after{
	width: 24px;
	transform: translateY(-5px) rotate(-45deg);
  }
  .burger:hover {
	cursor: pointer;
  }

  .burger-topmenu {
	display: block;
	width: 63px;
	height: 63px;
	position: absolute;
	top: 6px;
	right: -11px;
	padding: 10px;
	z-index: 99999;
	color: #fff;
  }

  .burger-topmenu span::before{
	width: 24px;
	top: -5px;
  }
  .burger-topmenu span::after{
	width: 16px;
	top: 5px;
  }
  .burger-topmenu:hover span::after{
	width: 24px;
  }
  .burger-topmenu.clicked span::before{
	width: 24px;
	transform: translateY(5px) rotate(45deg);
  }
  .burger-topmenu.clicked span::after{
	width: 24px;
	transform: translateY(-5px) rotate(-45deg);
  }
  .burger-topmenu:hover {
	cursor: pointer;
  }


nav {
  line-height: 2em;
  z-index: 10020;
  background:
        radial-gradient(1200px 700px at 12% 8%, var(--bg-blob1), transparent 60%),
        radial-gradient(1100px 760px at 88% 18%, var(--bg-blob2), transparent 58%),
        radial-gradient(900px 700px at 58% 90%, var(--bg-blob3), transparent 60%),
        radial-gradient(700px 480px at 35% 60%, var(--bg-blob4), transparent 62%),
        var(--bg);
  position: fixed;
  top: 0;
  right: 0;
  height: 100svh;
  max-width: 500px;
  width: 110%;
  padding: 24px 75px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;

  transform: translateX(110%);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

  nav.show {
    height: 100%;
	-webkit-transform: translateX(17px);
	-moz-transform: translateX(17px);
	-ms-transform: translateX(17px);
	-o-transform: translateX(17px);
	transform: translateX(17px);
  }
  nav.show ul.main li {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
  }

nav.show ul.main li:nth-child(1)  { transition-delay: 0.07s; }
nav.show ul.main li:nth-child(2)  { transition-delay: 0.14s; }
nav.show ul.main li:nth-child(3)  { transition-delay: 0.21s; }
nav.show ul.main li:nth-child(4)  { transition-delay: 0.28s; }
nav.show ul.main li:nth-child(5)  { transition-delay: 0.35s; }
nav.show ul.main li:nth-child(6)  { transition-delay: 0.42s; }
nav.show ul.main li:nth-child(7)  { transition-delay: 0.49s; }
nav.show ul.main li:nth-child(8)  { transition-delay: 0.56s; }
nav.show ul.main li:nth-child(9)  { transition-delay: 0.63s; }
nav.show ul.main li:nth-child(10) { transition-delay: 0.70s; }
nav.show ul.main li:nth-child(11) { transition-delay: 0.77s; }
nav.show ul.main li:nth-child(12) { transition-delay: 0.84s; }
nav.show ul.main li:nth-child(13) { transition-delay: 0.91s; }
nav.show ul.main li:nth-child(14) { transition-delay: 0.98s; }
nav.show ul.main li:nth-child(15) { transition-delay: 1.05s; }
nav.show ul.main li:nth-child(16) { transition-delay: 1.12s; }
nav.show ul.main li:nth-child(17) { transition-delay: 1.19s; }
nav.show ul.main li:nth-child(18) { transition-delay: 1.26s; }
nav.show ul.main li:nth-child(19) { transition-delay: 1.33s; }
nav.show ul.main li:nth-child(20) { transition-delay: 1.40s; }

nav.show .about, nav.show .social, nav.show ul.sub {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	transition-delay: 0.85s;
	z-index: 9;
  }


body.panelprofiel-open > nav,
body.panelprofiel-open #menu{
  display: none !important;
  -webkit-transform: translateX(110%) !important;
  -moz-transform: translateX(110%) !important;
  -ms-transform: translateX(110%) !important;
  -o-transform: translateX(110%) !important;
  transform: translateX(110%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.panelprofiel-open .header-menu{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

  nav ul.main {
	list-style-type: none;
  }

  nav ul.main li {
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
  }
  nav ul.main li:last-of-type {
	margin-bottom: 0px;
  }
  nav ul.main li a {
	color: var(--color-text);
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 5px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
  }

  nav ul.main li a b{
	color: var(--color-text) !important;
	border-radius: var(--radius-inner);

}

  nav ul.main li a{
display: flex;
  align-items: center;
  }

  .menu_aantallen {
  margin-left: auto;
  text-align: right;
}

  nav ul.main li a span {
	color: var(--nav-accent-soft);
  }
  nav ul.main li a:hover {
	color: var(--nav-accent);
  }

  nav li i {
	color: var(--color-text);
  }


nav ul.main li a::after {
  content: "›";
  margin-left: .7em;
  font-size: 1.1rem;
  opacity: .55;
  transition: transform .25s ease, opacity .25s ease;
}


nav ul.main li a:hover::after {
  transform: translateX(6px);
  opacity: 1;
}


nav ul.main li a{
  display: flex;
  align-items: center;
  width: 100%;
}


.menu_aantallen{
  margin-left: auto;
  padding-right: .6em;
}


nav ul.main li a::after{
  content: "›";
  font-size: 1.15rem;
  opacity: .55;

  flex-shrink: 0;
  transition: transform .25s ease, opacity .25s ease;
}


nav ul.main li a:hover::after{
  transform: translateX(6px);
  opacity: 1;
}


  nav .about {
	margin-top: 20px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
  nav .about p {
	color: #ffffff;
	font-family: "Spectral", serif;
	font-size: 1.05rem;
	letter-spacing: 0.5px;
	line-height: 170%;
  }
  nav .social {
	margin-top: 40px;
	position: relative;
	padding-bottom: 30px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
  nav .social:after {
	content: "";
	width: 230px;
	height: 2px;
	background-color: var(--nav-accent-soft);
	position: absolute;
	bottom: 0;
	left: 0;
  }
  nav .social a {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 25px;
  }
  nav .social a:last-of-type {
	margin-right: 0px;
  }
  nav .social a:hover svg path, nav .social a:hover svg circle {
	fill: var(--nav-accent);
  }
  nav .social a svg {
	width: 100%;
	height: 100%;
  }
  nav .social a svg path, nav .social a svg circle {
	fill: #ffffff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
  }
  nav ul.sub {
	list-style-type: none;
	margin-top: 40px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
  nav ul.sub li {
	margin-bottom: 10px;
  }
  nav ul.sub li:last-of-type {
	margin-bottom: 0px;
  }
  nav ul.sub li a {
	color: #ffffff;
	font-family: "Raleway", sans-serif;
	letter-spacing: 1px;
	font-size: 0.9rem;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
  }
  nav ul.sub li a:hover {
	color: var(--nav-accent);
  }

  nav a:hover{
	color: var(--color-link) !important;
  }

  .hr-menu{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:0px;
    margin-right:0px;
    border-bottom: 1px solid var(--color-text);
    opacity: .55;
  }


.menu-search { padding: .6em 1em; }

.menu-search-form { width: 100%; }

.menu-search-wrap{
  position: relative;
  display: flex;
  align-items: center;
  gap: .5em;
  width: 100%;
}

.menu-search-icon{
  position: absolute;
  left: .9em;
  top: 50%;
  transform: translateY(-50%);
  font-size: .95rem;
  opacity: .9;
  pointer-events: none;
}

.menu-search-input{
  width: 100%;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: inherit;
  padding: 0 3.1em 0 2.6em;
  outline: none;
}

.menu-search-input::placeholder{
  opacity: .85;
}

.menu-search-btn{
  position: absolute;
  right: .35em;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,.14);
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.menu-search-btn:active{ transform: translateY(-50%) scale(.98); }


  .overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10010;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;

  }

  .overlay2 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10010;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;

  }
  .overlay.show {
	opacity: 1;
	backdrop-filter: blur(10px);
	visibility: visible;


  }

  .overlay2.show2 {
	opacity: 1;
	backdrop-filter: blur(10px);
	visibility: visible;


  }

.overlay,
.overlay2{
  position: fixed;
  inset: 0;
  z-index: 10010;
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.overlay{
  background-color: #00000045;
}

.overlay2{
  background: transparent;
}

.overlay.show{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  backdrop-filter: blur(10px);
}

.overlay2.show2{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background: #00000070;
  backdrop-filter: blur(10px);
}


body.overflow{
  overflow: hidden !important;
  touch-action: auto !important;
  overscroll-behavior: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  box-sizing: border-box !important;
  height: auto !important;
}

body.overflow.mm-blog-fixed-lock{
  position: fixed !important;
  top: var(--mm-blog-lock-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow-y: scroll !important;
}

body.overflow nav,
body.overflow .panel,
body.overflow #panelprofiel{
  touch-action: auto !important;
  overscroll-behavior: contain;
}


  .ig-badge {
  display: inline-flex;
  align-items: center;
  min-height: var(--mm-badge-height);
  background-color: #f3f1eb;
  color: var(--color-mm-grey);
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  transition: transform 0.3s ease;
  box-sizing: border-box;
}

.ig-badge:hover {
  transform: translateY(-2px);
}

.ig-icon {
  margin-right: 8px;
  font-size: 1.2em;
}


.recent-work-buttons ul{
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-gap: 10px;
	grid-auto-flow: dense;
}


.recent-work-buttons h1{
	color: #212121 !important;
}

.recent-work-buttons li{
	float: left;
	border-radius: var(--radius);
	width: 100%;
	text-align: center;
		  }

.recent-work-buttons .actief {
	background-color: #fff !important;
	color: #000 !important;
}


ul.mygear li {
  position: relative;
  padding-right: 3em;
      justify-content: center;
}


ul.mygear li:nth-child(odd){
  background-color: transparent;
}


ul.mygear li i {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  float: none !important;
  padding: 0 !important;
  line-height: 1;
  color: #212121;
  z-index: 3;
}

.mygear + h2 {
    margin-top: 30px;
}

h2.fade-in.dark {
    margin-bottom: 10px;
}


ul.mygear li.lens-L i::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -0px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 1px solid #c40000;
    border-radius: 50%;
    pointer-events: none;
}

.badge-count {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 10px;
  min-height: var(--mm-badge-height);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: rgba(21,21,19,.85);
  backdrop-filter: saturate(1.2) blur(2px);
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  pointer-events: none;
  box-sizing: border-box;
}


.badge-count i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  line-height: 0;
  height: 1em;
  width: 1em;
  margin: 0;
}

.badge-count-num {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-top: 0;
  transform: none;
}


@media (min-width: 768px){
  .badge-count { padding: 7px 12px; font-size: 13px; }
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;

	z-index: 1;
  }

  .swiper-end-slide{
    margin-right: 2em;
  }


  .swiper-container-no-flexbox .swiper-slide {
	float: left;
  }
  .swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
  }
  .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
  }
  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
  }
  .swiper-container-multirow > .swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  }
  .swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
  }

.reel-slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: white;
    text-decoration: none;
    overflow: hidden;
}

.reel-overlay {
    padding: 10px 20px;
	position: absolute;
	bottom: 2em;
    align-items: center;
    border-radius: var(--radius-inner);
	color: #fff !important;
}

.reel-overlay i{
	position: relative;
    margin-right: 5px;
    top: 2px;
    font-size: 1rem;
}

    .swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: var(--radius);
    }


    .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
    }

    .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    }
    .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
    }

    .swiper-button-prev,
    .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 10px 44px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 1em;
    border-radius: 100px;
    }
    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
    opacity: 0.15;
    cursor: auto;
    pointer-events: none;
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
    }
    .swiper-button-prev.swiper-button-black,
    .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }
    .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
    }
    .swiper-button-next.swiper-button-black,
    .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    }
    .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    }
    .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
    }
    .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
    }
    .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    }
    .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
    }
    .swiper-pagination-bullet-active {
    opacity: 1;
    background: #b8aa91;
    }
    .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
    }
    .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
    }
    .swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
    }
    .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
    }
    .swiper-container-horizontal > .swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    }
    .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    }

    .swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
    }
    .swiper-container-3d .swiper-wrapper,
    .swiper-container-3d .swiper-slide,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    }
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    }
    .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    }
    .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    }
    .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    }
    .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    }

    .swiper-container-coverflow .swiper-wrapper {

    -ms-perspective: 1200px;
    }

    .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    }
    .swiper-container-fade .swiper-slide {
    pointer-events: none;
    }
    .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
    }
    .swiper-container-fade .swiper-slide-active,
    .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
    }

    .swiper-container-cube {
    overflow: visible;
    }
    .swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    }
    .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    }
    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-next,
    .swiper-container-cube .swiper-slide-prev,
    .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
    }
    .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    }
    .swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0;
    }

    .swiper-scrollbar {
    border-radius: var(--radius);
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.6);
    }
    .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 50;
    height: 5px;
    width: 60%;
    transform: translate(-50%,0);

    }
    .swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
    }
    .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;

    background: rgba(255, 255, 255, 0.4);
    border-radius: var(--radius);
    left: 0;
    top: 0;

    }
    .swiper-scrollbar-cursor-drag {
    cursor: move;
    }

    .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
    }
    .swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    }
    .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }
    @-webkit-keyframes swiper-preloader-spin {
    100% {
      -webkit-transform: rotate(360deg);
    }
    }
    @keyframes swiper-preloader-spin {
    100% {
      transform: rotate(360deg);
    }
    }

    .swiper-pagination{
    position:absolute;
    text-align:center;
    transition:.3s opacity;
    transform:translate3d(0,0,0);
    z-index:10;
  }

  .swiper-pagination.swiper-pagination-hidden{
    opacity:0
  }

  .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
    display:none!important
  }

  .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:var(--swiper-pagination-bottom,0px);
    top:var(--swiper-pagination-top,auto);
    left:0;
    width:100%
  }

  .swiper-pagination-bullets-dynamic{
    overflow:hidden;font-size:0
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transform:scale(.33);position:relative
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
    transform:scale(1)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    transform:scale(1)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
    transform:scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    transform:scale(.33)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    transform:scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    transform:scale(.33)
  }

  .swiper-pagination-bullet{
    width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    eight:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);
    background:var(--swiper-pagination-bullet-inactive-color,#757575);
    opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
  }

  button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;
    -webkit-appearance:none;
    appearance:none
  }

  .swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
  }

  .swiper-pagination-bullet:only-child{
    display:none!important
  }

  .swiper-pagination-bullet-active{
    opacity:var(--swiper-pagination-bullet-opacity, 1);
    background:var(--swiper-pagination-color,var(--swiper-theme-color, #000));
  }

  .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
    right:var(--swiper-pagination-right,8px);
    left:var(--swiper-pagination-left,auto);
    top:50%;
    transform:translate3d(0px,-50%,0)
  }

  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display:block
  }

  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    top:50%;
    transform:translateY(-50%);
    width:8px
  }

  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    display:inline-block;
    transition:.2s transform,.2s top
  }

  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}


      .swiper-container {
        width: 100%;
        height: 35em;
        padding: 40px 0px;
        margin-bottom: 4em;
      }
      .swiper-slide b {
      color: #fff;
      bottom: 2em;
        position: absolute;
      font-size: 2.5em;
      font-family: 'Raleway', sans-serif;
        font-weight: 1000;
        letter-spacing: -0.05em;
      }
      .swiper-slide {
        text-align: center;
        font-size: 1em;
        color: #212121;
        width: 15em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        }


        @media screen and (max-width: 736px) {

        .swiper-slide b {
          font-size: 1.5em;
          }
          .swiper-container {
          height: 30em;

        }


        }


:root{

  --site-max: 80em;
  --site-pad-x: 1.2em;

  --gutter: calc((100vw - min(100vw, var(--site-max))) / 2 + var(--site-pad-x));


  --mmx-brand: var(--color-yellow);
  --mmx-fg: var(--pal-white);
  --mmx-fg-muted: color-mix(in srgb, var(--pal-white) 88%, transparent);
  --mmx-border: color-mix(in srgb, var(--pal-white) 20%, transparent);
  --mmx-glass: color-mix(in srgb, var(--pal-dark-1) 58%, transparent);
  --mmx-badge-bg: color-mix(in srgb, var(--pal-dark-1) 72%, transparent);
  --mmx-radius: 20px;
}


.swiper-container{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.swiper-slide{ box-sizing: border-box; flex-shrink: 0; }

.mmx-swiper-shell{
  position: relative;
  margin-bottom: 0;
}

.mmx-swiper-shell > .swiper-container.mySwiper{
  margin-bottom: 0;
  padding-bottom: 0;
}

.mmx-swiper-shell > .swiper-container.mySwiperBlogs{
  margin-bottom: 0;
  padding-bottom: 0;
}


.swiper-container .swiper-pagination,
.swiper-container .swiper-scrollbar{
  left: auto;
  right: auto;
  margin: 0 auto;
  max-width: 50%;
  width: calc(min(var(--site-max), 100vw) - 2 * var(--site-pad-x));
  overflow: hidden;
}

.mmx-swiper-controls{
  width: calc(min(var(--site-max), 100vw) - 2 * var(--site-pad-x));
  margin: 0 auto 0;
  padding-top: 4px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: relative;
  z-index: 3;
}

.mmx-swiper-toggle,
.mmx-swiper-controls .swiper-button-prev,
.mmx-swiper-controls .swiper-button-next{
  position: static;
  inset: auto;
  transform: none;
  margin: 0;
  flex: 0 0 auto;
  --mmx-progress: 0;
}

.mmx-swiper-toggle{
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid var(--mm-brd);
  background: transparent;
  color: var(--color-text);
  display: inline-grid;
  place-items: center;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  transition: transform .2s ease, border-color .25s ease, color .25s ease, background-color .25s ease;
}

.mmx-swiper-toggle::before{
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: rgba(255,255,255,.92);
  z-index: 0;
}

.mmx-swiper-toggle::after{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: conic-gradient(
    from -90deg,
    rgba(21, 21, 19, 0.72) calc(var(--mmx-progress) * 1turn),
    rgba(21, 21, 19, 0.14) 0
  );
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px));
  z-index: 0;
  pointer-events: none;
}

.mmx-swiper-toggle:hover,
.mmx-swiper-toggle:focus-visible{
  border-color: var(--mm-brd);
  color: var(--color-text);
  background-color: transparent;
}

.mmx-swiper-toggle:focus-visible,
.mmx-swiper-controls .swiper-button-prev:focus-visible,
.mmx-swiper-controls .swiper-button-next:focus-visible{
  outline: 2px solid rgba(70, 70, 74, 0.35);
  outline-offset: 3px;
}

.mmx-swiper-toggleIcon{
  position: relative;
  width: 12px;
  height: 14px;
  display: block;
  z-index: 1;
}

.mmx-swiper-toggleIcon::before,
.mmx-swiper-toggleIcon::after{
  content: "";
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 999px;
  background: currentColor;
}

.mmx-swiper-toggleIcon::before{ left: 1px; }
.mmx-swiper-toggleIcon::after{ right: 1px; }

.mmx-swiper-toggle.is-paused .mmx-swiper-toggleIcon{
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid currentColor;
}

.mmx-swiper-toggle.is-paused .mmx-swiper-toggleIcon::before,
.mmx-swiper-toggle.is-paused .mmx-swiper-toggleIcon::after{
  content: none;
}

.mmx-swiper-nav{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  flex-shrink: 0;
}

.mmx-swiper-controls .swiper-button-prev,
.mmx-swiper-controls .swiper-button-next{
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin-top: 0 !important;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid var(--mm-brd);
  background: var(--color-menu-glass);
  background-image: none !important;
  color: var(--color-text);
  appearance: none;
  -webkit-appearance: none;
  display: inline-grid !important;
  place-items: center;
  padding: 0;
  box-shadow: none;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  transition: background-color .25s ease, color .25s ease, opacity .2s ease;
}

.mmx-swiper-controls .swiper-button-prev:hover,
.mmx-swiper-controls .swiper-button-next:hover,
.mmx-swiper-controls .swiper-button-prev:focus-visible,
.mmx-swiper-controls .swiper-button-next:focus-visible{
  background: var(--mm-bg-hover);
  color: var(--color-text);
}

.mmx-swiper-controls .swiper-button-prev::after,
.mmx-swiper-controls .swiper-button-next::after{
  display: block;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  font-family: Arial, sans-serif;
  position: relative;
  top: -1px;
}

.mmx-swiper-controls .swiper-button-prev::after{
  content: "‹";
  left: -1px;
}

.mmx-swiper-controls .swiper-button-next::after{
  content: "›";
  left: 1px;
}

.mmx-swiper-controls .swiper-button-disabled{
  opacity: .45;
}

html[data-theme="dark"] .mmx-swiper-toggle::before{
  background: rgba(28, 29, 32, .92);
}

html[data-theme="dark"] .mmx-swiper-toggle::after{
  background: conic-gradient(
    from -90deg,
    rgba(255,255,255,.88) calc(var(--mmx-progress) * 1turn),
    rgba(255,255,255,.16) 0
  );
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mmx-swiper-toggle::before,
  html[data-theme="auto"] .mmx-swiper-toggle::before{
    background: rgba(28, 29, 32, .92);
  }

  html:not([data-theme]) .mmx-swiper-toggle::after,
  html[data-theme="auto"] .mmx-swiper-toggle::after{
    background: conic-gradient(
      from -90deg,
      rgba(255,255,255,.88) calc(var(--mmx-progress) * 1turn),
      rgba(255,255,255,.16) 0
    );
  }

}

@media (max-width: 768px){
  .mmx-swiper-controls{
    gap: 10px;
    padding-top: 2px;
    margin-top: 10px;
  }

  .mmx-swiper-toggle{
    width: 48px;
    height: 48px;
    border-width: 2px;
  }

  .mmx-swiper-nav{
    gap: 10px;
  }

  .mmx-swiper-controls .swiper-button-prev,
  .mmx-swiper-controls .swiper-button-next{
    width: 48px;
    height: 48px;
  }

  .mmx-swiper-controls .swiper-button-prev::after,
  .mmx-swiper-controls .swiper-button-next::after{
    font-size: 22px;
  }
}


.swiper-container .swiper-slide{
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  display: flex;
  flex-direction: column;
}


.swiper-container .swiper-slide .mmx-card{
  --mmx-card-pad-x: 1.5em;
  position: absolute;
  inset: 0;
  border-radius: var(--radius);
  overflow: hidden;
  background: center/cover no-repeat;
  height: 100%;
  width: 100%;
  transition: box-shadow .3s ease, filter .3s ease;
}


.mmx-card-archive .mmx-coverlink.mmx-archive-open {
  cursor: pointer;
}


.mmx-card-archive .mmx-title::before{
  content: "";
  opacity: .9;
}


.swiper-container .swiper-slide .mmx-coverlink{
  position: absolute;
  inset: 0;
  z-index: 2;
  text-indent: -9999px;
  pointer-events: none;
}


.swiper-container .swiper-slide .mmx-gradient{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,.22));
  transition: background .3s ease, opacity .3s ease;
}

.swiper-container .swiper-slide .mmx-body{
  position: relative;
  left:0; right:0; bottom:0; z-index:3;
  display:flex; gap:0px; padding: 4.1em var(--mmx-card-pad-x) 1.5em;
  flex-direction:column;
  justify-content:flex-end;
  color:#000;
  background: rgba(17, 17, 17, .42);
  backdrop-filter: blur(8px) saturate(1.08);
  -webkit-backdrop-filter: blur(8px) saturate(1.08);
  border-radius: 0 0 var(--radius) var(--radius);
  box-shadow: 0 -12px 26px rgba(0,0,0,.1);
  text-align:left; align-items:start;
  transform: translateZ(0);
  isolation:isolate;
  transition:
    transform .3s cubic-bezier(.22,1,.36,1),
    background .3s ease,
    box-shadow .3s ease;
}

.swiper-container .swiper-slide .mmx-body::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:var(--mmx-card-bg, none);
  background-size:cover;
  background-position:center bottom;
  filter:blur(18px) saturate(1.18);
  transform:scale(1.08);
  opacity:.58;
  pointer-events:none;
  border-radius:0 0 var(--radius) var(--radius);
  transition: opacity .3s ease, transform .3s cubic-bezier(.22,1,.36,1), filter .3s ease;
}

.swiper-container .swiper-slide .mmx-body > *{
  position:relative;
  z-index:1;
}

.mmx-body p {
    margin: 0 0 15px 0;
    line-height: 1.45;
}


.swiper-container .swiper-slide .mmx-headerline{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  display:block;
}
.swiper-container .swiper-slide .mmx-kicker{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; text-transform:uppercase; letter-spacing:.2px; opacity:.95;
}
.swiper-container .swiper-slide .mmx-kicker .dot{
  width:8px; height:8px; border-radius:50%;
  background:var(--mmx-brand); box-shadow:0 0 0 4px rgba(231,181,65,.18);
}
.swiper-container .swiper-slide .mmx-label{ color:var(--mmx-fg-muted); }
.swiper-container .swiper-slide .mmx-value{ font-weight:700; color:var(--mmx-fg); text-transform:none; }


.swiper-container .swiper-slide .mmx-meta{ display:flex; align-items:center; }
.swiper-container .swiper-slide .mmx-badge{
  margin: 0;
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; min-height: var(--mm-badge-height); border-radius:999px;
  background:var(--mmx-badge-bg); border:1px solid var(--mmx-border);
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
  white-space:nowrap;
  box-sizing: border-box;
}


.swiper-container .swiper-slide .mmx-title{
  margin:0; justify-self:start;
  position:absolute;
  z-index:6;
  left:0;
  top:0;
  transform:translateY(-50%);
  max-width:75%;
  box-sizing:border-box;
  font-family: 'Raleway', sans-serif;
  font-weight:700; letter-spacing:0;
  font-size:1.65em;
  color:#212121;
  background: linear-gradient(135deg, #b8aa91, #cabda6 54%, #dfd4c2);
  line-height:1.05;
  padding:.55em .95em;
  border-radius: 0 var(--radius-inner) var(--radius-inner) 0;
  box-shadow: 0 12px 28px rgba(0,0,0,.2);
  text-transform: none;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transition:
    padding .3s cubic-bezier(.22,1,.36,1),
    box-shadow .3s ease,
    background .3s ease;
}

.mySwiper .swiper-slide .mmx-intro{
  color: rgba(255,255,255,.86) !important;
  opacity: 1 !important;
  transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .3s ease;
}

.mm{
  font-family: "Caveat", cursive;
  font-size: 2em;
  transform: rotate(-2deg);
  display: inline-block;
  letter-spacing: -0.01em;
  margin-bottom: 30px;
}

.mm::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 80%;
  height: 6px;

  border-top: 2px solid currentColor;
  border-radius: 50%;

  transform: rotate(-2deg);
}


.swiper-container .swiper-slide .mmx-actions{
  align-self:stretch;
  margin-top:6px; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px;
  transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .3s ease;
}
.swiper-container .swiper-slide .mmx-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius: var(--radius-inner); font-weight:700;
  color:#fff; text-decoration:none;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.swiper-container .swiper-slide .mmx-btn:hover{
  transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,.25);
}

@media (hover: hover) and (pointer: fine) {
  .mySwiper .swiper-slide .mmx-card:hover,
  .mySwiper .swiper-slide .mmx-card:focus-within,
  .mySwiperBlogs .swiper-slide .mmx-card:hover,
  .mySwiperBlogs .swiper-slide .mmx-card:focus-within {
    box-shadow: 0 24px 54px rgba(0,0,0,.24);
  }

  .mySwiper .swiper-slide .mmx-card:hover .mmx-gradient,
  .mySwiper .swiper-slide .mmx-card:focus-within .mmx-gradient,
  .mySwiperBlogs .swiper-slide .mmx-card:hover .mmx-gradient,
  .mySwiperBlogs .swiper-slide .mmx-card:focus-within .mmx-gradient {
    background: linear-gradient(to bottom, rgba(0,0,0,.03), rgba(0,0,0,.34));
  }

  .mySwiper .swiper-slide .mmx-card:hover .mmx-body,
  .mySwiper .swiper-slide .mmx-card:focus-within .mmx-body,
  .mySwiperBlogs .swiper-slide .mmx-card:hover .mmx-body,
  .mySwiperBlogs .swiper-slide .mmx-card:focus-within .mmx-body {
    background: rgba(17,17,17,.52);
    box-shadow: 0 -18px 34px rgba(0,0,0,.16);
  }

  .mySwiper .swiper-slide .mmx-card:hover .mmx-body::before,
  .mySwiper .swiper-slide .mmx-card:focus-within .mmx-body::before,
  .mySwiperBlogs .swiper-slide .mmx-card:hover .mmx-body::before,
  .mySwiperBlogs .swiper-slide .mmx-card:focus-within .mmx-body::before {
    opacity: .7;
    transform: scale(1.08) translateY(-5px);
    filter: blur(20px) saturate(1.24);
  }

  .mySwiper .swiper-slide .mmx-card:hover .mmx-title,
  .mySwiper .swiper-slide .mmx-card:focus-within .mmx-title,
  .mySwiperBlogs .swiper-slide .mmx-card:hover .mmx-title,
  .mySwiperBlogs .swiper-slide .mmx-card:focus-within .mmx-title {
    transform: translateY(-50%);
    padding-left: 1.18em;
    padding-right: 1.16em;
    box-shadow: 0 16px 34px rgba(0,0,0,.24);
  }

  .mySwiper .swiper-slide .mmx-card:hover .mmx-intro,
  .mySwiper .swiper-slide .mmx-card:focus-within .mmx-intro,
  .mySwiperBlogs .swiper-slide .mmx-card:hover .mmx-intro,
  .mySwiperBlogs .swiper-slide .mmx-card:focus-within .mmx-intro {
    transform: translateY(-2px);
    opacity: .96 !important;
  }

  .mySwiper .swiper-slide .mmx-card:hover .mmx-actions,
  .mySwiper .swiper-slide .mmx-card:focus-within .mmx-actions,
  .mySwiperBlogs .swiper-slide .mmx-card:hover .mmx-actions,
  .mySwiperBlogs .swiper-slide .mmx-card:focus-within .mmx-actions {
    transform: translateY(-3px);
  }

  .mySwiperBlogs .swiper-slide .mmx-card:hover .mmx-social-proof,
  .mySwiperBlogs .swiper-slide .mmx-card:focus-within .mmx-social-proof,
  .mySwiper .swiper-slide .mmx-card:hover .mmx-meta,
  .mySwiper .swiper-slide .mmx-card:focus-within .mmx-meta {
    transform: translateY(4px);
  }
}


.swiper-container .swiper-wrapper{ display:flex; align-items:stretch; }
.swiper-container .swiper-slide .mmx-card{ display:flex; flex-direction:column; justify-content:flex-end; }
.swiper-container .swiper-slide .mmx-body{
  flex-grow:0;
  min-height:175px;
  padding:3.55em var(--mmx-card-pad-x) 1.25em;
}

@media (min-width:737px){
  .mySwiper .swiper-slide .mmx-body{
    height: 36%;
    min-height: 210px;
    box-sizing: border-box;
  }
}

@media (max-width:736px){
  .swiper-container .swiper-slide .mmx-card{
    --mmx-card-pad-x: 1em;
    background-position: center 72% !important;
  }

  .swiper-container .swiper-slide .mmx-body{
    height: 32%;
    min-height: 0;
    padding: 2.45em var(--mmx-card-pad-x) .8em;
    background: rgba(17, 17, 17, .48);
    backdrop-filter: blur(7px) saturate(1.08);
    -webkit-backdrop-filter: blur(7px) saturate(1.08);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  .mySwiper .swiper-slide .mmx-body{
    justify-content:flex-start;
  }

  .swiper-container .swiper-slide .mmx-title{
    top:0;
    transform:translate3d(0,-50%,0);
    font-size:1.24em;
    line-height: 1.05;
    padding:.42em .72em;
    border-radius: 0 1.05em 1.05em 0;
  }

  .mySwiper .swiper-slide .mmx-intro{
    margin-top: 0;
    margin-bottom: .6em;
    font-size: .84rem !important;
    line-height: 1.28 !important;
  }

  .mySwiper .swiper-slide .mmx-actions{
    margin-top:auto;
  }

  .mySwiper .swiper-slide .mmx-actions .mmx-btn{
    padding: .72em 1em;
    min-height: 0;
    font-size: .74rem !important;
  }

  .swiper-container .swiper-slide .mmx-headerline{ gap:8px; }
  .swiper-container .swiper-slide .mmx-meta{ width:100%; justify-content:flex-end; }

}

@media (max-width: 736px) {

  .swiper-container .swiper-slide .mmx-actions{
    display: block !important;
    width: 100%;
  }


  .swiper-container .swiper-slide .mmx-actions .mmx-btn{
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
    font-size: .78rem;
    letter-spacing: .045em;
  }


  .swiper-container .swiper-slide .mmx-actions .mmx-btn + .mmx-btn{
    margin-top: 10px;
  }
}

@media (max-width: 360px) {
  .swiper-container .swiper-slide .mmx-actions .mmx-btn{
    font-size: .72rem;
    letter-spacing: .035em;
  }
}


@media (prefers-reduced-motion: reduce){
  .swiper-container .swiper-slide .mmx-body{ backdrop-filter:none; -webkit-backdrop-filter:none; }
}


.swiper-container .swiper-slide {
  position: relative;
  overflow: hidden;
  border-radius:var(--radius);
}


.swiper-container .swiper-slide .mmx-meta {
  position: absolute;
  top: var(--mmx-card-pad-x);
  right: var(--mmx-card-pad-x);
  z-index: 5;
  pointer-events: none;
}


.swiper-container .swiper-slide .mmx-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  min-height: var(--mm-badge-height);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
  box-sizing: border-box;
}


@media (max-width: 768px) {
  .swiper-container .swiper-slide .mmx-meta {
    top: var(--mmx-card-pad-x);
    right: var(--mmx-card-pad-x);
  }
  .swiper-container .swiper-slide .mmx-badge {
    font-size: 12px;
    padding: 0 10px;
  }
}


.mmx-authorline{
  display:flex;
  align-items:center;
  margin-top:.5rem;
  margin-bottom:.5rem;
}

.mmx-author{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.mmx-author-avatar{
  width:30px;
  height:30px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  box-shadow:0 2px 6px rgba(0,0,0,.2);
}
.mmx-author-name{
  font-weight:600;
  font-size:.95rem;
  line-height:1;
}


@media (max-width:640px){
  .mmx-author-avatar{
    width:26px;
    height:26px;
  }
  .mmx-author-name{
    font-size:.9rem;
  }
}

		  .blockquote {
			padding-left: 2rem;
			position: relative;
			overflow: hidden;
			font-size: 1.2em;
			color: var(--color-text);
		  }

		.blockquote.dark {
			padding-left: 2rem;
			position: relative;
			overflow: hidden;
			font-size: 1.2em;
			color: var(--color-text);
		  }

		  .blockquote::before, .blockquote::after {
			position: absolute;
			color: currentColor;
			font-size: 10px;
		  }

		.blockquote.dark::before, .blockquote.dark::after {
			position: absolute;
			color: var(--color-text);
			font-size: 10px;
		  }

		  .blockquote p {
			margin: 0;
			width: 50%;
			font-size: 2em;
		  }
		  .blockquote p + p {
			margin-top: 1rem;
		  }
		  .blockquote--classic::before {
			content: var(--blockquote-content-dark);
			left: 0;
		  }
		  .blockquote--classic.dark::before {
			content: var(--blockquote-content-dark);
			left: 0;
		  }
		  .blockquote--classic::after {
			content: "";
			left: 5px;
			top: 25px;
			width: 1px;
			height: 100%;
			background-color: currentColor;
		  }

      .mySwiperBlogs .mmx-card{ aspect-ratio: 3 / 4; }
@media (max-width:736px){ .mySwiperBlogs .mmx-card{ aspect-ratio: 3 / 3.6; } }

/* CodePen-inspired article/category cards */
.mm-post-module{
  position:relative;
  z-index:1;
  display:block;
  overflow:hidden !important;
  background:#fff;
  color:#2f2f2f;
  border-radius:8px;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
  isolation:isolate;
  transition:box-shadow .3s ease, transform .3s ease;
}

.swiper-container .swiper-slide .mm-post-module{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background:#fff;
}

.blog-card.mm-post-module{
  height:470px;
  background-image:none;
  background-color:#fff;
  background-size:auto;
  background-position:center;
  display:block;
  align-items:normal;
  border-radius:8px;
}

.mm-post-module__thumbnail{
  position:absolute;
  inset:0 0 70px;
  height:auto;
  overflow:hidden;
  background:#111;
}

.mm-post-module__thumbnail img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  transform:scale(1.01);
  transition:transform .3s ease, opacity .3s ease;
}

.mm-post-module__thumbnail--archive{
  background:
    radial-gradient(circle at 25% 24%, rgba(255,255,255,.46), transparent 30%),
    linear-gradient(135deg, #e8e2d6 0%, #cfc7b8 48%, #9e9a90 100%);
}

.mm-post-module__thumbnail--archive::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.18));
  pointer-events:none;
}

.mm-post-module__date{
  position:absolute;
  top:20px;
  right:20px;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#c8b393;
  color:#1f1f1f;
  text-align:center;
  font-weight:800;
  line-height:1;
  box-shadow:none;
}

.mm-post-module__date--count{
  width:68px;
  height:68px;
}

.mm-post-module__date--archive i{
  display:block;
  font-size:22px;
  line-height:1;
}

.mm-post-module__day{
  display:block;
  max-width:54px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:18px;
}

.mm-post-module__date--count .mm-post-module__day{
  font-size:15px;
}

.mm-post-module__month{
  display:block;
  max-width:54px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:4px;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}

.mm-post-module__content,
.blog-card .content.mm-post-module__content,
.swiper-container .swiper-slide .mm-post-module__content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  width:100%;
  box-sizing:border-box;
  min-height:0;
  padding:30px;
  border-radius:0;
  background:#fff;
  color:#3d3d3d;
  box-shadow:none;
  text-align:left;
  pointer-events:none;
  transition:transform .3s cubic-bezier(.37,.75,.61,1.05), box-shadow .3s ease;
}

.mm-post-module__category{
  position:absolute;
  left:0;
  top:-34px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 15px;
  background:#c8b393;
  color:#000;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1;
  text-transform:uppercase;
}

.mm-post-module__title,
.blog-card h2.mm-post-module__title,
.swiper-container .swiper-slide .mm-post-module__title{
  position:static;
  margin:0;
  max-width:none;
  padding:0 0 10px;
  transform:none;
  background:none;
  box-shadow:none;
  border-radius:0;
  color:#2b2b2b;
  font-family:'Raleway', sans-serif;
  font-size:1.45rem;
  font-weight:800;
  line-height:1.12;
  letter-spacing:0;
  text-transform:none;
}

.mm-post-module__subtitle,
.blog-card .date.mm-post-module__subtitle{
  margin:0;
  padding:0;
  color:#a78e69;
  font-size:.95rem;
  font-weight:600;
  line-height:1.35;
}

.mm-post-module__description,
.blog-card .intro.mm-post-module__description,
.swiper-container .swiper-slide .mm-post-module__description{
  display:block;
  max-height:0;
  margin:0;
  overflow:hidden;
  color:#727272;
  font-size:.95rem;
  line-height:1.65;
  opacity:0;
  transform:translateY(8px);
  transition:max-height .3s ease, margin .3s ease, opacity .3s ease, transform .3s ease;
}

.mm-post-module__meta{
  display:flex !important;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin:20px 0 0;
  color:#aaa;
  font-size:.84rem;
  line-height:1;
  position:static !important;
  justify-content:flex-start !important;
}

.mm-post-module__meta span,
.mm-blog-card-proof-item{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  min-height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:inherit;
  position:static !important;
}

.mm-post-module__actions{
  display:flex;
  justify-content:flex-end;
  margin-top:18px;
  pointer-events:auto;
}

.mm-post-module .stretched-link{
  position:absolute;
  inset:0;
  z-index:2;
  text-indent:-9999px;
}

.mm-post-module__actions .mmx-btn{
  position:relative;
  z-index:5;
  color:#3d3223;
  background:rgba(200,179,147,.22);
  border-color:rgba(167,142,105,.34);
  pointer-events:auto;
}

.mm-post-module--archive .mm-post-module__subtitle{
  color:#6d675e;
}

.mm-post-module--archive .mm-post-module__description{
  color:#7a746c;
}

@media (hover:hover) and (pointer:fine){
  .mm-post-module:hover,
  .mm-post-module:focus-within{
    box-shadow:0 22px 48px rgba(0,0,0,.24);
  }

  .mm-post-module:hover .mm-post-module__thumbnail img,
  .mm-post-module:focus-within .mm-post-module__thumbnail img{
    transform:scale(1.1);
    opacity:.62;
  }

  .mm-post-module:hover .mm-post-module__content,
  .mm-post-module:focus-within .mm-post-module__content{
    box-shadow:0 -16px 30px rgba(0,0,0,.12);
  }

  .mm-post-module:hover .mm-post-module__description,
  .mm-post-module:focus-within .mm-post-module__description{
    max-height:150px;
    margin-top:14px;
    opacity:1;
    transform:translateY(0);
  }
}

html[data-theme="dark"] .mm-post-module{
  background:#18191b;
  color:#f1ede6;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

html[data-theme="dark"] .mm-post-module__content,
html[data-theme="dark"] .blog-card .content.mm-post-module__content,
html[data-theme="dark"] .swiper-container .swiper-slide .mm-post-module__content{
  background:#1f2022;
  color:#f1ede6;
}

html[data-theme="dark"] .mm-post-module__title,
html[data-theme="dark"] .blog-card h2.mm-post-module__title,
html[data-theme="dark"] .swiper-container .swiper-slide .mm-post-module__title{
  color:#f7f1e7;
}

html[data-theme="dark"] .mm-post-module__description,
html[data-theme="dark"] .blog-card .intro.mm-post-module__description,
html[data-theme="dark"] .swiper-container .swiper-slide .mm-post-module__description{
  color:rgba(247,241,231,.72);
}

@media (max-width:736px){
  .blog-card.mm-post-module,
  .swiper-container .swiper-slide .mm-post-module--blog{
    height:430px;
    overflow-x:hidden !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:auto;
    overscroll-behavior:contain;
    scrollbar-width:none;
    --mm-blog-sheet-rest: 204px;
    --mm-blog-sheet-open: min(330px, calc(100% - 122px));
    --mm-blog-sheet-height: var(--mm-blog-sheet-rest);
  }

  .blog-card.mm-post-module::-webkit-scrollbar,
  .swiper-container .swiper-slide .mm-post-module--blog::-webkit-scrollbar{
    display:none;
  }

  .mm-post-module__thumbnail{
    position:absolute;
    inset:0;
    height:auto;
  }

  .mm-post-module--blog .mm-post-module__thumbnail,
  .swiper-container .swiper-slide .mm-post-module--blog .mm-post-module__thumbnail{
    bottom:var(--mm-blog-sheet-rest);
  }

  .mm-post-module--blog .mm-post-module__thumbnail img,
  .swiper-container .swiper-slide .mm-post-module--blog .mm-post-module__thumbnail img{
    object-position:center 38%;
  }

  .mm-post-module__content,
  .blog-card .content.mm-post-module__content,
  .swiper-container .swiper-slide .mm-post-module__content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:10;
    height:var(--mm-blog-sheet-height);
    min-height:0;
    padding:24px 20px 0;
    overflow-x:hidden;
    overflow-y:auto;
    pointer-events:auto;
    touch-action:pan-y;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    box-shadow:0 -16px 34px rgba(0,0,0,.12);
    transition:
      height .36s cubic-bezier(.22,1,.36,1),
      box-shadow .28s ease;
  }

  .mm-post-module__content::-webkit-scrollbar,
  .blog-card .content.mm-post-module__content::-webkit-scrollbar,
  .swiper-container .swiper-slide .mm-post-module__content::-webkit-scrollbar{
    display:none;
  }

  .mm-post-module--blog.is-text-open,
  .blog-card.mm-post-module--blog.is-text-open,
  .swiper-container .swiper-slide .mm-post-module--blog.is-text-open{
    --mm-blog-sheet-height: var(--mm-blog-sheet-open);
  }

  .mm-post-module--blog.is-text-open .mm-post-module__content{
    box-shadow:0 -22px 44px rgba(0,0,0,.18);
  }

  .mm-post-module--blog:not(.mm-post-module--archive)::after{
    content:"BLOG";
    position:absolute;
    left:0;
    bottom:var(--mm-blog-sheet-height);
    z-index:12;
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 15px;
    background:#c8b393;
    color:#000;
    font-size:13px;
    font-weight:800;
    letter-spacing:.02em;
    line-height:1;
    text-transform:uppercase;
    pointer-events:none;
    transition:bottom .36s cubic-bezier(.22,1,.36,1);
  }

  .mm-post-module__category{
    top:-34px;
    transform:none;
  }

  .mm-post-module__title,
  .blog-card h2.mm-post-module__title,
  .swiper-container .swiper-slide .mm-post-module__title{
    padding-top:0;
    font-size:1.18rem !important;
    line-height:1.18 !important;
  }

  .mm-post-module--blog:not(.mm-post-module--archive) .mm-post-module__subtitle{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:8px;
    color:#a78e69;
    font-size:.9rem;
    line-height:1.25;
  }

  .mm-post-module--category .mm-post-module__subtitle{
    display:none;
  }

  .mm-post-module--category .mm-post-module__content,
  .swiper-container .swiper-slide .mm-post-module--category .mm-post-module__content{
    height:auto;
    min-height:0;
    padding-bottom:24px;
    overflow:visible;
    touch-action:auto;
    -webkit-overflow-scrolling:auto;
    box-shadow:0 -16px 34px rgba(0,0,0,.12);
  }

  .mm-post-module--category .mm-post-module__category{
    display:inline-flex;
  }

  .mm-post-module__description,
  .blog-card .intro.mm-post-module__description,
  .swiper-container .swiper-slide .mm-post-module__description{
    max-height:calc(1.42em * 2);
    margin-top:12px;
    overflow:hidden;
    opacity:1;
    transform:none;
    line-height:1.42 !important;
    -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - 1.42em), transparent 100%);
    mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - 1.42em), transparent 100%);
  }

  .mm-post-module--category .mm-post-module__description,
  .swiper-container .swiper-slide .mm-post-module--category .mm-post-module__description{
    max-height:none;
    margin-top:12px;
    overflow:visible;
    opacity:1;
    transform:none;
    -webkit-mask-image:none;
    mask-image:none;
  }

  .mm-post-module--blog.is-text-open .mm-post-module__description,
  .blog-card.mm-post-module--blog.is-text-open .intro.mm-post-module__description,
  .swiper-container .swiper-slide .mm-post-module--blog.is-text-open .mm-post-module__description{
    max-height:none;
    overflow:visible;
    -webkit-mask-image:none;
    mask-image:none;
  }

  .swiper-container .swiper-slide .mm-post-module:not(.mm-post-module--blog) .mm-post-module__description{
    max-height:none;
    -webkit-mask-image:none;
    mask-image:none;
  }

  .mm-post-module__meta{
    position:sticky !important;
    bottom:0;
    z-index:8;
    margin-top:0;
    padding:18px 0 20px !important;
    background:#fff !important;
  }

  html[data-theme="dark"] .mm-post-module__meta{
    background:#1f2022 !important;
  }

  .mm-post-module--blog .stretched-link{
    pointer-events:auto;
  }
}


.mmx-dateInBody{
  font-size: 13px;
  color: var(--mmx-fg-muted, #e8ecf4);
  opacity: .9;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  text-shadow: 0 2px 8px rgba(0,0,0,.4);
}


.mySwiperBlogs-scrollbar {
  width: 100%;
  height: 6px;
  border-radius: 10px;
  background: var(--color-full);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  margin-top: 30px !important;
  cursor: grab;
}


.mySwiperBlogs-scrollbar .swiper-scrollbar-drag {
  background: var(--color-scrollbar);
  border-radius: 10px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
html[data-theme="dark"] .mySwiperBlogs-scrollbar .swiper-scrollbar-drag{
  background: #1d1e20;
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mySwiperBlogs-scrollbar .swiper-scrollbar-drag,
  html[data-theme="auto"] .mySwiperBlogs-scrollbar .swiper-scrollbar-drag{
    background: #1d1e20;
  }
}


.mySwiperBlogs-scrollbar:hover .swiper-scrollbar-drag {
  opacity: 1;
  transform: scaleY(1.2);
}


@media (max-width: 768px) {
  .mySwiperBlogs-scrollbar {
    height: 4px;
    margin-top: 12px;
  }
}


#sorteer-flow .mmbar { position: sticky; top: var(--sticky-top, 0px); z-index: 5; }


.in-sortflow #header { opacity: 0; pointer-events: none; }


#sorteer-flow .mmbar {
  position: sticky;
  top: var(--sticky-top, 0px);
  z-index: 5;
}

[data-gallery-shell] {
  position: relative;
}


.in-sortflow-down #header {
  opacity: 0;
  pointer-events: none;
}


.header-force-show #header {
  opacity: 1 !important;
  pointer-events: auto;
}


:root {
  --mm-fg:    var(--color-mm-grey);
  --mm-control-fg: var(--color-text);
  --mm-h:     52px;
  --mm-gap:   .3rem;
  --mm-pad-x: .9rem;
  --mm-header-logo-overhang: 42px;
  --mm-sticky-header-gap: 22px;
}


#sorteer-flow{
  padding-top: 1.35rem;
}

.mmx-swiper-shell + #content_text + #sorteer-flow{
  padding-top: 0;
}

.mmbar {
  position: sticky;
  top: var(--sticky-top, 85px);
  z-index: 20;

  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--mm-h) var(--mm-h);
  align-items: center;
  gap: var(--mm-gap);

  width: min(100% - 2rem, 320px);
  max-width: 320px;
  margin: 0 auto 1rem;
  background: transparent;
}

@media (max-width: 700px) {
  #sorteer-flow{ padding-top: 1.65rem; }
  .mmx-swiper-shell + #content_text + #sorteer-flow{ padding-top: 0; }
  .mmbar {
    --mm-h: 46px;
    --mm-gap: .45rem;
    grid-template-columns: clamp(190px, 58vw, 250px) var(--mm-h) var(--mm-h);
    width: fit-content;
    max-width: calc(100% - 1.5rem);
    justify-content: center;
  }

  .mmbar-sort-control {
    width: clamp(190px, 58vw, 250px);
  }

  .mmbar-select,
  .mmbar-select-button {
    font-size: .84rem;
    letter-spacing: .055em;
    padding-right: 2rem;
  }

  .mmbar-select-wrap > .fi {
    margin-right: .34rem;
  }

  :root { --mm-sticky-header-gap: 14px; }
}
@media (max-width: 380px) {
  .mmbar {
    --mm-h: 44px;
    --mm-gap: .35rem;
    grid-template-columns: clamp(168px, 54vw, 208px) var(--mm-h) var(--mm-h);
    width: fit-content;
    max-width: none;
  }

  .mmbar-sort-control {
    width: clamp(168px, 54vw, 208px);
  }

  .mmbar-select,
  .mmbar-select-button {
    font-size: .78rem;
    letter-spacing: .035em;
  }
}


.mmbar-select-wrap,
.mmbar-search {
  height: var(--mm-h);
  border-radius: 999px;
  border: none;
  background: var(--menu-button-bg-compact, var(--color-menu-glass));
  color: var(--mm-dynamic-fg, var(--mm-control-fg)) !important;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  box-shadow: none;
  transition:
    background-color .25s ease,
    box-shadow .25s ease,
    color .32s ease,
    border-color .32s ease;
  will-change: transform;
  transform-origin: center;
}


.mmbar-select-wrap {
  display: flex;
  align-items: center;
  width: 100%;
}

.mmbar-select {
  width: 100%;
}


@keyframes bounceElasticHover {
  0%   { transform: translateY(0)   scale(1);    }
  25%  { transform: translateY(3%)  scale(0.97); }
  50%  { transform: translateY(-2%) scale(1.03); }
  75%  { transform: translateY(1%)  scale(0.99); }
  100% { transform: translateY(0)   scale(1);    }
}

.mmbar-select-wrap:hover,
.mmbar-search:hover {
  background-color: var(--menu-button-bg, var(--mm-bg-hover));
  box-shadow: none;
  animation: bounceElasticHover 0.65s cubic-bezier(.34,1.56,.64,1);
}


.mmbar-search:active,
.mmbar-select:active,
.mmbar-select-wrap:active {
  transform: scale(0.94);
  box-shadow: none;
}


.mmbar-select-wrap {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  overflow: visible;
}

.fade-in-right-fast-sort.mmbar-sort-control {
  min-width: 0;
  overflow: visible;
}

.mmbar > .fade-in-right-fast-sort {
  min-width: 0;
}

.mmbar > .fade-in-right-fast-sort:not(.mmbar-sort-control) {
  width: var(--mm-h);
  height: var(--mm-h);
}


.mmbar-select-wrap > .fi {
  position: relative;
  z-index: 1;
  margin-left: var(--mm-pad-x);
  margin-right: .45rem;
  margin-top: 4px;
  font-size: 1rem;
  color: var(--mm-dynamic-fg, var(--mm-control-fg));
  opacity: 1;
  pointer-events: none;
  transition: color .32s ease, opacity .32s ease;
}


.mmbar-caret {
  position: absolute;
  right: .9rem;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-65%) rotate(45deg);
  z-index: 1;
  pointer-events: none;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  color: var(--mm-dynamic-fg, var(--mm-control-fg));
  opacity: 1;
  transition: color .32s ease, border-color .32s ease, opacity .32s ease;
}


.mmbar-select,
.mmbar-select-button {
  width: 100%;
  height: 100%;
  border: none !important;
  background: none !important;
  background-image: none !important;
  color: var(--mm-dynamic-fg, var(--mm-control-fg)) !important;
  font-family: inherit;
  font-size: .9rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;


  padding: 0 calc(var(--mm-pad-x) + 1.6rem) 0 .2rem;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  transition: color .32s ease;
}

.mmbar-select-button [data-mm-sort-label] {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--mm-dynamic-fg, var(--mm-control-fg)) !important;
  transition: color .32s ease;
}

.mmbar-select-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
}

.mmbar-select-button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  text-align: left;
}

.mmbar-sort-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 10020;
  display: flex;
  flex-direction: column;
  gap: .34rem;
  min-width: min(280px, 80vw);
  padding: .56rem;
  border: 0;
  border-radius: 24px;
  background: transparent;
  --mm-sort-menu-fg: #fff;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
  overflow: hidden;
  isolation: isolate;
  max-width: calc(100vw - 1rem);
}

.mmbar-sort-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background-color: rgba(29, 30, 32, .48);
  -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
  backdrop-filter: blur(22px) saturate(1.18) !important;
  pointer-events: none;
}

@supports (background: color-mix(in srgb, #fff 10%, transparent)) {
  .mmbar-sort-menu::before {
    background-color: color-mix(in srgb, var(--menu-button-bg-compact, var(--color-menu-glass)) 62%, transparent);
  }
}

.mmbar-sort-menu[hidden] {
  display: none !important;
}

.mmbar-sort-option {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.45rem;
  padding: 0 .95rem;
  border: 0;
  border-radius: 18px;
  background: rgba(8, 9, 10, .22);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: inherit;
  font-size: .9rem;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
  transition: background-color .18s ease;
}

.mmbar-sort-option[aria-selected="true"] {
  background: rgba(8, 9, 10, .30);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.mmbar-sort-option:hover,
.mmbar-sort-option:focus-visible {
  background: rgba(8, 9, 10, .42);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  outline: none;
}

.mmbar-sort-option[aria-selected="true"]:hover,
.mmbar-sort-option[aria-selected="true"]:focus-visible {
  background: rgba(8, 9, 10, .50);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@supports (background: color-mix(in srgb, #fff 10%, transparent)) {
  .mmbar-sort-option[aria-selected="true"] {
    background: color-mix(in srgb, #08090a 30%, transparent);
  }

  .mmbar-sort-option:hover,
  .mmbar-sort-option:focus-visible {
    background: color-mix(in srgb, #08090a 42%, transparent);
  }

  .mmbar-sort-option[aria-selected="true"]:hover,
  .mmbar-sort-option[aria-selected="true"]:focus-visible {
    background: color-mix(in srgb, #08090a 50%, transparent);
  }
}


.mmbar-search {

  align-self: center;
  justify-self: end;

  inline-size: var(--mm-h);
  block-size: var(--mm-h);
  aspect-ratio: 1 / 1;
  box-sizing: border-box;

  display: grid;
  place-items: center;

  padding: 0;
  border-radius: 50%;
  border: none;
  background: var(--menu-button-bg-compact, var(--color-menu-glass));
  color: var(--mm-dynamic-fg, var(--mm-control-fg));
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  position: relative;

  transform: none;
  will-change: auto;
  contain: layout paint size;
}

.mmbar-search i {
  display: block;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-size: 1rem;
  margin: 0;
  transform: translateY(0);
  color: var(--mm-dynamic-fg, var(--mm-control-fg)) !important;
  pointer-events: none;
  transition: color .32s ease, opacity .32s ease;
}


@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .mmbar-select-wrap,
  .mmbar-search { background: rgba(255,255,255,.85); }
}

.panel { overflow: auto; }
.panel [data-gear-root] .gear-toolbar { position: sticky; top: 0; z-index: 5; }


.gear-wrapper {
  padding: 0;
}


.gear-filter-row {
  display: grid;
  gap: .5rem;
  margin: .5rem 0 1.25rem;


  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.gear-filter-btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  position: relative;
  overflow: hidden;
  opacity: .75;
  min-height: 52px;
  height: 52px;
  border-radius: 18px;
  padding: 0 .9rem;
  font-size: .92rem;
  border: 1px solid;
  background: transparent;
  cursor: pointer;
  transition:
    opacity .2s ease,
    background .2s ease,
    transform .2s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    color .22s ease;

  white-space: nowrap;
}

.gear-filter-btn i,
.gear-filter-btn span {
  position: relative;
  z-index: 1;
}

.gear-filter-btn i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 999px;
  font-size: .92rem;
  line-height: 1;
  flex: 0 0 auto;
  color: currentColor;
  background: rgba(255,255,255,.46);
  box-shadow: inset 0 0 0 1px rgba(86,78,66,.10);
  transition:
    background .22s ease,
    box-shadow .22s ease,
    transform .22s cubic-bezier(.22,1,.36,1);
}

.gear-filter-btn:hover i,
.gear-filter-btn.active i {
  transform: translateY(-1px);
}

.gear-filter-btn::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.22) 32%, transparent 62%);
  transform: translateX(-135%);
  transition: transform .55s cubic-bezier(.22,1,.36,1);
  pointer-events: none;
}

.gear-filter-btn:hover{
  transform: translateY(-1px);
  opacity: 1;
}

.gear-filter-btn.is-switching::before,
.gear-filter-btn.active::before{
  transform: translateX(135%);
}

.panel .gear-filter-btn {
  border: 1px solid #fff;
  color: #fff !important;
}


.gear-category {
  margin-bottom: 1.5rem;
}

.gear-category[data-gear-cat]{
  transform-origin: center top;
}

.gear-category.is-entering{
  animation: gearCategoryEnter .34s cubic-bezier(.22,1,.36,1);
}

@keyframes gearCategoryEnter{
  0%{
    opacity: 0;
    transform: translateY(10px) scale(.985);
    filter: blur(4px);
  }
  100%{
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}


.mygear {
  list-style: none;
  margin: .4rem 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(clamp(220px, calc((100% - 1.6rem) / 3), 100%), 1fr));
  gap: .8rem;
}


.gear-wrapper ul.mygear li {
  border-radius: var(--radius, 16px);
  min-height: 72px;
  padding: 1em 3.5rem 1em 3.45rem;
  border: 1px solid #0000001f;
  backdrop-filter: blur(14px);
  display: flex;
  flex-direction: column;
  gap: .15rem;
  position: relative;
  overflow: hidden;
  transition:
    transform .24s cubic-bezier(.22,1,.36,1),
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease;
}

.panel .mygear li {
  border: 1px solid #ffffff40 !important;
}


.gear-item-line {
  display: flex;
  align-items: center;
  gap: .6rem;
  min-width: 0;
}


.gear-item-line i {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
  background-color: #ffffff9e;
  z-index: 3;
  transition:
    transform .24s cubic-bezier(.22,1,.36,1),
    background .24s ease,
    border-color .24s ease,
    color .24s ease;
}


.gear-wrapper .gear-item-title {
  font-size: .9rem;
  font-weight: 500;
  min-width: 0;
  position: relative;
  z-index: 1;
  transition: transform .24s cubic-bezier(.22,1,.36,1), color .24s ease;
}

.gear-wrapper .gear-brand-mark {
  width: 34px;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 0;
  opacity: 1;
  background: linear-gradient(135deg, #b8aa91, #cabda6 54%, #dfd4c2);
  filter: none;
  pointer-events: none;
  transform: none;
  transition: opacity .24s ease, width .24s cubic-bezier(.22,1,.36,1);
}

.gear-wrapper .gear-brand-mark--empty {
  background: linear-gradient(135deg, #eeeeec, #f6f5f2 58%, #e7e4dd);
}

.gear-wrapper .gear-brand-mark img {
  display: block;
  max-width: 60px;
  max-height: 18px;
  object-fit: contain;
  opacity: .46;
  filter: grayscale(1) contrast(.9);
  transform: rotate(90deg);
}

.gear-wrapper .gear-brand-mark--case-logic,
.gear-wrapper .gear-brand-mark--peak-design {
  width: 34px;
}

.gear-wrapper .gear-brand-mark--smallrig {
  width: 34px;
}

.gear-wrapper .gear-brand-mark--westcott {
  width: 34px;
}

.gear-wrapper .gear-brand-mark--canon {
  width: 34px;
}

.gear-wrapper ul.mygear li:hover .gear-brand-mark {
  opacity: 1;
}

.gear-wrapper ul.mygear li:hover .gear-brand-mark img {
  opacity: .62;
  filter: grayscale(.45) contrast(.95);
}

.gear-item-divider {
  width: min(180px, calc(100% - 1.4rem));
  height: 1px;
  margin: .48rem 0 .38rem 1.4rem;
  border: 0;
  background: linear-gradient(90deg, rgba(184, 170, 145, .72), rgba(202, 189, 166, .28), transparent);
  position: relative;
}

.gear-item-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #b8aa91;
  opacity: .75;
  transition: transform .24s cubic-bezier(.22,1,.36,1), opacity .24s ease;
}

@media (hover: hover) and (pointer: fine) {
  .gear-wrapper ul.mygear li:hover,
  .gear-wrapper ul.mygear li:focus-within {
    transform: translateY(-3px);
    border-color: rgba(184,170,145,.42);
    box-shadow: 0 16px 34px rgba(34,28,20,.16);
  }

  .gear-wrapper ul.mygear li:hover .gear-item-line i,
  .gear-wrapper ul.mygear li:focus-within .gear-item-line i {
    transform: translateX(2px) scale(1.06);
  }

  .gear-wrapper ul.mygear li:hover .gear-item-title,
  .gear-wrapper ul.mygear li:focus-within .gear-item-title {
    transform: translateX(2px);
  }

  .gear-wrapper ul.mygear li:hover .gear-brand-mark,
  .gear-wrapper ul.mygear li:focus-within .gear-brand-mark {
    width: 42px;
  }

  .gear-wrapper ul.mygear li:hover .gear-item-divider::before,
  .gear-wrapper ul.mygear li:focus-within .gear-item-divider::before {
    transform: scale(1.35);
    opacity: .9;
  }
}


.gear-item-note {
  font-size: .8rem;
  margin-left: 1rem;
}


.gear-filter-btn.active {
  font-weight: 500;
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000;
}

.panel .gear-filter-btn.active {
  background-color: #fff !important;
  color: #000 !important;
}


@media (max-width: 600px) {
  .gear-wrapper ul.mygear li {
    min-height: 70px;
    padding: 1em 3.35rem 1em 3.25rem;
  }

  .gear-wrapper .gear-brand-mark {
    width: 32px;
  }

  .gear-wrapper .gear-brand-mark img {
    position: relative;
    left: 3px;
  }

  .gear-filter-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gear-filter-btn {
    font-size: .78rem;
    letter-spacing: .045em;
  }
}


@media (max-width: 360px) {
  .gear-filter-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gear-filter-btn {
    font-size: .72rem;
    letter-spacing: .035em;
  }
}


html:not([data-theme]) .gear-wrapper,
html[data-theme="light"] .gear-wrapper{
  color: #342d22;
}
html:not([data-theme]) .gear-filter-btn,
html[data-theme="light"] .gear-filter-btn{
  border-color: rgba(86,78,66,.18);
  color: rgba(86,78,66,.86) !important;
  background: rgba(251,248,242,.98);
  box-shadow: 0 8px 18px rgba(70,60,48,.10);
}
html:not([data-theme]) .gear-filter-btn:hover,
html[data-theme="light"] .gear-filter-btn:hover{
  border-color: rgba(86,78,66,.26);
  background: rgba(255,252,247,.99);
}
html:not([data-theme]) .gear-filter-btn.active,
html[data-theme="light"] .gear-filter-btn.active{
  background: linear-gradient(135deg, #b8aa91, #cabda6 54%, #dfd4c2);
  border-color: rgba(108,96,80,.24);
  color: #000000 !important;
  box-shadow: 0 10px 22px rgba(70,60,48,.18);
}
html:not([data-theme]) .gear-filter-btn i,
html[data-theme="light"] .gear-filter-btn i{
  background: rgba(255,255,255,.68);
  box-shadow: inset 0 0 0 1px rgba(86,78,66,.12), 0 2px 6px rgba(70,60,48,.08);
}
html:not([data-theme]) .gear-filter-btn.active i,
html[data-theme="light"] .gear-filter-btn.active i{
  background: rgba(255,255,255,.5);
  box-shadow: inset 0 0 0 1px rgba(108,96,80,.14), 0 3px 8px rgba(70,60,48,.12);
}
html:not([data-theme]) .mygear li,
html[data-theme="light"] .mygear li{
  background: #fffdfa;
  border-color: rgba(86,78,66,.12);
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html:not([data-theme]) ul.mygear li:nth-child(even),
html[data-theme="light"] ul.mygear li:nth-child(even){
  background: #fffdfa;
}
html:not([data-theme]) ul.mygear li:nth-child(odd),
html[data-theme="light"] ul.mygear li:nth-child(odd){
  background: #fbf8f2;
}
html:not([data-theme]) .gear-item-line i,
html[data-theme="light"] .gear-item-line i{
  background: #f8f1e6;
  border: 1px solid rgba(86,78,66,.12);
  color: #3a3227;
}
@media (hover: hover) and (pointer: fine) {
  html:not([data-theme]) .gear-wrapper ul.mygear li:hover,
  html:not([data-theme]) .gear-wrapper ul.mygear li:focus-within,
  html[data-theme="light"] .gear-wrapper ul.mygear li:hover,
  html[data-theme="light"] .gear-wrapper ul.mygear li:focus-within{
    background: #fffefd;
    border-color: rgba(184,170,145,.5);
    box-shadow: 0 16px 34px rgba(70,60,48,.16);
  }

  html:not([data-theme]) .gear-wrapper ul.mygear li:hover .gear-item-line i,
  html:not([data-theme]) .gear-wrapper ul.mygear li:focus-within .gear-item-line i,
  html[data-theme="light"] .gear-wrapper ul.mygear li:hover .gear-item-line i,
  html[data-theme="light"] .gear-wrapper ul.mygear li:focus-within .gear-item-line i{
    background: #eadfce;
    border-color: rgba(184,170,145,.5);
    color: #17120d;
  }
}
html:not([data-theme]) .gear-item-note,
html[data-theme="light"] .gear-item-note{
  color: rgba(86,78,66,.72);
}

html:not([data-theme]) .gear-item-divider,
html[data-theme="light"] .gear-item-divider,
html[data-theme="auto"] .gear-item-divider{
  background: linear-gradient(90deg, rgba(184, 170, 145, .68), rgba(202, 189, 166, .24), transparent);
}

html:not([data-theme]) .gear-item-title,
html[data-theme="light"] .gear-item-title,
html:not([data-theme]) .gear-toggle,
html[data-theme="light"] .gear-toggle{
  color: #342d22 !important;
}


html[data-theme="auto"] .gear-wrapper{
  color: #342d22;
}
html[data-theme="auto"] .gear-filter-btn{
  border-color: rgba(86,78,66,.18);
  color: rgba(86,78,66,.86) !important;
  background: rgba(251,248,242,.98);
  box-shadow: 0 8px 18px rgba(70,60,48,.10);
}
html[data-theme="auto"] .gear-filter-btn:hover{
  border-color: rgba(86,78,66,.26);
  background: rgba(255,252,247,.99);
}
html[data-theme="auto"] .gear-filter-btn.active{
  background: linear-gradient(135deg, #b8aa91, #cabda6 54%, #dfd4c2);
  border-color: rgba(108,96,80,.24);
  color: #f7f3e8 !important;
  box-shadow: 0 10px 22px rgba(70,60,48,.18);
}
html[data-theme="auto"] .gear-filter-btn i{
  background: rgba(255,255,255,.68);
  box-shadow: inset 0 0 0 1px rgba(86,78,66,.12), 0 2px 6px rgba(70,60,48,.08);
}
html[data-theme="auto"] .gear-filter-btn.active i{
  background: rgba(255,255,255,.26);
  box-shadow: inset 0 0 0 1px rgba(247,243,232,.18), 0 3px 8px rgba(70,60,48,.12);
}
html[data-theme="auto"] .mygear li{
  background: #fffdfa;
  border-color: rgba(86,78,66,.12);
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="auto"] ul.mygear li:nth-child(even),
html[data-theme="auto"] ul.mygear li:nth-child(odd){
  background: #fffdfa;
}
html[data-theme="auto"] .gear-item-line i{
  background: #f8f1e6;
  border: 1px solid rgba(86,78,66,.12);
  color: #3a3227;
}
@media (hover: hover) and (pointer: fine) {
  html[data-theme="auto"] .gear-wrapper ul.mygear li:hover,
  html[data-theme="auto"] .gear-wrapper ul.mygear li:focus-within{
    background: #fffefd;
    border-color: rgba(184,170,145,.5);
    box-shadow: 0 16px 34px rgba(70,60,48,.16);
  }

  html[data-theme="auto"] .gear-wrapper ul.mygear li:hover .gear-item-line i,
  html[data-theme="auto"] .gear-wrapper ul.mygear li:focus-within .gear-item-line i{
    background: #eadfce;
    border-color: rgba(184,170,145,.5);
    color: #17120d;
  }
}
html[data-theme="auto"] .gear-item-note{
  color: rgba(86,78,66,.72);
}
html[data-theme="auto"] .gear-item-title,
html[data-theme="auto"] .gear-toggle{
  color: #342d22 !important;
}

html[data-theme="dark"] .gear-wrapper {
  color: rgba(247,243,232,.95);
}
html[data-theme="dark"] .gear-filter-btn {
  border-color: rgba(204,196,182,.28);
  color: rgba(247,243,232,.92) !important;
  background:
    linear-gradient(135deg, rgba(47,48,51,.70), rgba(58,60,64,.62) 52%, rgba(79,83,88,.56)),
    rgba(247,243,232,.04);
  box-shadow: 0 8px 18px rgba(22,30,42,.34);
}
html[data-theme="dark"] .gear-filter-btn:hover{
  border-color: rgba(204,196,182,.42);
  background:
    linear-gradient(135deg, rgba(58,60,64,.78), rgba(79,83,88,.68) 52%, rgba(160,146,124,.24)),
    rgba(247,243,232,.06);
}
html[data-theme="dark"] .gear-filter-btn.active {
  background: linear-gradient(135deg, #9a8a72, #b4a78f 54%, #c9bda8);
  border-color: rgba(204,196,182,.34);
  color: #000 !important;
  box-shadow: 0 10px 22px rgba(22,30,42,.42);
}
html[data-theme="dark"] .gear-filter-btn i {
  background: rgba(247,243,232,.08);
  box-shadow: inset 0 0 0 1px rgba(204,196,182,.18), 0 2px 8px rgba(0,0,0,.18);
}
html[data-theme="dark"] .gear-filter-btn.active i {
  background: rgba(255,255,255,.34);
  box-shadow: inset 0 0 0 1px rgba(29,30,32,.10), 0 3px 8px rgba(22,30,42,.16);
}
html[data-theme="dark"] .mygear li {
  background: rgba(29,30,32,.56);
  border-color: rgba(204,196,182,.20);
}
html[data-theme="dark"] ul.mygear li:nth-child(even){
  background: rgba(29,30,32,.50);
}
html[data-theme="dark"] ul.mygear li:nth-child(odd){
  background: rgba(38,39,41,.62);
}
html[data-theme="dark"] .gear-item-line i {
  background: rgba(29,30,32,.78);
  border: 1px solid rgba(204,196,182,.24);
  color: rgba(247,243,232,.95);
}
@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] .gear-wrapper ul.mygear li:hover,
  html[data-theme="dark"] .gear-wrapper ul.mygear li:focus-within{
    background: rgba(45,45,45,.72);
    border-color: rgba(204,196,182,.36);
    box-shadow: 0 16px 34px rgba(0,0,0,.34);
  }

  html[data-theme="dark"] .gear-wrapper ul.mygear li:hover .gear-item-line i,
  html[data-theme="dark"] .gear-wrapper ul.mygear li:focus-within .gear-item-line i{
    background: rgba(184,170,145,.22);
    border-color: rgba(204,196,182,.42);
    color: #f7f3e8;
  }
}
html[data-theme="dark"] .gear-brand-mark{
  opacity: .5;
}
html[data-theme="dark"] .gear-item-note {
  color: rgba(224,218,206,.74);
}

html[data-theme="dark"] .gear-item-divider {
  background: linear-gradient(90deg, rgba(223, 212, 194, .36), rgba(202, 189, 166, .16), transparent);
}

html[data-theme="dark"] .gear-item-divider::before {
  background: #dfd4c2;
  opacity: .55;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .gear-wrapper,
  html[data-theme="auto"] .gear-wrapper{
    color: rgba(247,243,232,.95);
  }
  html:not([data-theme]) .gear-filter-btn,
  html[data-theme="auto"] .gear-filter-btn{
    border-color: rgba(204,196,182,.28);
    color: rgba(247,243,232,.92) !important;
    background:
      linear-gradient(135deg, rgba(47,48,51,.70), rgba(58,60,64,.62) 52%, rgba(79,83,88,.56)),
      rgba(247,243,232,.04);
    box-shadow: 0 8px 18px rgba(22,30,42,.34);
  }
  html:not([data-theme]) .gear-filter-btn.active,
  html[data-theme="auto"] .gear-filter-btn.active{
    background: linear-gradient(135deg, #9a8a72, #b4a78f 54%, #c9bda8);
    border-color: rgba(204,196,182,.34);
    color: rgba(247,243,232,.98) !important;
  }
  html:not([data-theme]) .mygear li,
  html[data-theme="auto"] .mygear li{
    background: rgba(29,30,32,.56);
    border-color: rgba(204,196,182,.20);
  }
  html:not([data-theme]) ul.mygear li:nth-child(even),
  html[data-theme="auto"] ul.mygear li:nth-child(even){
    background: rgba(29,30,32,.50);
  }
  html:not([data-theme]) ul.mygear li:nth-child(odd),
  html[data-theme="auto"] ul.mygear li:nth-child(odd){
    background: rgba(38,39,41,.62);
  }
  html:not([data-theme]) .gear-item-line i,
  html[data-theme="auto"] .gear-item-line i{
    background: rgba(29,30,32,.78);
    border: 1px solid rgba(204,196,182,.24);
    color: rgba(247,243,232,.95);
  }
  @media (hover: hover) and (pointer: fine) {
    html:not([data-theme]) .gear-wrapper ul.mygear li:hover,
    html:not([data-theme]) .gear-wrapper ul.mygear li:focus-within,
    html[data-theme="auto"] .gear-wrapper ul.mygear li:hover,
    html[data-theme="auto"] .gear-wrapper ul.mygear li:focus-within{
      background: rgba(45,45,45,.72);
      border-color: rgba(204,196,182,.36);
      box-shadow: 0 16px 34px rgba(0,0,0,.34);
    }

    html:not([data-theme]) .gear-wrapper ul.mygear li:hover .gear-item-line i,
    html:not([data-theme]) .gear-wrapper ul.mygear li:focus-within .gear-item-line i,
    html[data-theme="auto"] .gear-wrapper ul.mygear li:hover .gear-item-line i,
    html[data-theme="auto"] .gear-wrapper ul.mygear li:focus-within .gear-item-line i{
      background: rgba(184,170,145,.22);
      border-color: rgba(204,196,182,.42);
      color: #f7f3e8;
    }
  }
  html:not([data-theme]) .gear-brand-mark,
  html[data-theme="auto"] .gear-brand-mark{
    opacity: .5;
  }
  html:not([data-theme]) .gear-item-note,
  html[data-theme="auto"] .gear-item-note{
    color: rgba(224,218,206,.74);
  }
}

.mmbar {
  position: sticky;
  top: var(--sticky-top, 10px);
  z-index: 30;
  transition: none;
  will-change: auto;
}

#header.small {
  transition: transform 260ms cubic-bezier(.22,.8,.24,1);
  transform: translateY(0);
}

html.mm-sort-scroll-linked #header.small {
  transition: none;
  transform: translateY(var(--mm-sort-header-shift, 0px));
}

html.sort-stuck.scrolling-down #header.small {
  transform: translateY(calc(-100% - var(--mm-header-logo-overhang)));
}

html.mm-sort-scroll-linked.sort-stuck.scrolling-down:not(.mm-sort-header-hidden) #header.small {
  transform: translateY(var(--mm-sort-header-shift, 0px)) !important;
}

html.mm-sort-header-hidden #header.small {
  transform: translateY(calc(-100% - var(--mm-header-logo-overhang))) !important;
}

@media screen and (max-width: 980px) {
  html.sort-stuck.scrolling-down #header.small,
  html.scrolling-down #header.small {
    transform: translateY(0) !important;
  }

  html.sort-stuck.scrolling-down body.home-page #header.small {
    transform: translateY(calc(-100% - var(--mm-header-logo-overhang))) !important;
  }

  html.mm-sort-header-hidden #header.small {
    transform: translateY(calc(-100% - var(--mm-header-logo-overhang))) !important;
  }

}



:root{
  --menu-hoogte: 72px;


  --ba-heading-color: var(--pal-dark-3);
  --ba-heading-border: color-mix(in srgb, var(--pal-dark-3) 15%, transparent);


  --ba-item-bg: color-mix(in srgb, var(--pal-dark-3) 4%, transparent);
  --ba-item-bg-even: color-mix(in srgb, var(--pal-dark-3) 7%, transparent);
  --ba-item-hover: color-mix(in srgb, var(--pal-dark-3) 10%, transparent);


  --ba-title-size: clamp(1.02rem, 2vw, 1.15rem);
  --ba-intro-size: .98rem;
  --ba-meta-size: .9rem;
}


html[data-theme="dark"]{
  --ba-heading-color: #fff;
  --ba-heading-border: color-mix(in srgb, var(--pal-white) 40%, transparent);
  --ba-item-bg: color-mix(in srgb, var(--pal-white) 5%, transparent);
  --ba-item-bg-even: color-mix(in srgb, var(--pal-white) 8%, transparent);
  --ba-item-hover: color-mix(in srgb, var(--pal-white) 11%, transparent);
}


.ba{
  margin: auto;
  padding: 0;
  color: inherit;
}
.ba a{ color: inherit; }


.ba-archive-panel{
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  pointer-events: none;

  transition:
    grid-template-rows .42s cubic-bezier(.2,.9,.2,1),
    opacity .22s ease;
}


.ba-archive-panel > .ba-stage{
  min-height: 0;
  overflow: hidden;

}


.ba-archive-panel:not([hidden]){
  grid-template-rows: 1fr;
  opacity: 1;
  pointer-events: auto;
}


.ba-archive-panel[hidden]{
  display: grid;
}


.ba-archive-heading{
  margin: 0;
  padding: .25rem 0 .5rem;
  border-bottom: 1px solid #ffffff80;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--ba-heading-color);
}
.ba-archive-toggle{
  all: unset;
  cursor: pointer;
  font: inherit;
  color: #fff !important;
  font-weight: 700;
  font-size: clamp(1.1rem, 2.2vw, 1.4rem);
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.ba-archive-toggle:hover{
  color: #999 !important;
}
.ba-archive-toggle:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.ba-archive-toggle::after{
  content:"";
  width:16px; height:16px; flex-shrink:0;
  background-color: currentColor;
  -webkit-mask: no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/></svg>");
  mask:         no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/></svg>");
  transform: rotate(0deg);
  transition: transform .25s ease, opacity .2s ease;
  opacity:.9;
}
.ba-archive-toggle[aria-expanded="true"]::after{ transform: rotate(90deg); opacity:1; }


.ba-archive-panel[hidden]{
  display: grid;
}

.ba-archive-panel{ background:transparent; border:0; padding:0; margin-top:.75rem; }

.ba-nav{
  all: initial; font:inherit; color:inherit;
  position: sticky; top: 0;
  display:inline-flex; gap:.75rem; align-items:center; width:100%;
  overflow-x:auto; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch;
  background:transparent !important; height:auto !important; min-height:0 !important; box-sizing:border-box;
  z-index: 1;


}
.ba-nav a{
  all: unset; display:inline-block; padding:6px 8px; border-bottom:2px solid transparent;
  cursor:pointer; font-size:.95rem; line-height:1.2; color:inherit; user-select:none;
  background-color: #212121;
     backdrop-filter: blur(7px);
}
.ba-nav a:focus-visible{ outline:2px solid currentColor; outline-offset:2px; }
.ba-nav a.active{ border-bottom-color: currentColor; }


.ba-timeline{ display:grid; grid-template-columns:2px 1fr; column-gap:5px; }
.ba-axis{ background-color: currentColor; z-index: 9; }
.ba-years{ display:grid; gap:18px; }
.ba-year{ scroll-margin-top: calc(var(--menu-hoogte) + 14px); }
.ba-h2{ margin:0 0 .25rem; font-size: clamp(1.05rem, 2.2vw, 1.25rem); font-weight:700; color:#999 !important; }
.ba-yearblock{ margin:.25rem 0; }
.ba-yearsummary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:.5rem; padding:.35rem .5rem; border-radius:.5rem; background:transparent; border:0; }
.ba-yearsummary::-webkit-details-marker{ display:none; }
.ba-months{ border-left:1px solid #999; margin:.25rem 0 0 .35rem; padding-left:.75rem; display:grid; gap:.5rem; background:transparent; }
.ba-month{ border:0; background:transparent; }
.ba-monthsummary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; padding:.25rem .35rem; border-radius:14px; background:transparent; border:0; }
.ba-monthsummary::-webkit-details-marker{ display:none; }
.ba-monthsummary small{ font-size:.92em; }


.ba-month {
  position: relative;
}


.ba-month::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 1.5em;
  width: 12px;
  height: 1px;
  background-color: #999;
}


.ba-month:nth-of-type(odd) > .ba-monthsummary {
  background-color: rgba(255,255,255,0.10);
}
.ba-month:nth-of-type(even) > .ba-monthsummary {
  background-color: rgba(255,255,255,0.3);
}


.ba-monthsummary:hover {
  background-color: rgba(0,0,0,0.12);
}


.ba-list{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
  margin-top:6px;
}


@media (min-width: 900px){
  .ba-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ba-item-link{
    grid-template-columns: 180px minmax(0,1fr);
  }
}


@media (min-width: 1200px){
  .ba-item-link{
    grid-template-columns: 220px minmax(0,1fr);
  }
}


.ba-item{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: 0;
  border-radius: 14px;
  padding: 1.5em 1.5em 1.5em 0;
  background: transparent;
  color: #fff;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.ba-item:hover{
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 8px 16px rgba(0,0,0,0.08);
}


.ba-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(14px) saturate(1.15);
  transform: scale(1.08);
  transform-origin: center;
  opacity: .95;
  pointer-events: none;
  border-radius: inherit;
}


.ba-item::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background: linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,.45));
  border-radius: inherit;
}
html[data-theme="dark"] .ba-item::after{
  background: linear-gradient(0deg, rgba(0,0,0,.38), rgba(0,0,0,.38));
}


.ba-item-link{
  position: relative;
  z-index:1;
  display: grid;
  grid-template-columns: 220px minmax(0,1fr);
  gap: 16px;
  align-items: stretch;
  text-decoration: none;
  color: inherit;
  padding: 0;
}


.ba-item-thumb{
  width: 100%;
  height: calc(100% + 24px);
  margin: -12px 0;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;


  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}


.ba-item-body{
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 8px;
}
.ba-item-title{
  margin: 0;
  font-size: var(--ba-title-size);
  line-height: 1.25;
  font-weight: 700;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.ba-item-intro{
  margin: 0;
  font-size: var(--ba-intro-size);
  line-height: 1.55;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}


.ba-item-meta{
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: var(--ba-meta-size);
  color: #fff;
}
.ba-author{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ba-author-avatar{
  width: 32px; height: 32px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 2px solid rgba(255,255,255,.6);
}
.ba-author-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ba-item-date{
  white-space: nowrap;
  opacity: .9;
}


.ba-item:hover::after,
.ba-item:focus-within::after{
  background: linear-gradient(0deg, rgba(0,0,0,.52), rgba(0,0,0,.52));
}


@media (max-width: 640px){
  .ba-list{ gap:10px; }

  .ba-item{
    border-radius:12px;
    padding:12px 12px 12px 0;
  }

  .ba-item-link{
    grid-template-columns: 84px minmax(0,1fr);
    gap:10px;
    align-items:start;
    min-width:0;
    padding:0;
  }


  .ba-item-thumb{
    height: calc(100% + 48px);
    margin: -24px 0;
    aspect-ratio: 1 / 1;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .ba-item-body{
    min-width:0;
    display:grid;
    gap:6px;
    grid-template-rows:auto auto auto;
  }

  .ba-item-title{
    font-size:1.06rem;
    line-height:1.25;
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
  }
  .ba-item-intro{
    font-size:.96rem;
    line-height:1.5;
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;
  }

  .ba-item-meta{
    margin-top:4px;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
  .ba-item-date{ display: none; }
}


@media (prefers-reduced-motion: reduce){
  .ba-bg{ transform:none; }
}


.ba-monthsummary {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 16px;
  align-items: center;
  gap: .5rem;
  cursor: pointer;
  padding: 1em;
  border-radius: 14px;
  transition: background-color .2s ease;
}


.ba-monthsummary::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: currentColor;
  opacity: 0.8;
  transform: rotate(0deg);
  transition: transform .25s ease, opacity .2s ease;
  justify-self: end;
  -webkit-mask: no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.59 16.59L13.17 12L8.59 7.41L10 6l6 6-6 6z'/></svg>");
          mask: no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.59 16.59L13.17 12L8.59 7.41L10 6l6 6-6 6z'/></svg>");
}


.ba-month[open] > .ba-monthsummary::after {
  transform: rotate(90deg);
  opacity: 1;
}


.ba-monthsummary:hover {
  background: var(--ba-item-hover);
}
html[data-theme="dark"] .ba-monthsummary:hover {
  background: rgba(255,255,255,0.10);
}


.ba-item{
  padding: 0;
}
.ba-item-link{
  gap: 0;
  min-height: 180px;
}
.ba-item-body{
  padding: 16px;
}


.ba-item-thumb{
  width: 100%;
  height: 100%;
  margin: 0;
  aspect-ratio: auto;
  object-fit: cover;
  display: block;


  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}


.ba-item::after{ border-radius: 14px; }


@media (max-width: 640px){
  .ba-item-link{ min-height: 140px; }
  .ba-item-body{ padding: 12px; }
}

.ba-item-meta{
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.ba-item-meta > *{ min-width: 0; }

.ba-item-date{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 45%;
}


.ba-author-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


@media (max-width: 1024px){
  .ba-item-date{ max-width: 38%; }
}


@media (max-width: 640px){
  .ba-item-date{ display: none; }
}


.ba-item{
  position: relative;
  isolation: isolate;
  overflow: hidden;
}


.ba-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(14px) saturate(1.15);
  transform: scale(1.08);
  opacity: .95;
  pointer-events: none;
  border-radius: inherit;
}


.ba-item::after{
  content:"";
  position:absolute;
  inset:0;
  z-index: 1;
  pointer-events:none;
  background: linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,.45));
  border-radius: inherit;
}
html[data-theme="dark"] .ba-item::after{
  background: linear-gradient(0deg, rgba(0,0,0,.38), rgba(0,0,0,.38));
}


.ba-item-link{ position: relative; z-index: 2; }


.downloads-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:2em;
}
.downloads-header h1{
  margin:0;
  line-height:1.2;
}


.login-status{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:space-between;
  background:rgba(255,255,255,.62);
  color:#2f2f33;
  border:1px solid rgba(20,24,34,.1);
  border-radius:2em;
  padding:.55em .7em .55em .95em;
  font-weight:500;
  font-size:13.5px;
}

html[data-theme="dark"]   .login-status {
  background:rgba(255,255,255,.08);
  color:#f1f3f6;
  border:1px solid rgba(255,255,255,.14);}


.login-status .emoji,
.login-status [aria-hidden="true"]{ font-size:16px; }


.login-text{
  display:flex;
  align-items:center;
  gap:.4em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.login-text .login-label{
  color:rgba(40,46,58,.74);
  font-weight:500;
}
.login-text .login-identity{
  color:#111315;
  font-weight:700;
}
html[data-theme="dark"] .login-text .login-label{
  color:rgba(233,238,247,.72);
}
html[data-theme="dark"] .login-text .login-identity{
  color:#fff;
}


.login-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}


.profile-btn{
  text-decoration:none;
  color:#21242b !important;
  padding:.52em .95em;
  border-radius:999px;
  font-weight:650;
  font-size:12.5px;
  white-space:nowrap;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.profile-btn{
  background:rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.14);
}
.profile-btn:hover,
.profile-btn:focus{
  background:rgba(0,0,0,.14);
  outline:none;
}
html[data-theme="dark"] .profile-btn{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.18);
  color:#fff !important;
}
html[data-theme="dark"] .profile-btn:hover,
html[data-theme="dark"] .profile-btn:focus{
  background:rgba(255,255,255,.16);
}


@media (max-width:768px){
  .downloads-header{
    flex-direction:column;
    align-items:flex-start;
    gap:0;
  }

  .downloads-header h1{
    width:100%;
    margin:0;
  }


  .login-status{
    width:100%;
    margin-top:1em;
    border-radius:2em;
    flex-wrap:nowrap;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:.6em;
    text-align:left;
    padding:.55em .8em .55em .95em;
  }


  .login-status .emoji{ flex-shrink:0; }

  .login-status .login-text{
    flex:1 1 auto;
    min-width:0;
    font-size:14px;
    line-height:1.3;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
  }


  .login-status .login-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    width:auto;
    flex:0 0 auto;
    margin-top:0;
    margin-left:8px;
  }


  .profile-btn{
    flex:0 0 auto;
    text-align:center;
    padding:9px 12px;
    border-radius:999px;
    font-size:13px;
  }
}
#content-gallery #main{
  gap: 0 !important;
  overflow: hidden !important;
  background-image: none !important;
  background-color: transparent !important;
}

#content-gallery #main .thumb{
  background-color: transparent !important;
  overflow: hidden;
  margin: -1px !important;
  width: calc(100% + 2px) !important;
  height: calc(100% + 2px) !important;
}

#content-gallery #main .thumb > .image {
  inset: -1px;
}

#content-gallery #main .thumb img {
  width: 100%;
  height: 100%;
}


.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


.mmx-search{
  --mmx-r: var(--radius, 18px);
  --mmx-ri: 18px;
  --mmx-b: rgba(255,255,255,.10);
  --mmx-b2: rgba(255,255,255,.07);
  --mmx-bg: rgba(255,255,255,.06);
  --mmx-bg2: rgba(255,255,255,.04);
  --mmx-muted: rgba(255,255,255,.70);
}


.mmx-search,
.mmx-top,
.mmx-bar,
.mmx-fieldwrap,
.mmx-field{overflow:visible!important;}
.mmx-top{position:relative;z-index:20000;isolation:isolate;}
.mmx-filters{position:relative;z-index:1;}


.mmx-top{display:flex;flex-direction:column;gap:.0rem}
.mmx-bar{display:flex;gap:1rem;align-items:stretch}
.mmx-fieldwrap{position:relative;flex:1;z-index:20010}

.mmx-field{
  position:relative;display:flex;align-items:center;
  min-height:44px;
  background: rgb(0 0 0 / 22%);
  border-radius:var(--mmx-ri);
  border:1px solid rgba(255,255,255, 27%)!important;
}

html[data-theme="dark"] .mmx-field{
  backdrop-filter: blur(14px);

  background: rgba(0,0,0,.92) !important;
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.20) !important;
}
.mmx-input{
  width:100%;
  border:0 !important;
  outline:0;
  background:transparent !important;
  color:inherit;
  padding:.9rem 2.6rem .9rem .95rem;
  font-size:1rem;

}

input#zoekterm.mmx-input{
  border:0 !important;
  outline:0;
  background:transparent !important;
}

#zoekterm::-webkit-input-placeholder { color:#fff !important; opacity:1 !important; }
#zoekterm::-moz-placeholder          { color:#fff !important; opacity:1 !important; }
#zoekterm:-ms-input-placeholder      { color:#fff !important; }
#zoekterm::placeholder               { color:#fff !important; opacity:1 !important; }

.mmx-field:focus-within{border-color:rgba(255,255,255,.22);box-shadow:0 0 0 2px rgba(255,255,255,.06)}
.mmx-clear{
  position:absolute;right:.65rem;width:34px;height:34px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;color:inherit;opacity:.85;transition:.2s
}
.mmx-clear:hover{opacity:1;background:rgba(255,255,255,.06)}


.mmx-submit{
  color:#fff !important;
  border:1px solid var(--mmx-b);
  background:var(--mmx-bg);
  padding:0 .9rem;min-height:44px;
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;cursor:pointer;
  border-radius:var(--radius);
  line-height:1!important;
}
.mmx-submit i{line-height:1!important;top:0!important;position:relative}
@media (max-width:520px){
  .mmx-submit span{display:none}
  .mmx-submit{width:44px!important;padding:0!important}
}


#mm-suggest.suggesties{
  position:absolute;left:0;right:0;top:calc(100% + 8px);
  z-index:30000!important;
  list-style:none;margin:0;padding:.35rem;


  background:rgba(0,0,0,22%)!important;

  color:#111!important;
  border:1px solid rgba(255,255,255, 27%)!important;
  border-radius:var(--mmx-ri);

  max-height:320px;
  overflow:auto;
  display:none;

  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}


#mm-suggest.suggesties li{
  padding:.7rem .75rem;
  border-radius:12px;
  cursor:pointer;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:inherit!important;
}

#mm-suggest.suggesties li:hover,
#mm-suggest.suggesties li.is-active{
  background:rgba(0,0,0,.06)!important;
}


html[data-theme="dark"] #mm-suggest {
  color: rgba(255,255,255,.92);
}

html[data-theme="dark"] #mm-suggest .mmx-suggest-title {
  color: rgba(255,255,255,.95) !important;
}

html[data-theme="dark"] #mm-suggest .mmx-suggest-sub {
  color: rgba(255,255,255,.75) !important;
}


html[data-theme="light"] #mm-suggest {
  color: rgba(0,0,0,.92);
}

html[data-theme="light"] #mm-suggest .mmx-suggest-title {
  color: rgba(0,0,0,.95) !important;
}

html[data-theme="light"] #mm-suggest .mmx-suggest-sub {
  color: rgba(0,0,0,.70) !important;
}


.mmx-status{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.mmx-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border-radius:999px;border:1px solid var(--mmx-b2);background: rgb(0 167 255 / 20%);min-height: var(--mm-badge-height);box-sizing:border-box;}
.mmx-link{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;color:inherit;opacity:.85}
.mmx-link:hover{opacity:1;text-decoration:underline}
.mmx-muted{color:var(--mmx-muted)}


.mmx-filters{margin-top:1rem;border:1px solid var(--mmx-b);background:var(--mmx-bg2);border-radius:var(--mmx-r);overflow:hidden}
.mmx-sum{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:.85rem .9rem;cursor:pointer;user-select:none}
.mmx-sum::-webkit-details-marker{display:none}
.mmx-title{display:inline-flex;align-items:center;font-weight:650}
.mmx-stack{padding:.85rem .9rem;display:flex;flex-direction:column;gap:.9rem}


.mmx-card{border:1px solid var(--mmx-b2);background:rgb(255 255 255 / 8%);border-radius:var(--mmx-ri);overflow:hidden}
.mmx-acc-sum{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:.8rem .85rem;cursor:pointer}
.mmx-acc-sum::-webkit-details-marker{display:none}
.mmx-acc-sum .mmx-badge{
  min-width:0!important;max-width:45%;
  min-height: var(--mm-badge-height);padding:0 .55rem;border-radius:999px;
  border:1px solid var(--mmx-b2);background:var(--pal-white); color: #212121;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.82rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  box-sizing:border-box;
}
.mmx-acc-body{padding:.65rem .85rem .85rem;border-top:1px solid var(--mmx-b2)}


.mmx-list{display:flex;flex-direction:column;gap:.12rem;padding-right:.25rem;max-height:none!important;overflow:visible!important}


.mmx-item{position:relative;display:flex;align-items:center;gap:.65rem;width:100%;padding:.40rem .10rem;border-radius:12px;cursor:pointer;max-width:100%;overflow:hidden}
.mmx-item:hover{background:rgba(255,255,255,.05)}
.mmx-item .mmx-check{
  position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;
}
.mmx-item .mmx-box{
  width:18px;height:18px;flex:0 0 18px;border-radius:6px;
  border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.04);
  display:inline-grid;place-content:center;
}
.mmx-item .mmx-box::after{
  content:"";width:10px;height:10px;border-radius:3px;background:rgba(255,255,255,.90);
  transform:scale(0);transition:transform .12s ease;
}
.mmx-item .mmx-check:checked + .mmx-box{border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.08)}
.mmx-item .mmx-check:checked + .mmx-box::after{transform:scale(1)}
.mmx-item .mmx-check:focus-visible + .mmx-box{box-shadow:0 0 0 3px rgba(255,255,255,.10);border-color:rgba(255,255,255,.60)}
.mmx-text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }


.mmx-count{
  margin-left:auto;
  flex:0 0 auto;
  opacity:.75;
  font-size:.85em;
  white-space:nowrap;
}


.mmx-actions-s{
  padding:.9rem;
  display:flex;
  gap:.6rem;
  justify-content:flex-end;
  background:rgba(255,255,255,.02)
}


.mmx-actions{
  display:flex;
  gap:.6rem;
  align-items:center;
  z-index: 50;
}


.mmx-actions--top{
  position: sticky;
  top: -3em;
  padding: .7rem .7rem;
  margin: 0 0 .8em 0;

  background: rgb(113 113 113);

  box-shadow:
    0 10px 28px rgba(0,0,0,.12);
}


html[data-theme="dark"] .mmx-actions--top{
  background: rgb(21 21 19);
  box-shadow:
    0 10px 28px rgba(0,0,0,.28);
}


.mmx-btn{
  appearance:none;
  -webkit-appearance:none;
  border-radius:999px;
  padding:.45rem 1.0rem;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  text-decoration:none;
  cursor:pointer;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 16px !important;
  border: 1px solid transparent;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.mmx-btn i{line-height:1!important;top:0!important;position:relative}
.mmx-btn, .mmx-btn *{ color: inherit !important; }

@media (max-width: 736px){
  .swiper-container .swiper-slide .mmx-actions .mmx-btn{
    font-size: .78rem !important;
    letter-spacing: .045em !important;
  }
}

@media (max-width: 360px){
  .swiper-container .swiper-slide .mmx-actions .mmx-btn{
    font-size: .72rem !important;
    letter-spacing: .035em !important;
  }
}


.mmx-search .mmx-btn--primary{
  background:#000;
  color:#fff !important;
  border-color:#000;
}
.mmx-search .mmx-btn--primary:hover{
  background:#1a1a1a;
  border-color:#1a1a1a;
}


.mmx-search .mmx-btn--ghost{
  background:#fff;
  color:#000 !important;
  border-color: rgba(0,0,0,.30);
}
.mmx-search .mmx-btn--ghost:hover{
  background: rgba(0,0,0,.5);
  border-color: rgba(0,0,0,.42);
}


html[data-theme="dark"] .mmx-search .mmx-btn--primary{
  background:#fff;
  color:#000 !important;
  border-color:#fff;
}
html[data-theme="dark"] .mmx-search .mmx-btn--primary:hover{
  background:#e6e6e6;
  border-color:#e6e6e6;
}


html[data-theme="dark"] .mmx-search .mmx-btn--ghost{
  background-color: #000;
  color:#fff !important;
  border-color: rgba(255,255,255,.30);
}
html[data-theme="dark"] .mmx-search .mmx-btn--ghost:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.42);
}


@media (max-width:520px){
  .mmx-actions-s{justify-content:space-between}
}


.mmx-toggle-icon{
  display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1;
  transform-origin:50% 50%;
  transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s ease;
  will-change:transform;
}
.mmx-filters[open] .mmx-toggle-icon{transform:rotate(180deg)}


.mmx-tech-grid{display:grid;gap:.9em}
.mmx-tech-group{display:flex;flex-direction:column;gap:.45em}
.mmx-tech-label{font-weight:600;opacity:.92}
.mmx-tech-row{display:flex;align-items:center;gap:.5em}
.mmx-tech-row .mmx-input{
  flex:1;min-width:0;border:1px solid var(--mmx-b);background:rgba(0,0,0,.18);
  border-radius:var(--radius);padding:.65rem .75rem;
}
.mmx-tech-sep{opacity:.7}
.mmx-tech-hint{margin:.35em 0 0 0;font-size:.9em}
@media (min-width:720px){
  .mmx-tech-grid{grid-template-columns:1fr 1fr}
  .mmx-tech-group--wide{grid-column:1 / -1}
}


.mmx-chips{display:flex;flex-wrap:wrap;gap:.5em;margin:.15em 0 .55em}
.mmx-chip{
  border:1px solid var(--mmx-b);background:rgba(255,255,255,.05);
  color:#fff!important;padding:0 .8rem;min-height: var(--mm-badge-height);border-radius:18px;cursor:pointer;transition:.15s ease;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
}
.mmx-chip:hover{background:rgba(255,255,255,.08)}
.mmx-chip.active{background:rgba(255,255,255,.85);color:#000!important;border-color:rgba(255,255,255,.85);font-weight:650}


.mmx-sliderwrap{margin:.2em 0 .45em}
.mmx-range{width:100%;border-radius:18px; height: 8px; background: #ffffff4f;}


.mmx-range::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
}


.mmx-range::-moz-range-thumb{
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
}

.mmx-stops{display:flex;justify-content:space-between;font-size:.75em;color:var(--mmx-muted);margin-top:.25em}


.mmx-live{display:flex;align-items:center;gap:.45em;margin-top:.55em}
.mmx-live-pill{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.25rem .55rem;min-height: var(--mm-badge-height);border-radius:18px;
  border:1px solid var(--mmx-b2);background:rgba(255,255,255,.04);
  font-size:.85em;
  box-sizing:border-box;
}
.mmx-live-sep{opacity:.75}


#footer3.mm-index-search-sheet{
  --mm-popup-ease-out: cubic-bezier(.16, 1, .3, 1);
  --mm-popup-ease-in: cubic-bezier(.32, 0, .67, 0);
  --mm-feed-bg: #f5efe5;
  --mm-feed-fg: #2b221b;
  --mm-feed-heading: #211912;
  --mm-feed-muted: rgba(43,34,27,.62);
  --mm-feed-line: rgba(92,71,51,.22);
  --mm-feed-accent: #c79f51;
  inset: 0;
  width: auto;
  max-width: none;
  height: 100dvh;
  max-height: 100dvh;
  padding: 2rem 2rem 0;
  background: transparent;
  overflow: visible;
  display: grid;
  align-items: end;
  justify-items: center;
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  transition: none;
}

#footer3.mm-index-search-sheet .mm-index-search-sheet__backdrop{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 100%, rgba(245,239,229,.12), transparent 48%),
    rgba(17,15,12,.38);
  backdrop-filter: blur(16px) saturate(1.05);
  -webkit-backdrop-filter: blur(16px) saturate(1.05);
  opacity: 0;
  transition: opacity .34s var(--mm-popup-ease-out);
  will-change: opacity;
  transform: translateZ(0);
}

#footer3.mm-index-search-sheet.is-preopening,
#footer3.mm-index-search-sheet.show,
#footer3.mm-index-search-sheet.is-closing{
  opacity: 1;
  visibility: visible;
}

#footer3.mm-index-search-sheet.show,
#footer3.mm-index-search-sheet.is-closing{
  pointer-events: auto;
}

#footer3.mm-index-search-sheet.is-preopening,
#footer3.mm-index-search-sheet.is-closing{
  pointer-events: none;
}

#footer3.mm-index-search-sheet.show .mm-index-search-sheet__backdrop,
#footer3.mm-index-search-sheet.is-opening .mm-index-search-sheet__backdrop,
#footer3.mm-index-search-sheet.is-open .mm-index-search-sheet__backdrop{
  opacity: 1;
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog{
  position: relative;
  z-index: 1;
  width: min(42rem, calc(100vw - 2.2rem));
  max-width: 42rem;
  max-height: min(78dvh, 46rem);
  margin: 0 auto;
  padding: 2rem;
  border: 0;
  border-radius: 2rem 2rem 0 0;
  background: #f5efe5;
  box-shadow: 0 1.6rem 4.4rem rgba(0,0,0,.24), 0 .2rem 1rem rgba(0,0,0,.08);
  overflow: auto;
  transform: translate3d(0, 58px, 0) scale(.972);
  opacity: 0;
  filter: blur(8px);
  transform-origin: 50% 96%;
  transition:
    opacity .34s ease,
    transform .52s var(--mm-popup-ease-out),
    filter .34s ease;
  will-change: transform, opacity, filter;
  backface-visibility: hidden;
}

#footer3.mm-index-search-sheet.show > .mm-index-search-sheet__dialog,
#footer3.mm-index-search-sheet.is-opening > .mm-index-search-sheet__dialog,
#footer3.mm-index-search-sheet.is-open > .mm-index-search-sheet__dialog{
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

#footer3.mm-index-search-sheet.is-closing .mm-index-search-sheet__backdrop{
  opacity: 0;
  transition-duration: .24s;
  transition-timing-function: ease;
}

#footer3.mm-index-search-sheet.is-closing > .mm-index-search-sheet__dialog{
  opacity: 0;
  transform: translate3d(0, 34px, 0) scale(.985);
  filter: blur(5px);
  transition:
    opacity .2s ease,
    transform .28s var(--mm-popup-ease-in),
    filter .2s ease;
}

#footer3.mm-index-search-sheet .mm-index-search-sheet__body{
  width: 100%;
  box-sizing: border-box;
  padding-bottom: calc(1.75rem + env(safe-area-inset-bottom));
  scroll-padding-bottom: calc(1.75rem + env(safe-area-inset-bottom));
}

#footer3.mm-index-search-sheet .mm-index-search-sheet__body > *{
  width: 100%;
}

#footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head{
  display: grid;
  gap: .35rem;
  margin: 0 0 1rem;
  padding-right: 3rem;
}

#footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__item{
  display: none;
}

#footer3.mm-index-search-sheet #zoeken3[data-mm-mode="search"] .mmx-sheet-head__item--search,
#footer3.mm-index-search-sheet #zoeken3[data-mm-mode="filter"] .mmx-sheet-head__item--filter{
  display: grid;
  gap: .35rem;
}

#footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin: 0;
  color: #c79f51;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__eyebrow .mm-header-search__icon,
#footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__eyebrow i{
  width: .9rem;
  height: .9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--mm-feed-accent);
  line-height: 1;
}

#footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__title{
  margin: 0;
  max-width: none;
  font-size: clamp(1.02rem, 1.8vw, 1.28rem);
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: normal;
  color: var(--mm-feed-fg) !important;
}

#footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__intro{
  margin: 0;
  max-width: none;
  color: rgba(42,36,27,.72);
  font-size: .98rem;
  line-height: 1.6;
}

#footer3.mm-index-search-sheet #zoeken3.mmx-search{
  --mmx-text: var(--mm-feed-fg);
  --mmx-muted2: var(--mm-feed-muted);
  --mmx-field-bg: rgba(255,252,247,.96);
  --mmx-field-brd: rgba(92,71,51,.18);
  --mmx-suggest-bg: rgba(255,252,247,.98);
  --mmx-suggest-hover: rgba(43,34,27,.06);
}

#footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-field,
#footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-card,
#footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-help,
#footer3.mm-index-search-sheet #zoeken3.mmx-search #mm-suggest.suggesties,
#footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-filters,
#footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-stack,
#footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-card,
#footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-acc,
#footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-acc-body{
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.16) !important;
  color: var(--mm-feed-fg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-filters,
#footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-stack{
  background: transparent !important;
}

#footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-input,
#footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-title,
#footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-text,
#footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-count,
#footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-acc-sum,
#footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-acc-body,
#footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-help,
#footer3.mm-index-search-sheet #zoeken3.mmx-search #mm-suggest.suggesties,
#footer3.mm-index-search-sheet #zoeken3.mmx-search #mm-suggest.suggesties li{
  color: var(--mm-feed-fg) !important;
}

#footer3.mm-index-search-sheet #zoeken3.mmx-search #zoekterm::placeholder{
  color: rgba(43,34,27,.62) !important;
}

.mm-index-info-sheet{
  --mm-popup-ease-out: cubic-bezier(.16, 1, .3, 1);
  --mm-popup-ease-in: cubic-bezier(.32, 0, .67, 0);
  --mm-feed-bg: #f5efe5;
  --mm-feed-fg: #2b221b;
  --mm-feed-heading: #211912;
  --mm-feed-muted: rgba(43,34,27,.62);
  --mm-feed-line: rgba(92,71,51,.22);
  --mm-feed-accent: #c79f51;
  position: fixed;
  inset: 0;
  width: auto;
  max-width: none;
  height: 100dvh;
  max-height: 100dvh;
  padding: 2rem 2rem 0;
  background: transparent;
  overflow: visible;
  display: grid;
  align-items: end;
  justify-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  transition: opacity .24s ease, visibility 0s linear .24s;
  z-index: 10030;
}

.mm-index-info-sheet:not(.is-current){
  display: none !important;
}

.mm-index-info-sheet.show,
.mm-index-info-sheet.is-closing{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

.mm-index-info-sheet.is-closing{
  pointer-events: none;
}

.mm-index-info-sheet .mm-index-info-sheet__backdrop{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 100%, rgba(245,239,229,.12), transparent 48%),
    rgba(17,15,12,.38);
  backdrop-filter: blur(16px) saturate(1.05);
  -webkit-backdrop-filter: blur(16px) saturate(1.05);
  opacity: 0;
  transition: opacity .34s var(--mm-popup-ease-out);
}

.mm-index-info-sheet.is-opening .mm-index-info-sheet__backdrop,
.mm-index-info-sheet.is-open .mm-index-info-sheet__backdrop{
  opacity: 1;
}

.mm-index-info-sheet > .mm-index-info-sheet__dialog{
  position: relative;
  z-index: 1;
  width: min(56rem, calc(100vw - 2.2rem));
  max-width: 56rem;
  max-height: min(82dvh, 52rem);
  margin: 0 auto;
  padding: 2rem;
  border: 0;
  border-radius: 2rem 2rem 0 0;
  background: #f5efe5;
  box-shadow: 0 1.6rem 4.4rem rgba(0,0,0,.24), 0 .2rem 1rem rgba(0,0,0,.08);
  overflow: auto;
  transform: translate3d(0, 58px, 0) scale(.972);
  opacity: 0;
  filter: blur(8px);
  transform-origin: 50% 96%;
  transition:
    opacity .34s ease,
    transform .52s var(--mm-popup-ease-out),
    filter .34s ease;
  will-change: transform, opacity, filter;
  backface-visibility: hidden;
}

#footer2.mm-index-info-sheet > .mm-index-info-sheet__dialog{
  width: min(74rem, calc(100vw - 2.2rem));
  max-width: 74rem;
}

.mm-index-info-sheet.is-opening > .mm-index-info-sheet__dialog,
.mm-index-info-sheet.is-open > .mm-index-info-sheet__dialog{
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

.mm-index-info-sheet.is-closing .mm-index-info-sheet__backdrop{
  opacity: 0;
  transition-duration: .24s;
  transition-timing-function: ease;
}

.mm-index-info-sheet.is-closing > .mm-index-info-sheet__dialog{
  opacity: 0;
  transform: translate3d(0, 34px, 0) scale(.985);
  filter: blur(5px);
  transition:
    opacity .2s ease,
    transform .28s var(--mm-popup-ease-in),
    filter .2s ease;
}

@media (prefers-reduced-motion: reduce){
  #footer3.mm-index-search-sheet,
  #footer3.mm-index-search-sheet .mm-index-search-sheet__backdrop,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog,
  .mm-index-info-sheet,
  .mm-index-info-sheet .mm-index-info-sheet__backdrop,
  .mm-index-info-sheet > .mm-index-info-sheet__dialog,
  .mm-feed-shoot-modal,
  .mm-feed-shoot-modal__backdrop,
  .mm-feed-shoot-modal__dialog{
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
    animation-duration: .01ms !important;
  }

  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog,
  .mm-index-info-sheet > .mm-index-info-sheet__dialog,
  .mm-feed-shoot-modal__dialog{
    filter: none !important;
  }
}

.mm-index-info-sheet .mm-index-info-sheet__close{
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 3;
  top: .8rem;
  right: .8rem;
  width: 2.1rem;
  height: 2.1rem;
  min-width: 2.1rem;
  min-height: 2.1rem;
  padding: 0;
  border: 1px solid var(--mm-feed-line);
  border-radius: 50%;
  background: rgba(255,255,255,.28);
  color: var(--mm-feed-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.mm-index-info-sheet .mm-index-info-sheet__close:hover{
  background: rgba(255,255,255,.4);
  border-color: var(--mm-feed-accent);
  transform: translateY(-1px);
}

.mm-index-info-sheet .mm-index-info-sheet__close i{
  font-size: 1rem;
  line-height: 1;
  position: relative;
  display: block;
  width: 1rem;
  height: 1rem;
}

.mm-index-info-sheet .mm-index-info-sheet__close i::before,
.mm-index-info-sheet .mm-index-info-sheet__close i::after{
  content: "" !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: .78rem;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}

.mm-index-info-sheet .mm-index-info-sheet__close i::before{
  transform: translate(-50%, -50%) rotate(45deg);
}

.mm-index-info-sheet .mm-index-info-sheet__close i::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mm-index-info-sheet .mm-index-info-sheet__body{
  width: 100%;
  box-sizing: border-box;
  padding-bottom: calc(1.75rem + env(safe-area-inset-bottom));
  scroll-padding-bottom: calc(1.75rem + env(safe-area-inset-bottom));
}

.mm-index-info-sheet .mmx-sheet-head{
  display: grid;
  gap: .35rem;
  margin: 0 0 1rem;
  padding-right: 3rem;
}

.mm-index-info-sheet .mmx-sheet-head__item{
  display: grid;
  gap: .35rem;
}

.mm-index-info-sheet .mmx-sheet-head__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin: 0;
  color: #c79f51;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mm-index-info-sheet .mmx-sheet-head__title{
  margin: 0;
  font-size: clamp(1.3rem, 2.8vw, 2rem);
  line-height: 1.15;
  font-weight: 650;
  color: var(--mm-feed-heading);
}

.mm-index-info-sheet .mmx-sheet-head__intro{
  margin: 0;
  color: rgba(42,36,27,.72);
  font-size: .98rem;
  line-height: 1.6;
}

.mm-index-info-sheet .mm-index-info-sheet__content{
  color: var(--mm-feed-fg);
}

.mm-index-info-sheet .mm-index-info-sheet__content > h1:first-child,
.mm-index-info-sheet .mm-index-info-sheet__content .gear-header > h1:first-child{
  display: none;
}

.mm-index-info-sheet .mm-index-info-sheet__content .contact-page > h1:first-child,
.mm-index-info-sheet .mm-index-info-sheet__content .contact-page > p:first-of-type{
  display: none;
}

.mm-index-info-sheet .mm-index-info-sheet__content img{
  max-width: 100%;
  height: auto;
}

.mm-index-info-sheet .mm-index-info-sheet__content .gear-section{
  padding: 0;
  background: transparent;
}

.mm-index-info-sheet .mm-index-info-sheet__content .gear-filter-row{
  margin-top: .4rem;
}

html[data-theme="dark"] .mm-index-info-sheet > .mm-index-info-sheet__dialog{
  --mm-feed-bg: #141517;
  --mm-feed-fg: #f7f3e8;
  --mm-feed-heading: #f4f6f8;
  --mm-feed-muted: rgba(240,242,248,.82);
  --mm-feed-line: rgba(255,255,255,.08);
  --mm-feed-accent: #f0cf75;
  border: 0;
  background: #141517;
  box-shadow: 0 1.5rem 3rem rgba(0,0,0,.34);
}

html[data-theme="dark"] .mm-index-info-sheet .mm-index-info-sheet__close{
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
}

html[data-theme="dark"] .mm-index-info-sheet .mmx-sheet-head__eyebrow{
  color: #d69a1f;
}

html[data-theme="dark"] .mm-index-info-sheet .mmx-sheet-head__intro,
html[data-theme="dark"] .mm-index-info-sheet .mm-index-info-sheet__content{
  color: rgba(240,242,248,.86);
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-index-info-sheet > .mm-index-info-sheet__dialog,
  html[data-theme="auto"] .mm-index-info-sheet > .mm-index-info-sheet__dialog{
    --mm-feed-bg: #141517;
    --mm-feed-fg: #f7f3e8;
    --mm-feed-heading: #f4f6f8;
    --mm-feed-muted: rgba(240,242,248,.82);
    --mm-feed-line: rgba(255,255,255,.08);
    --mm-feed-accent: #f0cf75;
    border: 0;
    background: #141517;
    box-shadow: 0 1.5rem 3rem rgba(0,0,0,.34);
  }

  html:not([data-theme]) .mm-index-info-sheet .mm-index-info-sheet__close,
  html[data-theme="auto"] .mm-index-info-sheet .mm-index-info-sheet__close{
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.92);
  }

  html:not([data-theme]) .mm-index-info-sheet .mmx-sheet-head__eyebrow,
  html[data-theme="auto"] .mm-index-info-sheet .mmx-sheet-head__eyebrow{
    color: #d69a1f;
  }

  html:not([data-theme]) .mm-index-info-sheet .mmx-sheet-head__intro,
  html[data-theme="auto"] .mm-index-info-sheet .mmx-sheet-head__intro,
  html:not([data-theme]) .mm-index-info-sheet .mm-index-info-sheet__content,
  html[data-theme="auto"] .mm-index-info-sheet .mm-index-info-sheet__content{
    color: rgba(240,242,248,.86);
  }
}

#footer3.mm-index-search-sheet .mm-index-search-sheet__close{
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 3;
  top: .8rem;
  right: .8rem;
  width: 2.1rem;
  height: 2.1rem;
  min-width: 2.1rem;
  min-height: 2.1rem;
  padding: 0;
  border: 1px solid var(--mm-feed-line);
  border-radius: 50%;
  background: rgba(255,255,255,.28);
  color: var(--mm-feed-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

#footer3.mm-index-search-sheet .mm-index-search-sheet__close:hover{
  background: rgba(255,255,255,.4);
  border-color: var(--mm-feed-accent);
  transform: translateY(-1px);
}

#footer3.mm-index-search-sheet .mm-index-search-sheet__close i{
  font-size: 1rem;
  line-height: 1;
  position: relative !important;
  display: block;
  width: 1rem;
  height: 1rem;
  top: auto !important;
}

#footer3.mm-index-search-sheet .mm-index-search-sheet__close i::before,
#footer3.mm-index-search-sheet .mm-index-search-sheet__close i::after{
  content: "" !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: .78rem;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}

#footer3.mm-index-search-sheet .mm-index-search-sheet__close i::before{
  transform: translate(-50%, -50%) rotate(45deg);
}

#footer3.mm-index-search-sheet .mm-index-search-sheet__close i::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

html[data-theme="dark"] #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog{
  --mm-feed-bg: #141517;
  --mm-feed-fg: #f7f3e8;
  --mm-feed-heading: #f4f6f8;
  --mm-feed-muted: rgba(240,242,248,.82);
  --mm-feed-line: rgba(255,255,255,.08);
  --mm-feed-accent: #f0cf75;
  border: 0;
  background: #141517;
  box-shadow: 0 1.5rem 3rem rgba(0,0,0,.34);
}

html[data-theme="dark"] #footer3.mm-index-search-sheet .mm-index-search-sheet__close{
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
}

html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search{
  --mmx-text: var(--mm-feed-fg);
  --mmx-muted2: rgba(224,218,206,.70);
  --mmx-field-bg: rgba(29,30,32,.96);
  --mmx-field-brd: rgba(204,196,182,.18);
  --mmx-suggest-bg: rgba(29,30,32,.98);
  --mmx-suggest-hover: rgba(247,243,232,.12);
}

html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__eyebrow{
  color: #d69a1f;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__intro{
  color: rgba(240,242,248,.86);
}

html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-field,
html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-card,
html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search .mmx-help,
html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search #mm-suggest.suggesties,
html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-card,
html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-acc,
html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-acc-body{
  background: rgba(29,30,32,.96) !important;
  border-color: rgba(204,196,182,.16) !important;
  color: var(--mm-feed-fg) !important;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-filters,
html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search #footer3-filter .mmx-stack{
  background: transparent !important;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet #zoeken3.mmx-search #zoekterm::placeholder{
  color: rgba(224,218,206,.66) !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog,
  html[data-theme="auto"] #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog{
    --mm-feed-bg: #141517;
    --mm-feed-fg: #f7f3e8;
    --mm-feed-heading: #f4f6f8;
    --mm-feed-muted: rgba(240,242,248,.82);
    --mm-feed-line: rgba(255,255,255,.08);
    --mm-feed-accent: #f0cf75;
    border: 0;
    background: #141517;
    box-shadow: 0 1.5rem 3rem rgba(0,0,0,.34);
  }

  html:not([data-theme]) #footer3.mm-index-search-sheet .mm-index-search-sheet__close,
  html[data-theme="auto"] #footer3.mm-index-search-sheet .mm-index-search-sheet__close{
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.92);
  }

  html:not([data-theme]) #footer3.mm-index-search-sheet #zoeken3.mmx-search,
  html[data-theme="auto"] #footer3.mm-index-search-sheet #zoeken3.mmx-search{
    --mmx-text: var(--mm-feed-fg);
    --mmx-muted2: rgba(224,218,206,.70);
    --mmx-field-bg: rgba(29,30,32,.96);
    --mmx-field-brd: rgba(204,196,182,.18);
    --mmx-suggest-bg: rgba(29,30,32,.98);
    --mmx-suggest-hover: rgba(247,243,232,.12);
  }

  html:not([data-theme]) #footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__eyebrow,
  html[data-theme="auto"] #footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__eyebrow{
    color: #d69a1f;
  }

  html:not([data-theme]) #footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__intro,
  html[data-theme="auto"] #footer3.mm-index-search-sheet #zoeken3 .mmx-sheet-head__intro{
    color: rgba(240,242,248,.86);
  }
}

@media (max-width: 767.98px){
  .mm-index-info-sheet{
    padding: max(.5rem, env(safe-area-inset-top)) 0 0;
    align-items: end;
  }

  .mm-index-info-sheet > .mm-index-info-sheet__dialog{
    width: 100%;
    max-width: 100%;
    max-height: calc(72dvh + env(safe-area-inset-bottom));
    margin: 0;
    padding: .95rem .95rem calc(1rem + env(safe-area-inset-bottom));
    border-radius: 2rem 2rem 0 0 !important;
    border-bottom: 0 !important;
  }

  #footer2.mm-index-info-sheet > .mm-index-info-sheet__dialog{
    width: 100vw;
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
  }

  #footer3.mm-index-search-sheet{
    padding: max(.5rem, env(safe-area-inset-top)) 0 0;
    align-items: end;
  }

  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog{
    width: 100%;
    max-width: 100%;
    max-height: calc(66dvh + env(safe-area-inset-bottom));
    margin: 0;
    padding: .95rem .95rem calc(1rem + env(safe-area-inset-bottom));
    border-radius: 2rem 2rem 0 0 !important;
    border-bottom: 0 !important;
  }
}

@media (min-width: 768px){
  #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog{
    width: min(84rem, calc(100vw - 2.4rem));
    max-width: 84rem;
  }

  #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
  }

  #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack__col{
    display: grid;
    gap: 1rem;
    align-content: start;
    min-width: 0;
  }

  #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-card{
    width: 100%;
    min-width: 0;
    margin: 0;
  }
}

#footer3-filter{ display:none; }
#footer3-zoek{ display:block; }

#zoeken3[data-mm-mode="filter"] #footer3-zoek{ display:none !important; }
#zoeken3[data-mm-mode="filter"] #footer3-filter{ display:block !important; }

#zoeken3[data-mm-mode="search"] #footer3-zoek{ display:block !important; }
#zoeken3[data-mm-mode="search"] #footer3-filter{ display:none !important; }

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


#mm-suggest {
  max-height: min(50vh, 320px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}


#mm-suggest li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  cursor:pointer;
  border-radius:12px;
}
#mm-suggest li:hover{ background: rgba(0,0,0,.06); }
html[data-theme="dark"] #mm-suggest li:hover{ background: rgba(255,255,255,.10); }

#mm-suggest img{
  width:34px; height:34px; object-fit:cover;
  border-radius:10px;
  flex:0 0 auto;
}
#mm-suggest .mmx-suggest-text{
  display:flex;
  flex-direction:column;
  gap:.15em;
  min-width:0;
}
#mm-suggest .mmx-suggest-title{
  font-size:14px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#mm-suggest .mmx-suggest-sub{
  font-size:12px;
  line-height:1.2;
  color: rgba(0,0,0,.55);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-theme="dark"] #mm-suggest .mmx-suggest-sub{
  color: rgba(255,255,255,.75);
}

#mm-suggest a,
#mm-suggest button {
  touch-action: manipulation;
}

#mm-suggest{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  pointer-events: auto;
}


.mmx-acc-sum .mmx-badge:empty{
  display:none !important;
}


nav ul.main li {
  width: 100%;
}

nav ul.main li a{
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  padding-right: 1.6em;
}


nav ul.main li a .menu_aantallen{
  margin-left: auto;
  margin-right: .6em;
  text-align: right;
}


nav ul.main li a::after{
  content: "›";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.15rem;
  opacity: .55;
  transition: transform .25s ease, opacity .25s ease;
  pointer-events: none;
}

nav ul.main li a:hover::after{
  transform: translateY(-50%) translateX(6px);
  opacity: 1;
}

.mmx-fieldwrap.mmx-suggest-open #mm-suggest.suggesties{
  top: 100% !important;
  border-radius: 0 0 var(--mmx-ri) var(--mmx-ri) !important;
}
.mmx-fieldwrap.mmx-suggest-open .mmx-field{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 0 !important;
}


#mm-suggest.suggesties .mmx-suggest-count{
  margin-left: auto;
  min-width: 3ch;
  text-align: right;
  opacity: .65;
  font-variant-numeric: tabular-nums;
}


#mm-suggest.suggesties li.mmx-suggest-label{
  cursor: default;
  padding: .55rem .75rem;
  border-radius: 10px;
  opacity: .65;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}
#mm-suggest.suggesties li.mmx-suggest-label:hover,
#mm-suggest.suggesties li.mmx-suggest-label.is-active{
  background: transparent !important;
}


#mm-suggest {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;

  display: block;
  width: 100%;

  margin: 0;
  border-top: 0;

  max-height: 320px;
  overflow-y: auto;
}


.mmx-fieldwrap.mmx-suggest-open {
  border-radius: 18px;
  overflow: hidden;
}


.mmx-fieldwrap.mmx-suggest-open .mmx-row {
  border-bottom: 1px solid rgba(255,255,255,.10);
}


.mmx-fieldwrap{
  flex-wrap: wrap;
}
.mmx-fieldwrap .mmx-row{
  flex: 0 0 100%;
  width: 100%;
}
.mmx-fieldwrap #mm-suggest{
  flex: 0 0 100%;
  width: 100%;
}


.mmx-row{
  flex-wrap: wrap !important;
}


.mmx-row #mm-suggest{
  flex: 0 0 100% !important;
  width: 100% !important;
  order: 99 !important;

  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;

  margin: 0 !important;
  border-top: 0 !important;
  max-height: 320px;
  overflow-y: auto;
}


.mmx-row #zoekterm,
.mmx-row input[type="text"]{
  flex: 1 1 auto;
  min-width: 0;
}


.mmx-fieldwrap{ display:block; }


.mmx-fieldwrap > #mm-suggest.suggesties{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;

  display: none;
  width: 100%;

  margin: 0 !important;
  padding: .35rem;


  border-radius: 0 0 var(--mmx-ri) var(--mmx-ri);

  max-height: 320px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}


.mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties{ display:block; }


.mmx-fieldwrap.mmx-suggest-open{
  overflow: hidden;
  border-radius: var(--mmx-ri);
}


.mmx-fieldwrap.mmx-suggest-open .mmx-field{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.10);
}


.mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties{
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}


#mm-suggest .mmx-suggest-count{ margin-left:auto; text-align:right; min-width:3ch; white-space:nowrap; }
#mm-suggest li.mmx-suggest-item{ display:flex; align-items:center; gap:.65rem; }
#mm-suggest .mmx-suggest-text{ flex:1; min-width:0; }


#mm-suggest.suggesties,
#mm-suggest.suggesties li,
#mm-suggest.suggesties .mmx-suggest-text,
#mm-suggest.suggesties .mmx-suggest-title,
#mm-suggest.suggesties .mmx-suggest-sub,
#mm-suggest.suggesties .mmx-suggest-count{
  color: #fff !important;
}

.mmx-input:focus,
.mmx-input:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

.mmx-field:focus-within{
  outline: none !important;
  box-shadow: none !important;
}


.mmx-bar-actions [data-mm-btn="search"],
.mmx-bar-actions [data-mm-btn="reset"]{
  display:none !important;
}


.mmx-bar-actions{ display:none !important; }


.mmx-bar-actions{
  padding: 0 !important;
  margin: 0 !important;
}


.filter-row .mmx-clear{
  position: static !important;
  right: auto !important;
  width: auto !important;
  height: 54px !important;
  padding: 10px 16px !important;
  border-radius: 0px !important;
  background-color: var(--color-mm-grey) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  transition: background-color .18s ease, color .18s ease;
}


.filter-row .mmx-clear::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:1px;
  height:100%;
  background: linear-gradient(to bottom, transparent, #8c8a7e, transparent);
  pointer-events:none;
}


.filter-row .mmx-clear:hover{
  background-color: #b0ac9f !important;
  color: var(--color-mm-grey) !important;
}


@media screen and (max-width: 736px){
  .filter-row .mmx-clear{
    padding: 10px 10px !important;
  }
}


.mmx-actions--bottom{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding: .7rem .7rem calc(.7rem + env(safe-area-inset-bottom));
  margin: 0 !important;
  z-index: 9999;
}


#footer3-filter{
  padding-bottom: calc(84px + env(safe-area-inset-bottom));
}


#zoeken3{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
}


#footer3-filter{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
  padding-bottom: 0 !important;
}


#footer3-filter .mmx-stack{
  flex:1;
  min-height:0;
  overflow-y:auto;
  padding-bottom: calc(96px + env(safe-area-inset-bottom));
  -webkit-overflow-scrolling: touch;
}


#footer3-filter .mmx-actions--bottom{
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;

  position: sticky !important;
  bottom: calc(0 * var(--panel-pad, 20px)) !important;
}

@media (max-width: 768px){
  #footer3-filter .mmx-actions--bottom{
    position: sticky !important;
    bottom: 0 !important;
    padding-bottom: calc(.85rem + env(safe-area-inset-bottom)) !important;
    z-index: 4 !important;
  }
}

#footer3-filter .mmx-actions--bottom button,
#footer3-filter .mmx-actions--bottom a{
  width: auto !important;
  min-width: 0 !important;

  flex: 0 0 auto !important;
  display: inline-flex !important;

  padding: 12px 20px !important;
  white-space: nowrap !important;


  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;

  margin: 0 !important;
}


#footer3-filter .mmx-actions--bottom .mmx-reset,
#footer3-filter .mmx-actions--bottom .mmx-btn-reset{
  margin-left: 0 !important;
}


#footer3-filter .mmx-actions--bottom button i,
#footer3-filter .mmx-actions--bottom a i{
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}


#footer3-filter .mmx-actions--bottom button i::before,
#footer3-filter .mmx-actions--bottom a i::before{
  position: relative !important;
  top: 1px !important;
  line-height: 1 !important;
}


#panelprofiel{
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}

#panelprofiel[data-wide="0"],
#panelprofiel[data-wide="1"],
#panelprofiel.is-wide{

  width: auto !important;
  max-width: none !important;
  box-shadow: none !important;
}


#panelprofiel.mm-account-panel{
  background: rgba(0,0,0,.8) !important;
  isolation: isolate;
  padding: 48px 14px 14px 14px !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.05);
  backdrop-filter: blur(14px) saturate(1.05);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s ease, visibility 0s linear .3s !important;
}
body.panelprofiel-open #panelprofiel.mm-account-panel,
#panelprofiel.mm-account-panel.open,
#panelprofiel.mm-account-panel.show,
#panelprofiel.mm-account-panel.active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .3s ease, visibility 0s linear 0s !important;
}

html[data-theme="dark"] #panelprofiel.mm-account-panel{
  background: rgba(0,0,0,.7) !important;
}


#panelprofiel.mm-account-panel::before{
  content: none;
}

#panelprofiel.mm-account-panel::after{
  content: none;
}

#panelprofiel.mm-account-panel > .inner{
  position: relative;
  z-index: 1;
}

#panelprofiel.mm-account-panel > .closer{
  display: none !important;
}


#panelprofiel.mm-account-panel #pf-root.pf-bounce-enter .pf-app-shell > .pf-shell-sidebar,
#panelprofiel.mm-account-panel #pf-root.pf-bounce-enter .pf-shell-main > .pf-shell-topbar,
#panelprofiel.mm-account-panel #pf-root.pf-bounce-enter .pf-shell-main > #pf-dynamic-view,
#panelprofiel.mm-account-panel #pf-root.pf-bounce-enter .pf-auth-shell > .pf-auth-brand,
#panelprofiel.mm-account-panel #pf-root.pf-bounce-enter .pf-auth-shell > .pf-auth-card{
  animation: pfAccountBounceIn .68s cubic-bezier(.22,1.2,.28,1) both;
  animation-delay: var(--pf-bounce-delay, 0ms);
}

@keyframes pfAccountBounceIn{
  0%   { opacity: 0; transform: translateY(26px) scale(.94); }
  62%  { opacity: 1; transform: translateY(-8px) scale(1.02); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce){
  #panelprofiel.mm-account-panel{
    transition: none !important;
  }
  #panelprofiel.mm-account-panel #pf-root.pf-bounce-enter .pf-app-shell > .pf-shell-sidebar,
  #panelprofiel.mm-account-panel #pf-root.pf-bounce-enter .pf-shell-main > .pf-shell-topbar,
  #panelprofiel.mm-account-panel #pf-root.pf-bounce-enter .pf-shell-main > #pf-dynamic-view,
  #panelprofiel.mm-account-panel #pf-root.pf-bounce-enter .pf-auth-shell > .pf-auth-brand,
  #panelprofiel.mm-account-panel #pf-root.pf-bounce-enter .pf-auth-shell > .pf-auth-card{
    animation: none !important;
  }
}


.viewport-header .burger-topmenu{
  opacity: 1;
  transition: opacity .25s ease, transform .25s ease;
}
body.mm-header-on .viewport-header .burger-topmenu{
  opacity: 1;
  pointer-events: auto;
  transform: none;
}


.ba-archive-panel{
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  pointer-events: none;
  transition: grid-template-rows .45s cubic-bezier(.2,.9,.2,1), opacity .25s ease;
}

.ba-archive-panel > .ba-stage{
  min-height: 0;
  overflow: hidden;
}

.ba-archive-panel.is-open{
  grid-template-rows: 1fr;
  opacity: 1;
  pointer-events: auto;
}


.ba-archive-panel:not([hidden]) > .ba-stage{
  overflow: visible;
}


.ba-nav{
  position: sticky;
  top: calc(var(--menu-hoogte) + 8px);
  z-index: 50;
}


.fade-in-right-fast-sort{
  opacity: 0;
  transform: translate3d(14px, 0, 0);
  will-change: transform, opacity;


  border-radius: 999px;
  border: 0 !important;
  background: var(--menu-button-bg-compact, var(--color-menu-glass-trans));
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  box-shadow: none !important;
  overflow: hidden;
}

html[data-theme="dark"] #sorteer-flow .fade-in-right-fast-sort{
  background: rgba(29, 30, 32, .46);
}

html[data-theme="dark"] #sorteer-flow .mmbar-select-wrap:hover,
html[data-theme="dark"] #sorteer-flow .mmbar-search:hover{
  background-color: rgba(29, 30, 32, .58);
}

@media (max-width: 700px) {
  body.home-page #sorteer-flow .mmbar {
    grid-template-columns: clamp(160px, 46vw, 210px) var(--mm-h) var(--mm-h) !important;
    width: fit-content !important;
    max-width: calc(100% - 1.5rem) !important;
  }

  body.home-page #sorteer-flow .mmbar-sort-control {
    width: clamp(160px, 46vw, 210px) !important;
  }

  body.home-page #sorteer-flow .mmbar-select-button {
    font-size: .78rem !important;
    letter-spacing: .03em !important;
    padding-right: 1.85rem !important;
  }

  body.home-page #sorteer-flow .mmbar-sort-option {
    font-size: .78rem !important;
    letter-spacing: .03em !important;
  }
}

@media (max-width: 380px) {
  body.home-page #sorteer-flow .mmbar {
    grid-template-columns: clamp(145px, 42vw, 180px) var(--mm-h) var(--mm-h) !important;
  }

  body.home-page #sorteer-flow .mmbar-sort-control {
    width: clamp(145px, 42vw, 180px) !important;
  }

  body.home-page #sorteer-flow .mmbar-select-button,
  body.home-page #sorteer-flow .mmbar-sort-option {
    font-size: .74rem !important;
    letter-spacing: .02em !important;
  }
}


.fade-in-right-fast-sort.is-inview{
  animation: mmSortControlEnter .36s cubic-bezier(.2,.8,.2,1) forwards;
}


.fade-in-right-fast-sort.delay-1.is-inview{ animation-delay: 0s; }
.fade-in-right-fast-sort.delay-2.is-inview{ animation-delay: .14s; }
.fade-in-right-fast-sort.delay-3.is-inview{ animation-delay: .28s; }

@keyframes mmSortControlEnter{
  0%   { opacity: 0; transform: translate3d(14px, 0, 0); }
  100% { opacity: 1; transform: none; }
}


.fade-in-right-fast-sort .mmbar-select-wrap,
.fade-in-right-fast-sort .mmbar-search{
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
}


.fade-in-right-fast-sort > .mmbar-select-wrap{
  height: var(--mm-h);
  width: 100%;
}

.fade-in-right-fast-sort > .mmbar-search{
  height: var(--mm-h);
  width: var(--mm-h);
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
}


@media (prefers-reduced-motion: reduce){
  .fade-in-right-fast-sort{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}


.mm-notfound-banner{
  position: fixed;
  top: calc(env(safe-area-inset-top) + 14px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  padding: .75rem 1.1rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  font-size: .95rem;
  max-width: min(92vw, 860px);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

html[data-theme="light"] .mm-notfound-banner{
  background: rgba(255,255,255,.85);
  color: #111;
  border-color: rgba(0,0,0,.12);
}

.mm-notfound-banner{
  opacity: 0;
  transform: translateX(-50%) translateY(-10px) scale(.98);
  filter: blur(6px);
  transition: opacity .45s ease, transform .45s cubic-bezier(.2,.9,.2,1), filter .45s ease;
  will-change: opacity, transform, filter;
}

.mm-notfound-banner.is-show{
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
  filter: blur(0);
}

.mm-notfound-banner.is-hide{
  opacity: 0;
  transform: translateX(-50%) translateY(-8px) scale(.99);
  filter: blur(6px);
}

@media (prefers-reduced-motion: reduce){
  .mm-notfound-banner{
    transition: none !important;
    filter: none !important;
    transform: translateX(-50%) !important;
    opacity: 1 !important;
  }
}


.footer-meta-links{
  width: 100%;
  display: grid;
  gap: .5rem 1.2rem;


  grid-template-columns: repeat(auto-fit, minmax(120px, max-content));

  align-items: center;
  justify-content: center;
opacity: .75;
  padding: 10px;
  margin-top: .5rem;
  transition:
    opacity .2s ease,
    background .2s ease,
    transform .2s ease;
}

.footer-meta-link{
  position: relative;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  white-space: nowrap;

  color: #666;
  text-decoration: none;

  transition:
    color .22s ease,
    opacity .22s ease,
    letter-spacing .22s ease,
    transform .22s cubic-bezier(.22,1,.36,1);
}

.footer-meta-link::after{
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -.34rem;
  height: 1px;
  background: currentColor;
  opacity: .44;
  transition:
    left .24s cubic-bezier(.22,1,.36,1),
    right .24s cubic-bezier(.22,1,.36,1),
    opacity .22s ease;
}

html[data-theme="dark"] .footer-meta-link{
  color: #fff;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .footer-meta-link,
  html[data-theme="auto"] .footer-meta-link{
    color: #fff;
  }
}

@media (hover: hover) and (pointer: fine){
  .footer-meta-link:hover,
  .footer-meta-link:focus-visible{
    color: #2f2a22;
    opacity: 1;
    letter-spacing: .025em;
    transform: translateY(-2px);
    outline: none;
  }

  .footer-meta-link:hover::after,
  .footer-meta-link:focus-visible::after{
    left: .1rem;
    right: .1rem;
    opacity: .72;
  }
}

html[data-theme="dark"] .footer-meta-link:hover,
html[data-theme="dark"] .footer-meta-link:focus-visible{
  color: #fff;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .footer-meta-link:hover,
  html:not([data-theme]) .footer-meta-link:focus-visible,
  html[data-theme="auto"] .footer-meta-link:hover,
  html[data-theme="auto"] .footer-meta-link:focus-visible{
    color: #fff;
  }
}


@media (max-width: 600px){
  .footer-meta-links{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1rem;
    margin-top: 1.5em;
  }
}


  .mm-maplist-full{
    --mm-text: var(--pal-dark-3);
    --mm-muted: color-mix(in srgb, var(--pal-dark-3) 78%, transparent);

    --mm-glass: color-mix(in srgb, var(--pal-white) 78%, transparent);
    --mm-glass-2: color-mix(in srgb, var(--pal-dark-3) 10%, transparent);
    --mm-border: color-mix(in srgb, var(--pal-dark-3) 14%, transparent);
    --mm-border-2: color-mix(in srgb, var(--pal-dark-3) 22%, transparent);

    --mm-item-bg: color-mix(in srgb, var(--pal-light-3) 45%, transparent);

    --mm-btn-bg: var(--btn-primary-bg);
    --mm-btn-bg-hover: var(--btn-primary-bg-hover);
    --mm-btn-bg-text: var(--btn-primary-text);
    --mm-btn-border: color-mix(in srgb, var(--pal-dark-3) 16%, transparent);
    --mm-btn-border-hover: color-mix(in srgb, var(--pal-dark-3) 26%, transparent);

    --mm-blur: blur(12px);
  }


  html[data-theme="dark"] .mm-maplist-full{
    --mm-text: #f7f3e8;
    --mm-muted: color-mix(in srgb, #f7f3e8 78%, transparent);

    --mm-glass: color-mix(in srgb, var(--pal-dark-1) 78%, transparent);
    --mm-glass-2: color-mix(in srgb, var(--pal-dark-3) 54%, transparent);
    --mm-border: color-mix(in srgb, var(--pal-dark-accent-1) 28%, transparent);
    --mm-border-2: color-mix(in srgb, var(--pal-dark-accent-1) 34%, transparent);

    --mm-item-bg: color-mix(in srgb, var(--pal-dark-2) 70%, transparent);

    --mm-btn-bg: var(--btn-primary-bg);
    --mm-btn-bg-hover: var(--btn-primary-bg-hover);
    --mm-btn-bg-text: var(--btn-primary-text);
    --mm-btn-border: color-mix(in srgb, var(--pal-dark-accent-1) 30%, transparent);
    --mm-btn-border-hover: color-mix(in srgb, var(--pal-dark-accent-1) 38%, transparent);

    --mm-blur: blur(12px);
  }


.mm-maplist-full{
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 0;
  color: var(--mm-text);
  --mm-inline-edge: max(1.2rem, calc((100vw - 1280px) / 2 + 1.2rem));
  --mm-overlay-pad: 2em;
}

.mm-maplist-full__inner{
  max-width: 1280px;
  margin:0 auto;
  padding:0 1.2rem;
}

.mm-maplist-full__mapstage{
  width: 100%;
  margin-top: 1rem;
}

.mm-maplist-full__title{
  margin:0 0 .35rem 0;
  font-size: clamp(20px, 2.2vw, 30px);
}

.mm-maplist-full__sub{
  margin:0;
  opacity:.85;
  line-height:1.45;
  color: var(--mm-muted);
}

.mm-maplist-full__meta{
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
  align-items:center;
  margin-top:.7rem;
}

.mm-maplist-full__status{
  padding:.35rem .7rem;
  border-radius:999px;
  border:1px solid var(--mm-border);
  color: var(--color-text);
  background: var(--mm-glass);
  backdrop-filter: var(--mm-blur);
  -webkit-backdrop-filter: var(--mm-blur);
  font-weight:800;
  opacity:.95;
}

.mm-maplist-full__status{
  transition: opacity .35s ease, transform .35s ease;
  will-change: opacity, transform;
}

.mm-maplist-full__status.is-done{
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
}

.mm-maplist-full__hint{
  opacity:.78;
  color: var(--mm-muted);
}


.mm-maplist-full__mapcard{
  position: relative;
  width: 100%;
  height: min(78vh, 920px);
  min-height: 620px;
  overflow: hidden;
  border-bottom: 1px solid var(--mm-border);
  background: var(--mm-glass);
}

.mm-maplist-full__map{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100% !important;
  background: rgba(255,255,255,.05);
}


.mm-maplist-full__actions{
  position: absolute;
  top: var(--mm-overlay-pad);
  left: var(--mm-inline-edge);
  z-index: 600;
  display:grid;
  gap:8px;
  grid-template-columns: repeat(2, minmax(120px, auto));
  padding: 6px;
  border-radius: 2em;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  backdrop-filter: var(--mm-blur);
  -webkit-backdrop-filter: var(--mm-blur);
}

html[data-theme="light"] .mm-maplist-full__actions,
html:not([data-theme="dark"]) .mm-maplist-full__actions{
  border: 0;
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.mm-btn{
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  outline: 0;
  overflow: hidden;

  height: 52px;
  min-height: 52px;
  border-radius: 2em;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 620;
  letter-spacing: .01em;

  background: transparent;
  color: rgba(234,241,246,.88) !important;
  border:1px solid transparent;
  opacity: 1;

  cursor: pointer;
  white-space: nowrap;
  backdrop-filter: var(--mm-blur);
  -webkit-backdrop-filter: var(--mm-blur);

  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .12s ease;
}


.mm-btn:hover,
.mm-btn.active:hover{
  background: rgba(255,255,255,.14);
  transform: translateY(-1px);
  color: rgba(245,250,255,.98) !important;
  opacity: 1;
}


.mm-btn.active,
.mm-btn.is-active{
  background: rgba(255,255,255,.17) !important;
  color: rgba(245,250,255,.98) !important;
  border-color: rgba(255,255,255,.24) !important;
  transform: none;
}


html[data-theme="light"] .mm-btn,
html:not([data-theme="dark"]) .mm-btn{
  color: rgba(86,78,66,.86) !important;
  border-color: rgba(86,78,66,.18);
  background: rgba(251,248,242,.98);
  background-clip: padding-box;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html[data-theme="light"] .mm-btn:hover,
html[data-theme="light"] .mm-btn.active:hover,
html:not([data-theme="dark"]) .mm-btn:hover,
html:not([data-theme="dark"]) .mm-btn.active:hover{
  border-color: rgba(86,78,66,.26);
  background: rgba(255,252,247,.99);
  color: rgba(86,78,66,.92) !important;
  box-shadow: none;
}

html[data-theme="light"] .mm-btn.active,
html[data-theme="light"] .mm-btn.is-active,
html:not([data-theme="dark"]) .mm-btn.active,
html:not([data-theme="dark"]) .mm-btn.is-active{
  background: linear-gradient(135deg, #b8aa91, #cabda6 54%, #dfd4c2) !important;
  color: #000000 !important;
  border-color: rgba(108,96,80,.24) !important;
  background-clip: padding-box;
  box-shadow: none;
}


@media (max-width: 600px){
  .mm-maplist-full__actions{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    left: 1.2rem;
    right: 1.2rem;
    top: 1.2rem;
    width: auto;
  }
}


.mm-maplist-full__side{
  position: absolute;
  bottom: calc(var(--mm-overlay-pad) + env(safe-area-inset-bottom));
  right: var(--mm-inline-edge);
  z-index: 590;
  width: min(320px, 31vw);
  height: min(50%, 360px);
  max-height: calc(100% - (var(--mm-overlay-pad) * 2));
  border-radius: 2em;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  backdrop-filter: var(--mm-blur);
  -webkit-backdrop-filter: var(--mm-blur);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.mm-maplist-full__bar{
  display:flex;
  gap:.8rem;
  align-items:center;
  flex-wrap:wrap;
  padding: .85rem .9rem;
  border-bottom: 1px solid rgba(255,255,255,.14);
}

html[data-theme="light"] .mm-maplist-full__bar{
  border-bottom-color: rgba(255,255,255,.16);
}

.mm-maplist-full__search{
  flex:1;
  min-width: 140px;
  height: 38px !important;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  color: rgba(245,250,255,.96);
  padding:0 1.05rem;
  outline:none;
  font-weight:700;
  backdrop-filter: var(--mm-blur);
  -webkit-backdrop-filter: var(--mm-blur);
}

.mm-maplist-full__search::placeholder{
  color: rgba(234,241,246,.62);
}

.mm-maplist-full__count{
  height: 38px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity:.85;
  font-weight:850;
  font-size:.82rem;
  padding:0 .9rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  color: rgba(234,241,246,.88);
  backdrop-filter: var(--mm-blur);
  -webkit-backdrop-filter: var(--mm-blur);
}

.mm-maplist-full__list{
  flex:1;
  overflow:auto;
  padding: .55rem .55rem 2rem;
  display:flex;
  flex-direction:column;
  gap:.55rem;
}

.mm-maplist-full__empty{
  display:block;
  padding: .75rem .9rem;
  border-radius: 1.5em;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  color: rgba(245,250,255,.92);
  font-weight: 700;
  text-align: center;
}


.mm-maplist-full__item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.8rem;
  padding: .62rem .78rem;
  border-radius: 1.5em;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  cursor:pointer;
  transition: transform .12s ease, border-color .12s ease;
  position: relative;
}

html[data-theme="light"] .mm-maplist-full__item{
  border-color: rgba(255,255,255,.16);
}

.mm-maplist-full__item:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.12);
}

.mm-maplist-full__name{
  font-weight:800;
  font-size: .95rem;
  min-width:0;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(245,250,255,.96);
}

.mm-maplist-full__meta2{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.25rem;
  min-width: 8.4rem;
}

.mm-maplist-full__n{
  opacity:.8;
  font-size:.86rem;
  white-space:nowrap;
  color: rgba(234,241,246,.72);
}


.mm-maplist-full__open{
  position: relative;
  z-index: 50;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,.17) !important;
  color: rgba(245,250,255,.98) !important;

  border: 1px solid rgba(255,255,255,.24);
  border-radius: 2em;

  padding: .34rem .75rem;
  font-weight: 900;
  font-size: .85rem;

  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;

  display: none;
}

.mm-maplist-full__open:hover{
  background: rgba(255,255,255,.24) !important;
  transform: translateY(-1px);
}

html[data-theme="light"] .mm-maplist-full__side,
html:not([data-theme="dark"]) .mm-maplist-full__side{
  border-color: rgba(86,78,66,.18);
  background: rgba(255,255,255,.62);
}

html[data-theme="light"] .mm-maplist-full__search,
html:not([data-theme="dark"]) .mm-maplist-full__search{
  border-color: rgba(86,78,66,.18);
  background: rgba(255,255,255,.92);
  color: rgba(86,78,66,.96);
}

html[data-theme="light"] .mm-maplist-full__search::placeholder,
html:not([data-theme="dark"]) .mm-maplist-full__search::placeholder{
  color: rgba(86,78,66,.56);
}

html[data-theme="light"] .mm-maplist-full__count,
html:not([data-theme="dark"]) .mm-maplist-full__count{
  border-color: rgba(86,78,66,.18);
  background: rgba(255,255,255,.72);
  color: rgba(86,78,66,.88);
}

html[data-theme="light"] .mm-maplist-full__item,
html:not([data-theme="dark"]) .mm-maplist-full__item{
  border-color: rgba(86,78,66,.14);
  background: rgba(255,255,255,.72);
}

html[data-theme="light"] .mm-maplist-full__empty,
html:not([data-theme="dark"]) .mm-maplist-full__empty{
  border-color: rgba(86,78,66,.16);
  background: rgba(255,255,255,.76);
  color: rgba(86,78,66,.92);
}

html[data-theme="light"] .mm-maplist-full__item:hover,
html:not([data-theme="dark"]) .mm-maplist-full__item:hover{
  border-color: rgba(86,78,66,.24);
  background: rgba(255,255,255,.84);
}

html[data-theme="light"] .mm-maplist-full__name,
html:not([data-theme="dark"]) .mm-maplist-full__name{
  color: rgba(86,78,66,.96);
}

html[data-theme="light"] .mm-maplist-full__n,
html:not([data-theme="dark"]) .mm-maplist-full__n{
  color: rgba(86,78,66,.72);
}

html[data-theme="light"] .mm-maplist-full__open,
html:not([data-theme="dark"]) .mm-maplist-full__open{
  background: linear-gradient(135deg, #b8aa91, #cabda6 54%, #dfd4c2) !important;
  color: #f7f3e8 !important;
  border-color: rgba(108,96,80,.26);
}

html[data-theme="light"] .mm-maplist-full__open:hover,
html:not([data-theme="dark"]) .mm-maplist-full__open:hover{
  filter: brightness(1.06);
}

.mm-maplist-full__open{
  pointer-events: auto;
}


html[data-theme="dark"] .mm-maplist-full__mapcard{
  background:
    radial-gradient(120% 120% at 8% 0%, rgba(58,60,64,.22), transparent 58%),
    radial-gradient(110% 110% at 96% 100%, rgba(172,162,145,.10), transparent 55%),
    linear-gradient(165deg, #141517, #1d1e20);
  border-top-color: rgba(172,162,145,.26);
  border-bottom-color: rgba(172,162,145,.26);
}
html[data-theme="dark"] .mm-maplist-full__map{
  background: rgba(29,30,32,.50);
}
html[data-theme="dark"] .mm-maplist-full__actions,
html[data-theme="dark"] .mm-maplist-full__side{
  border-color: rgba(172,162,145,.30);
  background: rgba(38,39,41,.72);
}
html[data-theme="dark"] .mm-maplist-full__bar{
  border-bottom-color: rgba(172,162,145,.24);
}
html[data-theme="dark"] .mm-maplist-full__search{
  border-color: rgba(204,196,182,.26);
  background: rgba(29,30,32,.90);
  color: rgba(247,243,232,.98);
}
html[data-theme="dark"] .mm-maplist-full__search::placeholder{
  color: rgba(224,218,206,.66);
}
html[data-theme="dark"] .mm-maplist-full__count{
  border-color: rgba(204,196,182,.26);
  background: rgba(47,48,51,.84);
  color: rgba(247,243,232,.90);
}
html[data-theme="dark"] .mm-maplist-full__item{
  border-color: rgba(172,162,145,.26);
  background: rgba(29,30,32,.78);
}
html[data-theme="dark"] .mm-maplist-full__item:hover{
  border-color: rgba(204,196,182,.36);
  background: rgba(38,39,41,.88);
}
html[data-theme="dark"] .mm-maplist-full__name{
  color: rgba(247,243,232,.98);
}
html[data-theme="dark"] .mm-maplist-full__n{
  color: rgba(224,218,206,.80);
}
html[data-theme="dark"] .mm-maplist-full__open{
  background: rgba(47,48,51,.90) !important;
  color: rgba(247,243,232,.98) !important;
  border-color: rgba(204,196,182,.32);
}
html[data-theme="dark"] .mm-maplist-full__open:hover{
  background: rgba(58,60,64,.95) !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-maplist-full,
  html[data-theme="auto"] .mm-maplist-full{
    --mm-text: #f7f3e8;
    --mm-muted: rgba(224,218,206,.78);
    --mm-glass: rgba(29, 30, 32, .72);
    --mm-glass-2: rgba(47, 48, 51, .54);
    --mm-border: rgba(172,162,145,.28);
    --mm-border-2: rgba(204,196,182,.34);
    --mm-item-bg: rgba(38, 39, 41, .66);
    --mm-btn-bg: rgba(29, 30, 32, .96);
    --mm-btn-bg-hover: rgba(47, 48, 51, .98);
    --mm-btn-bg-text: rgba(247,243,232,.98);
    --mm-btn-border: rgba(172,162,145,.28);
    --mm-btn-border-hover: rgba(204,196,182,.34);
  }
  html:not([data-theme]) .mm-maplist-full__mapcard,
  html[data-theme="auto"] .mm-maplist-full__mapcard{
    background:
      radial-gradient(120% 120% at 8% 0%, rgba(58,60,64,.22), transparent 58%),
      radial-gradient(110% 110% at 96% 100%, rgba(172,162,145,.10), transparent 55%),
      linear-gradient(165deg, #141517, #1d1e20);
    border-top-color: rgba(172,162,145,.26);
    border-bottom-color: rgba(172,162,145,.26);
  }
  html:not([data-theme]) .mm-maplist-full__map,
  html[data-theme="auto"] .mm-maplist-full__map{ background: rgba(29,30,32,.50); }
  html:not([data-theme]) .mm-maplist-full__actions,
  html:not([data-theme]) .mm-maplist-full__side,
  html[data-theme="auto"] .mm-maplist-full__actions,
  html[data-theme="auto"] .mm-maplist-full__side{
    border-color: rgba(172,162,145,.30);
    background: rgba(29,30,32,.68);
  }
}


@media (max-width: 980px){
  .mm-maplist-full__mapcard{
    min-height: 560px;
    height: min(78vh, 760px);
  }
  .mm-maplist-full__side{ display:none; }
  .mm-maplist-full__scrollhint{ display:none; }
}

@media (min-width: 981px){
  .mm-maplist-full .mm-maplist-full__side{
    bottom: var(--mm-overlay-pad) !important;
    top: auto !important;
    height: min(50%, 360px) !important;
    max-height: calc(100% - (var(--mm-overlay-pad) * 2)) !important;
  }
}


.mmMapOpenBtn{
  background: #212121 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: .6em 1em !important;
  font-weight: 100 !important;
  font-size: .9rem !important;
  cursor: pointer;
  position: relative;
  z-index: 9999;
}

.mmMapOpenBtn:hover{
  background: #666 !important;
  transform: translateY(-1px);
}

.leaflet-popup-content{
  overflow: visible !important;
}

.leaflet-popup{
  z-index: 9999 !important;
}


.mm-maplist-full__map .leaflet-container{
  background: #dfe7ef;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mm-maplist-full__map .leaflet-tile{
  outline: 1px solid transparent;
}
html[data-theme="dark"] .mm-maplist-full__map .leaflet-container{
  background: #1d1e20;
}
html[data-theme="dark"] .mm-maplist-full__map .leaflet-tile{
  filter: none;
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-maplist-full__map .leaflet-container,
  html[data-theme="auto"] .mm-maplist-full__map .leaflet-container{
    background: #1d1e20;
  }
  html:not([data-theme]) .mm-maplist-full__map .leaflet-tile,
  html[data-theme="auto"] .mm-maplist-full__map .leaflet-tile{
    filter: none;
  }
}


#panelprofiel.mm-account-panel{
  padding: 15px !important;
}
@media (min-width: 667px){
  #panelprofiel.mm-account-panel{
    padding: 15px !important;
  }
}
@media (max-width: 980px){
  #panelprofiel.mm-account-panel.pf-fotoview{
    padding: 0 !important;
  }
  #panelprofiel.mm-account-panel{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
  #panelprofiel.mm-account-panel > .inner{
    width: 100% !important;
    max-width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
}


.mmx-search{
  --mmx-text: var(--color-text);
  --mmx-muted2: color-mix(in srgb, var(--color-text) 68%, transparent);
  --mmx-field-bg: var(--color-menu-glass-trans);
  --mmx-field-brd: var(--color-menu-border);
  --mmx-card-bg: var(--mm-bg);
  --mmx-card-brd: var(--mm-brd);
  --mmx-hover-bg: var(--mm-bg-hover);
  --mmx-pill-bg: var(--color-footer-button);
  --mmx-pill-brd: var(--mm-brd);
  --mmx-suggest-bg: var(--color-menu-glass-full);
  --mmx-suggest-hover: color-mix(in srgb, var(--color-text) 10%, transparent);
}

.mmx-search .mmx-field{
  background: var(--mmx-field-bg) !important;
  border: 1px solid var(--mmx-field-brd) !important;
  color: var(--mmx-text) !important;
}
.mmx-search .mmx-input{
  color: var(--mmx-text) !important;
}
.mmx-search #zoekterm::placeholder{
  color: var(--mmx-muted2) !important;
}
.mmx-search .mmx-field:focus-within{
  border-color: color-mix(in srgb, var(--mmx-text) 24%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mmx-text) 12%, transparent) !important;
}

.mmx-search .mmx-card,
.mmx-search .mmx-help{
  background: var(--mmx-card-bg) !important;
  border-color: var(--mmx-card-brd) !important;
}
.mmx-search .mmx-acc-body,
.mmx-search .mmx-help-body{
  border-top-color: var(--mmx-card-brd) !important;
}
.mmx-search .mmx-acc-sum .mmx-badge{
  background: var(--mmx-pill-bg) !important;
  border-color: var(--mmx-pill-brd) !important;
  color: var(--mmx-text) !important;
}
.mmx-search .mmx-item:hover{
  background: var(--mmx-hover-bg) !important;
}
.mmx-search .mmx-item .mmx-box{
  border-color: color-mix(in srgb, var(--mmx-text) 32%, transparent) !important;
  background: color-mix(in srgb, var(--mmx-text) 8%, transparent) !important;
}
.mmx-search .mmx-item .mmx-box::after{
  background: var(--mmx-text) !important;
}

.mmx-search #mm-suggest.suggesties{
  background: var(--mmx-suggest-bg) !important;
  border-color: var(--mmx-field-brd) !important;
}
.mmx-search #mm-suggest.suggesties li:hover,
.mmx-search #mm-suggest.suggesties li.is-active{
  background: var(--mmx-suggest-hover) !important;
}
.mmx-search #mm-suggest.suggesties,
.mmx-search #mm-suggest.suggesties li,
.mmx-search #mm-suggest.suggesties .mmx-suggest-text,
.mmx-search #mm-suggest.suggesties .mmx-suggest-title,
.mmx-search #mm-suggest.suggesties .mmx-suggest-sub,
.mmx-search #mm-suggest.suggesties .mmx-suggest-count{
  color: var(--mmx-text) !important;
}

.mmx-search .mmx-pill--full{
  background: var(--mmx-pill-bg) !important;
  border: 1px solid var(--mmx-pill-brd) !important;
  color: var(--mmx-text) !important;
}
.mmx-search .mmx-pill--full:hover{
  color: var(--mmx-text) !important;
  filter: brightness(1.04);
}

.mmx-search .mmx-chip{
  background: color-mix(in srgb, var(--mmx-text) 8%, transparent) !important;
  border-color: color-mix(in srgb, var(--mmx-text) 18%, transparent) !important;
  color: var(--mmx-text) !important;
}
.mmx-search .mmx-chip:hover{
  background: color-mix(in srgb, var(--mmx-text) 14%, transparent) !important;
}
.mmx-search .mmx-chip.active{
  background: color-mix(in srgb, var(--mmx-text) 16%, var(--mmx-pill-bg)) !important;
  border-color: color-mix(in srgb, var(--mmx-text) 32%, transparent) !important;
  color: var(--mmx-text) !important;
}

.mmx-search .mmx-range{
  background: color-mix(in srgb, var(--mmx-text) 18%, transparent) !important;
}
.mmx-search .mmx-range::-webkit-slider-thumb{
  background: var(--mmx-text) !important;
}
.mmx-search .mmx-range::-moz-range-thumb{
  background: var(--mmx-text) !important;
}

.mm-active-filters .mm-chip{
  border-color: var(--mm-brd) !important;
  background:
    linear-gradient(135deg, rgba(169,160,146,.18), rgba(147,138,124,.14) 52%, rgba(182,172,156,.14)),
    var(--color-footer-button) !important;
  color: var(--color-text) !important;
  box-shadow: 0 6px 14px rgba(70,60,48,.10);
}
.mm-active-filters .mm-chip:hover{
  background:
    linear-gradient(135deg, rgba(169,160,146,.28), rgba(147,138,124,.24) 52%, rgba(182,172,156,.22)),
    var(--mm-bg-hover) !important;
  color: var(--color-text) !important;
  border-color: rgba(86,78,66,.22) !important;
  transform: translateY(-1px);
}
.mm-active-filters .mm-chip .mm-chip__x{
  background: color-mix(in srgb, var(--color-text) 16%, transparent) !important;
}
.mm-active-filters .mm-chip .mm-chip__x::before,
.mm-active-filters .mm-chip .mm-chip__x::after{
  background: var(--color-text) !important;
}

html[data-theme="dark"] .mm-active-filters .mm-chip{
  border-color: rgba(204,196,182,.24) !important;
  background:
    linear-gradient(135deg, rgba(58,60,64,.52), rgba(44,46,49,.46) 52%, rgba(74,76,80,.38)),
    rgba(20,21,23,.72) !important;
  color: rgba(247,243,232,.98) !important;
  box-shadow: 0 8px 18px rgba(10,11,12,.34);
}
html[data-theme="dark"] .mm-active-filters .mm-chip:hover{
  border-color: rgba(204,196,182,.38) !important;
  background:
    linear-gradient(135deg, rgba(73,75,79,.62), rgba(55,57,60,.56) 52%, rgba(89,91,96,.46)),
    rgba(24,25,27,.82) !important;
  color: rgba(247,243,232,.98) !important;
}
html[data-theme="dark"] .mm-active-filters .mm-chip .mm-chip__x{
  background: rgba(33,34,37,.86) !important;
}
html[data-theme="dark"] .mm-active-filters .mm-chip .mm-chip__x::before,
html[data-theme="dark"] .mm-active-filters .mm-chip .mm-chip__x::after{
  background: rgba(247,243,232,.95) !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-active-filters .mm-chip,
  html[data-theme="auto"] .mm-active-filters .mm-chip{
    border-color: rgba(204,196,182,.24) !important;
    background:
      linear-gradient(135deg, rgba(58,60,64,.52), rgba(44,46,49,.46) 52%, rgba(74,76,80,.38)),
      rgba(20,21,23,.72) !important;
    color: rgba(247,243,232,.98) !important;
  }
  html:not([data-theme]) .mm-active-filters .mm-chip:hover,
  html[data-theme="auto"] .mm-active-filters .mm-chip:hover{
    border-color: rgba(204,196,182,.38) !important;
    background:
      linear-gradient(135deg, rgba(73,75,79,.62), rgba(55,57,60,.56) 52%, rgba(89,91,96,.46)),
      rgba(24,25,27,.82) !important;
  }
  html:not([data-theme]) .mm-active-filters .mm-chip .mm-chip__x,
  html[data-theme="auto"] .mm-active-filters .mm-chip .mm-chip__x{
    background: rgba(33,34,37,.86) !important;
  }
  html:not([data-theme]) .mm-active-filters .mm-chip .mm-chip__x::before,
  html:not([data-theme]) .mm-active-filters .mm-chip .mm-chip__x::after,
  html[data-theme="auto"] .mm-active-filters .mm-chip .mm-chip__x::before,
  html[data-theme="auto"] .mm-active-filters .mm-chip .mm-chip__x::after{
    background: rgba(247,243,232,.95) !important;
  }
}

html[data-theme="dark"] .mmx-search{
  --mmx-text: #f7f3e8;
  --mmx-muted2: rgba(224,218,206,.70);
  --mmx-field-bg: rgba(29,30,32,.86);
  --mmx-field-brd: rgba(204,196,182,.26);
  --mmx-card-bg: rgba(29,30,32,.82);
  --mmx-card-brd: rgba(204,196,182,.24);
  --mmx-hover-bg: rgba(247,243,232,.08);
  --mmx-pill-bg: rgba(38,39,41,.88);
  --mmx-pill-brd: rgba(204,196,182,.24);
  --mmx-suggest-bg: rgba(29,30,32,.95);
  --mmx-suggest-hover: rgba(247,243,232,.12);
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mmx-search,
  html[data-theme="auto"] .mmx-search{
    --mmx-text: #f7f3e8;
    --mmx-muted2: rgba(224,218,206,.70);
    --mmx-field-bg: rgba(29,30,32,.86);
    --mmx-field-brd: rgba(204,196,182,.26);
    --mmx-card-bg: rgba(29,30,32,.82);
    --mmx-card-brd: rgba(204,196,182,.24);
    --mmx-hover-bg: rgba(247,243,232,.08);
    --mmx-pill-bg: rgba(38,39,41,.88);
    --mmx-pill-brd: rgba(204,196,182,.24);
    --mmx-suggest-bg: rgba(29,30,32,.95);
    --mmx-suggest-hover: rgba(247,243,232,.12);
  }
}


html[data-theme="light"] .mmx-search,
html:not([data-theme]) .mmx-search{
  --mmx-text: #262729;
  --mmx-muted2: rgba(86,78,66,.64);
  --mmx-field-bg: rgba(255,253,249,.98);
  --mmx-field-brd: rgba(38,39,41,.16);
  --mmx-card-bg: rgba(255,252,246,.94);
  --mmx-card-brd: rgba(38,39,41,.12);
  --mmx-hover-bg: rgba(38,39,41,.06);
  --mmx-pill-bg: rgba(246,241,233,.98);
  --mmx-pill-brd: rgba(38,39,41,.16);
  --mmx-suggest-bg: rgba(255,253,249,.99);
  --mmx-suggest-hover: rgba(38,39,41,.08);
}
html[data-theme="light"] .mmx-search .mmx-field,
html[data-theme="light"] .mmx-search .mmx-card,
html[data-theme="light"] .mmx-search .mmx-help,
html[data-theme="light"] .mmx-search #mm-suggest.suggesties,
html:not([data-theme]) .mmx-search .mmx-field,
html:not([data-theme]) .mmx-search .mmx-card,
html:not([data-theme]) .mmx-search .mmx-help,
html:not([data-theme]) .mmx-search #mm-suggest.suggesties{
  box-shadow: 0 8px 18px rgba(70,60,48,.10);
}


html[data-theme="light"] .mmx-search .mmx-field,
html:not([data-theme]) .mmx-search .mmx-field{
  box-shadow: none !important;
  border-color: rgba(38,39,41,.12) !important;
}

html[data-theme="light"] #zoeken3.mmx-search #footer3-filter .mmx-card,
html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card{
  box-shadow: none !important;
}

html[data-theme="light"] .mmx-search .mmx-btn--primary,
html:not([data-theme]) .mmx-search .mmx-btn--primary{
  background: linear-gradient(180deg, #b8aa91, #a8997f) !important;
  border-color: rgba(108,96,80,.45) !important;
  color: #f7f3e8 !important;
}
html[data-theme="light"] .mmx-search .mmx-btn--primary *,
html:not([data-theme]) .mmx-search .mmx-btn--primary *{
  color: #f7f3e8 !important;
}
html[data-theme="light"] .mmx-search .mmx-btn--primary:hover,
html:not([data-theme]) .mmx-search .mmx-btn--primary:hover{
  background: linear-gradient(180deg, #c4b79f, #b2a288) !important;
  border-color: rgba(108,96,80,.62) !important;
}

html[data-theme="light"] .mmx-search .mmx-btn--ghost,
html:not([data-theme]) .mmx-search .mmx-btn--ghost{
  background: rgba(247,243,232,.95) !important;
  border-color: rgba(38,39,41,.22) !important;
  color: #262729 !important;
}
html[data-theme="light"] .mmx-search .mmx-btn--ghost:hover,
html:not([data-theme]) .mmx-search .mmx-btn--ghost:hover{
  background: rgba(246,241,233,.99) !important;
}


.mmx-fieldwrap.mmx-suggest-open .mmx-field{
  border-bottom: 1px solid rgba(38,39,41,.12) !important;
  box-shadow: none !important;
}
.mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties{
  border-top: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .mmx-fieldwrap.mmx-suggest-open .mmx-field{
  border-bottom-color: rgba(160,146,124,.22) !important;
}


html[data-theme="dark"] #zoeken3.mmx-search .mmx-field{
  background: rgba(29,30,32,.92) !important;
  border-color: rgba(124,127,121,.34) !important;
  color: #f7f3e8 !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #mm-suggest.suggesties{
  background: rgba(29,30,32,.95) !important;
  border-color: rgba(124,127,121,.34) !important;
}
html[data-theme="dark"] #zoeken3.mmx-search .mmx-card,
html[data-theme="dark"] #zoeken3.mmx-search .mmx-help,
html[data-theme="dark"] #zoeken3.mmx-search .mmx-filters{
  background: rgba(29,30,32,.82) !important;
  border-color: rgba(204,196,182,.24) !important;
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card{
  background: transparent !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-filters{
  background: transparent !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-stack{
  background: transparent !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-body{
  background: transparent !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-sum{
  background: rgba(29,30,32,.82) !important;
  border-radius: var(--mmx-ri) !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc[open] > .mmx-acc-sum{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html[data-theme="dark"] #zoeken3.mmx-search .mmx-actions--top{
  background: rgba(47,48,51,.82) !important;
}
html[data-theme="dark"] #zoeken3.mmx-search .mmx-tech-row .mmx-input{
  background: rgba(29,30,32,.86) !important;
  border-color: rgba(124,127,121,.34) !important;
  color: #f7f3e8 !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3.mmx-search .mmx-field,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-field{
    background: rgba(29,30,32,.92) !important;
    border-color: rgba(124,127,121,.34) !important;
    color: #f7f3e8 !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #mm-suggest.suggesties,
  html[data-theme="auto"] #zoeken3.mmx-search #mm-suggest.suggesties{
    background: rgba(29,30,32,.95) !important;
    border-color: rgba(124,127,121,.34) !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search .mmx-card,
  html:not([data-theme]) #zoeken3.mmx-search .mmx-help,
  html:not([data-theme]) #zoeken3.mmx-search .mmx-filters,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-card,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-help,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-filters{
    background: rgba(29,30,32,.82) !important;
    border-color: rgba(204,196,182,.24) !important;
  }

  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card{
    background: transparent !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-filters{
    background: transparent !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-stack,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-stack{
    background: transparent !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-body,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-body{
    background: transparent !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-sum{
    background: rgba(29,30,32,.82) !important;
    border-radius: var(--mmx-ri) !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc[open] > .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc[open] > .mmx-acc-sum{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search .mmx-actions--top,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-actions--top{
    background: rgba(47,48,51,.82) !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search .mmx-tech-row .mmx-input,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-tech-row .mmx-input{
    background: rgba(29,30,32,.86) !important;
    border-color: rgba(124,127,121,.34) !important;
    color: #f7f3e8 !important;
  }
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mmx-fieldwrap.mmx-suggest-open .mmx-field,
  html[data-theme="auto"] .mmx-fieldwrap.mmx-suggest-open .mmx-field{
    border-bottom-color: rgba(204,196,182,.22) !important;
  }
}


html[data-theme="dark"] .panel > .closer{
  background-image: url("images/close.svg");
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]) .panel > .closer,
  html[data-theme="auto"] .panel > .closer{
    background-image: url("images/close.svg");
  }
}


html[data-theme="dark"] #zoeken3.mmx-search{
  color: #f7f3e8 !important;
}

html[data-theme="dark"] #zoeken3.mmx-search,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-zoek,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter{
  background: transparent !important;
}


html[data-theme="dark"] #zoeken3.mmx-search .mmx-field{
  background: rgba(29,30,32,.88) !important;
  border: 1px solid rgba(124,127,121,.34) !important;
  color: #f7f3e8 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #zoekterm::placeholder{
  color: rgba(224,218,206,.68) !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #mm-suggest.suggesties{
  background: rgba(29,30,32,.96) !important;
  border: 1px solid rgba(124,127,121,.34) !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #mm-suggest.suggesties li:hover,
html[data-theme="dark"] #zoeken3.mmx-search #mm-suggest.suggesties li.is-active{
  background: rgba(255,255,255,.10) !important;
}


html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-filters{
  background: transparent !important;
  border: 0 !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-stack{
  background: transparent !important;
}


html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card{
  background: transparent !important;
  border: 1px solid rgba(204,196,182,.24) !important;
  border-radius: 16px !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc{
  border-radius: 16px !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-sum{
  background: rgba(29,30,32,.86) !important;
  border-radius: 14px !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc[open] > .mmx-acc-sum{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-body{
  background: rgba(29,30,32,.72) !important;
  border-top: 1px solid rgba(204,196,182,.24) !important;
  border-bottom-left-radius: var(--mmx-ri) !important;
  border-bottom-right-radius: var(--mmx-ri) !important;
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-item:hover{
  background: rgba(124,127,121,.18) !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-acc-sum .mmx-badge{
  background: rgba(29,30,32,.88) !important;
  border-color: rgba(204,196,182,.26) !important;
  color: #f7f3e8 !important;
}


html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom{
  background: linear-gradient(180deg, rgba(29,30,32,0), rgba(29,30,32,.86) 36%, rgba(29,30,32,.94)) !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-btn--primary{
  background: #f7f3e8 !important;
  background-image: none !important;
  color: #262729 !important;
  border-color: #f7f3e8 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-btn--ghost{
  background: rgba(47,48,51,.82) !important;
  background-image: none !important;
  color: #f7f3e8 !important;
  border-color: rgba(204,196,182,.30) !important;
  box-shadow: none !important;
  filter: none !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3.mmx-search,
  html[data-theme="auto"] #zoeken3.mmx-search{
    color: #f7f3e8 !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-filters{
    background: transparent !important;
    border: 0 !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card{
    background: transparent !important;
    border: 1px solid rgba(204,196,182,.24) !important;
    border-radius: 16px !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-sum{
    background: rgba(29,30,32,.86) !important;
    border-radius: 14px !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-body,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card .mmx-acc-body{
    background: rgba(29,30,32,.72) !important;
    border-top: 1px solid rgba(204,196,182,.24) !important;
    border-bottom-left-radius: var(--mmx-ri) !important;
    border-bottom-right-radius: var(--mmx-ri) !important;
  }
}


html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-filters,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-stack,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-acc-body{
  background: transparent !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card{
  border-color: transparent !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-acc-sum{
  background: rgba(29,30,32,.90) !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom{
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-btn--primary,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-btn--ghost{
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-filters,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-stack,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-stack,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-acc-body{
    background: transparent !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card{
    border-color: transparent !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-acc-sum{
    background: rgba(29,30,32,.90) !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom{
    background: transparent !important;
    box-shadow: none !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-btn--primary,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-btn--ghost,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-btn--primary,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-btn--ghost{
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
  }
}


html[data-theme="dark"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-field{
  border-bottom: 1px solid var(--mmx-field-brd) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html[data-theme="dark"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties{
  border-top: 0 !important;
}

html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filters,
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum{
  border: 1px solid var(--mmx-field-brd) !important;
  border-radius: var(--mmx-ri) !important;
  box-shadow: none !important;
  background: rgba(29,30,32,.90) !important;
}
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
  border-bottom-color: var(--mmx-field-brd) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
  border: 1px solid var(--mmx-field-brd) !important;
  border-top: 1px solid var(--mmx-field-brd) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: var(--mmx-ri) !important;
  border-bottom-right-radius: var(--mmx-ri) !important;
  box-shadow: none !important;
  background: rgba(29,30,32,.90) !important;
  background-clip: padding-box !important;
  overflow: hidden !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-field,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-field{
    border-bottom: 1px solid var(--mmx-field-brd) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties{
    border-top: 0 !important;
  }

  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filters,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum{
    border: 1px solid var(--mmx-field-brd) !important;
    border-radius: var(--mmx-ri) !important;
    box-shadow: none !important;
    background: rgba(29,30,32,.90) !important;
  }
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
    border-bottom-color: var(--mmx-field-brd) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
    border: 1px solid var(--mmx-field-brd) !important;
    border-top: 1px solid var(--mmx-field-brd) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: var(--mmx-ri) !important;
    border-bottom-right-radius: var(--mmx-ri) !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}


.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog{
  background: #f5efe5 !important;
  color: #2a241b !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *{
  color: #2a241b !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i{
  color: #c79f51 !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card{
  background: rgba(255,252,247,.96) !important;
  border: 1px solid rgba(92,71,51,.16) !important;
  box-shadow: none !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body{
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.16) !important;
  box-shadow: none !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-text,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-title{
  color: #2f2a23 !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count{
  color: rgba(42,36,27,.68) !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-box{
  border-color: rgba(42,36,27,.28) !important;
  background: rgba(42,36,27,.04) !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box{
  border-color: rgba(42,36,27,.48) !important;
  background: rgba(42,36,27,.08) !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after{
  background: #2f2a23 !important;
}


.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog{
  background: #f5efe5 !important;
  color: #2a241b !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3.mmx-search{
  --mmx-text: #2a241b !important;
  --mmx-muted2: rgba(42,36,27,.72) !important;
  --mmx-field-bg: rgba(255,252,247,.96) !important;
  --mmx-field-brd: rgba(92,71,51,.16) !important;
  --mmx-card-bg: rgba(255,252,247,.96) !important;
  --mmx-card-brd: rgba(92,71,51,.16) !important;
  --mmx-hover-bg: rgba(43,34,27,.06) !important;
  color: #2a241b !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *{
  color: #2a241b !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i{
  color: #c79f51 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc{
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.16) !important;
  box-shadow: none !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body{
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.16) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-text,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-title{
  color: #2f2a23 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count{
  color: rgba(42,36,27,.68) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-box{
  border-color: rgba(42,36,27,.28) !important;
  background: rgba(42,36,27,.04) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box{
  border-color: rgba(42,36,27,.48) !important;
  background: rgba(42,36,27,.08) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after{
  background: #2f2a23 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack__col{
  display: grid;
  gap: 1rem;
  align-content: start;
  min-width: 0;
}


body.home-page,
body.shoot-page{
  --mm-page-btn-h: 52px;
}

body.home-page .mmbar{
  --mm-h: var(--mm-page-btn-h);
}

body.home-page .download-button,
body.home-page .download-button2,
body.home-page .loadmore-button,
body.home-page .refresh-btn,
body.home-page .no-results-btn,
body.home-page .footer-bottom-item,
body.home-page .footer-bottom-item-sub,
body.home-page .item4 .icons li,
body.home-page .menu-home,
body.home-page .menu-main,
body.home-page .menu-blog,
body.home-page .menu-downloads,
body.home-page .mmx-btn,
body.home-page .mm-btn,
body.shoot-page .download-button,
body.shoot-page .download-button2,
body.shoot-page .loadmore-button,
body.shoot-page .refresh-btn,
body.shoot-page .no-results-btn,
body.shoot-page .footer-bottom-item,
body.shoot-page .footer-bottom-item-sub,
body.shoot-page .item4 .icons li,
body.shoot-page .menu-home,
body.shoot-page .menu-main,
body.shoot-page .menu-blog,
body.shoot-page .menu-downloads,
body.shoot-page .mmx-btn,
body.shoot-page .mm-btn{
  height: var(--mm-page-btn-h);
  min-height: var(--mm-page-btn-h);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.home-page .grid-intro-container .item4 .icons li,
body.home-page .footer-bottom-item,
body.home-page .footer-bottom-item-sub,
body.shoot-page .footer-bottom-item,
body.shoot-page .footer-bottom-item-sub{
  height: auto;
  min-height: 40px;
  justify-content: flex-start;
  padding: .52rem .68rem;
}

body.home-page .burger-topmenu,
body.shoot-page .burger-topmenu{
  width: var(--mm-page-btn-h);
  height: var(--mm-page-btn-h);
}

body.home-page .footer-bottom,
body.shoot-page .footer-bottom{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.home-page .footer-bottom-item,
body.home-page .footer-bottom-item-sub,
body.shoot-page .footer-bottom-item,
body.shoot-page .footer-bottom-item-sub{
  display: flex;
  width: 100%;
  justify-self: stretch;
}

body.home-page .mm-lang-select-wrap--footer .mm-lang-select-button,
body.shoot-page .mm-lang-select-wrap--footer .mm-lang-select-button{
  height: auto;
  min-height: 40px;
  justify-content: flex-start;
  padding: .52rem 2.35rem .52rem .68rem;
}

body.home-page .mm-lang-select-wrap--footer,
body.shoot-page .mm-lang-select-wrap--footer{
  width: max-content;
  justify-self: end;
}

@media (min-width: 1024px){
  body.home-page .footer-bottom,
  body.shoot-page .footer-bottom{
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

@media (max-width: 768px){
  body.home-page,
  body.shoot-page{
    --mm-page-btn-h: 48px;
  }
}


html[data-theme="dark"] #zoeken3 #footer3-filter .mmx-acc:not([open]) > .mmx-acc-sum{
  border-radius: var(--mmx-ri) !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3 #footer3-filter .mmx-acc:not([open]) > .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3 #footer3-filter .mmx-acc:not([open]) > .mmx-acc-sum{
    border-radius: var(--mmx-ri) !important;
  }
}


#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filters,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum{
  border: 1px solid var(--mmx-field-brd) !important;
  border-radius: var(--mmx-ri) !important;
  box-shadow: none !important;
}

#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
  border: 1px solid var(--mmx-field-brd) !important;
  border-top: 0 !important;
  border-bottom-left-radius: var(--mmx-ri) !important;
  border-bottom-right-radius: var(--mmx-ri) !important;
  box-shadow: none !important;
}


html[data-theme="light"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
  border-bottom-color: var(--mmx-field-brd) !important;
}
html[data-theme="light"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
  border-top: 1px solid var(--mmx-field-brd) !important;
}

@media (prefers-color-scheme: light){
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
    border-bottom-color: var(--mmx-field-brd) !important;
  }
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
    border-top: 1px solid var(--mmx-field-brd) !important;
  }
}


html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack{
  gap: .75rem !important;
}
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: rgba(29,30,32,.90) !important;
  border-radius: var(--mmx-ri) !important;
}
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
  border-radius: var(--mmx-ri) !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack{
    gap: .75rem !important;
  }
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: rgba(29,30,32,.90) !important;
    border-radius: var(--mmx-ri) !important;
  }
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
    border-radius: var(--mmx-ri) !important;
  }
}


#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card .mmx-acc-body,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
  border-top: 0 !important;
}

#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card .mmx-acc[open] > .mmx-acc-sum,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
  border-bottom: 0 !important;
}


html[data-theme="dark"] #zoeken3 #footer3-filter,
html[data-theme="dark"] #zoeken3 #footer3-filter .mmx-filters,
html[data-theme="dark"] #zoeken3 #footer3-filter .mmx-filters.mmx-filters--always,
html[data-theme="dark"] #zoeken3 #footer3-filter .mmx-stack{
  border: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-inline: 0 !important;
  border-block: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html[data-theme="dark"] #zoeken3 #footer3-filter .mmx-filters::before,
html[data-theme="dark"] #zoeken3 #footer3-filter .mmx-filters::after,
html[data-theme="dark"] #zoeken3 #footer3-filter .mmx-stack::before,
html[data-theme="dark"] #zoeken3 #footer3-filter .mmx-stack::after{
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-row{
  border-bottom: 0 !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3 #footer3-filter,
  html:not([data-theme]) #zoeken3 #footer3-filter .mmx-filters,
  html:not([data-theme]) #zoeken3 #footer3-filter .mmx-filters.mmx-filters--always,
  html:not([data-theme]) #zoeken3 #footer3-filter .mmx-stack,
  html[data-theme="auto"] #zoeken3 #footer3-filter,
  html[data-theme="auto"] #zoeken3 #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3 #footer3-filter .mmx-filters.mmx-filters--always,
  html[data-theme="auto"] #zoeken3 #footer3-filter .mmx-stack{
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-inline: 0 !important;
    border-block: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html:not([data-theme]) #zoeken3 #footer3-filter .mmx-filters::before,
  html:not([data-theme]) #zoeken3 #footer3-filter .mmx-filters::after,
  html:not([data-theme]) #zoeken3 #footer3-filter .mmx-stack::before,
  html:not([data-theme]) #zoeken3 #footer3-filter .mmx-stack::after,
  html[data-theme="auto"] #zoeken3 #footer3-filter .mmx-filters::before,
  html[data-theme="auto"] #zoeken3 #footer3-filter .mmx-filters::after,
  html[data-theme="auto"] #zoeken3 #footer3-filter .mmx-stack::before,
  html[data-theme="auto"] #zoeken3 #footer3-filter .mmx-stack::after{
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-row,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-row{
    border-bottom: 0 !important;
  }
}


html[data-theme="dark"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-field{
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties{
  border-top: 0 !important;
  margin-top: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-filters,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-stack{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-field,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-field{
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties{
    border-top: 0 !important;
    margin-top: 0 !important;
    box-shadow: none !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-filters,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-stack,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-stack{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}


html[data-theme="dark"] #zoeken3.mmx-search .mmx-field{
  border-width: 1px !important;
  border-color: rgba(204,196,182,.22) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-filters{
  border: 1px solid rgba(204,196,182,.18) !important;
  border-radius: var(--mmx-r) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-acc{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-acc-sum{
  border: 1px solid rgba(204,196,182,.22) !important;
  border-radius: 999px !important;
  background: rgba(29,30,32,.86) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-acc-body{
  border-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3.mmx-search .mmx-field,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-field{
    border-width: 1px !important;
    border-color: rgba(204,196,182,.22) !important;
    box-shadow: none !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-filters{
    border: 1px solid rgba(204,196,182,.18) !important;
    border-radius: var(--mmx-r) !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-acc,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-acc{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-acc-sum{
    border: 1px solid rgba(204,196,182,.22) !important;
    border-radius: 999px !important;
    background: rgba(29,30,32,.86) !important;
    box-shadow: none !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-acc-body{
    border-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}


#sorteer-flow .fade-in-right-fast-sort{
  opacity: 1 !important;
  transform: none !important;
}


html[data-theme="dark"] #zoeken3.mmx-search .mmx-field{
  border-width: 1px !important;
  border-color: rgba(204,196,182,.22) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-filters,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-stack,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-acc,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-acc-body{
  background: transparent !important;
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-card{
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-filters{
  border: 0 !important;
  border-radius: var(--mmx-r) !important;
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-acc-sum{
  background: rgba(29,30,32,.90) !important;
  border: 1px solid rgba(204,196,182,.12) !important;
  border-radius: var(--mmx-ri) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
  border-bottom: 0 !important;
  border-top-left-radius: var(--mmx-ri) !important;
  border-top-right-radius: var(--mmx-ri) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom{
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-btn--primary,
html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-btn--ghost{
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3.mmx-search .mmx-field,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-field{
    border-width: 1px !important;
    border-color: rgba(204,196,182,.22) !important;
    box-shadow: none !important;
  }

  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-filters,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-stack,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-acc,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-stack,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-acc,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-acc-body{
    background: transparent !important;
  }

  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-card{
    border: 0 !important;
    box-shadow: none !important;
  }

  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-filters{
    border: 0 !important;
    border-radius: var(--mmx-r) !important;
  }

  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-acc-sum{
    background: rgba(29,30,32,.90) !important;
    border: 1px solid rgba(204,196,182,.12) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-acc[open] > .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
    border-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom{
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-btn--primary,
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-btn--ghost,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-btn--primary,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-btn--ghost{
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
  }
}


html[data-theme="dark"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-field{
  border-bottom: 1px solid var(--mmx-field-brd) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html[data-theme="dark"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties{
  border-top: 0 !important;
}

html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filters,
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum{
  border: 1px solid var(--mmx-field-brd) !important;
  border-radius: var(--mmx-ri) !important;
  box-shadow: none !important;
  background: rgba(29,30,32,.90) !important;
}
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
  border-bottom-color: var(--mmx-field-brd) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html[data-theme="dark"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
  border: 1px solid var(--mmx-field-brd) !important;
  border-top: 1px solid var(--mmx-field-brd) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: var(--mmx-ri) !important;
  border-bottom-right-radius: var(--mmx-ri) !important;
  box-shadow: none !important;
  background: rgba(29,30,32,.90) !important;
  background-clip: padding-box !important;
  overflow: hidden !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-field,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open .mmx-field{
    border-bottom: 1px solid var(--mmx-field-brd) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  html:not([data-theme]) #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties,
  html[data-theme="auto"] #zoeken3.mmx-search .mmx-fieldwrap.mmx-suggest-open > #mm-suggest.suggesties{
    border-top: 0 !important;
  }

  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filters,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filters,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-card,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-sum{
    border: 1px solid var(--mmx-field-brd) !important;
    border-radius: var(--mmx-ri) !important;
    box-shadow: none !important;
    background: rgba(29,30,32,.90) !important;
  }
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc[open] > .mmx-acc-sum{
    border-bottom-color: var(--mmx-field-brd) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  html:not([data-theme]) #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-acc-body{
    border: 1px solid var(--mmx-field-brd) !important;
    border-top: 1px solid var(--mmx-field-brd) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: var(--mmx-ri) !important;
    border-bottom-right-radius: var(--mmx-ri) !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}


.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog{
  background: #f5efe5 !important;
  color: #2a241b !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *{
  color: #2a241b !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i{
  color: #c79f51 !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card{
  background: rgba(255,252,247,.96) !important;
  border: 1px solid rgba(92,71,51,.16) !important;
  box-shadow: none !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body{
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.16) !important;
  box-shadow: none !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-text,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-title{
  color: #2f2a23 !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count{
  color: rgba(42,36,27,.68) !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-box{
  border-color: rgba(42,36,27,.28) !important;
  background: rgba(42,36,27,.04) !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box{
  border-color: rgba(42,36,27,.48) !important;
  background: rgba(42,36,27,.08) !important;
}
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after{
  background: #2f2a23 !important;
}


.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #zoeken3{
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter{
  display: block !important;
  min-height: 0 !important;
  padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
  overflow: visible !important;
  max-height: none !important;
  padding-bottom: 0 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
  position: sticky !important;
  bottom: 0 !important;
  z-index: 5 !important;
  background: transparent !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary{
  background: linear-gradient(180deg, #b8aa91, #a8997f) !important;
  border-color: rgba(108,96,80,.45) !important;
  color: #f7f3e8 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary *,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary span{
  color: #f7f3e8 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary:hover{
  background: linear-gradient(180deg, #c4b79f, #b2a288) !important;
  border-color: rgba(108,96,80,.62) !important;
}


#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter{
  padding-bottom: 0 !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack{
  padding-bottom: 0 !important;
}


#footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog{
  padding-bottom: 0 !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom{
  bottom: 1.25rem !important;
  padding: .7rem !important;
  padding-bottom: .7rem !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog{
  background: #141517 !important;
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 *{
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i{
  color: #d2a84f !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__title,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__title{
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filters,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-card,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-sum,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-body{
  background: rgba(29, 30, 32, .92) !important;
  border-color: rgba(204, 196, 182, .22) !important;
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-text,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-title,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-text,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-title{
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-count{
  color: rgba(247, 243, 232, .72) !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-box,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-box{
  border-color: rgba(247, 243, 232, .34) !important;
  background: rgba(247, 243, 232, .06) !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after{
  background: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary{
  background: linear-gradient(180deg, #b8aa91, #a8997f) !important;
  border-color: rgba(204, 196, 182, .28) !important;
  color: #f7f3e8 !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary *,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary *{
  color: #f7f3e8 !important;
}
@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog{
    background: #141517 !important;
    color: #f7f3e8 !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 *,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #zoeken3,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 *,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 *{
    color: #f7f3e8 !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow *,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #zoeken3 .mmx-sheet-head__eyebrow i{
    color: #d2a84f !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filters,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filters,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filters,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-card,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-acc-body,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-card,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-sum,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-body,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-card,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-sum,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-acc-body{
    background: rgba(29, 30, 32, .92) !important;
    border-color: rgba(204, 196, 182, .22) !important;
    color: #f7f3e8 !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-count,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-count,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-count{
    color: rgba(247, 243, 232, .72) !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-box,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-box,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-box,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-box{
    border-color: rgba(247, 243, 232, .34) !important;
    background: rgba(247, 243, 232, .06) !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-check:checked + .mmx-box::after{
    background: #f7f3e8 !important;
  }

  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary *,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-btn--primary *,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary *,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-btn--primary *{
    color: #f7f3e8 !important;
  }
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom .mmx-btn--primary,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary{
  background: linear-gradient(180deg, #b8aa91, #a8997f) !important;
  background-color: #a8997f !important;
  background-image: linear-gradient(180deg, #b8aa91, #a8997f) !important;
  border-color: rgba(204, 196, 182, .28) !important;
  box-shadow: none !important;
  color: #f7f3e8 !important;
  -webkit-text-fill-color: #f7f3e8 !important;
}

html[data-theme="dark"] #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom .mmx-btn--primary *,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary *,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary *{
  color: #f7f3e8 !important;
  -webkit-text-fill-color: #f7f3e8 !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom .mmx-btn--primary,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom .mmx-btn--primary,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary{
    background: linear-gradient(180deg, #b8aa91, #a8997f) !important;
    background-color: #a8997f !important;
    background-image: linear-gradient(180deg, #b8aa91, #a8997f) !important;
    border-color: rgba(204, 196, 182, .28) !important;
    box-shadow: none !important;
    color: #f7f3e8 !important;
    -webkit-text-fill-color: #f7f3e8 !important;
  }

  html:not([data-theme]) #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom .mmx-btn--primary *,
  html[data-theme="auto"] #zoeken3.mmx-search #footer3-filter .mmx-actions--bottom .mmx-btn--primary *,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary *,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary *,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary *,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom .mmx-btn--primary *{
    color: #f7f3e8 !important;
    -webkit-text-fill-color: #f7f3e8 !important;
  }
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
  background: #f5efe5 !important;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
  background: #141517 !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
    background: #141517 !important;
  }
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
  background: #101113 !important;
  background-color: #101113 !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
    background: #101113 !important;
    background-color: #101113 !important;
  }
}

html.mm-popup-browser-tint,
body.mm-popup-browser-tint{
  background: var(--mm-popup-browser-tint-color, #f5efe5) !important;
  background-color: var(--mm-popup-browser-tint-color, #f5efe5) !important;
}

html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
  background: #141517 !important;
  background-color: #141517 !important;
}

html[data-theme="light"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
html[data-theme="light"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
html[data-theme="light"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
html[data-theme="light"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
  background: #f5efe5 !important;
  background-color: #f5efe5 !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
    background: #141517 !important;
    background-color: #141517 !important;
  }
}

@media (prefers-color-scheme: light){
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode > .mm-index-search-sheet__dialog,
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
    background: #f5efe5 !important;
    background-color: #f5efe5 !important;
  }
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
  padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
  scroll-padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
}

@media (min-width: 768px){
  #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack,
  .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
    padding-bottom: 0 !important;
    scroll-padding-bottom: 0 !important;
  }
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
  isolation: isolate !important;
  overflow: visible !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom::before,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom::before{
  content: "" !important;
  position: absolute !important;
  left: -2rem !important;
  right: -2rem !important;
  top: -2rem !important;
  bottom: -120px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: #f5efe5 !important;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom::before,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom::before{
  background: #141517 !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom::before,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom::before,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom::before,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom::before{
    background: #141517 !important;
  }
}

@supports (padding-bottom: env(safe-area-inset-bottom)){
  body.mm-popup-browser-tint::after{
    content: none !important;
    display: none !important;
  }
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom,
html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom,
html[data-theme="light"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
html[data-theme="light"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  isolation: auto !important;
  overflow: visible !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom::before,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom::before{
  content: none !important;
  display: none !important;
  background: transparent !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    isolation: auto !important;
  }

  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom::before,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-actions--bottom::before,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom::before,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-actions--bottom::before{
    content: none !important;
    display: none !important;
    background: transparent !important;
  }
}

.mm-feed-viewer__search-modal .mm-feed-shoot-modal__dialog{
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.mm-feed-viewer__search-modal .mm-feed-shoot-action-panel{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

.mm-feed-viewer__search-modal .mm-feed-shoot-modal__close{
  position: absolute !important;
  top: .85rem !important;
  right: .85rem !important;
  z-index: 20 !important;
}

@media (min-width: 768px){
  .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-action-panel,
  .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-search-card,
  .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-search-host,
  .mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
  .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
    padding-bottom: 0 !important;
    scroll-padding-bottom: 0 !important;
  }
}

.mm-feed-shoot-modal__dialog.mm-sheet-resizable > .mm-feed-shoot-action-panel,
.mm-feed-shoot-modal__dialog.mm-sheet-resizable > .mm-feed-more-panel{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

.mm-feed-shoot-modal__dialog.mm-sheet-resizable > .mm-feed-shoot-modal__close{
  position: absolute !important;
  z-index: 20 !important;
}

@media (min-width: 768px){
  .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog.mm-sheet-resizable{
    height: auto !important;
    min-height: 0 !important;
    max-height: min(90dvh, 60rem) !important;
  }

  .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-action-panel{
    flex: 0 1 auto !important;
    min-height: 0 !important;
  }
}

.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-action-panel,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-search-card,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-search-host,
.mm-feed-viewer__search-modal.is-filter-mode #zoeken3,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
  padding-bottom: 0 !important;
  scroll-padding-bottom: 0 !important;
}

.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog{
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-action-panel{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__close{
  position: absolute !important;
  top: .85rem !important;
  right: .85rem !important;
  z-index: 20 !important;
}

@media (min-width: 768px){
  .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog.mm-sheet-resizable{
    height: var(--mm-sheet-height, 95dvh) !important;
    max-height: 95dvh !important;
  }
}


#footer3.mm-index-search-sheet{
  position: fixed !important;
  z-index: 2147483002 !important;
}


.mm-site-popup,
.mm-index-info-sheet,
#footer3.mm-index-search-sheet,
.mm-feed-shoot-modal{
  --mm-popup-light-bg: #f5efe5;
  --mm-popup-dark-bg: #141517;
  --mm-popup-light-text: #2a241b;
  --mm-popup-dark-text: #f7f3e8;
  --mm-popup-accent: #c79f51;
  --mm-popup-radius: 18px;
  --mm-popup-max-height: 95dvh;
  --mm-popup-mobile-max-height: 90dvh;
}

.mm-index-info-sheet > .closer,
#footer3.mm-index-search-sheet > .closer{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.mm-site-popup__dialog,
.mm-index-info-sheet > .mm-index-info-sheet__dialog,
#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog,
.mm-feed-shoot-modal__dialog{
  min-height: 0;
  border-radius: var(--mm-popup-radius) !important;
}

.mm-site-popup__dialog.mm-sheet-resizable,
.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable,
#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable,
.mm-feed-shoot-modal__dialog.mm-sheet-resizable{
  height: var(--mm-sheet-height, auto);
  max-height: var(--mm-popup-max-height);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-x: hidden;
}

.mm-site-popup__dialog.mm-sheet-resizable::after,
.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable::after,
#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable::after,
.mm-feed-shoot-modal__dialog.mm-sheet-resizable::after{
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 4.35rem;
  pointer-events: none;
  opacity: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background: linear-gradient(
    to bottom,
    var(--mm-popup-light-bg) 0%,
    color-mix(in srgb, var(--mm-popup-light-bg) 92%, transparent) 52%,
    color-mix(in srgb, var(--mm-popup-light-bg) 0%, transparent) 100%
  );
  transition: opacity .18s ease;
}

.mm-site-popup__dialog.mm-sheet-resizable.mm-sheet-has-top-fade::after,
.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable.mm-sheet-has-top-fade::after,
#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable.mm-sheet-has-top-fade::after,
.mm-feed-shoot-modal__dialog.mm-sheet-resizable.mm-sheet-has-top-fade::after{
  opacity: 1;
}

.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .mm-index-info-sheet__body,
#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable .mm-index-search-sheet__body{
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding-bottom: calc(1.75rem + env(safe-area-inset-bottom));
  scroll-padding-bottom: calc(1.75rem + env(safe-area-inset-bottom));
}

@media (min-width: 768px){
  .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable{
    padding-bottom: 0 !important;
  }

  .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .mm-index-info-sheet__body,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable .mm-index-search-sheet__body{
    padding-bottom: calc(1.75rem + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: calc(1.75rem + env(safe-area-inset-bottom)) !important;
  }

  .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .mm-index-info-sheet__content,
  #footer2.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .mm-index-info-sheet__content,
  #footer2.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .gear-section,
  #footer2.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .gear-wrapper,
  #footer2.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .gear-category:last-child,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable #zoeken3,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable #footer3-zoek,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable #footer3-filter{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .mm-index-info-sheet__content > :last-child,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable #footer3-zoek > :last-child,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable #footer3-filter > :last-child{
    margin-bottom: 0 !important;
  }
}

.mm-feed-shoot-modal__dialog.mm-sheet-resizable > :not(.mm-sheet-resize-handle):not(.mm-feed-shoot-modal__close){
  min-height: 0;
}

.mm-sheet-resize-handle{
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: .5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 7.25rem;
  height: 1.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  cursor: ns-resize;
  touch-action: none;
}

.mm-sheet-resize-handle::before{
  content: "";
  width: 3.25rem;
  height: .34rem;
  border-radius: 999px;
  background: rgba(120, 110, 96, .55);
  box-shadow: 0 1px 0 rgba(255,255,255,.18) inset;
  transition: background-color .18s ease, transform .18s ease;
}

.mm-sheet-resize-handle:hover::before,
.mm-sheet-resize-handle:focus-visible::before,
.mm-sheet-resize-handle.is-dragging::before{
  background: rgba(120, 110, 96, .82);
  transform: scale(1.04);
}

.mm-sheet-resize-handle:focus-visible{
  outline: none;
}

.mm-sheet-resize-handle:focus-visible::before{
  box-shadow: 0 0 0 3px rgba(199,159,81,.2);
}

html[data-theme="dark"] .mm-sheet-resize-handle::before{
  background: rgba(230, 224, 214, .28);
  box-shadow: 0 1px 0 rgba(255,255,255,.05) inset;
}

html[data-theme="dark"] .mm-site-popup__dialog.mm-sheet-resizable::after,
html[data-theme="dark"] .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable::after,
html[data-theme="dark"] #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable::after,
html[data-theme="dark"] .mm-feed-shoot-modal__dialog.mm-sheet-resizable::after{
  background: linear-gradient(
    to bottom,
    var(--mm-popup-dark-bg) 0%,
    color-mix(in srgb, var(--mm-popup-dark-bg) 92%, transparent) 52%,
    color-mix(in srgb, var(--mm-popup-dark-bg) 0%, transparent) 100%
  );
}

html[data-theme="dark"] .mm-sheet-resize-handle:hover::before,
html[data-theme="dark"] .mm-sheet-resize-handle:focus-visible::before,
html[data-theme="dark"] .mm-sheet-resize-handle.is-dragging::before{
  background: rgba(247,243,232,.5);
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) .mm-sheet-resize-handle::before,
  html[data-theme="auto"] .mm-sheet-resize-handle::before{
    background: rgba(230, 224, 214, .28);
    box-shadow: 0 1px 0 rgba(255,255,255,.05) inset;
  }

  html:not([data-theme]) .mm-site-popup__dialog.mm-sheet-resizable::after,
  html:not([data-theme]) .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable::after,
  html:not([data-theme]) #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable::after,
  html:not([data-theme]) .mm-feed-shoot-modal__dialog.mm-sheet-resizable::after,
  html[data-theme="auto"] .mm-site-popup__dialog.mm-sheet-resizable::after,
  html[data-theme="auto"] .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable::after,
  html[data-theme="auto"] #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable::after,
  html[data-theme="auto"] .mm-feed-shoot-modal__dialog.mm-sheet-resizable::after{
    background: linear-gradient(
      to bottom,
      var(--mm-popup-dark-bg) 0%,
      color-mix(in srgb, var(--mm-popup-dark-bg) 92%, transparent) 52%,
      color-mix(in srgb, var(--mm-popup-dark-bg) 0%, transparent) 100%
    );
  }

  html:not([data-theme]) .mm-sheet-resize-handle:hover::before,
  html:not([data-theme]) .mm-sheet-resize-handle:focus-visible::before,
  html:not([data-theme]) .mm-sheet-resize-handle.is-dragging::before,
  html[data-theme="auto"] .mm-sheet-resize-handle:hover::before,
  html[data-theme="auto"] .mm-sheet-resize-handle:focus-visible::before,
  html[data-theme="auto"] .mm-sheet-resize-handle.is-dragging::before{
    background: rgba(247,243,232,.5);
  }
}

@media (max-width: 767.98px){
  .mm-site-popup__dialog.mm-sheet-resizable,
  .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable,
  .mm-feed-shoot-modal__dialog.mm-sheet-resizable{
    max-height: var(--mm-popup-mobile-max-height);
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 0 !important;
  }

  .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .mm-index-info-sheet__body,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable .mm-index-search-sheet__body{
    padding-bottom: calc(1.75rem + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: calc(1.75rem + env(safe-area-inset-bottom)) !important;
  }

  .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .mm-index-info-sheet__content,
  #footer2.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .mm-index-info-sheet__content,
  #footer2.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .gear-section,
  #footer2.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .gear-wrapper,
  #footer2.mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .gear-category:last-child,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable #zoeken3,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable #footer3-zoek,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable #footer3-filter{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable .mm-index-info-sheet__content > :last-child,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable #footer3-zoek > :last-child,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable #footer3-filter > :last-child{
    margin-bottom: 0 !important;
  }

  .mm-sheet-resize-handle{
    top: .42rem;
    width: 6.4rem;
    height: 1.1rem;
  }
}

.mm-feed-viewer .mm-feed-card__media--shoot{
  aspect-ratio: auto !important;
  height: auto !important;
  max-height: min(78dvh, 1100px) !important;
  overflow: hidden !important;
  background: var(--mm-feed-media-fill) !important;
}

.mm-feed-viewer .mm-feed-shoot{
  aspect-ratio: var(--mm-feed-shoot-frame-ratio, var(--mm-feed-media-ratio, 4 / 5)) !important;
  width: 100% !important;
  height: auto !important;
  max-height: min(78dvh, 1100px) !important;
  overflow: hidden !important;
  background: var(--mm-feed-media-fill) !important;
}

.mm-feed-viewer .mm-feed-shoot__track{
  height: 100% !important;
  max-height: 100% !important;
  align-items: stretch !important;
  overflow-x: auto;
  overflow-y: hidden !important;
  background: var(--mm-feed-media-fill) !important;
}

.mm-feed-viewer .mm-feed-shoot__slide{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: var(--mm-feed-shoot-frame-ratio, var(--mm-feed-media-ratio, 4 / 5)) !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  background: var(--mm-feed-media-fill) !important;
}

.mm-feed-viewer .mm-feed-shoot__slide > .mm-feed-card__media-bg{
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.mm-feed-viewer .mm-feed-shoot__slide > img:not(.mm-feed-card__media-bg){
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  margin: auto !important;
  background: transparent !important;
}

@media (max-width: 767.98px){
  .mm-feed-viewer .mm-feed-shoot--mixed-shapes .mm-feed-shoot__slide--portrait > img:not(.mm-feed-card__media-bg){
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
    max-height: 100% !important;
  }

  .mm-feed-viewer .mm-feed-shoot--mixed-shapes .mm-feed-shoot__slide--landscape > img:not(.mm-feed-card__media-bg){
    transform: translate3d(0, calc(-1 * clamp(18px, 8vw, 42px)), 0) !important;
  }
}

/* Filter sheet action footer: keep the apply/reset controls calm and attached to the sheet. */
#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer{
  position: sticky !important;
  bottom: 0 !important;
  left: auto !important;
  right: auto !important;
  z-index: 80 !important;
  display: flex !important;
  width: 100% !important;
  min-height: calc(74px + env(safe-area-inset-bottom)) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: .85rem 1.35rem calc(.85rem + env(safe-area-inset-bottom)) !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 1rem !important;
  border-top: 1px solid rgba(92,71,51,.18) !important;
  background: #f5efe5 !important;
  box-shadow: 0 -16px 34px rgba(42,36,27,.14) !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: translateY(100%) !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer.is-active,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer.is-active{
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer.is-idle,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer.is-idle{
  min-height: 0 !important;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-reset,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-reset{
  width: auto !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 .85rem !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(92,71,51,.18) !important;
  border-radius: 999px !important;
  background: rgba(255,252,247,.72) !important;
  box-shadow: none !important;
  color: rgba(47,42,35,.82) !important;
  font-size: .95rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-reset:hover,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-reset:hover{
  color: #2f2a23 !important;
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.28) !important;
  text-decoration: none !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary{
  width: auto !important;
  min-width: 182px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 1.55rem !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  border-color: rgba(79,67,50,.52) !important;
  background: #85745c !important;
  box-shadow: 0 5px 14px rgba(65,54,39,.18) !important;
  color: #fffaf0 !important;
  font-size: .96rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary:hover,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary:hover{
  background: #76664f !important;
  border-color: rgba(79,67,50,.68) !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary *,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary *{
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack{
  padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
  scroll-padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter:has(.mmx-filter-footer.is-idle) .mmx-stack,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter:has(.mmx-filter-footer.is-idle) .mmx-stack{
  padding-bottom: 0 !important;
  scroll-padding-bottom: 0 !important;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer{
  border-top-color: rgba(255,255,255,.10) !important;
  background: #141517 !important;
  box-shadow: 0 -12px 30px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-reset,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-reset{
  color: rgba(247,243,232,.82) !important;
  background: rgba(247,243,232,.08) !important;
  border-color: rgba(247,243,232,.18) !important;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-reset:hover,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-reset:hover{
  color: #f7f3e8 !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer{
    border-top-color: rgba(255,255,255,.10) !important;
    background: rgba(20,21,23,.98) !important;
    box-shadow: 0 -12px 30px rgba(0,0,0,.22) !important;
  }

  html:not([data-theme]) #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-reset,
  html[data-theme="auto"] #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-reset,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-reset,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-reset{
    color: rgba(247,243,232,.68) !important;
  }
}

@media (max-width: 767.98px){
  #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer,
  .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer{
    justify-content: space-between !important;
    gap: .8rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary,
  .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary{
    min-width: 0 !important;
    width: min(62vw, 280px) !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* Final filter actions: no floating overlay on top of the filter fields. */
#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer{
  display: none !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack,
#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter:has(.mmx-filter-footer.is-idle) .mmx-stack,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter:has(.mmx-filter-footer.is-idle) .mmx-stack{
  padding-bottom: 0 !important;
  scroll-padding-bottom: 0 !important;
}

#zoeken3 .mmx-sheet-head__item--filter{
  position: relative !important;
}

#zoeken3 .mmx-filter-head-actions{
  display: none !important;
  align-items: center !important;
  gap: .65rem !important;
  margin-top: .85rem !important;
}

#zoeken3 .mmx-filter-head-actions.is-active{
  display: flex !important;
}

#zoeken3 .mmx-filter-head-actions .mmx-filter-reset,
#zoeken3 .mmx-filter-head-actions .mmx-filter-apply{
  appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: .95rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

#zoeken3 .mmx-filter-head-actions .mmx-filter-reset{
  padding: 0 .85rem !important;
  border: 1px solid rgba(92,71,51,.18) !important;
  background: rgba(255,252,247,.72) !important;
  color: rgba(47,42,35,.78) !important;
  font-weight: 400 !important;
}

#zoeken3 .mmx-filter-head-actions .mmx-filter-reset:hover{
  background: rgba(255,252,247,.96) !important;
  border-color: rgba(92,71,51,.28) !important;
  color: #2f2a23 !important;
}

#zoeken3 .mmx-filter-head-actions .mmx-filter-apply{
  padding: 0 1.2rem !important;
  border: 1px solid rgba(79,67,50,.52) !important;
  background: #85745c !important;
  box-shadow: 0 5px 14px rgba(65,54,39,.16) !important;
  color: #fffaf0 !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

#zoeken3 .mmx-filter-head-actions .mmx-filter-apply:hover{
  background: #76664f !important;
  border-color: rgba(79,67,50,.68) !important;
}

html[data-theme="dark"] #zoeken3 .mmx-filter-head-actions .mmx-filter-reset{
  background: rgba(247,243,232,.08) !important;
  border-color: rgba(247,243,232,.18) !important;
  color: rgba(247,243,232,.82) !important;
}

html[data-theme="dark"] #zoeken3 .mmx-filter-head-actions .mmx-filter-reset:hover{
  color: #f7f3e8 !important;
  border-color: rgba(247,243,232,.28) !important;
}

@media (min-width: 768px){
  #zoeken3 .mmx-filter-head-actions{
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    margin-top: 0 !important;
  }

  #zoeken3 .mmx-sheet-head__item--filter{
    padding-right: 17rem !important;
  }
}

@media (max-width: 520px){
  #zoeken3 .mmx-filter-head-actions{
    width: 100% !important;
  }

  #zoeken3 .mmx-filter-head-actions .mmx-filter-apply{
    flex: 1 1 auto !important;
  }
}

/* Final filter actions: fixed bottom layer in the visible viewport, constrained to the sheet width. */
#zoeken3 .mmx-filter-head-actions,
#zoeken3 .mmx-filter-head-actions.is-active{
  display: none !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filter-footer{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2147483647 !important;
  width: auto !important;
  min-height: calc(76px + env(safe-area-inset-bottom)) !important;
  margin: 0 !important;
  padding: .8rem 1.25rem calc(.8rem + env(safe-area-inset-bottom)) !important;
  display: none !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .85rem !important;
  border: 0 !important;
  border-top: 1px solid rgba(92,71,51,.22) !important;
  border-radius: 0 !important;
  background: rgba(226,216,199,.78) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
  backdrop-filter: blur(22px) saturate(1.18) !important;
  box-shadow: 0 -14px 30px rgba(42,36,27,.18) !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer.is-active,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer.is-active,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filter-footer.is-active{
  display: flex !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer.is-idle,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer.is-idle,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filter-footer.is-idle{
  display: none !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-stack,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-stack,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-stack{
  padding-bottom: calc(124px + env(safe-area-inset-bottom)) !important;
  scroll-padding-bottom: calc(124px + env(safe-area-inset-bottom)) !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-filter-reset,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-filter-reset,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filter-footer .mmx-filter-reset{
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 .85rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  border: 1px solid rgba(92,71,51,.20) !important;
  border-radius: 999px !important;
  background: rgba(255,252,247,.74) !important;
  color: rgba(47,42,35,.82) !important;
  font-size: .95rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

#footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary,
.mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary,
#zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filter-footer .mmx-btn--primary{
  width: auto !important;
  min-width: 178px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 1.45rem !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  border-color: rgba(79,67,50,.52) !important;
  background: #85745c !important;
  box-shadow: 0 5px 14px rgba(65,54,39,.16) !important;
  color: #fffaf0 !important;
  font-size: .96rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

@media (max-width: 767.98px){
  #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer,
  .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer,
  #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filter-footer{
    justify-content: space-between !important;
    gap: .75rem !important;
  }

  #footer3.mm-index-search-sheet.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary,
  .mm-feed-viewer__search-modal.is-filter-mode #footer3-filter .mmx-filter-footer .mmx-btn--primary,
  #zoeken3[data-mm-mode="filter"] #footer3-filter .mmx-filter-footer .mmx-btn--primary{
    min-width: 0 !important;
    width: min(62vw, 280px) !important;
  }
}

body > .mmx-filter-footer--portal{
  position: fixed !important;
  inset: auto 0 0 0 !important;
  z-index: 2147483647 !important;
  width: auto !important;
  height: auto !important;
  min-height: calc(76px + env(safe-area-inset-bottom)) !important;
  margin: 0 !important;
  padding: .8rem max(1.25rem, env(safe-area-inset-left)) calc(.8rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-right)) !important;
  display: none !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .85rem !important;
  border: 0 !important;
  border-top: 1px solid rgba(92,71,51,.22) !important;
  border-radius: 0 !important;
  background: rgba(226,216,199,.78) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
  backdrop-filter: blur(22px) saturate(1.18) !important;
  box-shadow: 0 -14px 30px rgba(42,36,27,.18) !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

body > .mmx-filter-footer--portal.is-active{
  display: flex !important;
}

body > .mmx-filter-footer--portal.is-idle{
  display: none !important;
}

body > .mmx-filter-footer--portal .mmx-filter-reset{
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 .85rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  border: 1px solid rgba(92,71,51,.20) !important;
  border-radius: 999px !important;
  background: rgba(255,252,247,.74) !important;
  color: rgba(47,42,35,.82) !important;
  font-size: .95rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

body > .mmx-filter-footer--portal .mmx-btn--primary{
  width: auto !important;
  min-width: 178px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 1.45rem !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  border-color: rgba(79,67,50,.52) !important;
  background: #85745c !important;
  box-shadow: 0 5px 14px rgba(65,54,39,.16) !important;
  color: #fffaf0 !important;
  font-size: .96rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

@media (max-width: 767.98px){
  body > .mmx-filter-footer--portal{
    justify-content: space-between !important;
    gap: .75rem !important;
  }

  body > .mmx-filter-footer--portal .mmx-btn--primary{
    min-width: 0 !important;
    width: min(62vw, 280px) !important;
  }
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog{
  position: relative !important;
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal{
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: calc(76px + env(safe-area-inset-bottom)) !important;
  padding: .8rem 1.25rem calc(.8rem + env(safe-area-inset-bottom)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .85rem !important;
  border: 0 !important;
  border-top: 0 !important
  border-radius: 0 !important;
  background: transparent !important
  -webkit-backdrop-filter: blur(14px) saturate(1.04) !important;
  backdrop-filter: blur(14px) saturate(1.04) !important;
  box-shadow:
    0 -12px 26px rgba(42,36,27,.10),
    0 -1px 0 rgba(255,255,255,.48) inset !important;
  z-index: 60 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: visible !important;
  pointer-events: none !important;
  transform: translateY(18px) !important;
  transition:
    opacity .34s cubic-bezier(.22, 1, .36, 1),
    transform .42s cubic-bezier(.22, 1, .36, 1),
    visibility 0s linear .42s,
    background-color .34s ease,
    box-shadow .34s ease !important;
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal.is-active,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal.is-active{
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  transition:
    opacity .28s cubic-bezier(.22, 1, .36, 1),
    transform .38s cubic-bezier(.22, 1, .36, 1),
    visibility 0s linear 0s,
    background-color .34s ease,
    box-shadow .34s ease !important;
}

@media (max-width: 767.98px){
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal,
  .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal{
    justify-content: space-between !important;
  }
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal .mmx-btn--primary,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal .mmx-btn--primary{
  width: auto !important;
  min-width: 0 !important;
  max-width: min(52vw, 17rem) !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 1.15rem !important;
  border: 1px solid rgba(0,0,0,.92) !important;
  border-radius: 999px !important;
  background: #111 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
  color: #fff !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal .mmx-btn--primary *,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal .mmx-btn--primary *{
  color: #fff !important;
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal{
  display: flex !important;
  grid-template-columns: none !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1rem !important;
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal .mmx-filter-footer__controls,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal .mmx-filter-footer__controls{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, calc(-50% + 10px)) scale(.985) !important;
  opacity: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1rem !important;
  width: auto !important;
  max-width: calc(100% - 2rem) !important;
  margin: 0 !important;
  transition:
    opacity .26s cubic-bezier(.22, 1, .36, 1),
    transform .34s cubic-bezier(.22, 1, .36, 1) !important;
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal.is-idle,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal.is-idle{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(18px) !important;
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal.is-active,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal.is-active{
  display: flex !important;
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal.is-active .mmx-filter-footer__controls,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal.is-active .mmx-filter-footer__controls{
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
  transition-delay: .06s !important;
}

@media (prefers-reduced-motion: reduce){
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal,
  .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal .mmx-filter-footer__controls,
  .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal .mmx-filter-footer__controls{
    transition: none !important;
  }
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal .mmx-filter-reset,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal .mmx-filter-reset{
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  justify-self: auto !important;
}

#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal .mmx-btn--primary,
.mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal .mmx-btn--primary{
  flex: 0 0 auto !important;
  justify-self: auto !important;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal{
  border-top-color: rgba(247,243,232,.10) !important;
  background: rgba(12,13,15,.28) !important;
  -webkit-backdrop-filter: blur(32px) saturate(1.35) brightness(.86) !important;
  backdrop-filter: blur(32px) saturate(1.35) brightness(.86) !important;
  box-shadow: 0 -12px 28px rgba(0,0,0,.16) !important;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal .mmx-filter-reset,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal .mmx-filter-reset{
  border-color: transparent !important;
  background: transparent !important;
  color: rgba(247,243,232,.88) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal .mmx-btn--primary,
html[data-theme="dark"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal .mmx-btn--primary{
  border-color: rgba(255,255,255,.20) !important;
  background: #050505 !important;
  color: #fff !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme]) #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal,
  html[data-theme="auto"] #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal{
    border-top-color: rgba(247,243,232,.10) !important;
    background: rgba(12,13,15,.28) !important;
    -webkit-backdrop-filter: blur(32px) saturate(1.35) brightness(.86) !important;
    backdrop-filter: blur(32px) saturate(1.35) brightness(.86) !important;
    box-shadow: 0 -12px 28px rgba(0,0,0,.16) !important;
  }

  html:not([data-theme]) #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal .mmx-filter-reset,
  html[data-theme="auto"] #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog > .mmx-filter-footer--portal .mmx-filter-reset,
  html:not([data-theme]) .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal .mmx-filter-reset,
  html[data-theme="auto"] .mm-feed-viewer__search-modal.is-filter-mode .mm-feed-shoot-modal__dialog > .mmx-filter-footer--portal .mmx-filter-reset{
    border-color: transparent !important;
    background: transparent !important;
    color: rgba(247,243,232,.88) !important;
    box-shadow: none !important;
  }
}

#zoeken3 .mmx-count{
  display: inline-flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  min-width: 4ch !important;
  width: 4.2ch !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

#zoeken3 .mmx-count--ticker{
  display: inline-flex !important;
  justify-content: flex-end !important;
  align-items: baseline !important;
  gap: 0 !important;
}

#zoeken3 .mmx-count-digit{
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 .72em !important;
  width: .72em !important;
  height: 1.18em !important;
  overflow: hidden !important;
  line-height: 1.18 !important;
  text-align: center !important;
  vertical-align: baseline !important;
}

#zoeken3 .mmx-count-digit__track{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  will-change: transform !important;
}

#zoeken3 .mmx-count-digit__track > span{
  display: block !important;
  height: 1.18em !important;
  line-height: 1.18 !important;
  text-align: center !important;
}

#zoeken3 .mmx-count-digit.is-rolling-up .mmx-count-digit__track{
  animation: mmxDigitTrackUp .42s cubic-bezier(.22, 1, .36, 1) both !important;
}

#zoeken3 .mmx-count-digit.is-rolling-down .mmx-count-digit__track{
  transform: translateY(-1.18em);
  animation: mmxDigitTrackDown .42s cubic-bezier(.22, 1, .36, 1) both !important;
}

@keyframes mmxDigitTrackUp{
  0% { transform: translateY(0); }
  100% { transform: translateY(-1.18em); }
}

@keyframes mmxDigitTrackDown{
  0% { transform: translateY(-1.18em); }
  100% { transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce){
  #zoeken3 .mmx-count-digit__track{
    animation: none !important;
  }
}

.swiper-container .swiper-slide .mmx-card.mm-post-module,
.mmx-card.mm-post-module,
.blog-card.mm-post-module{
  display:block !important;
  overflow:hidden !important;
  background:#fff !important;
  border-radius:8px !important;
}

html[data-theme="dark"] .swiper-container .swiper-slide .mmx-card.mm-post-module,
html[data-theme="dark"] .mmx-card.mm-post-module,
html[data-theme="dark"] .blog-card.mm-post-module{
  background:#1f2022 !important;
}

.mmx-swiper-shell > .swiper-container.mySwiperBlogs{
  overflow:visible !important;
  padding-top:22px !important;
  padding-bottom:28px !important;
}

.mmx-swiper-shell > .swiper-container.mySwiper{
  overflow:visible !important;
  padding-top:22px !important;
  padding-bottom:28px !important;
}

.mySwiper .swiper-wrapper,
.mySwiper .swiper-slide,
.mySwiperBlogs .swiper-wrapper,
.mySwiperBlogs .swiper-slide{
  overflow:visible !important;
}

.mySwiper .swiper-slide .mmx-card.mm-post-module,
.mySwiperBlogs .swiper-slide .mmx-card.mm-post-module,
.blog-card.mm-post-module--blog{
  border-radius:18px !important;
  box-shadow:0 18px 42px rgba(0,0,0,.16) !important;
}

@media (max-width:736px){
  .mySwiperBlogs .swiper-slide{
    touch-action:pan-y !important;
  }

  .blog-card.mm-post-module--blog,
  .mySwiperBlogs .swiper-slide .mmx-card.mm-post-module--blog{
    overflow-x:hidden !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    touch-action:pan-y !important;
    scrollbar-width:none !important;
  }

  .blog-card.mm-post-module--blog::-webkit-scrollbar,
  .mySwiperBlogs .swiper-slide .mmx-card.mm-post-module--blog::-webkit-scrollbar{
    display:none !important;
  }
}

.mySwiperBlogs .swiper-slide .mmx-card.mm-post-module--archive{
  background:#fff !important;
}

@media (hover:hover) and (pointer:fine){
  .mySwiper .swiper-slide .mmx-card.mm-post-module:hover,
  .mySwiper .swiper-slide .mmx-card.mm-post-module:focus-within,
  .mySwiperBlogs .swiper-slide .mmx-card.mm-post-module:hover,
  .mySwiperBlogs .swiper-slide .mmx-card.mm-post-module:focus-within,
  .blog-card.mm-post-module--blog:hover,
  .blog-card.mm-post-module--blog:focus-within{
    box-shadow:0 24px 58px rgba(0,0,0,.24) !important;
  }
}

.mm-site-popup__dialog,
.mm-index-info-sheet > .mm-index-info-sheet__dialog,
#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog,
.mm-feed-shoot-modal__dialog{
  border-radius:18px 18px 0 0 !important;
}

@media (max-width: 767.98px){
  .mm-site-popup__dialog.mm-sheet-resizable,
  .mm-index-info-sheet > .mm-index-info-sheet__dialog.mm-sheet-resizable,
  #footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog.mm-sheet-resizable,
  .mm-feed-shoot-modal__dialog.mm-sheet-resizable{
    border-radius:18px 18px 0 0 !important;
  }
}

.mm-index-info-sheet .mm-index-info-sheet__backdrop,
#footer3.mm-index-search-sheet .mm-index-search-sheet__backdrop,
.mm-feed-shoot-modal__backdrop{
  background: transparent !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.05) !important;
  backdrop-filter: blur(16px) saturate(1.05) !important;
}

.mm-site-popup__dialog,
.mm-index-info-sheet > .mm-index-info-sheet__dialog,
#footer3.mm-index-search-sheet > .mm-index-search-sheet__dialog,
.mm-feed-shoot-modal__dialog,
.mm-index-info-sheet.is-opening > .mm-index-info-sheet__dialog,
.mm-index-info-sheet.is-open > .mm-index-info-sheet__dialog,
.mm-index-info-sheet.is-closing > .mm-index-info-sheet__dialog,
#footer3.mm-index-search-sheet.show > .mm-index-search-sheet__dialog,
#footer3.mm-index-search-sheet.is-opening > .mm-index-search-sheet__dialog,
#footer3.mm-index-search-sheet.is-open > .mm-index-search-sheet__dialog,
#footer3.mm-index-search-sheet.is-closing > .mm-index-search-sheet__dialog,
.mm-feed-shoot-modal.is-opening .mm-feed-shoot-modal__dialog,
.mm-feed-shoot-modal.is-open .mm-feed-shoot-modal__dialog,
.mm-feed-shoot-modal.is-closing .mm-feed-shoot-modal__dialog{
  filter: none !important;
  will-change: transform, opacity !important;
}

/* Reactieformulier: definitieve uitlijning van velden en emoji-strip. */
#reactieForm.mm-react-form__grid,
#shootReactieForm.mm-react-form__grid,
.mm-feed-shoot-comment-form.mm-react-form__grid{
  --mm-react-inline: 1.75rem;
  --mm-react-emoji-inline: var(--mm-react-inline);
  --mm-react-border: rgba(92,71,51,.24);
  margin-bottom: 3.25rem !important;
  gap: 0 !important;
  border: 1px solid var(--mm-react-border) !important;
  border-radius: 18px !important;
  background: rgba(20,24,34,.045) !important;
  overflow: hidden !important;
}

#reactieForm .mm-react-field,
#shootReactieForm .mm-react-field,
.mm-feed-shoot-comment-form .mm-react-field{
  gap: 0 !important;
}

#reactieForm .mm-react-field label,
#shootReactieForm .mm-react-field label,
.mm-feed-shoot-comment-form .mm-react-field label{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#reactieForm.mm-react-form__grid input[type="text"],
#shootReactieForm.mm-react-form__grid input[type="text"],
.mm-feed-shoot-comment-form input[type="text"]{
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.98) !important;
  min-height: 52px !important;
  padding-left: var(--mm-react-inline) !important;
  padding-top: .72rem !important;
  padding-bottom: .72rem !important;
  box-shadow: none !important;
}

#reactieForm .reactie-text-container,
#shootReactieForm .reactie-text-container,
.mm-feed-shoot-comment-form .reactie-text-container{
  border: 0 !important;
  border-top: 1px solid var(--mm-react-border) !important;
  border-radius: 0 !important;
}

#reactieForm .reactie-text-container textarea,
#shootReactieForm .reactie-text-container textarea,
.mm-feed-shoot-comment-form .reactie-text-container textarea{
  border-radius: 0 0 18px 18px !important;
  padding-left: var(--mm-react-inline) !important;
  box-shadow: none !important;
}

#reactieForm .mm-react-input-shell,
#shootReactieForm .mm-react-input-shell,
.mm-feed-shoot-comment-form .mm-react-input-shell{
  z-index: 2 !important;
  border-radius: 0 0 18px 18px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 12px 18px -10px rgba(22,24,29,.36) !important;
}

#reactieForm.mm-react-form__grid input[type="text"]:focus,
#reactieForm.mm-react-form__grid textarea:focus,
#shootReactieForm.mm-react-form__grid input[type="text"]:focus,
#shootReactieForm.mm-react-form__grid textarea:focus,
.mm-feed-shoot-comment-form input[type="text"]:focus,
.mm-feed-shoot-comment-form textarea:focus{
  outline: none !important;
  border-color: rgba(92,71,51,.24) !important;
  background: rgba(255,252,247,.96) !important;
  box-shadow: none !important;
}

#reactieForm .reactie-text-container:focus-within,
#shootReactieForm .reactie-text-container:focus-within,
.mm-feed-shoot-comment-form .reactie-text-container:focus-within{
  border-color: rgba(92,71,51,.24) !important;
  background: rgba(20,24,34,.045) !important;
  box-shadow: none !important;
}

#reactieForm .mm-emoji-bar,
#shootReactieForm .mm-emoji-bar,
.mm-feed-shoot-comment-form .mm-emoji-bar{
  display: block !important;
  padding-left: 0 !important;
  padding-right: var(--mm-react-inline) !important;
}

#reactieForm .mm-emoji-row,
#shootReactieForm .mm-emoji-row,
.mm-feed-shoot-comment-form .mm-emoji-row{
  display: inline-grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 30px !important;
  column-gap: 12px !important;
  gap: 12px !important;
  margin-left: var(--mm-react-emoji-inline) !important;
  min-width: max-content !important;
}

#reactieForm .mm-emoji-btn,
#shootReactieForm .mm-emoji-btn,
.mm-feed-shoot-comment-form .mm-emoji-btn{
  width: 30px !important;
  min-width: 30px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center start !important;
}

#reactieForm .mm-emoji-align-spacer,
#shootReactieForm .mm-emoji-align-spacer,
.mm-feed-shoot-comment-form .mm-emoji-align-spacer{
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 736px){
  #reactieForm.mm-react-form__grid,
  #shootReactieForm.mm-react-form__grid,
  .mm-feed-shoot-comment-form.mm-react-form__grid{
    --mm-react-inline: .9rem;
    --mm-react-emoji-inline: var(--mm-react-inline);
  }

  #reactieForm .mm-emoji-bar,
  #shootReactieForm .mm-emoji-bar,
  .mm-feed-shoot-comment-form .mm-emoji-bar{
    padding-left: 0 !important;
    padding-right: var(--mm-react-inline) !important;
  }

  #reactieForm .mm-emoji-row,
  #shootReactieForm .mm-emoji-row,
  .mm-feed-shoot-comment-form .mm-emoji-row{
    grid-auto-columns: 28px !important;
    gap: 10px !important;
    margin-left: var(--mm-react-emoji-inline) !important;
  }

  #reactieForm.mm-react-form__grid input[type="text"],
  #shootReactieForm.mm-react-form__grid input[type="text"],
  .mm-feed-shoot-comment-form input[type="text"]{
    min-height: 48px !important;
    padding-top: .62rem !important;
    padding-bottom: .62rem !important;
  }

  #reactieForm .reactie-text-container textarea,
  #shootReactieForm .reactie-text-container textarea,
  .mm-feed-shoot-comment-form .reactie-text-container textarea{
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
  }

  #reactieForm .mm-emoji-btn,
  #shootReactieForm .mm-emoji-btn,
  .mm-feed-shoot-comment-form .mm-emoji-btn{
    width: 28px !important;
    min-width: 28px !important;
    height: 30px !important;
    min-height: 30px !important;
  }

  #reactieForm .mm-emoji-align-spacer,
  #shootReactieForm .mm-emoji-align-spacer,
  .mm-feed-shoot-comment-form .mm-emoji-align-spacer{
    display: none !important;
    flex-basis: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
  }
}