/* _variables.scss */
:root {
  --color-ink: #171a20;
  --color-text: #3a4150;
  --color-muted: #5a6272;
  --color-subtle: #8a93a6;
  --color-subtle-accessible: #6b7280;
  --color-primary: #1b5bff;
  --color-surface: #f7f9fc;
  --color-white: #fff;
  --font-body: 'Instrument Sans', sans-serif;
  --font-special: 'Space Grotesk', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --font-script: 'Dancing Script', cursive;
  --font-system: -apple-system, 'SF Pro', system-ui, sans-serif;
  --font-size-page-title: 56px;
  --font-size-section-title: 44px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --container-width: 1380px;
  --page-gutter: 32px;
  --focus-ring: 3px solid var(--color-primary);
  --input-text-color: #625C5C;
  --input-background-color: #FFFFFF;
  --input-border-color: #B0B0B0;
  --input-border-error-color: #000735;
  --cookiebar-accept-btn-background: #FFFFFF;
  --cookiebar-accept-btn-text-color: #000735;
  --cookiebar-accept-btn-border-color: #000735;
  --cookiebar-accept-btn-hover-background: #FFFFFF;
  --cookiebar-accept-btn-hover-text-color: #000735;
  --cookiebar-accept-btn-hover-border-color: #000735;
  --cookiebar-accept-btn-hover-opacity: 0.9;
  --cookiebar-danger-btn-background: #000735;
  --cookiebar-danger-btn-text-color: #FFFFFF;
  --cookiebar-danger-btn-border-color: #FFFFFF;
  --cookiebar-danger-btn-hover-background: #000735;
  --cookiebar-danger-btn-hover-text-color: #FFFFFF;
  --cookiebar-danger-btn-hover-border-color: #FFFFFF;
  --cookiebar-danger-btn-hover-opacity: 0.9;
  --cookiebar-more-btn-background: #000735;
  --cookiebar-more-btn-text-color: #FFFFFF;
  --cookiebar-more-btn-border-color: #FFFFFF;
  --cookiebar-more-btn-hover-background: #000735;
  --cookiebar-more-btn-hover-text-color: #FFFFFF;
  --cookiebar-more-btn-hover-border-color: #FFFFFF;
  --cookiebar-more-btn-hover-opacity: 0.9;
  --cookiebar-background-color: #000735;
  --cookiebar-text-color: #FFFFFF;
  --cookiebar-close-icon-color: #FFFFFF;
  --transition-default: all 0.25s ease-out;
  --transition-transform: transform 0.35s ease-in-out;
}

/* _mixins.scss */
@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/instrument-sans-400-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/instrument-sans-400-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Instrument Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/instrument-sans-400-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Instrument Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/instrument-sans-400-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/space-grotesk-400-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/space-grotesk-400-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Dancing Script";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/dancing-script-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Dancing Script";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/dancing-script-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
  --icon-play: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2238%22%3E%3Cpath%20fill%3D%22%239dcff4%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.574%2037.148c-.64.43-1.465.469-2.14.105a2.09%202.09%200%200%201-1.102-1.835V2.082A2.09%202.09%200%200%201%201.433.246%202.08%202.08%200%200%201%203.574.35l25%2016.664a2.09%202.09%200%200%201%200%203.469z%22%2F%3E%3C%2Fsvg%3E');
  --icon-close: url('data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.293%205.293a1%201%200%200%201%201.414%200L12%2010.586l5.293-5.293a1%201%200%201%201%201.414%201.414L13.414%2012l5.293%205.293a1%201%200%200%201-1.414%201.414L12%2013.414l-5.293%205.293a1%201%200%200%201-1.414-1.414L10.586%2012%205.293%206.707a1%201%200%200%201%200-1.414z%22%20fill%3D%22%230D0D0D%22%2F%3E%3C%2Fsvg%3E');
  --icon-hamburger: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2024%2021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Emenu%20(3)%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(-335%20-18)%22%20fill%3D%22%23C9070A%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate(335%2018)%22%3E%3Cpath%20id%3D%22Path%22%20d%3D%22m22.5%203h-21c-0.85%200-1.5-0.65-1.5-1.5s0.65-1.5%201.5-1.5h21c0.85%200%201.5%200.65%201.5%201.5s-0.65%201.5-1.5%201.5z%22%2F%3E%3Cpath%20id%3D%22a%22%20d%3D%22m22.5%2012h-21c-0.85%200-1.5-0.65-1.5-1.5s0.65-1.5%201.5-1.5h21c0.85%200%201.5%200.65%201.5%201.5s-0.65%201.5-1.5%201.5z%22%2F%3E%3Cpath%20d%3D%22m22.5%2021h-21c-0.85%200-1.5-0.65-1.5-1.5s0.65-1.5%201.5-1.5h21c0.85%200%201.5%200.65%201.5%201.5s-0.65%201.5-1.5%201.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  --icon-search: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23c9070a%22%20fill-rule%3D%22nonzero%22%20d%3D%22m.568%2020.644%205.518-5.593a9.9%209.9%200%200%201-1.482-5.22C4.604%204.4%208.947%200%2014.302%200S24%204.4%2024%209.83s-4.341%209.83-9.698%209.83a9.56%209.56%200%200%201-5.539-1.762l-5.452%205.527a1.92%201.92%200%200%201-2.743%200%201.986%201.986%200%200%201%200-2.78m13.734-4.168c3.62%200%206.556-2.975%206.556-6.645s-2.935-6.645-6.556-6.645S7.747%206.16%207.747%209.83s2.935%206.645%206.555%206.645%22%2F%3E%3C%2Fsvg%3E');
  --icon-flag-de: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+PGRlc2M+RmxhZyBvZiBHZXJtYW55PC9kZXNjPjxwYXRoIGQ9Ik0wIDBoNXYzSDB6Ii8+PHBhdGggZmlsbD0iI2QwMCIgZD0iTTAgMWg1djJIMHoiLz48cGF0aCBmaWxsPSIjZmZjZTAwIiBkPSJNMCAyaDV2MUgweiIvPjwvc3ZnPg==');
  --icon-flag-uk: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUwIDMwIj48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Ik0yNSAxNWgyNXYxNXp2MTVIMHpIMFYwelYwaDI1eiIvPjwvY2xpcFBhdGg+PHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTTAgMHYzMGg1MFYweiIvPjxwYXRoIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJtMCAwIDUwIDMwbTAtMzBMMCAzMCIvPjxwYXRoIHN0cm9rZT0iI2M4MTAyZSIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJtMCAwIDUwIDMwbTAtMzBMMCAzMCIgY2xpcC1wYXRoPSJ1cmwoI2EpIi8+PHBhdGggZmlsbD0iI2M4MTAyZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0tMSAxMWgyMlYtMWg4djEyaDIydjhIMjl2MTJoLThWMTlILTF6Ii8+PC9zdmc+');
  --icon-facebook: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9Ii03IC0yIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIiBjbGFzcz0iamFtIGphbS1mYWNlYm9vayI+PHBhdGggZD0nTTIuMDQ2IDMuODY1djIuNzQ4SC4wMzJ2My4zNmgyLjAxNHY5Ljk4Nkg2LjE4VjkuOTc0aDIuNzc1cy4yNi0xLjYxMS4zODYtMy4zNzNINi4xOTdWNC4zMDNjMC0uMzQzLjQ1LS44MDUuODk2LS44MDVoMi4yNTRWMEg2LjI4M2MtNC4zNCAwLTQuMjM3IDMuMzYzLTQuMjM3IDMuODY1eicgLz48L3N2Zz4=');
  --icon-instagram: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGQ9Ik0xNy4zNCw1LjQ2aDBhMS4yLDEuMiwwLDEsMCwxLjIsMS4yQTEuMiwxLjIsMCwwLDAsMTcuMzQsNS40NlptNC42LDIuNDJhNy41OSw3LjU5LDAsMCwwLS40Ni0yLjQzLDQuOTQsNC45NCwwLDAsMC0xLjE2LTEuNzcsNC43LDQuNywwLDAsMC0xLjc3LTEuMTUsNy4zLDcuMywwLDAsMC0yLjQzLS40N0MxNS4wNiwyLDE0LjcyLDIsMTIsMnMtMy4wNiwwLTQuMTIuMDZhNy4zLDcuMywwLDAsMC0yLjQzLjQ3QTQuNzgsNC43OCwwLDAsMCwzLjY4LDMuNjgsNC43LDQuNywwLDAsMCwyLjUzLDUuNDVhNy4zLDcuMywwLDAsMC0uNDcsMi40M0MyLDguOTQsMiw5LjI4LDIsMTJzMCwzLjA2LjA2LDQuMTJhNy4zLDcuMywwLDAsMCwuNDcsMi40Myw0LjcsNC43LDAsMCwwLDEuMTUsMS43Nyw0Ljc4LDQuNzgsMCwwLDAsMS43NywxLjE1LDcuMyw3LjMsMCwwLDAsMi40My40N0M4Ljk0LDIyLDkuMjgsMjIsMTIsMjJzMy4wNiwwLDQuMTItLjA2YTcuMyw3LjMsMCwwLDAsMi40My0uNDcsNC43LDQuNywwLDAsMCwxLjc3LTEuMTUsNC44NSw0Ljg1LDAsMCwwLDEuMTYtMS43Nyw3LjU5LDcuNTksMCwwLDAsLjQ2LTIuNDNjMC0xLjA2LjA2LTEuNC4wNi00LjEyUzIyLDguOTQsMjEuOTQsNy44OFpNMjAuMTQsMTZhNS42MSw1LjYxLDAsMCwxLS4zNCwxLjg2LDMuMDYsMy4wNiwwLDAsMS0uNzUsMS4xNSwzLjE5LDMuMTksMCwwLDEtMS4xNS43NSw1LjYxLDUuNjEsMCwwLDEtMS44Ni4zNGMtMSwuMDUtMS4zNy4wNi00LC4wNnMtMywwLTQtLjA2QTUuNzMsNS43MywwLDAsMSw2LjEsMTkuOCwzLjI3LDMuMjcsMCwwLDEsNSwxOS4wNWEzLDMsMCwwLDEtLjc0LTEuMTVBNS41NCw1LjU0LDAsMCwxLDMuODYsMTZjMC0xLS4wNi0xLjM3LS4wNi00czAtMywuMDYtNEE1LjU0LDUuNTQsMCwwLDEsNC4yMSw2LjEsMywzLDAsMCwxLDUsNSwzLjE0LDMuMTQsMCwwLDEsNi4xLDQuMiw1LjczLDUuNzMsMCwwLDEsOCwzLjg2YzEsMCwxLjM3LS4wNiw0LS4wNnMzLDAsNCwuMDZhNS42MSw1LjYxLDAsMCwxLDEuODYuMzRBMy4wNiwzLjA2LDAsMCwxLDE5LjA1LDUsMy4wNiwzLjA2LDAsMCwxLDE5LjgsNi4xLDUuNjEsNS42MSwwLDAsMSwyMC4xNCw4Yy4wNSwxLC4wNiwxLjM3LjA2LDRTMjAuMTksMTUsMjAuMTQsMTZaTTEyLDYuODdBNS4xMyw1LjEzLDAsMSwwLDE3LjE0LDEyLDUuMTIsNS4xMiwwLDAsMCwxMiw2Ljg3Wm0wLDguNDZBMy4zMywzLjMzLDAsMSwxLDE1LjMzLDEyLDMuMzMsMy4zMywwLDAsMSwxMiwxNS4zM1oiLz48L3N2Zz4=');
  --icon-arrow-right: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxMCI+PHBhdGggZmlsbD0iI2M5MDcwYSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjAuNzY1IDUuMzI0IDE2LjIyIDkuODQ3YS40NTYuNDU2IDAgMCAxLS42NDEuMDUuNDUuNDUgMCAwIDEgMC0uNjg4bDMuNzY4LTMuNzU0SDEuMzUyYS40NTMuNDUzIDAgMSAxIDAtLjkwNGgxNy45OTVMMTUuNTguOGEuNDUuNDUgMCAwIDEtLjA1LS42MzguNDU2LjQ1NiAwIDAgMSAuNjkgMGw0LjU0NiA0LjUyM2EuNDUuNDUgMCAwIDEgMCAuNjM4Ii8+PC9zdmc+');
  --icon-arrow-left: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxMCI+PHBhdGggZmlsbD0iI2M5MDcwYSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjAuNzY1IDUuMzI0IDE2LjIyIDkuODQ3YS40NTYuNDU2IDAgMCAxLS42NDEuMDUuNDUuNDUgMCAwIDEgMC0uNjg4bDMuNzY4LTMuNzU0SDEuMzUyYS40NTMuNDUzIDAgMSAxIDAtLjkwNGgxNy45OTVMMTUuNTguOGEuNDUuNDUgMCAwIDEtLjA1LS42MzguNDU2LjQ1NiAwIDAgMSAuNjkgMGw0LjU0NiA0LjUyM2EuNDUuNDUgMCAwIDEgMCAuNjM4IiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgMTAuNSA1KSIvPjwvc3ZnPgo=');
  --icon-arrow-down-small: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTUgOCI+PHBhdGggZmlsbD0iI2M5MDcwYSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNy4yIDhhLjY1LjY1IDAgMCAxLS40NjMtLjE5NUwuMTkyIDEuMTM4YS42NzUuNjc1IDAgMCAxIDAtLjk0M2MuMjU2LS4yNi42Ny0uMjYuOTI1IDBMNy4yIDYuMzkxIDEzLjI4My4xOTVjLjI1NS0uMjYuNjctLjI2LjkyNSAwYS42NzUuNjc1IDAgMCAxIDAgLjk0M0w3LjY2MyA3LjgwNUEuNjUuNjUgMCAwIDEgNy4yIDgiLz48L3N2Zz4=');
  --icon-arrow-up-small: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTUgOCI+PHBhdGggZmlsbD0iI2M5MDcwYSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNy4yIDBhLjY1LjY1IDAgMCAwLS40NjMuMTk1TC4xOTIgNi44NjJhLjY3NS42NzUgMCAwIDAgMCAuOTQzYy4yNTYuMjYuNjcuMjYuOTI1IDBMNy4yIDEuNjA5bDYuMDgzIDYuMTk2Yy4yNTUuMjYuNjcuMjYuOTI1IDBhLjY3NS42NzUgMCAwIDAgMC0uOTQzTDcuNjYzLjE5NUEuNjUuNjUgMCAwIDAgNy4yIDAiLz48L3N2Zz4=');
}

/* BASIC STYLES */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.hidden, [hidden] {
  display: none !important;
  visibility: hidden;
}

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

.sr-only-focusable {
  position: absolute;
  top: 0px;
  overflow: visible;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.sr-only-focusable.centered {
  left: 0px;
  right: 0px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.sr-only-focusable.centered.skipSection {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  max-width: 320px;
  text-align: center !important;
  background-color: #ffffff;
  color: var(--primary-color);
  font-weight: 500;
}
.sr-only-focusable:focus, .sr-only-focusable:focus-visible {
  opacity: 1;
  pointer-events: initial;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  white-space: normal;
  padding: 10px 14px;
  border-radius: 10px;
  background-color: var(--white-color);
  color: var(--primary-color);
  z-index: 500;
}

.enableWithCookies {
  display: none !important;
}

.hideMobile {
  display: none;
  visibility: hidden;
}

.removeTopMargin {
  margin-top: 0 !important;
}

.removeBottomMargin {
  margin-bottom: 0 !important;
}

.buttonReset,
button {
  background-color: transparent;
  border-width: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
}

*:focus-visible,
*[tabindex]:not([tabindex="-1"]):focus-visible,
a[href]:focus-visible,
a[role=button]:focus-visible,
button:not([disabled]):focus-visible,
input:not([disabled]):focus-visible,
select:not([disabled]):focus-visible,
.klaro .cookie-modal .cm-list-label input:focus + .slider,
.klaro .context-notice .cm-list-label input:focus + .slider,
.klaro .cookie-notice .cm-list-label input:focus + .slider,
.klaro .cookie-modal .cm-list-label input:checked + .slider::before,
.klaro .context-notice .cm-list-label input:checked + .slider::before,
.klaro .cookie-notice .cm-list-label input:checked + .slider::before,
.klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider,
.klaro .context-notice .cm-list-input:focus + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #000, 0 0 0 0.375rem #fff !important;
  transition: box-shadow 0.1s ease-out !important;
  outline: 3px solid var(--secondary-color) !important;
  outline-offset: 3px;
  /* transition: none;
  outline: solid;
  outline-color: #000;
  outline-width: 2px;
  outline-offset: 3px; */
}

img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.ce-above.ce-center .ce-gallery .ce-row,
.ce-above.ce-right .ce-gallery .ce-row,
.ce-above.ce-left .ce-gallery .ce-row,
.ce-below.ce-center .ce-gallery .ce-row,
.ce-below.ce-right .ce-gallery .ce-row,
.ce-below.ce-left .ce-gallery .ce-row {
  display: flex;
  gap: 10px;
}
.ce-above.ce-center .ce-gallery .ce-row .ce-column,
.ce-above.ce-right .ce-gallery .ce-row .ce-column,
.ce-above.ce-left .ce-gallery .ce-row .ce-column,
.ce-below.ce-center .ce-gallery .ce-row .ce-column,
.ce-below.ce-right .ce-gallery .ce-row .ce-column,
.ce-below.ce-left .ce-gallery .ce-row .ce-column {
  margin: 0px;
  float: unset;
}

.ce-above.ce-right .ce-gallery .ce-row,
.ce-below.ce-right .ce-gallery .ce-row {
  justify-content: flex-end;
}

.ce-above.ce-center .ce-gallery .ce-row,
.ce-below.ce-center .ce-gallery .ce-row {
  justify-content: center;
}

.clearer {
  clear: both;
}

.align-left,
.text-left {
  text-align: left;
}

.align-center,
.text-center {
  text-align: center;
}

.align-right,
.text-right {
  text-align: right;
}

.align-justify,
.text-justify {
  text-align: justify;
}

.text-small {
  font-size: 0.8rem;
}

/* TABS (container) */
@keyframes tabFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cols-frame-type-tabs_container {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
}
.cols-frame-type-tabs_container .c-tabs-header {
  display: flex;
  align-content: flex-start;
  gap: 25px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.cols-frame-type-tabs_container .c-tabs-header::-webkit-scrollbar {
  display: none;
}
.cols-frame-type-tabs_container .c-tabs-header .c-tabs-title {
  cursor: pointer;
  padding: 2px 5px;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  text-align: center;
  display: inline-block;
  background: none;
  transition: var(--transition-default);
  scroll-snap-align: start;
  flex-shrink: 0;
  white-space: nowrap;
  color: inherit;
}
.cols-frame-type-tabs_container .c-tabs-header .c-tabs-title.act {
  color: var(--primary-color);
  border-color: currentColor;
}
.cols-frame-type-tabs_container .c-tabs-content {
  margin: 20px 0 0 0;
  display: none;
}
.cols-frame-type-tabs_container .c-tabs-content.act {
  display: block;
  animation: tabFadeIn 0.35s ease forwards;
}
.cols-frame-type-tabs_container .c-tabs-content h1:first-child,
.cols-frame-type-tabs_container .c-tabs-content h2:first-child,
.cols-frame-type-tabs_container .c-tabs-content h3:first-child,
.cols-frame-type-tabs_container .c-tabs-content h4:first-child {
  margin-top: 0;
}

.container .cols-frame-type-tabs_container {
  margin-left: -24px;
  width: calc(100% + 48px);
}
.container .cols-frame-type-tabs_container .c-tabs-header {
  scroll-padding-left: 24px;
  padding-right: 24px;
}
.container .cols-frame-type-tabs_container .c-tabs-header .c-tabs-title:first-child {
  margin-left: 24px;
}
.container .cols-frame-type-tabs_container .c-tabs-header .c-tabs-title:last-child {
  margin-right: 24px;
}
.container .cols-frame-type-tabs_container .c-tabs-content {
  padding: 0 24px;
}

@media (min-width: 48em) {
  .cols-frame-type-tabs_container .c-tabs-header {
    gap: 1.4705882353rem;
  }
  .cols-frame-type-tabs_container .c-tabs-header .c-tabs-title {
    font-weight: 600;
    padding: 0.1176470588rem 0.2941176471rem;
    font-size: 1.1764705882rem;
    border-bottom: 0.1176470588rem solid transparent;
  }
  .cols-frame-type-tabs_container .c-tabs-content {
    margin: 1.7647058824rem 0 0 0;
    font-size: 1.0588235294rem;
  }
  .container .cols-frame-type-tabs_container {
    margin-left: -1.7647058824rem;
    width: calc(100% + 3.5294117647rem);
  }
  .container .cols-frame-type-tabs_container .c-tabs-header {
    scroll-padding-left: 1.7647058824rem;
    padding-right: 1.7647058824rem;
  }
  .container .cols-frame-type-tabs_container .c-tabs-header .c-tabs-title:first-child {
    margin-left: 1.7647058824rem;
  }
  .container .cols-frame-type-tabs_container .c-tabs-header .c-tabs-title:last-child {
    margin-right: 1.7647058824rem;
  }
  .container .cols-frame-type-tabs_container .c-tabs-content {
    padding: 0 1.7647058824rem;
  }
}
/* GRID SYSTEM */
.cols-100 .col,
.cols-50-50 .col,
.cols-66-33 .col,
.cols-33-66 .col,
.cols-33-33-33 .col,
.cols-60-40 .col,
.cols-40-60 .col,
.cols-75-25 .col,
.cols-25-75 .col,
.cols-25-25-25-25 .col {
  width: 100%;
  min-width: 0;
}

.cols-50-50,
.cols-66-33,
.cols-33-66,
.cols-33-33-33,
.cols-60-40,
.cols-40-60,
.cols-75-25,
.cols-25-75,
.cols-25-25-25-25 {
  margin: 0;
}
.cols-50-50 > div:first-of-type:not(.col),
.cols-66-33 > div:first-of-type:not(.col),
.cols-33-66 > div:first-of-type:not(.col),
.cols-33-33-33 > div:first-of-type:not(.col),
.cols-60-40 > div:first-of-type:not(.col),
.cols-40-60 > div:first-of-type:not(.col),
.cols-75-25 > div:first-of-type:not(.col),
.cols-25-75 > div:first-of-type:not(.col),
.cols-25-25-25-25 > div:first-of-type:not(.col) {
  display: grid;
  gap: 40px;
}

@media (min-width: 48em) {
  .cols-66-33 > div:first-of-type:not(.col) {
    grid-template-columns: 65.4% 30.6%;
  }
  .cols-33-66 > div:first-of-type:not(.col) {
    grid-template-columns: 30.6% 65.4%;
  }
  .cols-33-33-33 > div:first-of-type:not(.col) {
    grid-template-columns: 30.66% 30.66% 30.66%;
  }
  .cols-60-40 > div:first-of-type:not(.col) {
    grid-template-columns: 60% 36%;
  }
  .cols-40-60 > div:first-of-type:not(.col) {
    grid-template-columns: 36% 60%;
  }
  .cols-75-25 > div:first-of-type:not(.col) {
    grid-template-columns: 74% 22%;
  }
  .cols-25-75 > div:first-of-type:not(.col) {
    grid-template-columns: 22% 74%;
  }
  .cols-25-25-25-25 > div:first-of-type:not(.col) {
    grid-template-columns: 22% 22% 22% 22%;
  }
}
@media (min-width: 64em) {
  .cols-50-50 > div:first-of-type:not(.col),
  .cols-66-33 > div:first-of-type:not(.col),
  .cols-33-66 > div:first-of-type:not(.col),
  .cols-33-33-33 > div:first-of-type:not(.col),
  .cols-60-40 > div:first-of-type:not(.col),
  .cols-40-60 > div:first-of-type:not(.col),
  .cols-75-25 > div:first-of-type:not(.col),
  .cols-25-75 > div:first-of-type:not(.col),
  .cols-25-25-25-25 > div:first-of-type:not(.col) {
    gap: 3.5294117647rem;
  }
  .cols-50-50 > div:first-of-type:not(.col) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* MULTI COL LIST */
.frame-type-mask_multicollist ul li {
  width: 100%;
}

@media (min-width: 48em) {
  .frame-type-mask_multicollist ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4%;
  }
  .frame-type-mask_multicollist ul li {
    display: inline-block;
    width: 48%;
    margin: 0 0 1em 0;
    padding: 0 !important;
  }
  .frame-type-mask_multicollist.multiColList03 ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .frame-type-mask_multicollist.multiColList03 ul li {
    width: 30.6%;
  }
  .frame-type-mask_multicollist.multiColList04 ul {
    grid-template-columns: repeat(4, 1fr);
  }
  .frame-type-mask_multicollist.multiColList04 ul li {
    width: 21.6%;
  }
}
/* TABLE ITEM */
@media (min-width: 48em) {
  .frame-type-mask_table_item {
    display: table;
  }
  .frame-type-mask_table_item .tableItemRow {
    display: table-row;
  }
  .frame-type-mask_table_item .tableItemLeft,
  .frame-type-mask_table_item .tableItemRight {
    display: table-cell;
  }
  .frame-type-mask_table_item .tableItemLeft {
    padding: 0 20px 0 0;
  }
}
/* TABLE ITEM CONTENT */
@media (min-width: 48em) {
  .frame-type-mask_table_item_content {
    display: table;
    margin: 16px 0;
  }
  .frame-type-mask_table_item_content .tableItemContentLeft,
  .frame-type-mask_table_item_content .tableItemContentRight {
    display: table-cell;
    vertical-align: top;
  }
  .frame-type-mask_table_item_content .tableItemContentLeft {
    padding: 0 20px 0 0;
  }
  .frame-type-mask_table_item_content .ce-media,
  .frame-type-mask_table_item_content .ce-gallery figure {
    padding: 0;
  }
  .frame-type-mask_table_item_content .tableItemContentRight * {
    margin: 0 !important;
    padding: 0 !important;
  }
}
.frame-space-before-extra-small,
.cols-frame-space-before-extra-small {
  margin-top: 25px;
}

.frame-space-before-small,
.cols-frame-space-before-small {
  margin-top: 40px;
}

.frame-space-before-medium,
.cols-frame-space-before-medium {
  margin-top: 75px;
}

.frame-space-before-large,
.cols-frame-space-before-large {
  margin-top: 100px;
}

.frame-space-before-extra-large,
.cols-frame-space-before-extra-large {
  margin-top: 140px;
}

.frame-space-after-extra-small,
.cols-frame-space-after-extra-small {
  margin-bottom: 25px;
}

.frame-space-after-small,
.cols-frame-space-after-small {
  margin-bottom: 40px;
}

.frame-space-after-medium,
.cols-frame-space-after-medium {
  margin-bottom: 75px;
}

.frame-space-after-large,
.cols-frame-space-after-large {
  margin-bottom: 100px;
}

.frame-space-after-extra-large,
.cols-frame-space-after-extra-large {
  margin-bottom: 140px;
}

@media (min-width: 64em) {
  .hideMobile {
    display: block;
    visibility: visible;
  }
  .hideDesktop {
    display: none;
  }
  body .frame-space-before-extra-small,
  body .cols-frame-space-before-extra-small {
    margin-top: 1.7647058824rem;
  }
  body .frame-space-before-small,
  body .cols-frame-space-before-small {
    margin-top: 2.3529411765rem;
  }
  body .frame-space-before-medium,
  body .cols-frame-space-before-medium {
    margin-top: 5.2941176471rem;
  }
  body .frame-space-before-large,
  body .cols-frame-space-before-large {
    margin-top: 7.0588235294rem;
  }
  body .frame-space-before-extra-large,
  body .cols-frame-space-before-extra-large {
    margin-top: 9.4117647059rem;
  }
  body .frame-space-after-extra-small,
  body .cols-frame-space-after-extra-small {
    margin-bottom: 1.7647058824rem;
  }
  body .frame-space-after-small,
  body .cols-frame-space-after-small {
    margin-bottom: 2.3529411765rem;
  }
  body .frame-space-after-medium,
  body .cols-frame-space-after-medium {
    margin-bottom: 5.2941176471rem;
  }
  body .frame-space-after-large,
  body .cols-frame-space-after-large {
    margin-bottom: 7.0588235294rem;
  }
  body .frame-space-after-extra-large,
  body .cols-frame-space-after-extra-large {
    margin-bottom: 9.4117647059rem;
  }
}
/* Shared denQ foundations for the homepage and subsite. */
.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.u-grid-template-columns-repeat-3-1fr {
  grid-template-columns: 1fr !important;
  max-width: 460px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-grid-template-columns-repeat-4-1fr {
  grid-template-columns: repeat(2, 1fr) !important;
}

[data-r=procrow] > div.u-flex-1 {
  display: none !important;
}

.u-font-family-instrument-sans-sans-serif {
  font-family: var(--font-body);
}

.u-color-171a20 {
  color: var(--color-ink);
}

.u-webkit-font-smoothing-antialiased {
  -webkit-font-smoothing: antialiased;
}

.u-overflow-x-hidden {
  overflow-x: hidden;
}

.u-pos-fixed {
  position: fixed;
}

.u-background-1b5bff {
  background: var(--color-primary);
}

.u-color-fff {
  color: var(--color-white);
}

.u-font-size-15px {
  font-size: 15px;
}

.u-font-weight-600 {
  font-weight: 600;
}

.u-border-radius-10px {
  border-radius: 10px;
}

.u-no-underline {
  text-decoration: none;
}

.u-top-0 {
  top: 0;
}

.u-left-0 {
  left: 0;
}

.u-right-0 {
  right: 0;
}

.u-backdrop-filter-blur-16px {
  backdrop-filter: blur(16px);
}

.u-webkit-backdrop-filter-blur-16px {
  -webkit-backdrop-filter: blur(16px);
}

.u-mx-auto {
  margin: 0 auto;
}

.u-flex {
  display: flex;
}

.u-items-center {
  align-items: center;
}

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

.u-gap-13px {
  gap: 13px;
}

.u-height-40px {
  height: 40px;
}

.u-height-36px {
  height: 36px;
}

.u-width-auto {
  width: auto;
}

.u-block {
  display: block;
}

.u-height-26px {
  height: 26px;
}

.u-inline-block {
  display: inline-block;
}

.u-font-family-ibm-plex-mono-monospace {
  font-family: var(--font-mono);
}

.u-font-size-9px {
  font-size: 9px;
}

.u-color-8a93a6 {
  color: var(--color-subtle);
}

.u-white-space-nowrap {
  white-space: nowrap;
}

.u-font-weight-500 {
  font-weight: 500;
}

.u-align-self-stretch {
  align-self: stretch;
}

.u-background-none {
  background: none;
}

.u-border-none {
  border: none;
}

.u-cursor-pointer {
  cursor: pointer;
}

.u-color-inherit {
  color: inherit;
}

.u-gap-7px {
  gap: 7px;
}

.u-transition-transform-0-25s {
  transition: transform 0.25s;
}

.u-gap-12px {
  gap: 12px;
}

.u-width-38px {
  width: 38px;
}

.u-height-38px {
  height: 38px;
}

.u-background-fff {
  background: var(--color-white);
}

.u-justify-center {
  justify-content: center;
}

.u-padding-0 {
  padding: 0;
}

.u-border-radius-50 {
  border-radius: 50%;
}

.u-font-size-14-5px {
  font-size: 14.5px;
}

.u-gap-8px {
  gap: 8px;
}

.u-transition-background-0-25s {
  transition: background 0.25s;
}

.u-font-family-space-grotesk-sans-serif {
  font-family: var(--font-heading);
}

.u-width-42px {
  width: 42px;
}

.u-height-42px {
  height: 42px;
}

.u-pos-absolute {
  position: absolute;
}

.u-grid {
  display: grid;
}

.u-margin-bottom-14px {
  margin-bottom: 14px;
}

.u-font-size-12px {
  font-size: 12px;
}

.u-letter-spacing-0-08em {
  letter-spacing: 0.08em;
}

.u-font-size-14px {
  font-size: var(--font-size-small);
}

.u-border-radius-14px {
  border-radius: 14px;
}

.u-transition-background-0-2s {
  transition: background 0.2s;
}

.u-border-radius-12px {
  border-radius: 12px;
}

.u-object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.u-flex-shrink-0 {
  flex-shrink: 0;
}

.u-flex-column {
  flex-direction: column;
}

.u-min-width-0 {
  min-width: 0;
}

.u-font-size-15-5px {
  font-size: 15.5px;
}

.u-font-size-13px {
  font-size: 13px;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-font-size-17px {
  font-size: 17px;
}

.u-color-b4bcc8 {
  color: #B4BCC8;
}

.u-margin-top-4px {
  margin-top: 4px;
}

.u-w-full {
  width: 100%;
}

.u-flex-1 {
  flex: 1;
}

.u-text-align-center {
  text-align: center;
}

.u-border-radius-11px {
  border-radius: 11px;
}

.u-pos-relative {
  position: relative;
}

.u-inset-0 {
  inset: 0;
}

.u-pointer-events-none {
  pointer-events: none;
}

.u-width-26px {
  width: 26px;
}

.u-height-1px {
  height: 1px;
}

.u-margin-24px-0-0 {
  margin: 24px 0 0;
}

.u-font-size-18px {
  font-size: 18px;
}

.u-line-height-1-65 {
  line-height: 1.65;
}

.u-margin-22px-0-0 {
  margin: 22px 0 0;
}

.u-gap-14px {
  gap: 14px;
}

.u-margin-top-36px {
  margin-top: 36px;
}

.u-padding-15px-24px {
  padding: 15px 24px;
}

.u-gap-10px {
  gap: 10px;
}

.u-transition-background-0-25s-transform-0-25s {
  transition: background 0.25s, transform 0.25s;
}

.hover-u-transform-translatey-2px:hover {
  transform: translateY(-2px);
}

.u-flex-wrap-wrap {
  flex-wrap: wrap;
}

.u-margin-top-42px {
  margin-top: 42px;
}

.u-width-7px {
  width: 7px;
}

.u-height-7px {
  height: 7px;
}

.u-letter-spacing-0-14em {
  letter-spacing: 0.14em;
}

.u-border-radius-20px {
  border-radius: 20px;
}

.u-h-full {
  height: 100%;
}

.u-object-position-50-20 {
  -o-object-position: 50% 20%;
     object-position: 50% 20%;
}

.u-left-18px {
  left: 18px;
}

.u-font-size-10px {
  font-size: 10px;
}

.u-letter-spacing-0-2em {
  letter-spacing: 0.2em;
}

.u-z-index-3 {
  z-index: 3;
}

.u-border-radius-8px {
  border-radius: 8px;
}

.u-opacity-0 {
  opacity: 0;
}

.u-color-9fc1ff {
  color: #9FC1FF;
}

.u-background-6fa2ff {
  background: #6FA2FF;
}

.u-left-22px {
  left: 22px;
}

.u-right-22px {
  right: 22px;
}

.u-font-size-16px {
  font-size: var(--font-size-body);
}

.u-letter-spacing-0-1em {
  letter-spacing: 0.1em;
}

.u-margin-top-6px {
  margin-top: 6px;
}

.u-line-height-1-5 {
  line-height: 1.5;
}

.u-font-style-italic {
  font-style: italic;
}

.u-gap-6px {
  gap: 6px;
}

.u-font-size-11-5px {
  font-size: 11.5px;
}

.u-color-dce6fa {
  color: #DCE6FA;
}

.u-margin-top-14px {
  margin-top: 14px;
}

.u-font-size-8-5px {
  font-size: 8.5px;
}

.u-margin-top-16px {
  margin-top: 16px;
}

.u-inline-flex {
  display: inline-flex;
}

.u-font-size-13-5px {
  font-size: 13.5px;
}

.u-gap-9px {
  gap: 9px;
}

.u-font-weight-700 {
  font-weight: 700;
}

.u-line-height-1 {
  line-height: 1;
}

.u-letter-spacing-0-16em {
  letter-spacing: 0.16em;
}

.u-align-items-baseline {
  align-items: baseline;
}

.u-letter-spacing-0-01em {
  letter-spacing: -0.01em;
}

.u-width-6px {
  width: 6px;
}

.u-height-6px {
  height: 6px;
}

.u-letter-spacing-0-22em {
  letter-spacing: 0.22em;
}

.u-font-weight-400 {
  font-weight: 400;
}

.u-transform-translatey-26px {
  transform: translateY(26px);
}

.u-transition-opacity-0-9s-cubic-bezier-0-16-1-0-3-1-transform-0-9s-cubic-bezier-0-16-1-0-3-1 {
  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.u-letter-spacing-0-02em-2 {
  letter-spacing: -0.02em;
}

.u-margin-18px-0-0 {
  margin: 18px 0 0;
}

.u-max-width-520px {
  max-width: 520px;
}

.u-gap-18px {
  gap: 18px;
}

.u-items-start {
  align-items: flex-start;
}

.u-grid-template-columns-1fr-1fr {
  grid-template-columns: 1fr 1fr;
}

.u-border-radius-18px {
  border-radius: 18px;
}

.u-padding-28px-26px {
  padding: 28px 26px;
}

.u-items-end {
  align-items: flex-end;
}

.u-gap-40px {
  gap: 40px;
}

.u-max-width-380px {
  max-width: 380px;
}

.u-margin-0 {
  margin: 0;
}

.u-border-radius-22px {
  border-radius: 22px;
}

.u-width-46px {
  width: 46px;
}

.u-height-46px {
  height: 46px;
}

.u-gap-20px {
  gap: 20px;
}

.u-overflow-x-auto {
  overflow-x: auto;
}

.u-webkit-overflow-scrolling-touch {
  -webkit-overflow-scrolling: touch;
}

.u-backdrop-filter-blur-8px {
  backdrop-filter: blur(8px);
}

.u-font-size-11px {
  font-size: 11px;
}

.u-right-24px {
  right: 24px;
}

.u-color-6fa2ff {
  color: #6FA2FF;
}

.u-margin-top-5px {
  margin-top: 5px;
}

.u-margin-12px-0-0 {
  margin: 12px 0 0;
}

.u-background-rgba-255-255-255-0-14 {
  background: rgba(255, 255, 255, 0.14);
}

.u-gap-11px {
  gap: 11px;
}

.u-border-radius-3px {
  border-radius: 3px;
}

.u-bottom-0 {
  bottom: 0;
}

.u-margin-16px-auto-0 {
  margin: 16px auto 0;
}

.u-max-width-540px {
  max-width: 540px;
}

.u-margin-top-20px {
  margin-top: 20px;
}

.u-border-radius-16px {
  border-radius: 16px;
}

.u-transition-all-0-5s-cubic-bezier-0-16-1-0-3-1 {
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.u-top-0-5px {
  top: -0.5px;
}

.u-height-2px {
  height: 2px;
}

.u-width-0 {
  width: 0%;
}

.u-transition-width-0-8s-cubic-bezier-0-16-1-0-3-1 {
  transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.u-min-height-26px {
  min-height: 26px;
}

.u-margin-left-14px {
  margin-left: 14px;
}

.u-width-9px {
  width: 9px;
}

.u-height-9px {
  height: 9px;
}

.u-background-1db96e {
  background: #1DB96E;
}

.u-grid-template-columns-repeat-4-1fr {
  grid-template-columns: repeat(4, 1fr);
}

.u-letter-spacing-0-18em {
  letter-spacing: 0.18em;
}

.u-font-size-40px {
  font-size: 40px;
}

.u-font-size-30px {
  font-size: 30px;
}

.u-padding-10px-12px {
  padding: 10px 12px;
}

.u-line-height-1-45 {
  line-height: 1.45;
}

.u-padding-11px-14px {
  padding: 11px 14px;
}

.u-font-size-10-5px {
  font-size: 10.5px;
}

.u-text-overflow-ellipsis {
  text-overflow: ellipsis;
}

.u-line-height-1-6 {
  line-height: 1.6;
}

.u-margin-14px-0-0 {
  margin: 14px 0 0;
}

.u-width-20px {
  width: 20px;
}

.u-height-20px {
  height: 20px;
}

.u-gap-22px {
  gap: 22px;
}

.u-margin-20px-0-0 {
  margin: 20px 0 0;
}

.u-font-size-16-5px {
  font-size: 16.5px;
}

.u-margin-top-38px {
  margin-top: 38px;
}

.u-box-sizing-border-box {
  box-sizing: border-box;
}

.u-padding-0-4px {
  padding: 0 4px;
}

.u-background-rgba-255-255-255-0-06 {
  background: rgba(255, 255, 255, 0.06);
}

.u-border-1px-solid-rgba-255-255-255-0-1 {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.u-backdrop-filter-blur-10px {
  backdrop-filter: blur(10px);
}

.u-border-1px-solid-rgba-255-255-255-0-12 {
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.u-padding-12px-14px {
  padding: 12px 14px;
}

.u-width-34px {
  width: 34px;
}

.u-height-34px {
  height: 34px;
}

.u-line-height-1-4 {
  line-height: 1.4;
}

.u-border-1px-solid-rgba-255-255-255-0-09 {
  border: 1px solid rgba(255, 255, 255, 0.09);
}

.u-font-size-9-5px {
  font-size: 9.5px;
}

.u-font-size-8px {
  font-size: 8px;
}

.u-color-rgba-255-255-255-0-5 {
  color: rgba(255, 255, 255, 0.5);
}

.u-border-1px-solid-rgba-255-255-255-0-14 {
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.u-border-1px-solid-rgba-255-255-255-0-08 {
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.u-height-52px {
  height: 52px;
}

.u-margin-top-15px {
  margin-top: 15px;
}

.u-margin-bottom-40px {
  margin-bottom: 40px;
}

.u-top-50 {
  top: 50%;
}

.u-transform-translatey-50 {
  transform: translateY(-50%);
}

.u-outline-none {
  outline: none;
}

.u-margin-top-30px {
  margin-top: 30px;
}

.u-max-width-720px {
  max-width: 720px;
}

.u-max-width-480px {
  max-width: 480px;
}

.u-background-rgba-255-255-255-0-12 {
  background: rgba(255, 255, 255, 0.12);
}

.u-padding-96px-32px-0 {
  padding: 96px 32px 0;
}

.u-bottom-24px {
  bottom: 24px;
}

.u-gap-24px {
  gap: 24px;
}

.u-font-size-52px {
  font-size: 52px;
}

.u-max-width-620px {
  max-width: 620px;
}

.u-padding-17px-28px {
  padding: 17px 28px;
}

.u-margin-16px-0-0 {
  margin: 16px 0 0;
}

.hover-u-color-fff:hover {
  color: var(--color-white);
}

.u-z-index-300 {
  z-index: 300;
}

.u-padding-15px-16px {
  padding: 15px 16px;
}

.u-width-30px {
  width: 30px;
}

.u-height-30px {
  height: 30px;
}

.u-overflow-y-auto {
  overflow-y: auto;
}

.u-padding-18px {
  padding: 18px;
}

.u-align-self-flex-start {
  align-self: flex-start;
}

.u-max-width-82 {
  max-width: 82%;
}

.u-padding-10px-13px {
  padding: 10px 13px;
}

.u-padding-2px-14px-10px {
  padding: 2px 14px 10px;
}

.u-width-40px {
  width: 40px;
}

.u-transform-translatey-10px-scale-0-95 {
  transform: translateY(10px) scale(0.95);
}

.u-transition-opacity-0-4s-cubic-bezier-0-16-1-0-3-1-transform-0-4s-cubic-bezier-0-16-1-0-3-1 {
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.u-border-radius-16px-16px-4px-16px {
  border-radius: 16px 16px 4px 16px;
}

.u-padding-13px-15px {
  padding: 13px 15px;
}

.u-top-6px {
  top: 6px;
}

.u-right-8px {
  right: 8px;
}

.u-width-18px {
  width: 18px;
}

.u-height-18px {
  height: 18px;
}

.u-width-84px {
  width: 84px;
}

.u-height-84px {
  height: 84px;
}

.u-box-shadow-0-18px-42px-rgba-27-91-255-0-5 {
  box-shadow: 0 18px 42px rgba(27, 91, 255, 0.5);
}

.u-overflow-visible {
  overflow: visible;
}

.u-pointer-events-auto {
  pointer-events: auto;
}

.hover-u-transform-scale-1-06:hover {
  transform: scale(1.06);
}

.u-inset-3px {
  inset: 3px;
}

[role=button]:focus-visible, [role=link]:focus-visible {
  outline: var(--focus-ring);
  outline-offset: 2px;
}

.u-grid-template-columns-repeat-3-1fr {
  grid-template-columns: 1fr !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 460px;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.core-copy--muted {
  color: var(--color-subtle-accessible);
}

.btn--primary {
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 24px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background 0.25s, transform 0.25s;
  background-color: #171a20;
}
.btn--primary:hover {
  background-color: var(--color-primary);
  transform: translateY(-2px);
}

.btn--secondary {
  text-decoration: none;
  color: #171a20;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 24px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background 0.25s, transform 0.25s;
  background-color: #fff;
  border: solid 1px #171a20;
}
.btn--secondary:hover {
  transform: translateY(-2px);
}

/* Editorial styling for TYPO3's standard Text and Text & Media elements. */
.site-main .frame-type-text,
.site-main .frame-type-textmedia {
  --rich-text-ink: var(--color-ink);
  --rich-text-copy: var(--color-text);
  --rich-text-muted: var(--color-muted);
  --rich-text-accent: var(--color-primary);
  --rich-text-surface: var(--color-surface);
  --rich-text-surface-strong: #eef2f8;
  --rich-text-border: rgba(23, 26, 32, 0.13);
  width: 100%;
  max-width: 780px;
  padding-block: clamp(56px, 7vw, 96px);
  color: var(--rich-text-copy);
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.75;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.site-main .frame-type-text .ce-textpic,
.site-main .frame-type-textmedia .ce-textpic {
  display: flow-root;
}
.site-main .frame-type-text > :first-child,
.site-main .frame-type-text .ce-bodytext > :first-child,
.site-main .frame-type-textmedia > :first-child,
.site-main .frame-type-textmedia .ce-bodytext > :first-child {
  margin-top: 0;
}
.site-main .frame-type-text > :last-child,
.site-main .frame-type-text .ce-bodytext > :last-child,
.site-main .frame-type-textmedia > :last-child,
.site-main .frame-type-textmedia .ce-bodytext > :last-child {
  margin-bottom: 0;
}
.site-main .frame-type-text h1,
.site-main .frame-type-text h2,
.site-main .frame-type-text h3,
.site-main .frame-type-text h4,
.site-main .frame-type-text h5,
.site-main .frame-type-text h6,
.site-main .frame-type-textmedia h1,
.site-main .frame-type-textmedia h2,
.site-main .frame-type-textmedia h3,
.site-main .frame-type-textmedia h4,
.site-main .frame-type-textmedia h5,
.site-main .frame-type-textmedia h6 {
  color: var(--rich-text-ink);
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.site-main .frame-type-text h1,
.site-main .frame-type-textmedia h1 {
  margin: 0 0 clamp(24px, 3vw, 34px);
  font-size: clamp(40px, 5vw, var(--font-size-page-title));
  line-height: 1.08;
}
.site-main .frame-type-text h2,
.site-main .frame-type-textmedia h2 {
  margin: clamp(48px, 6vw, 72px) 0 22px;
  font-size: clamp(30px, 4vw, var(--font-size-section-title));
  line-height: 1.12;
}
.site-main .frame-type-text h3,
.site-main .frame-type-textmedia h3 {
  margin: clamp(36px, 5vw, 52px) 0 16px;
  font-size: clamp(23px, 2.6vw, 30px);
  line-height: 1.2;
}
.site-main .frame-type-text h4,
.site-main .frame-type-textmedia h4 {
  margin: 34px 0 12px;
  font-size: clamp(19px, 2vw, 22px);
  line-height: 1.3;
}
.site-main .frame-type-text h5,
.site-main .frame-type-text h6,
.site-main .frame-type-textmedia h5,
.site-main .frame-type-textmedia h6 {
  margin: 30px 0 10px;
  font-size: 1rem;
  line-height: 1.45;
}
.site-main .frame-type-text h6,
.site-main .frame-type-textmedia h6 {
  color: var(--rich-text-muted);
  font-family: var(--font-mono);
  font-size: 0.78em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.site-main .frame-type-text .style--color-primary,
.site-main .frame-type-textmedia .style--color-primary {
  color: var(--rich-text-accent);
}
.site-main .frame-type-text .style--decoration-underline::after,
.site-main .frame-type-textmedia .style--decoration-underline::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin-top: 20px;
  border-radius: 999px;
  background: var(--rich-text-accent);
}
.site-main .frame-type-text p,
.site-main .frame-type-text ul,
.site-main .frame-type-text ol,
.site-main .frame-type-text dl,
.site-main .frame-type-text blockquote,
.site-main .frame-type-text pre,
.site-main .frame-type-text table,
.site-main .frame-type-text hr,
.site-main .frame-type-textmedia p,
.site-main .frame-type-textmedia ul,
.site-main .frame-type-textmedia ol,
.site-main .frame-type-textmedia dl,
.site-main .frame-type-textmedia blockquote,
.site-main .frame-type-textmedia pre,
.site-main .frame-type-textmedia table,
.site-main .frame-type-textmedia hr {
  margin: 0 0 24px;
}
.site-main .frame-type-text p + p,
.site-main .frame-type-textmedia p + p {
  margin-top: 4px;
}
.site-main .frame-type-text strong,
.site-main .frame-type-text b,
.site-main .frame-type-textmedia strong,
.site-main .frame-type-textmedia b {
  color: var(--rich-text-ink);
  font-weight: 650;
}
.site-main .frame-type-text em,
.site-main .frame-type-text i,
.site-main .frame-type-textmedia em,
.site-main .frame-type-textmedia i {
  font-style: italic;
}
.site-main .frame-type-text small,
.site-main .frame-type-textmedia small {
  color: var(--rich-text-muted);
  font-size: 0.82em;
}
.site-main .frame-type-text a,
.site-main .frame-type-textmedia a {
  color: var(--rich-text-accent);
  font-weight: 600;
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.site-main .frame-type-text a:hover,
.site-main .frame-type-textmedia a:hover {
  color: var(--rich-text-ink);
  text-decoration-color: currentColor;
}
.site-main .frame-type-text abbr[title],
.site-main .frame-type-textmedia abbr[title] {
  text-decoration-color: var(--rich-text-muted);
  text-underline-offset: 3px;
  cursor: help;
}
.site-main .frame-type-text mark,
.site-main .frame-type-textmedia mark {
  padding: 0.08em 0.28em;
  border-radius: 4px;
  background: color-mix(in srgb, var(--rich-text-accent) 16%, transparent);
  color: var(--rich-text-ink);
}
.site-main .frame-type-text ul,
.site-main .frame-type-text ol,
.site-main .frame-type-textmedia ul,
.site-main .frame-type-textmedia ol {
  display: grid;
  gap: 10px;
  padding: 0;
  list-style: none;
}
.site-main .frame-type-text li,
.site-main .frame-type-textmedia li {
  position: relative;
  margin: 0;
  padding-left: 30px;
}
.site-main .frame-type-text ul > li::before,
.site-main .frame-type-textmedia ul > li::before {
  content: "";
  position: absolute;
  top: 0.78em;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rich-text-accent);
  transform: translateY(-50%);
}
.site-main .frame-type-text ol,
.site-main .frame-type-textmedia ol {
  counter-reset: denq-list;
}
.site-main .frame-type-text ol > li,
.site-main .frame-type-textmedia ol > li {
  counter-increment: denq-list;
}
.site-main .frame-type-text ol > li::before,
.site-main .frame-type-textmedia ol > li::before {
  content: counter(denq-list, decimal-leading-zero);
  position: absolute;
  top: 0.16em;
  left: 0;
  color: var(--rich-text-accent);
  font-family: var(--font-mono);
  font-size: 0.68em;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.site-main .frame-type-text li > ul,
.site-main .frame-type-text li > ol,
.site-main .frame-type-textmedia li > ul,
.site-main .frame-type-textmedia li > ol {
  margin: 10px 0 2px;
}
.site-main .frame-type-text li > ul > li::before,
.site-main .frame-type-textmedia li > ul > li::before {
  border: 1.5px solid var(--rich-text-accent);
  background: transparent;
}
.site-main .frame-type-text dl,
.site-main .frame-type-textmedia dl {
  display: grid;
  grid-template-columns: minmax(120px, 0.35fr) 1fr;
  gap: 12px 28px;
}
.site-main .frame-type-text dt,
.site-main .frame-type-textmedia dt {
  color: var(--rich-text-ink);
  font-weight: 650;
}
.site-main .frame-type-text dd,
.site-main .frame-type-textmedia dd {
  margin: 0;
}
.site-main .frame-type-text blockquote,
.site-main .frame-type-textmedia blockquote {
  padding: 24px 28px;
  border-left: 3px solid var(--rich-text-accent);
  border-radius: 0 14px 14px 0;
  background: var(--rich-text-surface);
  color: var(--rich-text-ink);
  font-family: var(--font-heading);
  font-size: 1.08em;
  line-height: 1.55;
}
.site-main .frame-type-text blockquote > :last-child,
.site-main .frame-type-textmedia blockquote > :last-child {
  margin-bottom: 0;
}
.site-main .frame-type-text blockquote cite,
.site-main .frame-type-textmedia blockquote cite {
  display: block;
  margin-top: 12px;
  color: var(--rich-text-muted);
  font-family: var(--font-body);
  font-size: 0.78em;
  font-style: normal;
}
.site-main .frame-type-text code,
.site-main .frame-type-text kbd,
.site-main .frame-type-textmedia code,
.site-main .frame-type-textmedia kbd {
  padding: 0.15em 0.4em;
  border: 1px solid var(--rich-text-border);
  border-radius: 5px;
  background: var(--rich-text-surface);
  color: var(--rich-text-ink);
  font-family: var(--font-mono);
  font-size: 0.86em;
}
.site-main .frame-type-text pre,
.site-main .frame-type-textmedia pre {
  max-width: 100%;
  padding: 20px 22px;
  overflow-x: auto;
  border: 1px solid var(--rich-text-border);
  border-radius: 12px;
  background: var(--rich-text-surface);
  line-height: 1.6;
  white-space: pre;
}
.site-main .frame-type-text pre code,
.site-main .frame-type-textmedia pre code {
  padding: 0;
  border: 0;
  background: transparent;
}
.site-main .frame-type-text hr,
.site-main .frame-type-textmedia hr {
  height: 1px;
  border: 0;
  background: var(--rich-text-border);
}
.site-main .frame-type-text table,
.site-main .frame-type-textmedia table {
  width: 100%;
  border: 1px solid var(--rich-text-border);
  border-spacing: 0;
  border-radius: 14px;
  background: transparent;
  font-size: 0.92em;
  line-height: 1.5;
  overflow: hidden;
}
.site-main .frame-type-text caption,
.site-main .frame-type-textmedia caption {
  padding: 0 0 12px;
  color: var(--rich-text-muted);
  font-family: var(--font-mono);
  font-size: 0.76em;
  letter-spacing: 0.03em;
  text-align: left;
}
.site-main .frame-type-text th,
.site-main .frame-type-text td,
.site-main .frame-type-textmedia th,
.site-main .frame-type-textmedia td {
  padding: 14px 16px;
  border-right: 1px solid var(--rich-text-border);
  border-bottom: 1px solid var(--rich-text-border);
  text-align: left;
  vertical-align: top;
}
.site-main .frame-type-text th,
.site-main .frame-type-textmedia th {
  background: var(--rich-text-surface-strong);
  color: var(--rich-text-ink);
  font-family: var(--font-heading);
  font-weight: 600;
}
.site-main .frame-type-text tbody tr:nth-child(even) td,
.site-main .frame-type-textmedia tbody tr:nth-child(even) td {
  background: color-mix(in srgb, var(--rich-text-surface) 70%, transparent);
}
.site-main .frame-type-text tr > :last-child,
.site-main .frame-type-textmedia tr > :last-child {
  border-right: 0;
}
.site-main .frame-type-text tr:last-child > *,
.site-main .frame-type-textmedia tr:last-child > * {
  border-bottom: 0;
}
.site-main .frame-type-text .table-responsive,
.site-main .frame-type-textmedia .table-responsive {
  max-width: 100%;
  margin-bottom: 24px;
  overflow-x: auto;
  border-radius: 14px;
  overscroll-behavior-inline: contain;
}
.site-main .frame-type-text .table-responsive table,
.site-main .frame-type-textmedia .table-responsive table {
  margin-bottom: 0;
}
.site-main .frame-type-text .ce-gallery,
.site-main .frame-type-textmedia .ce-gallery {
  margin-bottom: clamp(28px, 4vw, 44px);
}
.site-main .frame-type-text .ce-gallery figure,
.site-main .frame-type-textmedia .ce-gallery figure {
  margin: 0;
}
.site-main .frame-type-text .ce-gallery img,
.site-main .frame-type-textmedia .ce-gallery img {
  display: block;
  border-radius: 18px;
}
.site-main .frame-type-text .ce-gallery figcaption,
.site-main .frame-type-textmedia .ce-gallery figcaption {
  margin-top: 10px;
  color: var(--rich-text-muted);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.site-main .frame-type-text .ce-below .ce-gallery,
.site-main .frame-type-textmedia .ce-below .ce-gallery {
  margin: clamp(28px, 4vw, 44px) 0 0;
}

.site-main--subsite .frame-type-text,
.site-main--subsite .frame-type-textmedia,
body.dq-dark .site-main .frame-type-text,
body.dq-dark .site-main .frame-type-textmedia {
  --rich-text-ink: #f2f4f8;
  --rich-text-copy: #c6cdda;
  --rich-text-muted: #a3acbd;
  --rich-text-accent: #6fa2ff;
  --rich-text-surface: #101a2b;
  --rich-text-surface-strong: #16243a;
  --rich-text-border: rgba(255, 255, 255, 0.13);
}

@media (min-width: 768px) {
  .site-main .frame-type-text .ce-intext.ce-left .ce-gallery,
  .site-main .frame-type-text .ce-intext.ce-right .ce-gallery,
  .site-main .frame-type-textmedia .ce-intext.ce-left .ce-gallery,
  .site-main .frame-type-textmedia .ce-intext.ce-right .ce-gallery {
    width: min(45%, 520px);
    margin-bottom: 24px;
  }
  .site-main .frame-type-text .ce-intext.ce-left .ce-gallery,
  .site-main .frame-type-textmedia .ce-intext.ce-left .ce-gallery {
    float: left;
    margin-right: clamp(28px, 4vw, 52px);
  }
  .site-main .frame-type-text .ce-intext.ce-right .ce-gallery,
  .site-main .frame-type-textmedia .ce-intext.ce-right .ce-gallery {
    float: right;
    margin-left: clamp(28px, 4vw, 52px);
  }
}
@media (max-width: 640px) {
  .site-main .frame-type-text,
  .site-main .frame-type-textmedia {
    padding-block: 48px;
    line-height: 1.68;
  }
  .site-main .frame-type-text p,
  .site-main .frame-type-text ul,
  .site-main .frame-type-text ol,
  .site-main .frame-type-text dl,
  .site-main .frame-type-text blockquote,
  .site-main .frame-type-text pre,
  .site-main .frame-type-text table,
  .site-main .frame-type-text hr,
  .site-main .frame-type-textmedia p,
  .site-main .frame-type-textmedia ul,
  .site-main .frame-type-textmedia ol,
  .site-main .frame-type-textmedia dl,
  .site-main .frame-type-textmedia blockquote,
  .site-main .frame-type-textmedia pre,
  .site-main .frame-type-textmedia table,
  .site-main .frame-type-textmedia hr {
    margin-bottom: 20px;
  }
  .site-main .frame-type-text dl,
  .site-main .frame-type-textmedia dl {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .site-main .frame-type-text dl dd + dt,
  .site-main .frame-type-textmedia dl dd + dt {
    margin-top: 12px;
  }
  .site-main .frame-type-text blockquote,
  .site-main .frame-type-textmedia blockquote {
    padding: 20px 20px;
  }
  .site-main .frame-type-text table:not(.table-responsive table),
  .site-main .frame-type-textmedia table:not(.table-responsive table) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }
  .site-main .frame-type-text th,
  .site-main .frame-type-text td,
  .site-main .frame-type-textmedia th,
  .site-main .frame-type-textmedia td {
    min-width: 140px;
    padding: 12px 14px;
  }
}
:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite;
}

@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.f-throwOutUp {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0;
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}

.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1;
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}

.f-fadeFastOut {
  animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
  z-index: 2;
}

@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}

.f-fadeSlowOut {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
  z-index: 1;
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}
.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

.f-classicIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}

.f-classicOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}

.f-classicOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}

@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}
:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition);
}

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}
.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
  outline: none;
}

.f-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 0.15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}

.f-button[disabled] {
  cursor: default;
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
  transform: rotate(90deg);
}

.f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
  pointer-events: none;
}

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}

html.with-fancybox body {
  touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  box-sizing: inherit;
}

.fancybox__container::backdrop {
  background-color: rgba(0, 0, 0, 0);
}

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}

.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.fancybox__viewport {
  width: 100%;
  height: 100%;
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab;
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  overscroll-behavior: contain;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
  overflow: hidden;
}

.fancybox__slide.has-image {
  overflow: hidden;
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
  overflow: visible;
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

.fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty {
  display: block;
}

.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}

.is-loading .fancybox__content {
  opacity: 0;
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
  cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
  will-change: transform, width, height;
}

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  filter: blur(0px);
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}

.is-compact .fancybox__caption {
  padding-bottom: 0;
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px;
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}

.is-idle .fancybox__nav {
  animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
  animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
  animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}

.fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
}

.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  perspective: 1000px;
  transform: translateZ(0);
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1;
}

.f-thumbs .f-spinner svg {
  display: none;
}

.f-thumbs.is-vertical {
  height: 100%;
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.f-thumbs__track {
  display: flex;
}

.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}

.f-thumbs__slide.is-loading img {
  opacity: 0;
}

.is-classic .f-thumbs__viewport {
  height: 100%;
}

.is-modern .f-thumbs__track {
  width: -moz-max-content;
  width: max-content;
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
  width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
  cursor: pointer;
}

.is-modern .f-thumbs__slide {
  width: var(--f-thumb-clip-width);
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition: none;
  pointer-events: none;
}

.is-modern.is-resting .f-thumbs__slide {
  transition: transform 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide__button {
  transition: clip-path 0.33s ease;
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: var(--f-thumb-width);
  height: 100%;
  margin: 0 -100% 0 -100%;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity);
}

.is-modern .f-thumbs__slide__button {
  --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );
  clip-path: var(--clip-path);
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  animation: f-fadeIn 0.2s ease-out;
  z-index: 10;
}

.f-thumbs__slide__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--f-thumb-border-radius);
}

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 12px 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-masked {
  max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
  transition: none !important;
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20;
}

.fancybox__toolbar :focus-visible {
  z-index: 1;
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fancybox__infobar span {
  padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
  position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.fancybox__container {
  --fancybox-bg: rgba(24, 24, 27, 0.9);
}

.fancybox__caption {
  font-size: 1rem;
}

/* Iframe */
/* For compact mode */
.fancybox__container.is-compact .fancybox__slide.has-iframe .fancybox__content {
  width: 100%;
  height: 100%;
  padding: 0px;
}

/* For all other cases */
.fancybox__slide.has-iframe .fancybox__content {
  width: 50vw;
  height: 70%;
  padding: 0px;
}

/* .fancybox__container {
    --right-col-pos: -17vw;
    --main-col-padding-right: 0px;
    &.sidebar-visible {
        --right-col-pos: 0px;
        --main-col-padding-right: 17vw;

    }
}
.fancybox__toolbar.is-absolute{
    right: var(--main-col-padding-right);
    transition: right 0.25s ease-out;
}
.fancybox__cols {
    display: flex;
    height: 100%;

    .fancybox__col {
        width: 100%;
        display: flex;
        flex-direction: column;
        min-height: 0;
        position: relative;
        overflow: hidden;
        padding-right: var(--main-col-padding-right);
        transition: padding-right 0.25s ease-out;

        &.fancybox__sidebar{
            background-color: #fff;
            font-size: 1vw;
            width: 17vw;
            position: fixed;
            height: 100vh;
            right: var(--right-col-pos);
            transition: right 0.25s ease-out;
            padding-right: 0px !important;

            p,a{
                color: #000;
                line-height: 1.5;
            }
            p{
                margin-bottom: 0.7rem !important;
            }
            p:last-child{
                margin-bottom:0px !important;
            }
        }
    }
}
.fancybox__container button{
    &.toggleSidebar{
        padding-top: 0.18rem;
    }
    &.copyCopyright{
        width: 0.75rem;
        height: initial;
        margin-left: 0.5rem;
    }
}
.fancybox__data {
    padding: 1rem;
    overflow: auto;
}
.fancybox-sidebar-info-wrapper{
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    padding: 0.7rem 0;
    &:last-of-type{
        border-bottom: none;
    }

    .sectionHeadline{
        display: block;
        margin: 0 0 0.25rem 0;
    }
}
.fancybox-copyright{
    align-items: center;
}
.fancybox__infobar{
    font-size: 1vw;
} */
@media screen and (max-width: 1023px) {
  /* Iframe */
  /* For all other cases */
  .fancybox__slide.has-iframe .fancybox__content {
    width: 90%;
    height: 70%;
  }
  /* .fancybox__container {
      .fancybox__cols .fancybox__col.fancybox__sidebar{
          height: 0px;
      }
      &.sidebar-visible {
          .fancybox__cols .fancybox__col.fancybox__sidebar{
              height: 220px;
          }
      }
  }

  .fancybox__toolbar.is-absolute{
      right: 0px !important;
  }

  .fancybox__cols { 
      display: flex;
      flex-direction: column;

      .fancybox__col:first-child {
          flex-grow: 1; // First column should stretch
          padding-right: 0px !important;
      }
      .fancybox__col.fancybox__sidebar {
          width: 100%;
          position: relative;
          height: 200px;
          right: 0px !important;
          overflow: scroll;
          transition: height 0.25s ease-out;
          font-size: 12px;
          p{
              margin-bottom: 12px !important;
          }
          p:last-child{
              margin-bottom:0px !important;
          }
      }
  }

  .fancybox__data {
      padding: 12px;
  }

  .fancybox-sidebar-info-wrapper{
      padding: 12px 0;
  }

  .fancybox__container button.copyCopyright {
      width: 12px;
      //height: 14px;
      margin-left: 8px;
  }

  .fancybox__infobar{
      font-size: 14px;
  } */
}
.ts-control {
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 8px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.full .ts-control {
  background-color: #fff;
}

.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}

.focus .ts-control {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.ts-control > * {
  display: inline-block;
  vertical-align: initial;
}

.ts-wrapper.multi .ts-control > div {
  background: #1da7ee;
  border: 1px solid #0073bb;
  color: #fff;
  cursor: pointer;
  margin: 0 3px 3px 0;
  overflow: auto;
  padding: 2px 6px;
}

.ts-wrapper.multi .ts-control > div.active {
  background: #92c836;
  border: 1px solid #00578d;
  color: #fff;
}

.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  background: #d2d2d2;
  border: 1px solid #aaa;
  color: #fff;
}

.ts-control > input {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-block !important;
  flex: 1 1 auto;
  line-height: inherit !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  min-height: 0 !important;
  min-width: 7rem;
  padding: 0 !important;
  text-indent: 0 !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.ts-control > input::-ms-clear {
  display: none;
}

.ts-control > input:focus {
  outline: none !important;
}

.has-items .ts-control > input {
  margin: 0 4px !important;
}

.ts-control.rtl {
  text-align: right;
}

.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}

.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}

.disabled .ts-control {
  background-color: #fafafa;
  opacity: 0.5;
}

.input-hidden .ts-control > input {
  left: -10000px;
  opacity: 0;
  position: absolute;
}

.ts-dropdown {
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 0 0 3px 3px;
  border-top: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  left: 0;
  margin: 0.25rem 0 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10;
}

.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}

.ts-dropdown .create, .ts-dropdown .no-results, .ts-dropdown .optgroup-header, .ts-dropdown .option {
  padding: 5px 8px;
}

.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.ts-dropdown [data-selectable].option {
  cursor: pointer;
  opacity: 1;
}

.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0;
}

.ts-dropdown .optgroup-header {
  background: #fff;
  color: #303030;
  cursor: default;
}

.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.ts-dropdown .active.create {
  color: #495c68;
}

.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.ts-dropdown .spinner {
  display: inline-block;
  height: 30px;
  margin: 5px 8px;
  width: 30px;
}

.ts-dropdown .spinner:after {
  animation: lds-dual-ring 1.2s linear infinite;
  border-color: #d0d0d0 transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  content: " ";
  display: block;
  height: 24px;
  margin: 3px;
  width: 24px;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.ts-dropdown-content {
  max-height: 200px;
  overflow: hidden auto;
  scroll-behavior: smooth;
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}

.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}

.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}

.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}

.plugin-clear_button {
  --ts-pr-clear-button:1em;
}

.plugin-clear_button .clear-button {
  background: transparent !important;
  cursor: pointer;
  margin-right: 0 !important;
  opacity: 0;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.5s;
}

.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 8px);
}

.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  background: color-mix(#fff, #d0d0d0, 85%);
  border-bottom: 1px solid #d0d0d0;
  border-radius: 3px 3px 0 0;
  padding: 10px 8px;
  position: relative;
}

.ts-wrapper .dropdown-header-close {
  color: #303030;
  font-size: 20px !important;
  line-height: 20px;
  margin-top: -12px;
  opacity: 0.4;
  position: absolute;
  right: 8px;
  top: 50%;
}

.ts-wrapper .dropdown-header-close:hover {
  color: #000;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  border: 1px solid #d0d0d0;
  box-shadow: none;
}

.plugin-dropdown_input .dropdown-input {
  background: transparent;
  border: solid #d0d0d0;
  border-width: 0 0 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  display: block;
  padding: 8px;
  width: 100%;
}

.plugin-dropdown_input .items-placeholder {
  border: 0 !important;
  box-shadow: none !important;
  width: 100%;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
  color: transparent;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0;
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0;
}

.ts-wrapper.plugin-remove_button .item {
  align-items: center;
  display: inline-flex;
}

.ts-wrapper.plugin-remove_button .item .remove {
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  padding: 0 6px;
  text-decoration: none;
  vertical-align: middle;
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}

.ts-wrapper.plugin-remove_button .remove-single {
  font-size: 23px;
  position: absolute;
  right: 0;
  top: 0;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #0073bb;
  margin-left: 6px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #00578d;
}

.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: #aaa;
}

.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #0073bb;
  margin-right: 6px;
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #00578d;
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: #aaa;
}

:root {
  --ts-pr-clear-button:0px;
  --ts-pr-caret:0px;
  --ts-pr-min:.75rem;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-wrapper {
  position: relative;
}

.ts-control, .ts-control input, .ts-dropdown {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.ts-control, .ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.ts-wrapper.single .ts-control {
  --ts-pr-caret:2rem;
}

.ts-wrapper.single .ts-control:after {
  border-color: gray transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: " ";
  display: block;
  height: 0;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 0;
}

.ts-wrapper.single .ts-control:not(.rtl):after {
  right: 15px;
}

.ts-wrapper.single .ts-control.rtl:after {
  left: 15px;
}

.ts-wrapper.single.dropdown-active .ts-control:after {
  border-color: transparent transparent gray;
  border-width: 0 5px 5px;
  margin-top: -4px;
}

.ts-wrapper.single.input-active .ts-control, .ts-wrapper.single.input-active .ts-control input {
  cursor: text;
}

.ts-wrapper {
  display: flex;
  min-height: 36px;
}

.ts-wrapper.multi .ts-control [data-value] {
  background-color: color-mix(#1da7ee, #178ee9, 60%);
  background-image: linear-gradient(180deg, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px hsla(0, 0%, 100%, 0.03);
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
}

.ts-wrapper.multi .ts-control [data-value].active {
  background-color: color-mix(#008fd8, #0075cf, 60%);
  background-image: linear-gradient(180deg, #008fd8, #0075cf);
  background-repeat: repeat-x;
}

.ts-wrapper.multi.disabled .ts-control [data-value] {
  background: none;
  box-shadow: none;
  color: #999;
  text-shadow: none;
}

.ts-wrapper.multi.disabled .ts-control [data-value], .ts-wrapper.multi.disabled .ts-control [data-value] .remove {
  border-color: #e6e6e6;
}

.ts-wrapper.multi.disabled .ts-control [data-value] .remove {
  background: none;
}

.ts-wrapper.single .ts-control {
  background-color: color-mix(#fefefe, #f2f2f2, 60%);
  background-image: linear-gradient(180deg, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 hsla(0, 0%, 100%, 0.8);
}

.ts-dropdown.single, .ts-wrapper.single .ts-control {
  border-color: #b8b8b8;
}

.dropdown-active .ts-control {
  border-radius: 3px 3px 0 0;
}

.ts-dropdown .optgroup-header {
  font-size: 0.85em;
  font-weight: 700;
  padding-top: 7px;
}

.ts-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.ts-dropdown .optgroup:first-child {
  border-top: 0;
}

.plugin-dropdown_input.has-items .items-placeholder {
  display: none !important;
}

.ts-wrapper.multi {
  width: 100%;
  font-size: 16px;
  font-family: var(--font-body);
  color: var(--input-text-color);
}
.ts-wrapper.multi::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 48px;
  -webkit-mask-image: var(--icon-arrow-down-small);
          mask-image: var(--icon-arrow-down-small);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 14px;
          mask-size: 14px;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--primary-color);
  pointer-events: none;
  z-index: 2;
}
.ts-wrapper.multi::before {
  content: "";
  position: absolute;
  right: 1px;
  top: 2px;
  width: 60px;
  height: calc(100% - 4px);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
  border-radius: var(--border-radius-default);
  z-index: 2;
  pointer-events: none;
}
.ts-wrapper.multi .ts-control {
  padding: 12px 12px 12px 12px;
  position: relative;
  overflow-x: auto;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: center;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  border: 1px solid var(--input-border-color);
  border-radius: var(--border-radius-default);
  font-size: 16px;
  font-family: var(--font-body);
  background: var(--input-background-color);
  transition: var(--transition-default);
  outline: none;
  box-shadow: none !important;
  cursor: pointer;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ts-wrapper.multi .ts-control::-webkit-scrollbar {
  display: none;
}
.ts-wrapper.multi .ts-control .item {
  margin: 0;
  flex: 0 0 auto;
  border: none;
  background: var(--primary-color) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: #fff;
  border-radius: 5px;
  font-size: 15px;
  padding: 3px 7px;
  align-items: center;
  display: inline-flex;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}
.ts-wrapper.multi .ts-control .item.active {
  border: none;
}
.ts-wrapper.multi .ts-control .item .remove {
  border-left: none !important;
  color: #fff;
  opacity: 0.8;
  padding: 0 0 0 4px;
  margin-left: 2px;
  flex-shrink: 0;
}
.ts-wrapper.multi .ts-control .item .remove:hover {
  background: transparent;
  opacity: 1;
}
.ts-wrapper.multi .ts-control .item:last-of-type {
  margin-right: 40px;
}
.ts-wrapper.multi .ts-control input.items-placeholder {
  cursor: pointer;
  font-size: 15px;
}
.ts-wrapper.multi .ts-control .clear-button {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
  opacity: 1 !important;
  background: transparent !important;
  color: var(--input-border-color);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
}
.ts-wrapper.multi .ts-control .clear-button:hover {
  color: var(--primary-color);
}
.ts-wrapper.multi.focus .ts-control {
  border-color: var(--primary-color);
}
.ts-wrapper.multi .ts-control:focus-visible {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #000, 0 0 0 0.375rem #fff !important;
  outline: 3px solid var(--secondary-color);
  outline-offset: 3px;
}
.ts-wrapper.multi:not(.focus) .ts-control:hover {
  border-color: var(--primary-color);
}
.ts-wrapper.multi .ts-dropdown {
  background-color: transparent !important;
  z-index: 50 !important;
  box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.1) !important;
  border-radius: var(--border-radius-default);
  border: none;
  margin-top: 4px;
  overflow: hidden;
}
.ts-wrapper.multi .ts-dropdown .dropdown-input-wrap {
  background: #fff;
  border-bottom: 1px solid var(--input-border-color);
}
.ts-wrapper.multi .ts-dropdown .dropdown-input-wrap .dropdown-input {
  width: 100%;
  padding: 10px 15px;
  border: none;
  background: transparent;
  font-size: 15px;
  font-family: var(--font-body);
  color: var(--input-text-color);
  outline: none;
  box-shadow: none !important;
  box-sizing: border-box;
  display: block;
}
.ts-wrapper.multi .ts-dropdown .dropdown-input-wrap .dropdown-input::-moz-placeholder {
  color: var(--input-text-color);
  opacity: 0.5;
}
.ts-wrapper.multi .ts-dropdown .dropdown-input-wrap .dropdown-input::placeholder {
  color: var(--input-text-color);
  opacity: 0.5;
}
.ts-wrapper.multi .ts-dropdown .dropdown-input-wrap .dropdown-input:focus, .ts-wrapper.multi .ts-dropdown .dropdown-input-wrap .dropdown-input:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content {
  background: #fff;
  border-radius: 0 0 var(--border-radius-default) var(--border-radius-default);
  overflow-y: auto;
  max-height: 200px;
  padding: 0.5em 0;
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option {
  padding: 8px 15px;
  min-height: 40px;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.25;
  box-sizing: border-box;
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  color: #000000;
  hyphens: auto;
  display: grid;
  grid-template-columns: 1.3em auto;
  gap: 0.75em;
  align-items: start;
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option[aria-disabled=true] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input[type=checkbox],
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input.tomselect-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.3em;
  height: 1.3em;
  padding: 0px;
  border: 1px solid var(--input-border-color);
  border-radius: 4px;
  transform: translateY(-0.075em);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  display: grid;
  place-content: center;
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input[type=checkbox]::before,
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input.tomselect-checkbox::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 150ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--primary-color);
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  background-color: CanvasText;
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input[type=checkbox]:checked::before,
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input.tomselect-checkbox:checked::before {
  transform: scale(1);
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input[type=checkbox]:focus,
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input.tomselect-checkbox:focus {
  border-color: var(--primary-color);
  outline: none;
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input[type=checkbox]:hover:not(:focus),
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input.tomselect-checkbox:hover:not(:focus) {
  border-color: var(--primary-color);
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option.active {
  background-color: #fff;
  color: var(--primary-color);
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option.selected {
  background-color: #fff;
  color: var(--input-text-color);
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option.selected input[type=checkbox]:checked,
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option.selected input.tomselect-checkbox:checked {
  border-color: var(--primary-color);
}
.ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option.active.selected {
  color: var(--primary-color);
}

@media (min-width: 64em) {
  .ts-wrapper.multi {
    font-size: 0.8235294118rem;
  }
  .ts-wrapper.multi::after {
    width: 2.6470588235rem;
    height: 2.6470588235rem;
    -webkit-mask-size: 0.8235294118rem;
            mask-size: 0.8235294118rem;
  }
  .ts-wrapper.multi::before {
    width: 3.5294117647rem;
  }
  .ts-wrapper.multi .ts-control {
    padding: 0.4705882353rem 0.7058823529rem;
    padding-right: 2.9411764706rem;
    height: 2.6470588235rem;
    min-height: 2.6470588235rem;
    max-height: 2.6470588235rem;
    font-size: 0.8823529412rem;
  }
  .ts-wrapper.multi .ts-control .item {
    font-size: 0.7058823529rem;
    line-height: 1.3;
    padding: 0.2352941176rem 0.4705882353rem;
    border-radius: 0.2941176471rem;
    max-width: 7.0588235294rem;
  }
  .ts-wrapper.multi .ts-control .item .remove {
    padding-left: 0.2352941176rem;
  }
  .ts-wrapper.multi .ts-control .item:last-of-type {
    margin-right: 2.3529411765rem;
  }
  .ts-wrapper.multi .ts-control input.items-placeholder {
    font-size: 0.8235294118rem;
  }
  .ts-wrapper.multi .ts-control .clear-button {
    right: 0.9411764706rem;
    font-size: 0.9411764706rem;
  }
  .ts-wrapper.multi .ts-dropdown .dropdown-input-wrap .dropdown-input {
    padding: 0.5882352941rem 0.8823529412rem;
    font-size: 0.8235294118rem;
  }
  .ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option {
    padding: 0.4705882353rem 0.8823529412rem;
    min-height: 2.3529411765rem;
    font-size: 0.8235294118rem;
    gap: 0.75em;
  }
  .ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input[type=checkbox],
  .ts-wrapper.multi .ts-dropdown .ts-dropdown-content .option input.tomselect-checkbox {
    width: 1.3em;
    height: 1.3em;
    margin: 0;
  }
}
/* https://github.com/TarekRaafat/autoComplete.js */
.autoComplete_wrapper {
  display: inline-block;
  position: relative;
}

.autoComplete_wrapper > input {
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1rem;
  text-overflow: ellipsis;
  outline: 0;
  border-radius: 10rem;
}

.autoComplete_wrapper > input:focus::-moz-selection {
  color: var(--primary-color);
}

.autoComplete_wrapper > input:focus::selection {
  color: var(--primary-color);
}

.autoComplete_wrapper > input::-moz-selection {
  color: var(--primary-color);
}

.autoComplete_wrapper > input::selection {
  color: var(--primary-color);
}

.autoComplete_wrapper > input:hover {
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > ul {
  position: absolute;
  max-height: 226px;
  overflow-y: auto;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 0.5rem 0 0 0;
  padding: 0;
  z-index: 1;
  list-style: none;
  border-radius: 0.6rem;
  background-color: #fff;
  border: 1px solid rgba(33, 33, 33, 0.07);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  outline: 0;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.autoComplete_wrapper > ul:empty, .autoComplete_wrapper > ul[hidden] {
  display: block;
  opacity: 0;
  transform: scale(0);
}

.autoComplete_wrapper > ul > li {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  text-align: left;
  font-size: 1rem;
  border-radius: 0.35rem;
  background-color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  font-weight: 700;
}

.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
}

.autoComplete_wrapper > ul > li[aria-selected=true] {
  color: var(--primary-color);
}

@media only screen and (max-width: 600px) {
  .autoComplete_wrapper > input {
    width: 18rem;
  }
}
/* _powermail.scss */
.tx-powermail h3,
.powermail_legend,
.parsley-errors-list,
.hide_legend legend,
.parsley-errors-list,
.powermail-errors-list,
.tx-femanager legend,
.tx-femanager .alert.bg-danger {
  display: none !important;
}

.powermail_fieldwrap_type_text {
  text-align: center !important;
  font-weight: 600;
}

.altcha {
  z-index: 10 !important;
}
.altcha .altcha-label {
  font-size: 1rem;
}

label {
  max-width: unset;
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 4px;
  font-family: var(--font-medium);
}
label .required,
label .sr-only {
  font-weight: normal;
}

fieldset {
  all: unset;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

select {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.tx-femanager select {
  background: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m6.46967%208.96967c.29289-.29289.76777-.29289%201.06066%200l4.46967%204.46963%204.4697-4.46963c.2929-.29289.7677-.29289%201.0606%200s.2929.76777%200%201.06063l-5%205c-.1406.1407-.3314.2197-.5303.2197s-.3897-.079-.5303-.2197l-5.00003-5c-.29289-.29286-.29289-.76774%200-1.06063z%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E") no-repeat right 6px center;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

input[type=text]:not(.vscomp-search-input),
input[type=date],
input[type=url],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=search],
textarea,
select,
.tail-select .select-label {
  width: 100%;
  height: 48px;
  padding: 12px 16px;
  border: 1px solid var(--input-border-color);
  border-radius: var(--border-radius-default);
  font-size: 15px;
  font-family: var(--font-body);
  background: var(--input-background-color);
  transition: var(--transition-default);
  outline: none;
  color: var(--input-text-color);
}
input[type=text]:not(.vscomp-search-input):focus-visible,
input[type=date]:focus-visible,
input[type=url]:focus-visible,
input[type=email]:focus-visible,
input[type=tel]:focus-visible,
input[type=number]:focus-visible,
input[type=password]:focus-visible,
input[type=search]:focus-visible,
textarea:focus-visible,
select:focus-visible,
.tail-select .select-label:focus-visible {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(0, 126, 141, 0.2);
}
input[type=text]:not(.vscomp-search-input):hover:not(:focus-visible),
input[type=date]:hover:not(:focus-visible),
input[type=url]:hover:not(:focus-visible),
input[type=email]:hover:not(:focus-visible),
input[type=tel]:hover:not(:focus-visible),
input[type=number]:hover:not(:focus-visible),
input[type=password]:hover:not(:focus-visible),
input[type=search]:hover:not(:focus-visible),
textarea:hover:not(:focus-visible),
select:hover:not(:focus-visible),
.tail-select .select-label:hover:not(:focus-visible) {
  border-color: var(--primary-color);
}
input[type=text]:not(.vscomp-search-input)::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .tail-select .select-label::-moz-placeholder {
  color: var(--input-text-color);
  opacity: 0.8;
}
input[type=text]:not(.vscomp-search-input)::placeholder,
input[type=date]::placeholder,
input[type=url]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
textarea::placeholder,
select::placeholder,
.tail-select .select-label::placeholder {
  color: var(--input-text-color);
  opacity: 0.8;
}
input[type=text]:not(.vscomp-search-input)[aria-invalid=true], input[type=text]:not(.vscomp-search-input).error, input[type=text]:not(.vscomp-search-input).just-validate-error-field,
input[type=date][aria-invalid=true],
input[type=date].error,
input[type=date].just-validate-error-field,
input[type=url][aria-invalid=true],
input[type=url].error,
input[type=url].just-validate-error-field,
input[type=email][aria-invalid=true],
input[type=email].error,
input[type=email].just-validate-error-field,
input[type=tel][aria-invalid=true],
input[type=tel].error,
input[type=tel].just-validate-error-field,
input[type=number][aria-invalid=true],
input[type=number].error,
input[type=number].just-validate-error-field,
input[type=password][aria-invalid=true],
input[type=password].error,
input[type=password].just-validate-error-field,
input[type=search][aria-invalid=true],
input[type=search].error,
input[type=search].just-validate-error-field,
textarea[aria-invalid=true],
textarea.error,
textarea.just-validate-error-field,
select[aria-invalid=true],
select.error,
select.just-validate-error-field,
.tail-select .select-label[aria-invalid=true],
.tail-select .select-label.error,
.tail-select .select-label.just-validate-error-field {
  border-color: var(--input-border-error-color);
}
input[type=text]:not(.vscomp-search-input)[aria-invalid=true]:focus-visible, input[type=text]:not(.vscomp-search-input).error:focus-visible, input[type=text]:not(.vscomp-search-input).just-validate-error-field:focus-visible,
input[type=date][aria-invalid=true]:focus-visible,
input[type=date].error:focus-visible,
input[type=date].just-validate-error-field:focus-visible,
input[type=url][aria-invalid=true]:focus-visible,
input[type=url].error:focus-visible,
input[type=url].just-validate-error-field:focus-visible,
input[type=email][aria-invalid=true]:focus-visible,
input[type=email].error:focus-visible,
input[type=email].just-validate-error-field:focus-visible,
input[type=tel][aria-invalid=true]:focus-visible,
input[type=tel].error:focus-visible,
input[type=tel].just-validate-error-field:focus-visible,
input[type=number][aria-invalid=true]:focus-visible,
input[type=number].error:focus-visible,
input[type=number].just-validate-error-field:focus-visible,
input[type=password][aria-invalid=true]:focus-visible,
input[type=password].error:focus-visible,
input[type=password].just-validate-error-field:focus-visible,
input[type=search][aria-invalid=true]:focus-visible,
input[type=search].error:focus-visible,
input[type=search].just-validate-error-field:focus-visible,
textarea[aria-invalid=true]:focus-visible,
textarea.error:focus-visible,
textarea.just-validate-error-field:focus-visible,
select[aria-invalid=true]:focus-visible,
select.error:focus-visible,
select.just-validate-error-field:focus-visible,
.tail-select .select-label[aria-invalid=true]:focus-visible,
.tail-select .select-label.error:focus-visible,
.tail-select .select-label.just-validate-error-field:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.2);
}
input[type=text]:not(.vscomp-search-input)[required],
input[type=date][required],
input[type=url][required],
input[type=email][required],
input[type=tel][required],
input[type=number][required],
input[type=password][required],
input[type=search][required],
textarea[required],
select[required],
.tail-select .select-label[required] {
  background-image: none;
}

input[type=search] {
  padding-left: 42px;
}

textarea {
  height: auto;
  padding: 12px 16px;
}

.vscomp-ele.just-validate-error-field .select-toggle-button {
  border-color: var(--input-border-error-color);
}

.powermail_fieldwrap, .form-group {
  margin-bottom: 20px;
}

p.smallInfo {
  font-size: 12px;
  line-height: 1.5;
  color: var(--medium-grey);
  margin: 4px 0 0 0;
}

.formSmallText p {
  margin: 0;
  font-size: 14px;
  opacity: 1;
}

.error-message {
  color: var(--input-border-error-color);
  font-size: 14px;
  margin-top: 4px;
  display: block;
}
.error-message ul {
  all: unset;
  display: block;
}
.error-message ul li {
  all: unset;
  display: block;
}

.just-validate-error-label {
  display: none;
}

input[type=submit], button[type=submit] {
  cursor: pointer;
}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap {
  margin: 0;
  display: grid;
  grid-template-columns: 1.3em auto;
  gap: 0.75em;
  align-items: start;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap label {
  text-transform: none;
  padding: 0;
  font-size: 14px;
  color: var(--primary-color);
  line-height: 1.43;
  font-family: var(--font-body);
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap label a {
  color: var(--primary-color);
  text-decoration: underline;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap label.disabled {
  color: #959495;
  cursor: not-allowed;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.3em;
  height: 1.3em;
  padding: 0px;
  border: 1px solid var(--input-border-color);
  border-radius: 4px;
  transform: translateY(-0.075em);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  display: grid;
  place-content: center;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 150ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--primary-color);
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  background-color: CanvasText;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap input[type=checkbox]:checked::before {
  transform: scale(1);
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap input[type=checkbox]:focus-visible {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(0, 126, 141, 0.2);
  outline: none;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap input[type=checkbox]:hover:not(:focus-visible) {
  border-color: var(--primary-color);
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap input[type=checkbox]:disabled {
  color: #959495;
  cursor: not-allowed;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_radiowrap {
  margin: 0;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_radiowrap input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_radiowrap label {
  display: block;
  width: 100%;
  padding: 14px 24px;
  border: 1px solid var(--input-border-color);
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: var(--transition-default);
  margin-bottom: 0;
  opacity: 1;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_radiowrap label:hover {
  box-shadow: 0 0 0 1px var(--secondary-color);
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--primary-color);
  opacity: 1 !important;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_radiowrap input[type=radio]:checked + label {
  box-shadow: 0 0 0 1px var(--secondary-color);
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--primary-color);
  opacity: 1 !important;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_radiowrap input[type=radio]:focus-visible + label {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--primary-color);
  opacity: 1 !important;
  box-shadow: 0 0 0 2px var(--light-color), 0 0 0 5px rgba(157, 207, 244, 0.45);
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_radiowrap.powermail_field_error label {
  border-color: var(--input-border-error-color);
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_radiowrap.powermail_field_error input[type=radio]:focus-visible + label {
  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25);
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_label, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_label {
  display: none;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field {
  margin-left: 0;
  margin-right: 0;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field {
  display: flex;
}
.tx-powermail a {
  color: var(--primary-color);
}
.tx-powermail a:hover {
  opacity: 0.8;
}

.autoComplete_wrapper {
  width: 100%;
}
.autoComplete_wrapper:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  -webkit-mask-image: var(--icon-search);
          mask-image: var(--icon-search);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 16px auto;
          mask-size: 16px auto;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--input-text-color);
  opacity: 0.6;
}
.autoComplete_wrapper > ul {
  border: none;
  background-color: #fff;
  box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius-default);
  padding: 0.6rem 0;
  margin: 6px 0 0 0;
}
.autoComplete_wrapper > ul > li {
  list-style-type: none;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  padding: 7px 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.autoComplete_wrapper > ul > li:hover, .autoComplete_wrapper > ul > li:focus, .autoComplete_wrapper > ul > li:active {
  cursor: pointer;
  background-color: #fff;
  color: var(--primary-color);
}
.autoComplete_wrapper > ul > span {
  display: block;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  padding: 7px 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

.cols-frame-layout-102 label, .frame-space-layout-102 label {
  color: var(--light-color);
}
.cols-frame-layout-102 .tx-powermail .powermail_fieldwrap label, .frame-space-layout-102 .tx-powermail .powermail_fieldwrap label {
  color: var(--light-color);
}
.cols-frame-layout-102 .tx-powermail .powermail_fieldwrap label a, .frame-space-layout-102 .tx-powermail .powermail_fieldwrap label a {
  color: var(--light-color);
}
.cols-frame-layout-102 .tx-powermail .formSmallText p, .cols-frame-layout-102 .tx-powermail a, .frame-space-layout-102 .tx-powermail .formSmallText p, .frame-space-layout-102 .tx-powermail a {
  color: var(--light-color);
}

@media (min-width: 64em) {
  label {
    font-size: 0.8235294118rem;
    margin-bottom: 0.2352941176rem;
  }
  input[type=text]:not(.vscomp-search-input),
  input[type=date],
  input[type=url],
  input[type=email],
  input[type=tel],
  input[type=number],
  input[type=password],
  input[type=search],
  textarea,
  select,
  .tail-select .select-label {
    padding: 0.5882352941rem 0.9411764706rem;
    border-radius: var(--border-radius-default);
    font-size: 0.8235294118rem;
    height: 2.6470588235rem;
  }
  input[type=search] {
    padding-left: 2.4705882353rem;
  }
  textarea {
    height: auto;
    padding: 0.7058823529rem 0.9411764706rem;
  }
  .powermail_fieldwrap, .form-group {
    margin-bottom: 1.1764705882rem;
  }
  p.smallInfo {
    margin: 0.2352941176rem 0 0 0;
    font-size: 0.7058823529rem;
  }
  .formSmallText p {
    font-size: 0.8235294118rem;
    margin: 0;
  }
  .error-message {
    font-size: 0.8823529412rem;
    margin-top: 0.2352941176rem;
  }
  .tx-powermail {
    margin: 0 auto;
  }
  .tx-powermail fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  .tx-powermail .powermail_fieldwrap, .tx-powermail .form-group {
    display: block;
    width: 49%;
  }
  .tx-powermail .powermail_fieldwrap.layout1, .tx-powermail .form-group.layout1 {
    width: 100%;
  }
  .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_select.layout1, .tx-powermail .form-group.powermail_fieldwrap_type_select.layout1 {
    width: 100%;
  }
  .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_select.layout1 .powermail_field, .tx-powermail .form-group.powermail_fieldwrap_type_select.layout1 .powermail_field {
    width: 49%;
  }
  .tx-powermail .powermail_fieldwrap.layout2, .tx-powermail .form-group.layout2 {
    width: 14.5%;
  }
  .tx-powermail .powermail_fieldwrap.layout3, .tx-powermail .form-group.layout3 {
    width: 32.18%;
  }
  .tx-powermail .powermail_fieldwrap.layout4, .tx-powermail .form-group.layout4 {
    width: 84.5%;
  }
  .tx-powermail .powermail_fieldwrap.layout5, .tx-powermail .form-group.layout5 {
    width: 33.5%;
  }
  .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap {
    gap: 0.75em;
  }
  .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap label {
    font-size: 0.8235294118rem;
  }
  .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_checkwrap input[type=checkbox] {
    width: 1.3em;
    height: 1.3em;
    margin: 0;
  }
  .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.9411764706rem;
  }
  .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_radiowrap {
    flex: 1 1 0;
    max-width: calc(33.3333333333% - 6px);
  }
  .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_radiowrap label {
    height: 100%;
    padding: 1.7647058824rem 0.8823529412rem;
    border-radius: 1.25vw;
    font-size: 1.33rem;
  }
  .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio {
    margin: 0 0 1.7647058824rem 0;
  }
  .autoComplete_wrapper:before {
    width: 0.9411764706rem;
    height: 0.9411764706rem;
    left: 0.9411764706rem;
    -webkit-mask-size: 0.9411764706rem auto;
            mask-size: 0.9411764706rem auto;
  }
  .autoComplete_wrapper > ul {
    margin: 0.3529411765rem 0 0 0;
  }
  .autoComplete_wrapper > ul > li {
    padding: 0.4705882353rem 0.9411764706rem;
    font-size: 0.8235294118rem;
  }
  .autoComplete_wrapper > ul > span {
    padding: 0.4705882353rem 0.9411764706rem;
    font-size: 0.8235294118rem;
  }
}
/* IMPORTANT - DISABLE PLUGIN CSS typo3conf/ext/we_cookie_consent/Resources/Public/Stylesheet/style.css (check "page.includeCSS.we_cookie_consent_style =" in main.typoscript) */
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service, #klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose, #klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service, #klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
  padding-left: 60px;
}
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all, #klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all, #klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all, #klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
  border-top-color: rgba(255, 255, 255, 0.5);
}
#klaro .cm-list-label {
  line-height: 1;
}
#klaro .cookie-modal .cm-list-label .slider,
#klaro .context-notice .cm-list-label .slider,
#klaro .cookie-notice .cm-list-label .slider {
  background-color: #f2f2f2;
}
#klaro .cookie-modal .cm-list-label .slider::before,
#klaro .context-notice .cm-list-label .slider::before,
#klaro .cookie-notice .cm-list-label .slider::before {
  background-color: #C41230;
}
#klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
#klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
#klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: #f2f2f2;
}
#klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before,
#klaro .context-notice .cm-list-input:checked + .cm-list-label .slider::before,
#klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before {
  background-color: rgba(26, 147, 36, 0.7333333333);
}
#klaro .we_cookie_consent .purposes {
  display: none !important;
}
#klaro .we_cookie_consent .cookie-notice h1,
#klaro .we_cookie_consent .cookie-notice h2,
#klaro .we_cookie_consent .cookie-notice li,
#klaro .we_cookie_consent .cookie-notice p,
#klaro .we_cookie_consent .cookie-notice strong,
#klaro .we_cookie_consent .cookie-notice ul,
#klaro .we_cookie_consent .cookie-notice a,
#klaro .we_cookie_consent .cookie-modal h1,
#klaro .we_cookie_consent .cookie-modal h2,
#klaro .we_cookie_consent .cookie-modal li,
#klaro .we_cookie_consent .cookie-modal p,
#klaro .we_cookie_consent .cookie-modal strong,
#klaro .we_cookie_consent .cookie-modal ul,
#klaro .we_cookie_consent .cookie-modal a {
  color: var(--cookiebar-text-color);
  font-size: 13px;
  line-height: 1.5;
}
#klaro .we_cookie_consent .cookie-notice {
  width: 100%;
  height: 100%; /* disable website clicks */
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 1000;
  background-color: var(--panel-overlay-color);
  backdrop-filter: var(--panel-overlay-blur);
  display: flex;
  justify-content: center;
  box-shadow: none;
}
#klaro .we_cookie_consent .cookie-notice .cn-body {
  overflow: hidden;
  position: fixed;
  height: auto;
  background: var(--cookiebar-background-color);
  padding: 0px;
  width: calc(100% - 20px);
  bottom: 10px;
  left: 10px;
  right: 10px;
  border-radius: 20px;
}
#klaro .we_cookie_consent .cookie-notice .cn-body p {
  padding: 18px 22px 22px 22px;
  margin: 0px;
  text-align: center;
  font-family: var(--font-body);
}
#klaro .we_cookie_consent .cookie-notice .cn-body p a {
  text-decoration: underline;
}
#klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok {
  margin: 0px;
  padding: 0px 22px 22px 22px;
}
#klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok a.cm-link.cn-learn-more {
  order: 2;
  width: 100%;
  margin: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  border-radius: var(--border-radius-default);
  font-size: 11px;
  line-height: 1;
  transition: var(--transition-default);
  font-weight: 600;
  color: var(--cookiebar-more-btn-text-color);
  background: var(--cookiebar-more-btn-background);
  border: 1px solid var(--cookiebar-more-btn-border-color);
  text-transform: unset;
}
#klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok a.cm-link.cn-learn-more:hover {
  color: var(--cookiebar-more-btn-hover-text-color);
  background-color: var(--cookiebar-more-btn-hover-background);
  border-color: var(--cookiebar-more-btn-hover-border-color);
  opacity: var(--cookiebar-more-btn-hover-opacity);
}
#klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons {
  margin: 0px;
  order: 1;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn {
  margin: 5px 0;
  padding: 0px;
  height: 38px;
  border-radius: var(--border-radius-default);
  font-size: 11px;
  line-height: 1;
  box-shadow: none;
  font-weight: 600;
  text-transform: unset;
}
#klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-danger {
  order: 2;
  display: block;
  width: 100%;
  transition: var(--transition-default);
  height: 38px;
  border-radius: var(--border-radius-default);
  font-size: 11px;
  font-weight: 600;
  color: var(--cookiebar-danger-btn-text-color);
  background-color: var(--cookiebar-danger-btn-background);
  border: 1px solid var(--cookiebar-danger-btn-border-color);
}
#klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-danger:hover {
  color: var(--cookiebar-danger-btn-hover-text-color);
  background-color: var(--cookiebar-danger-btn-hover-background);
  border-color: var(--cookiebar-danger-btn-hover-border-color);
  opacity: var(--cookiebar-danger-btn-hover-opacity);
}
#klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-success {
  order: 1;
  display: block;
  width: 100%;
  transition: var(--transition-default);
  font-weight: 600;
  color: var(--cookiebar-accept-btn-text-color);
  background-color: var(--cookiebar-accept-btn-background);
  border: 1px solid var(--cookiebar-accept-btn-border-color);
}
#klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-success:hover {
  color: var(--cookiebar-accept-btn-hover-text-color);
  background-color: var(--cookiebar-accept-btn-hover-background);
  border-color: var(--cookiebar-accept-btn-hover-border-color);
  opacity: var(--cookiebar-accept-btn-hover-opacity);
}
#klaro .we_cookie_consent .cookie-modal .cm-service > div > .cm-list-input:not(.only-required) + .cm-list-label > .cm-list-title + .cm-switch::before {
  display: none;
}
#klaro .we_cookie_consent .cookie-modal .cm-bg {
  background-color: var(--panel-overlay-color);
  backdrop-filter: var(--panel-overlay-blur);
}
#klaro .we_cookie_consent .cookie-modal .cm-modal {
  position: fixed;
  background: var(--cookiebar-background-color);
  border-radius: 20px;
  width: calc(100% - 20px);
  max-width: unset;
  padding: 0;
  /* remove if modal should be centered */
  top: unset;
  transform: none;
  bottom: 10px;
  left: 10px;
  right: 10px;
  margin: 0 auto;
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .hide {
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .hide svg {
  stroke: var(--cookiebar-close-icon-color);
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .hide svg line {
  stroke-width: 2;
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-header {
  border: none;
  padding: 18px 22px 0 22px;
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-header h1 {
  font-family: var(--font-body);
  font-size: 14px;
  border: none;
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-body {
  padding: 22px 22px 0 22px;
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service .cm-list-title {
  font-size: 14px;
  color: var(--cookiebar-text-color);
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service .cm-switch .slider {
  box-shadow: none;
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer {
  border: none;
  padding: 22px 22px 22px 22px;
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons .cm-btn {
  height: 38px;
  border-radius: var(--border-radius-default);
  font-size: 11px;
  line-height: 1;
  box-shadow: none;
  margin: 0px;
  text-transform: unset;
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons .cm-btn.cm-btn-danger, #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons .cm-btn.cm-btn-accept-all {
  display: none;
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons .cm-btn.cm-btn-success.cm-btn-accept {
  display: block;
  width: 100%;
  transition: var(--transition-default);
  font-weight: 600;
  color: var(--cookiebar-accept-btn-text-color);
  background-color: var(--cookiebar-accept-btn-background);
  border: 1px solid var(--cookiebar-accept-btn-border-color);
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons .cm-btn.cm-btn-success.cm-btn-accept:hover {
  color: var(--cookiebar-accept-btn-hover-text-color);
  background-color: var(--cookiebar-accept-btn-hover-background);
  border-color: var(--cookiebar-accept-btn-hover-border-color);
  opacity: var(--cookiebar-accept-btn-hover-opacity);
}
#klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-powered-by {
  display: none;
}
#klaro .cn-changes {
  display: none !important;
}

#cookieConsentLogData #hirokiCookieConsentLogDetails .label {
  display: inline;
  font-weight: 600;
  line-height: 1.7;
}
#cookieConsentLogData a {
  margin-top: 1.5rem;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #klaro .we_cookie_consent .cookie-notice {
    background-color: rgba(33, 33, 33, 0.7);
    height: 100%;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-bg {
    background-color: rgba(33, 33, 33, 0.7);
  }
}
@media only screen and (min-width: 768px) {
  #klaro .we_cookie_consent .cookie-notice h1,
  #klaro .we_cookie_consent .cookie-notice h2,
  #klaro .we_cookie_consent .cookie-notice li,
  #klaro .we_cookie_consent .cookie-notice p,
  #klaro .we_cookie_consent .cookie-notice strong,
  #klaro .we_cookie_consent .cookie-notice ul,
  #klaro .we_cookie_consent .cookie-notice a,
  #klaro .we_cookie_consent .cookie-modal h1,
  #klaro .we_cookie_consent .cookie-modal h2,
  #klaro .we_cookie_consent .cookie-modal li,
  #klaro .we_cookie_consent .cookie-modal p,
  #klaro .we_cookie_consent .cookie-modal strong,
  #klaro .we_cookie_consent .cookie-modal ul,
  #klaro .we_cookie_consent .cookie-modal a {
    font-size: 13px;
  }
  #klaro .we_cookie_consent .cookie-notice {
    max-width: none;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body {
    width: calc(100% - 40px);
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    flex-wrap: wrap;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body p {
    width: 100%;
    padding: 21px 21px 24px 21px;
    text-align: left;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok {
    width: 100%;
    border: none;
    padding: 0 21px 21px 21px;
    justify-content: space-between;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok a.cm-link.cn-learn-more {
    margin: 0px;
    width: auto !important;
    display: inline-flex;
    justify-content: flex-start;
    flex-grow: 0;
    order: 1;
    padding: 0 32px;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons {
    width: auto;
    order: 2;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn {
    margin: 0px;
    width: auto !important;
    padding: 0 32px;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-danger {
    order: 1;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-success {
    order: 2;
    margin-left: 20px;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal {
    position: fixed;
    max-width: none;
    width: calc(100% - 40px);
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-header {
    width: 100%;
    padding: 21px 21px 0 21px;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-body {
    width: 100%;
    padding: 21px 21px 24px 21px;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service .cm-list-title {
    font-size: 12px;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service .cm-switch .slider {
    box-shadow: none;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer {
    width: 100%;
    padding: 0 21px 21px 21px;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons {
    justify-content: flex-end;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons .cm-btn {
    width: auto;
  }
}
@media only screen and (min-width: 1023px) {
  #klaro .we_cookie_consent .cookie-notice h1,
  #klaro .we_cookie_consent .cookie-notice h2,
  #klaro .we_cookie_consent .cookie-notice li,
  #klaro .we_cookie_consent .cookie-notice p,
  #klaro .we_cookie_consent .cookie-notice strong,
  #klaro .we_cookie_consent .cookie-notice ul,
  #klaro .we_cookie_consent .cookie-notice a,
  #klaro .we_cookie_consent .cookie-modal h1,
  #klaro .we_cookie_consent .cookie-modal h2,
  #klaro .we_cookie_consent .cookie-modal li,
  #klaro .we_cookie_consent .cookie-modal p,
  #klaro .we_cookie_consent .cookie-modal strong,
  #klaro .we_cookie_consent .cookie-modal ul,
  #klaro .we_cookie_consent .cookie-modal a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1023px) and (min-width: 1600px) {
  #klaro .we_cookie_consent .cookie-notice h1,
  #klaro .we_cookie_consent .cookie-notice h2,
  #klaro .we_cookie_consent .cookie-notice li,
  #klaro .we_cookie_consent .cookie-notice p,
  #klaro .we_cookie_consent .cookie-notice strong,
  #klaro .we_cookie_consent .cookie-notice ul,
  #klaro .we_cookie_consent .cookie-notice a,
  #klaro .we_cookie_consent .cookie-modal h1,
  #klaro .we_cookie_consent .cookie-modal h2,
  #klaro .we_cookie_consent .cookie-modal li,
  #klaro .we_cookie_consent .cookie-modal p,
  #klaro .we_cookie_consent .cookie-modal strong,
  #klaro .we_cookie_consent .cookie-modal ul,
  #klaro .we_cookie_consent .cookie-modal a {
    font-size: calc(13px + 6 * (100vw - 1600px) / 800);
  }
}
@media only screen and (min-width: 1023px) and (min-width: 2400px) {
  #klaro .we_cookie_consent .cookie-notice h1,
  #klaro .we_cookie_consent .cookie-notice h2,
  #klaro .we_cookie_consent .cookie-notice li,
  #klaro .we_cookie_consent .cookie-notice p,
  #klaro .we_cookie_consent .cookie-notice strong,
  #klaro .we_cookie_consent .cookie-notice ul,
  #klaro .we_cookie_consent .cookie-notice a,
  #klaro .we_cookie_consent .cookie-modal h1,
  #klaro .we_cookie_consent .cookie-modal h2,
  #klaro .we_cookie_consent .cookie-modal li,
  #klaro .we_cookie_consent .cookie-modal p,
  #klaro .we_cookie_consent .cookie-modal strong,
  #klaro .we_cookie_consent .cookie-modal ul,
  #klaro .we_cookie_consent .cookie-modal a {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1023px) {
  #klaro .we_cookie_consent .cookie-notice .cn-body p {
    padding: 1.1764705882rem 1.1764705882rem 0rem 1.1764705882rem;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok {
    padding: 1.1764705882rem;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok a.cm-link.cn-learn-more {
    font-size: 13px;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok a.cm-link.cn-learn-more {
    padding: 0.5882352941rem 1.8823529412rem 0.5882352941rem 1.8823529412rem;
    height: 2.3529411765rem;
    max-width: 17.6470588235rem;
  }
}
@media only screen and (min-width: 1023px) and (min-width: 1600px) {
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok a.cm-link.cn-learn-more {
    font-size: calc(13px + 6 * (100vw - 1600px) / 800);
  }
}
@media only screen and (min-width: 1023px) and (min-width: 2400px) {
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok a.cm-link.cn-learn-more {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1023px) {
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-success, #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-danger {
    font-size: 13px;
  }
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-success, #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-danger {
    padding: 0.5882352941rem 1.8823529412rem 0.5882352941rem 1.8823529412rem;
    height: 2.3529411765rem;
    max-width: 17.6470588235rem;
  }
}
@media only screen and (min-width: 1023px) and (min-width: 1600px) {
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-success, #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-danger {
    font-size: calc(13px + 6 * (100vw - 1600px) / 800);
  }
}
@media only screen and (min-width: 1023px) and (min-width: 2400px) {
  #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-success, #klaro .we_cookie_consent .cookie-notice .cn-body .cn-ok .cn-buttons button.cm-btn.cm-btn-danger {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1023px) {
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-header {
    width: 100%;
    padding: 1.1764705882rem 1.1764705882rem 0rem 1.1764705882rem;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-header h1 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1023px) and (min-width: 1600px) {
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-header h1 {
    font-size: calc(14px + 7 * (100vw - 1600px) / 800);
  }
}
@media only screen and (min-width: 1023px) and (min-width: 2400px) {
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-header h1 {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1023px) {
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-body {
    padding: 1.1764705882rem;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service .cm-list-title {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1023px) and (min-width: 1600px) {
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service .cm-list-title {
    font-size: calc(13px + 6 * (100vw - 1600px) / 800);
  }
}
@media only screen and (min-width: 1023px) and (min-width: 2400px) {
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service .cm-list-title {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1023px) {
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer {
    padding: 0rem 1.1764705882rem 1.1764705882rem 1.1764705882rem;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons .cm-btn {
    font-size: 13px;
  }
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons .cm-btn {
    padding: 0.5882352941rem 0.7058823529rem 0.5882352941rem 0.7058823529rem;
    height: 2.3529411765rem;
    margin: 1.4117647059rem 0 1.1764705882rem 0;
    max-width: 17.6470588235rem;
  }
}
@media only screen and (min-width: 1023px) and (min-width: 1600px) {
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons .cm-btn {
    font-size: calc(13px + 6 * (100vw - 1600px) / 800);
  }
}
@media only screen and (min-width: 1023px) and (min-width: 2400px) {
  #klaro .we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-footer-buttons .cm-btn {
    font-size: 19px;
  }
}
.ac.js-enabled .ac-panel {
  visibility: hidden;
}

.ac.is-active .ac-panel {
  visibility: visible;
}

.tx-hiroki-faq {
  padding-bottom: clamp(56px, 7vw, 96px);
  color: var(--color-text);
}
.tx-hiroki-faq .faqExtension {
  width: min(100%, 920px);
  margin-inline: auto;
}
.tx-hiroki-faq .faqList {
  min-height: 200px;
}
.tx-hiroki-faq .faqs,
.tx-hiroki-faq .records,
.tx-hiroki-faq .relatedFaqs {
  display: grid;
  gap: 12px;
}
.tx-hiroki-faq .recordGroup + .recordGroup {
  margin-top: 48px;
}
.tx-hiroki-faq .recordGroupTitle,
.tx-hiroki-faq .headline {
  margin-bottom: 18px;
  color: var(--color-primary);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-transform: uppercase;
}
.tx-hiroki-faq .filterArea {
  margin: 0 0 30px;
  padding: 0;
  border: 0;
  background: transparent;
}
.tx-hiroki-faq .filterArea .row,
.tx-hiroki-faq .filterArea .filterItems,
.tx-hiroki-faq .filterArea .filterItem,
.tx-hiroki-faq .filterArea .autoComplete_wrapper {
  width: 100%;
}
.tx-hiroki-faq .filterArea .filterItems {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tx-hiroki-faq .filterArea .faqSearch {
  order: -1;
}
.tx-hiroki-faq .filterArea input[type=search],
.tx-hiroki-faq .filterArea .ts-control {
  min-height: 56px;
  border: 1.5px solid rgba(23, 26, 32, 0.16);
  border-radius: 14px;
  background: var(--color-white);
  color: var(--color-ink);
  font-size: 16px;
  box-shadow: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.tx-hiroki-faq .filterArea input[type=search]:hover,
.tx-hiroki-faq .filterArea input[type=search]:focus,
.tx-hiroki-faq .filterArea .ts-wrapper:hover .ts-control,
.tx-hiroki-faq .filterArea .ts-wrapper.focus .ts-control {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(27, 91, 255, 0.08);
}
.tx-hiroki-faq .filterArea input[type=search]::-moz-placeholder, .tx-hiroki-faq .filterArea .ts-control input::-moz-placeholder {
  color: var(--color-subtle-accessible);
}
.tx-hiroki-faq .filterArea input[type=search]::placeholder,
.tx-hiroki-faq .filterArea .ts-control input::placeholder {
  color: var(--color-subtle-accessible);
}
.tx-hiroki-faq .filterArea .ts-dropdown,
.tx-hiroki-faq .filterArea .autoComplete_wrapper > ul {
  overflow: hidden;
  border: 1px solid rgba(23, 26, 32, 0.1);
  border-radius: 12px;
  background: var(--color-white);
  box-shadow: 0 18px 44px rgba(10, 14, 22, 0.12);
}
.tx-hiroki-faq .filterArea .ts-dropdown .active,
.tx-hiroki-faq .filterArea .autoComplete_wrapper > ul > li[aria-selected=true] {
  background: rgba(27, 91, 255, 0.08);
  color: var(--color-primary);
}
.tx-hiroki-faq .faqSearchResult:not(:empty) {
  display: grid;
  gap: 12px;
  margin-bottom: 28px;
}

.ac {
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 26px;
  border: 1px solid rgba(23, 26, 32, 0.1);
  border-radius: 14px;
  background: var(--color-white);
  transition: border-color 0.25s ease;
}
.ac:hover {
  border-color: rgba(23, 26, 32, 0.2);
}
.ac.is-active {
  border-color: rgba(23, 26, 32, 0.16);
}
.ac .ac-header {
  margin: 0;
  padding: 0;
}
.ac .ac-trigger {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 18px;
  padding: 21px 34px 21px 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--color-ink);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  transition: color 0.25s ease;
}
.ac .ac-trigger img {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.ac .ac-trigger::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 0;
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.25s ease;
}
.ac .ac-trigger:hover {
  color: var(--color-ink);
}
.ac .ac-trigger:focus-visible {
  outline: 3px solid var(--color-primary) !important;
  outline-offset: -3px;
}
.ac .ac-panel {
  overflow: hidden;
  background: transparent;
  transition-property: height, visibility;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  will-change: height, visibility;
}
.ac .ac-panel .innerContent {
  max-width: 754px;
  padding: 0 34px 22px 0;
  color: var(--color-muted);
  font-size: 15.5px;
  line-height: 1.65;
}
.ac .ac-panel .innerContent .ac-text,
.ac .ac-panel .innerContent .faqFactbox,
.ac .ac-panel .innerContent .faqItemLink {
  margin-bottom: 18px;
}
.ac .ac-panel .innerContent .ac-text > :first-child {
  margin-top: 0;
}
.ac .ac-panel .innerContent .ac-text > :last-child {
  margin-bottom: 0;
}
.ac .ac-panel .innerContent .ac-text a {
  color: var(--color-primary);
  text-underline-offset: 3px;
}
.ac .ac-panel .innerContent .ac-text p {
  margin-bottom: 16px;
}
.ac .ac-panel .innerContent .ac-text ul,
.ac .ac-panel .innerContent .ac-text ol {
  display: grid;
  gap: 4px;
  margin: 0 0 16px;
  padding-left: 32px;
}
.ac .ac-panel .innerContent .ac-text ul {
  list-style: square;
}
.ac .ac-panel .innerContent .ac-text ol {
  list-style: decimal;
}
.ac .ac-panel .innerContent .ac-text li {
  padding-left: 4px;
}
.ac .ac-panel .innerContent .ac-text li::marker {
  color: var(--color-primary);
  font-weight: 600;
}
.ac .ac-panel .innerContent .faqFactbox {
  padding: 18px 20px;
  border: 1px solid rgba(27, 91, 255, 0.12);
  border-radius: 12px;
  background: rgba(27, 91, 255, 0.055);
  color: var(--color-text);
}
.ac .ac-panel .innerContent .faqFactbox ul,
.ac .ac-panel .innerContent .faqFactbox ol {
  display: grid;
  gap: 4px;
  margin: 0 0 16px;
  padding-left: 32px;
}
.ac .ac-panel .innerContent .faqFactbox ul {
  list-style: square;
}
.ac .ac-panel .innerContent .faqFactbox ol {
  list-style: decimal;
}
.ac .ac-panel .innerContent .faqFactbox li {
  padding-left: 4px;
}
.ac .ac-panel .innerContent .faqFactbox li::marker {
  color: var(--color-primary);
  font-weight: 600;
}
.ac .ac-panel .innerContent .faqItemLink .btn--primary {
  display: inline-flex;
  align-items: center;
  padding: 11px 18px;
  border-radius: 10px;
  background: var(--color-ink);
  color: var(--color-white);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.25s ease, transform 0.25s ease;
}
.ac .ac-panel .innerContent .faqItemLink .btn--primary:hover {
  background: var(--color-primary);
  transform: none;
}
.ac .ac-panel .innerContent .faqMedia {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}
.ac .ac-panel .innerContent .faqMedia img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.35s ease;
}
.ac .ac-panel .innerContent .faqItemImage,
.ac .ac-panel .innerContent .faqItemVideoLink {
  overflow: hidden;
  flex: 1 1 calc(50% - 6px);
  aspect-ratio: 16/9;
  border-radius: 12px;
  background: var(--color-surface);
}
.ac .ac-panel .innerContent .faqItemImage > a,
.ac .ac-panel .innerContent .faqItemVideoLink > a {
  display: block;
  height: 100%;
}
.ac .ac-panel .innerContent .faqItemImage:hover img,
.ac .ac-panel .innerContent .faqItemVideoLink:hover img {
  transform: scale(1.035);
}
.ac .ac-panel .innerContent .faqItemVideoLink {
  position: relative;
}
.ac .ac-panel .innerContent .relatedFaqs {
  margin-top: 22px;
}
.ac.is-active > .ac-header .ac-trigger {
  color: var(--color-ink);
}
.ac.is-active > .ac-header .ac-trigger::after {
  content: "+";
  transform: translateY(-50%) rotate(45deg);
}

.faqSearchResult > .ac {
  border-color: rgba(27, 91, 255, 0.32);
}
.faqSearchResult > .ac > .ac-panel .ac-text:last-child {
  margin-bottom: 0;
}

body.dq-dark .tx-hiroki-faq {
  color: #c6cdda;
}
body.dq-dark .tx-hiroki-faq .filterArea,
body.dq-dark .tx-hiroki-faq .ac {
  border-color: rgba(255, 255, 255, 0.1);
  background: #151a24;
}
body.dq-dark .tx-hiroki-faq .filterArea input[type=search],
body.dq-dark .tx-hiroki-faq .filterArea .ts-control,
body.dq-dark .tx-hiroki-faq .filterArea .ts-dropdown,
body.dq-dark .tx-hiroki-faq .filterArea .autoComplete_wrapper > ul {
  border-color: rgba(255, 255, 255, 0.14);
  background: #10141d;
  color: #e8ebf2;
}
body.dq-dark .tx-hiroki-faq .ac .ac-trigger {
  color: #f2f4f8;
}
body.dq-dark .tx-hiroki-faq .ac .ac-panel {
  background: rgba(255, 255, 255, 0.025);
}
body.dq-dark .tx-hiroki-faq .ac .innerContent {
  color: #a3acbd;
}

@media (min-width: 768px) {
  .tx-hiroki-faq .filterArea .filterItems {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
  }
  .ac .ac-panel .innerContent .faqItemImage,
  .ac .ac-panel .innerContent .faqItemVideoLink {
    flex: 0 1 calc(33.333% - 8px);
  }
}
@media (min-width: 64em) {
  .tx-hiroki-faq .faqList {
    min-height: 11.7647058824rem;
  }
  .tx-hiroki-faq .faqs,
  .tx-hiroki-faq .records,
  .tx-hiroki-faq .relatedFaqs {
    gap: 12px;
  }
  .ac .ac-panel .innerContent .faqItemImage,
  .ac .ac-panel .innerContent .faqItemVideoLink {
    flex-basis: calc(25% - 9px);
  }
}
/* _print.css */
@media print {
  body {
    background: #ffffff !important;
    color: #000 !important;
  }
  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }
  header, footer {
    display: none !important;
  }
}/*# sourceMappingURL=main.css.map */