/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/style.scss ***!
  \*****************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap);
/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/style.scss (1) ***!
  \*********************************************************************************************************************/
@charset "UTF-8";
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/*
	This mixin adds classnames with viewport breakpoints. 
	There are two ways to use this mixin.

	USAGE #1:
		@include class-breakpoints();

		This will add '/breakpoint' and '/at/breakpoint' for each breakpoint to the class name 
		(example: .class-name/m or .class-name/at/m).

	USAGE #2:
		To add grid support there's a css-property index variable to define column amount etc.
		To use this functionality you have to define the css-properties in a $prop string.
		Use the word 'index' to determite where the index variable needs to be.
		The mixin will create 12 indexes by default.

		For example:
		$props: (
		 	grid-template-columns: repeat(index, 1fr);
		);
		@include class-breakpoints($props);

		This will add '/breakpoint/index' or '/at/breakpoint/index' for each breakpoint to the class name 
		(example: .class-name/m/2 or .class-name/at/m/12).
*/
/**
 * Reset a list by removing the padding and list-style-type when no styling is
 * applied to it yet.
 */
/*! 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;
  outline: 0;
  box-shadow: 0 0 0;
}

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

button {
  background: none;
  border: 0;
  box-shadow: 0 0 0;
  padding: 0;
}

/**
 * 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 {
  --spot:	#cda274;
  --spot-dark:	#917054;
  --earth-tint-1:	#e5dace;
  --white:	#FFFFFF;
  --black:	#000000;
  --grey-dark:	#533c2b;
  --light:	#f8f3ec;
  --bg:	var(--light);
  --bg-grey-light:	var(--grey-light);
  --border-spot:	var(--spot);
  --border-grey-light:	#EDEDED;
  --text-dark:	var(--grey-dark);
  --text-grey-light:	#A2A2A2;
  --text-grey-lighter:	#B6B6B6;
  --text-light:	var(--white);
  --box-shadow-default:	0 0 1.7rem rgba(0,0,0,0.1);
  --box-shadow-intens:	0 0 1rem rgba(0,0,0,0.2);
  --error:	#ff0808;
  --note:	rgb(255, 232, 74);
}

@font-face {
  font-family: "LL Circular Book Sub";
  src: url(6e4e164d82bdae66cf1e.eot);
  src: url(6e4e164d82bdae66cf1e.eot?#iefix) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --sidebar-width:	100vw;
}
@media (min-width: 767px) {
  :root {
    --sidebar-width:	22rem;
  }
}
@media (min-width: 1184px) {
  :root {
    --sidebar-width:	25rem;
  }
}

:root {
  --header-height: 4.6rem;
  --banner-height: 60vh;
}
@media (min-width: 1023px) {
  :root {
    --header-height: 7.6rem;
  }
}

:root {
  --spacing-block-small:	1rem;
  --spacing-block:	2.5rem;
  --spacing-block-big:	3rem;
  --spacing-block-super-big:	4rem;
  --spacing-text:	1.5rem;
  --gap-small:	1rem;
  --gap:	2rem;
  --gap-big:	4rem;
}
@media (min-width: 767px) {
  :root {
    --spacing-block-small:	1.5rem;
    --spacing-block:	3rem;
    --spacing-block-big:	6rem;
    --spacing-block-super-big:	8rem;
  }
}
@media (min-width: 1023px) {
  :root {
    --spacing-block-small:	2rem;
    --spacing-block:	4rem;
    --spacing-block-big:	8rem;
    --spacing-block-super-big:	10rem;
    --spacing-text:	2rem;
    --gap-small:	1rem;
    --gap:	2rem;
    --gap-big:	4rem;
  }
}

:root {
  --transition-default-speed: 0.5s;
  --transition-default-timing-function: ease-in-out;
  --transition-default: all var(--transition-default-speed) var(--transition-default-timing-function);
}

:root {
  --radius-small: 1rem;
  --radius-default: 1.5rem;
  --radius-diamond: .6rem;
  --radius-big:	3rem;
  --radius-modal: 2rem;
  --radius-input: 0rem;
}
@media (min-width: 767px) {
  :root {
    --radius-big:	6rem;
  }
}

:root {
  --font-primary: LL Circular Book Sub, sans-serif;
  --font-secondary: Dancing Script, cursive;
  --font-serif: PT Serif, serif;
  --h1-font-family: var(--font-serif);
  --h1-font-size: 3.4rem;
  --h1-line-height: 3.4rem;
  --h1-font-weight: 500;
  --h1-letter-spacing: 0;
  --h1-text-transform: none;
  --h1-text-decoration: none;
  --h1-span-font-size: 4.6rem;
  --h2-font-family: var(--font-serif);
  --h2-font-size: 3rem;
  --h2-line-height: 3rem;
  --h2-font-weight: 500;
  --h2-letter-spacing: 0;
  --h2-text-transform: none;
  --h2-text-decoration: none;
  --h2-span-font-size:	3.8rem;
  --h3-font-family: var(--font-serif);
  --h3-font-size: 2.8rem;
  --h3-line-height: 2.8rem;
  --h3-font-weight: 400;
  --h3-letter-spacing: 0;
  --h3-text-transform: none;
  --h3-text-decoration: none;
  --h3-span-font-size:	3.6rem;
  --h4-font-family: var(--font-serif);
  --h4-font-size: 2.2rem;
  --h4-line-height: 2.2rem;
  --h4-font-weight: 500;
  --h4-letter-spacing: 0;
  --h4-text-transform: none;
  --h4-text-decoration: none;
  --h4-span-font-size:	3rem;
  --h5-font-family: var(--font-serif);
  --h5-font-size: 2.4rem;
  --h5-line-height: 2.9rem;
  --h5-font-weight: 500;
  --h5-letter-spacing: 0;
  --h5-text-transform: none;
  --h5-text-decoration: none;
  --h5-span-font-size:	3rem;
  --h6-font-family: var(--font-serif);
  --h6-font-size: 2rem;
  --h6-line-height: 2.2rem;
  --h6-font-weight: 500;
  --h6-letter-spacing: 0;
  --h6-text-transform: none;
  --h6-text-decoration: none;
  --h6-span-font-size:	2.6rem;
  --p-font-family: var(--font-primary);
  --p-font-size: 1.6rem;
  --p-line-height: 2.4rem;
  --p-font-weight: 400;
  --p-letter-spacing: 0;
  --p-text-transform: none;
  --p-text-decoration: none;
  --p-span-font-size: 3rem;
  --p-large-font-family: var(--font-primary);
  --p-large-font-size: 1.8rem;
  --p-large-line-height: 2.6rem;
  --p-large-font-weight: 400;
  --p-large-letter-spacing: 0;
  --p-large-text-transform: none;
  --p-large-text-decoration: none;
  --p-large-span-font-size: 2.4rem;
  --p-small-font-family: var(--font-primary);
  --p-small-font-size: 1.6rem;
  --p-small-line-height: 2.2rem;
  --p-small-font-weight: 400;
  --p-small-letter-spacing: 0;
  --p-small-text-transform: none;
  --p-small-text-decoration: none;
  --p-small-span-font-size: 2rem;
  --p-note-font-family: var(--font-primary);
  --p-note-font-size: 1.6rem;
  --p-note-line-height: 2.2rem;
  --p-note-font-weight: 400;
  --p-note-letter-spacing: 0;
  --p-note-text-transform: none;
  --p-note-text-decoration: none;
  --p-note-span-font-size: 2rem;
  --above-title-font-family: var(--font-primary);
  --above-title-font-size: 1.3rem;
  --above-title-line-height: 1.3rem;
  --above-title-font-weight: 700;
  --above-title-text-transform: uppercase;
  --above-title-letter-spacing: 0.2rem;
  --above-title-text-decoration: none;
  --input-font-family: var(--font-primary);
  --input-font-size: 1.6rem;
  --input-line-height: 2.2rem;
  --input-font-weight: 400;
  --input-text-transform: none;
  --input-letter-spacing: 0rem;
  --input-text-decoration: none;
  --heading-font-size: 1.4rem;
  --heading-line-height: 1.4rem;
}
@media (min-width: 767px) {
  :root {
    --h1-font-size:	5rem;
    --h1-line-height:	5rem;
    --h1-span-font-size:	6.5rem;
    --h2-font-size:	4.6rem;
    --h2-line-height:	4.6rem;
    --h2-span-font-size:	6rem;
    --h3-font-size:	4rem;
    --h3-line-height:	4rem;
    --h3-span-font-size:	5.5rem;
    --h4-font-size:	2.8rem;
    --h4-line-height:	3.4rem;
    --h4-span-font-size:	3.6rem;
    --p-large-font-size:	2rem;
    --p-large-line-height:	3rem;
    --p-large-span-font-size: 2.6rem;
  }
}
@media (min-width: 1023px) {
  :root {
    --h1-font-size:	5.6rem;
    --h1-line-height:	5.6rem;
    --h1-span-font-size:	7rem;
    --h2-font-size:	5rem;
    --h2-line-height:	5rem;
    --h2-span-font-size:	7rem;
    --h3-font-size:	4.2rem;
    --h3-line-height:	4.2rem;
    --h3-span-font-size:	5.6rem;
    --h4-font-size:	3rem;
    --h4-line-height:	3rem;
    --h4-span-font-size:	3.6rem;
    --p-large-font-size:	2rem;
    --p-large-line-height:	3rem;
    --p-large-span-font-size: 2.6rem;
  }
}
@media (min-width: 1184px) {
  :root {
    --h1-font-size:	6.5rem;
    --h1-line-height:	6.5rem;
    --h1-span-font-size:	8rem;
    --h2-font-size:	4.6rem;
    --h2-line-height:	4.6rem;
    --h2-span-font-size:	6rem;
    --h3-font-size:	4rem;
    --h3-line-height:	4rem;
    --h3-span-font-size:	5.6rem;
    --h4-font-size:	3.2rem;
    --h4-line-height:	3.2rem;
    --h4-span-font-size:	4rem;
  }
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

h1 {
  font-family: var(--h1-font-family);
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  font-weight: var(--h1-font-weight);
  letter-spacing: var(--h1-letter-spacing);
  text-transform: var(--h1-text-transform);
  text-decoration: var(--h1-text-decoration);
}
h1 .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--h1-span-font-size);
  font-weight: 600;
  font-style: italic;
}
h1 .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

h2 {
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  font-weight: var(--h2-font-weight);
  letter-spacing: var(--h2-letter-spacing);
  text-transform: var(--h2-text-transform);
  text-decoration: var(--h2-text-decoration);
}
h2 .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--h2-span-font-size);
  font-weight: 600;
  font-style: italic;
}
h2 .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

h3 {
  font-family: var(--h3-font-family);
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  font-weight: var(--h3-font-weight);
  letter-spacing: var(--h3-letter-spacing);
  text-transform: var(--h3-text-transform);
  text-decoration: var(--h3-text-decoration);
}
h3 .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--h3-span-font-size);
  font-weight: 600;
  font-style: italic;
}
h3 .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

h4 {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  font-weight: var(--h4-font-weight);
  letter-spacing: var(--h4-letter-spacing);
  text-transform: var(--h4-text-transform);
  text-decoration: var(--h4-text-decoration);
}
h4 .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--h4-span-font-size);
  font-weight: 600;
  font-style: italic;
}
h4 .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

h5 {
  font-family: var(--h5-font-family);
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  font-weight: var(--h5-font-weight);
  letter-spacing: var(--h5-letter-spacing);
  text-transform: var(--h5-text-transform);
  text-decoration: var(--h5-text-decoration);
}
h5 .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--h5-span-font-size);
  font-weight: 600;
  font-style: italic;
}
h5 .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

h6 {
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
  font-weight: var(--h6-font-weight);
  letter-spacing: var(--h6-letter-spacing);
  text-transform: var(--h6-text-transform);
  text-decoration: var(--h6-text-decoration);
}
h6 .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--h6-span-font-size);
  font-weight: 600;
  font-style: italic;
}
h6 .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

p {
  font-family: var(--p-font-family);
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  letter-spacing: var(--p-letter-spacing);
  text-transform: var(--p-text-transform);
  text-decoration: var(--p-text-decoration);
}
p .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-span-font-size);
  font-weight: 600;
  font-style: italic;
}
p .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

html {
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-family: var(--font-primary);
  font-size: 62.5%;
  text-rendering: geometricprecision;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  color: var(--spot-dark);
  background: var(--bg);
}

body {
  min-height: 100vh;
  transition: background 0.3s;
}
body ::selection {
  background: var(--grey-dark);
  color: var(--spot);
  -webkit-text-fill-color: var(--spot);
  text-fill-color: var(--spot);
}

a {
  text-decoration: none;
  transition: all 0.3s;
  outline: 0;
}

.fw {
  width: 100%;
}

.body--menu-is-open {
  overflow: hidden;
}

.bg--spot {
  background: var(--spot);
}

.bg--white {
  background: var(--white);
}

.bg--grey-dark {
  background: var(--grey-dark);
}

.bg--grey-light {
  background: var(--bg-grey-light);
}

.bg--earth-tint-1 {
  background: var(--earth-tint-1);
}

.bg--illustration-style {
  border-radius: 0;
  border-bottom: 0.4rem solid var(--grey-dark);
  overflow: hidden;
}

.bg--gradient {
  background: linear-gradient(180deg, #F8F3EC 0%, #fff 100%);
}

.spacing--super-big {
  padding: var(--spacing-block-super-big);
}
@media (max-width: 767px) {
  .spacing--super-big\/m {
    padding: var(--spacing-block-super-big);
  }
}
@media (min-width: 767px) {
  .spacing--super-big\/at\/m {
    padding: var(--spacing-block-super-big);
  }
}
@media (max-width: 480px) {
  .spacing--super-big\/m-small {
    padding: var(--spacing-block-super-big);
  }
}
@media (min-width: 480px) {
  .spacing--super-big\/at\/m-small {
    padding: var(--spacing-block-super-big);
  }
}
@media (max-width: 1023px) {
  .spacing--super-big\/t {
    padding: var(--spacing-block-super-big);
  }
}
@media (min-width: 1023px) {
  .spacing--super-big\/at\/t {
    padding: var(--spacing-block-super-big);
  }
}
@media (max-width: 1184px) {
  .spacing--super-big\/d {
    padding: var(--spacing-block-super-big);
  }
}
@media (min-width: 1184px) {
  .spacing--super-big\/at\/d {
    padding: var(--spacing-block-super-big);
  }
}

.spacing--big {
  padding: var(--spacing-block-big);
}
@media (max-width: 767px) {
  .spacing--big\/m {
    padding: var(--spacing-block-big);
  }
}
@media (min-width: 767px) {
  .spacing--big\/at\/m {
    padding: var(--spacing-block-big);
  }
}
@media (max-width: 480px) {
  .spacing--big\/m-small {
    padding: var(--spacing-block-big);
  }
}
@media (min-width: 480px) {
  .spacing--big\/at\/m-small {
    padding: var(--spacing-block-big);
  }
}
@media (max-width: 1023px) {
  .spacing--big\/t {
    padding: var(--spacing-block-big);
  }
}
@media (min-width: 1023px) {
  .spacing--big\/at\/t {
    padding: var(--spacing-block-big);
  }
}
@media (max-width: 1184px) {
  .spacing--big\/d {
    padding: var(--spacing-block-big);
  }
}
@media (min-width: 1184px) {
  .spacing--big\/at\/d {
    padding: var(--spacing-block-big);
  }
}

.spacing {
  padding: var(--spacing-block);
}
@media (max-width: 767px) {
  .spacing\/m {
    padding: var(--spacing-block);
  }
}
@media (min-width: 767px) {
  .spacing\/at\/m {
    padding: var(--spacing-block);
  }
}
@media (max-width: 480px) {
  .spacing\/m-small {
    padding: var(--spacing-block);
  }
}
@media (min-width: 480px) {
  .spacing\/at\/m-small {
    padding: var(--spacing-block);
  }
}
@media (max-width: 1023px) {
  .spacing\/t {
    padding: var(--spacing-block);
  }
}
@media (min-width: 1023px) {
  .spacing\/at\/t {
    padding: var(--spacing-block);
  }
}
@media (max-width: 1184px) {
  .spacing\/d {
    padding: var(--spacing-block);
  }
}
@media (min-width: 1184px) {
  .spacing\/at\/d {
    padding: var(--spacing-block);
  }
}

.spacing--small {
  padding: var(--spacing-block-small);
}
@media (max-width: 767px) {
  .spacing--small\/m {
    padding: var(--spacing-block-small);
  }
}
@media (min-width: 767px) {
  .spacing--small\/at\/m {
    padding: var(--spacing-block-small);
  }
}
@media (max-width: 480px) {
  .spacing--small\/m-small {
    padding: var(--spacing-block-small);
  }
}
@media (min-width: 480px) {
  .spacing--small\/at\/m-small {
    padding: var(--spacing-block-small);
  }
}
@media (max-width: 1023px) {
  .spacing--small\/t {
    padding: var(--spacing-block-small);
  }
}
@media (min-width: 1023px) {
  .spacing--small\/at\/t {
    padding: var(--spacing-block-small);
  }
}
@media (max-width: 1184px) {
  .spacing--small\/d {
    padding: var(--spacing-block-small);
  }
}
@media (min-width: 1184px) {
  .spacing--small\/at\/d {
    padding: var(--spacing-block-small);
  }
}

.spacing-sides--super-big {
  padding-left: var(--spacing-block-super-big);
  padding-right: var(--spacing-block-super-big);
}
@media (max-width: 767px) {
  .spacing-sides--super-big\/m {
    padding-left: var(--spacing-block-super-big);
    padding-right: var(--spacing-block-super-big);
  }
}
@media (min-width: 767px) {
  .spacing-sides--super-big\/at\/m {
    padding-left: var(--spacing-block-super-big);
    padding-right: var(--spacing-block-super-big);
  }
}
@media (max-width: 480px) {
  .spacing-sides--super-big\/m-small {
    padding-left: var(--spacing-block-super-big);
    padding-right: var(--spacing-block-super-big);
  }
}
@media (min-width: 480px) {
  .spacing-sides--super-big\/at\/m-small {
    padding-left: var(--spacing-block-super-big);
    padding-right: var(--spacing-block-super-big);
  }
}
@media (max-width: 1023px) {
  .spacing-sides--super-big\/t {
    padding-left: var(--spacing-block-super-big);
    padding-right: var(--spacing-block-super-big);
  }
}
@media (min-width: 1023px) {
  .spacing-sides--super-big\/at\/t {
    padding-left: var(--spacing-block-super-big);
    padding-right: var(--spacing-block-super-big);
  }
}
@media (max-width: 1184px) {
  .spacing-sides--super-big\/d {
    padding-left: var(--spacing-block-super-big);
    padding-right: var(--spacing-block-super-big);
  }
}
@media (min-width: 1184px) {
  .spacing-sides--super-big\/at\/d {
    padding-left: var(--spacing-block-super-big);
    padding-right: var(--spacing-block-super-big);
  }
}

.spacing-sides--big {
  padding-left: var(--spacing-block-big);
  padding-right: var(--spacing-block-big);
}
@media (max-width: 767px) {
  .spacing-sides--big\/m {
    padding-left: var(--spacing-block-big);
    padding-right: var(--spacing-block-big);
  }
}
@media (min-width: 767px) {
  .spacing-sides--big\/at\/m {
    padding-left: var(--spacing-block-big);
    padding-right: var(--spacing-block-big);
  }
}
@media (max-width: 480px) {
  .spacing-sides--big\/m-small {
    padding-left: var(--spacing-block-big);
    padding-right: var(--spacing-block-big);
  }
}
@media (min-width: 480px) {
  .spacing-sides--big\/at\/m-small {
    padding-left: var(--spacing-block-big);
    padding-right: var(--spacing-block-big);
  }
}
@media (max-width: 1023px) {
  .spacing-sides--big\/t {
    padding-left: var(--spacing-block-big);
    padding-right: var(--spacing-block-big);
  }
}
@media (min-width: 1023px) {
  .spacing-sides--big\/at\/t {
    padding-left: var(--spacing-block-big);
    padding-right: var(--spacing-block-big);
  }
}
@media (max-width: 1184px) {
  .spacing-sides--big\/d {
    padding-left: var(--spacing-block-big);
    padding-right: var(--spacing-block-big);
  }
}
@media (min-width: 1184px) {
  .spacing-sides--big\/at\/d {
    padding-left: var(--spacing-block-big);
    padding-right: var(--spacing-block-big);
  }
}

.spacing-sides {
  padding-left: var(--spacing-block);
  padding-right: var(--spacing-block);
}
@media (max-width: 767px) {
  .spacing-sides\/m {
    padding-left: var(--spacing-block);
    padding-right: var(--spacing-block);
  }
}
@media (min-width: 767px) {
  .spacing-sides\/at\/m {
    padding-left: var(--spacing-block);
    padding-right: var(--spacing-block);
  }
}
@media (max-width: 480px) {
  .spacing-sides\/m-small {
    padding-left: var(--spacing-block);
    padding-right: var(--spacing-block);
  }
}
@media (min-width: 480px) {
  .spacing-sides\/at\/m-small {
    padding-left: var(--spacing-block);
    padding-right: var(--spacing-block);
  }
}
@media (max-width: 1023px) {
  .spacing-sides\/t {
    padding-left: var(--spacing-block);
    padding-right: var(--spacing-block);
  }
}
@media (min-width: 1023px) {
  .spacing-sides\/at\/t {
    padding-left: var(--spacing-block);
    padding-right: var(--spacing-block);
  }
}
@media (max-width: 1184px) {
  .spacing-sides\/d {
    padding-left: var(--spacing-block);
    padding-right: var(--spacing-block);
  }
}
@media (min-width: 1184px) {
  .spacing-sides\/at\/d {
    padding-left: var(--spacing-block);
    padding-right: var(--spacing-block);
  }
}

.spacing-sides--small {
  padding-left: var(--spacing-block-small);
  padding-right: var(--spacing-block-small);
}
@media (max-width: 767px) {
  .spacing-sides--small\/m {
    padding-left: var(--spacing-block-small);
    padding-right: var(--spacing-block-small);
  }
}
@media (min-width: 767px) {
  .spacing-sides--small\/at\/m {
    padding-left: var(--spacing-block-small);
    padding-right: var(--spacing-block-small);
  }
}
@media (max-width: 480px) {
  .spacing-sides--small\/m-small {
    padding-left: var(--spacing-block-small);
    padding-right: var(--spacing-block-small);
  }
}
@media (min-width: 480px) {
  .spacing-sides--small\/at\/m-small {
    padding-left: var(--spacing-block-small);
    padding-right: var(--spacing-block-small);
  }
}
@media (max-width: 1023px) {
  .spacing-sides--small\/t {
    padding-left: var(--spacing-block-small);
    padding-right: var(--spacing-block-small);
  }
}
@media (min-width: 1023px) {
  .spacing-sides--small\/at\/t {
    padding-left: var(--spacing-block-small);
    padding-right: var(--spacing-block-small);
  }
}
@media (max-width: 1184px) {
  .spacing-sides--small\/d {
    padding-left: var(--spacing-block-small);
    padding-right: var(--spacing-block-small);
  }
}
@media (min-width: 1184px) {
  .spacing-sides--small\/at\/d {
    padding-left: var(--spacing-block-small);
    padding-right: var(--spacing-block-small);
  }
}

.spacing-right--super-big {
  padding-right: var(--spacing-block-super-big);
}
@media (max-width: 767px) {
  .spacing-right--super-big\/m {
    padding-right: var(--spacing-block-super-big);
  }
}
@media (min-width: 767px) {
  .spacing-right--super-big\/at\/m {
    padding-right: var(--spacing-block-super-big);
  }
}
@media (max-width: 480px) {
  .spacing-right--super-big\/m-small {
    padding-right: var(--spacing-block-super-big);
  }
}
@media (min-width: 480px) {
  .spacing-right--super-big\/at\/m-small {
    padding-right: var(--spacing-block-super-big);
  }
}
@media (max-width: 1023px) {
  .spacing-right--super-big\/t {
    padding-right: var(--spacing-block-super-big);
  }
}
@media (min-width: 1023px) {
  .spacing-right--super-big\/at\/t {
    padding-right: var(--spacing-block-super-big);
  }
}
@media (max-width: 1184px) {
  .spacing-right--super-big\/d {
    padding-right: var(--spacing-block-super-big);
  }
}
@media (min-width: 1184px) {
  .spacing-right--super-big\/at\/d {
    padding-right: var(--spacing-block-super-big);
  }
}

.spacing-right--big {
  padding-right: var(--spacing-block-big);
}
@media (max-width: 767px) {
  .spacing-right--big\/m {
    padding-right: var(--spacing-block-big);
  }
}
@media (min-width: 767px) {
  .spacing-right--big\/at\/m {
    padding-right: var(--spacing-block-big);
  }
}
@media (max-width: 480px) {
  .spacing-right--big\/m-small {
    padding-right: var(--spacing-block-big);
  }
}
@media (min-width: 480px) {
  .spacing-right--big\/at\/m-small {
    padding-right: var(--spacing-block-big);
  }
}
@media (max-width: 1023px) {
  .spacing-right--big\/t {
    padding-right: var(--spacing-block-big);
  }
}
@media (min-width: 1023px) {
  .spacing-right--big\/at\/t {
    padding-right: var(--spacing-block-big);
  }
}
@media (max-width: 1184px) {
  .spacing-right--big\/d {
    padding-right: var(--spacing-block-big);
  }
}
@media (min-width: 1184px) {
  .spacing-right--big\/at\/d {
    padding-right: var(--spacing-block-big);
  }
}

.spacing-right {
  padding-right: var(--spacing-block);
}
@media (max-width: 767px) {
  .spacing-right\/m {
    padding-right: var(--spacing-block);
  }
}
@media (min-width: 767px) {
  .spacing-right\/at\/m {
    padding-right: var(--spacing-block);
  }
}
@media (max-width: 480px) {
  .spacing-right\/m-small {
    padding-right: var(--spacing-block);
  }
}
@media (min-width: 480px) {
  .spacing-right\/at\/m-small {
    padding-right: var(--spacing-block);
  }
}
@media (max-width: 1023px) {
  .spacing-right\/t {
    padding-right: var(--spacing-block);
  }
}
@media (min-width: 1023px) {
  .spacing-right\/at\/t {
    padding-right: var(--spacing-block);
  }
}
@media (max-width: 1184px) {
  .spacing-right\/d {
    padding-right: var(--spacing-block);
  }
}
@media (min-width: 1184px) {
  .spacing-right\/at\/d {
    padding-right: var(--spacing-block);
  }
}

.spacing-right--small {
  padding-right: var(--spacing-block-small);
}
@media (max-width: 767px) {
  .spacing-right--small\/m {
    padding-right: var(--spacing-block-small);
  }
}
@media (min-width: 767px) {
  .spacing-right--small\/at\/m {
    padding-right: var(--spacing-block-small);
  }
}
@media (max-width: 480px) {
  .spacing-right--small\/m-small {
    padding-right: var(--spacing-block-small);
  }
}
@media (min-width: 480px) {
  .spacing-right--small\/at\/m-small {
    padding-right: var(--spacing-block-small);
  }
}
@media (max-width: 1023px) {
  .spacing-right--small\/t {
    padding-right: var(--spacing-block-small);
  }
}
@media (min-width: 1023px) {
  .spacing-right--small\/at\/t {
    padding-right: var(--spacing-block-small);
  }
}
@media (max-width: 1184px) {
  .spacing-right--small\/d {
    padding-right: var(--spacing-block-small);
  }
}
@media (min-width: 1184px) {
  .spacing-right--small\/at\/d {
    padding-right: var(--spacing-block-small);
  }
}

.spacing-left--super-big {
  padding-left: var(--spacing-block-super-big);
}
@media (max-width: 767px) {
  .spacing-left--super-big\/m {
    padding-left: var(--spacing-block-super-big);
  }
}
@media (min-width: 767px) {
  .spacing-left--super-big\/at\/m {
    padding-left: var(--spacing-block-super-big);
  }
}
@media (max-width: 480px) {
  .spacing-left--super-big\/m-small {
    padding-left: var(--spacing-block-super-big);
  }
}
@media (min-width: 480px) {
  .spacing-left--super-big\/at\/m-small {
    padding-left: var(--spacing-block-super-big);
  }
}
@media (max-width: 1023px) {
  .spacing-left--super-big\/t {
    padding-left: var(--spacing-block-super-big);
  }
}
@media (min-width: 1023px) {
  .spacing-left--super-big\/at\/t {
    padding-left: var(--spacing-block-super-big);
  }
}
@media (max-width: 1184px) {
  .spacing-left--super-big\/d {
    padding-left: var(--spacing-block-super-big);
  }
}
@media (min-width: 1184px) {
  .spacing-left--super-big\/at\/d {
    padding-left: var(--spacing-block-super-big);
  }
}

.spacing-left--big {
  padding-left: var(--spacing-block-big);
}
@media (max-width: 767px) {
  .spacing-left--big\/m {
    padding-left: var(--spacing-block-big);
  }
}
@media (min-width: 767px) {
  .spacing-left--big\/at\/m {
    padding-left: var(--spacing-block-big);
  }
}
@media (max-width: 480px) {
  .spacing-left--big\/m-small {
    padding-left: var(--spacing-block-big);
  }
}
@media (min-width: 480px) {
  .spacing-left--big\/at\/m-small {
    padding-left: var(--spacing-block-big);
  }
}
@media (max-width: 1023px) {
  .spacing-left--big\/t {
    padding-left: var(--spacing-block-big);
  }
}
@media (min-width: 1023px) {
  .spacing-left--big\/at\/t {
    padding-left: var(--spacing-block-big);
  }
}
@media (max-width: 1184px) {
  .spacing-left--big\/d {
    padding-left: var(--spacing-block-big);
  }
}
@media (min-width: 1184px) {
  .spacing-left--big\/at\/d {
    padding-left: var(--spacing-block-big);
  }
}

.spacing-left {
  padding-left: var(--spacing-block);
}
@media (max-width: 767px) {
  .spacing-left\/m {
    padding-left: var(--spacing-block);
  }
}
@media (min-width: 767px) {
  .spacing-left\/at\/m {
    padding-left: var(--spacing-block);
  }
}
@media (max-width: 480px) {
  .spacing-left\/m-small {
    padding-left: var(--spacing-block);
  }
}
@media (min-width: 480px) {
  .spacing-left\/at\/m-small {
    padding-left: var(--spacing-block);
  }
}
@media (max-width: 1023px) {
  .spacing-left\/t {
    padding-left: var(--spacing-block);
  }
}
@media (min-width: 1023px) {
  .spacing-left\/at\/t {
    padding-left: var(--spacing-block);
  }
}
@media (max-width: 1184px) {
  .spacing-left\/d {
    padding-left: var(--spacing-block);
  }
}
@media (min-width: 1184px) {
  .spacing-left\/at\/d {
    padding-left: var(--spacing-block);
  }
}

.spacing-left--small {
  padding-left: var(--spacing-block-small);
}
@media (max-width: 767px) {
  .spacing-left--small\/m {
    padding-left: var(--spacing-block-small);
  }
}
@media (min-width: 767px) {
  .spacing-left--small\/at\/m {
    padding-left: var(--spacing-block-small);
  }
}
@media (max-width: 480px) {
  .spacing-left--small\/m-small {
    padding-left: var(--spacing-block-small);
  }
}
@media (min-width: 480px) {
  .spacing-left--small\/at\/m-small {
    padding-left: var(--spacing-block-small);
  }
}
@media (max-width: 1023px) {
  .spacing-left--small\/t {
    padding-left: var(--spacing-block-small);
  }
}
@media (min-width: 1023px) {
  .spacing-left--small\/at\/t {
    padding-left: var(--spacing-block-small);
  }
}
@media (max-width: 1184px) {
  .spacing-left--small\/d {
    padding-left: var(--spacing-block-small);
  }
}
@media (min-width: 1184px) {
  .spacing-left--small\/at\/d {
    padding-left: var(--spacing-block-small);
  }
}

.spacing-top--super-big {
  padding-top: var(--spacing-block-super-big);
}
@media (max-width: 767px) {
  .spacing-top--super-big\/m {
    padding-top: var(--spacing-block-super-big);
  }
}
@media (min-width: 767px) {
  .spacing-top--super-big\/at\/m {
    padding-top: var(--spacing-block-super-big);
  }
}
@media (max-width: 480px) {
  .spacing-top--super-big\/m-small {
    padding-top: var(--spacing-block-super-big);
  }
}
@media (min-width: 480px) {
  .spacing-top--super-big\/at\/m-small {
    padding-top: var(--spacing-block-super-big);
  }
}
@media (max-width: 1023px) {
  .spacing-top--super-big\/t {
    padding-top: var(--spacing-block-super-big);
  }
}
@media (min-width: 1023px) {
  .spacing-top--super-big\/at\/t {
    padding-top: var(--spacing-block-super-big);
  }
}
@media (max-width: 1184px) {
  .spacing-top--super-big\/d {
    padding-top: var(--spacing-block-super-big);
  }
}
@media (min-width: 1184px) {
  .spacing-top--super-big\/at\/d {
    padding-top: var(--spacing-block-super-big);
  }
}

.spacing-top--big {
  padding-top: var(--spacing-block-big);
}
@media (max-width: 767px) {
  .spacing-top--big\/m {
    padding-top: var(--spacing-block-big);
  }
}
@media (min-width: 767px) {
  .spacing-top--big\/at\/m {
    padding-top: var(--spacing-block-big);
  }
}
@media (max-width: 480px) {
  .spacing-top--big\/m-small {
    padding-top: var(--spacing-block-big);
  }
}
@media (min-width: 480px) {
  .spacing-top--big\/at\/m-small {
    padding-top: var(--spacing-block-big);
  }
}
@media (max-width: 1023px) {
  .spacing-top--big\/t {
    padding-top: var(--spacing-block-big);
  }
}
@media (min-width: 1023px) {
  .spacing-top--big\/at\/t {
    padding-top: var(--spacing-block-big);
  }
}
@media (max-width: 1184px) {
  .spacing-top--big\/d {
    padding-top: var(--spacing-block-big);
  }
}
@media (min-width: 1184px) {
  .spacing-top--big\/at\/d {
    padding-top: var(--spacing-block-big);
  }
}

.spacing-top {
  padding-top: var(--spacing-block);
}
@media (max-width: 767px) {
  .spacing-top\/m {
    padding-top: var(--spacing-block);
  }
}
@media (min-width: 767px) {
  .spacing-top\/at\/m {
    padding-top: var(--spacing-block);
  }
}
@media (max-width: 480px) {
  .spacing-top\/m-small {
    padding-top: var(--spacing-block);
  }
}
@media (min-width: 480px) {
  .spacing-top\/at\/m-small {
    padding-top: var(--spacing-block);
  }
}
@media (max-width: 1023px) {
  .spacing-top\/t {
    padding-top: var(--spacing-block);
  }
}
@media (min-width: 1023px) {
  .spacing-top\/at\/t {
    padding-top: var(--spacing-block);
  }
}
@media (max-width: 1184px) {
  .spacing-top\/d {
    padding-top: var(--spacing-block);
  }
}
@media (min-width: 1184px) {
  .spacing-top\/at\/d {
    padding-top: var(--spacing-block);
  }
}

.spacing-top--small {
  padding-top: var(--spacing-block-small);
}
@media (max-width: 767px) {
  .spacing-top--small\/m {
    padding-top: var(--spacing-block-small);
  }
}
@media (min-width: 767px) {
  .spacing-top--small\/at\/m {
    padding-top: var(--spacing-block-small);
  }
}
@media (max-width: 480px) {
  .spacing-top--small\/m-small {
    padding-top: var(--spacing-block-small);
  }
}
@media (min-width: 480px) {
  .spacing-top--small\/at\/m-small {
    padding-top: var(--spacing-block-small);
  }
}
@media (max-width: 1023px) {
  .spacing-top--small\/t {
    padding-top: var(--spacing-block-small);
  }
}
@media (min-width: 1023px) {
  .spacing-top--small\/at\/t {
    padding-top: var(--spacing-block-small);
  }
}
@media (max-width: 1184px) {
  .spacing-top--small\/d {
    padding-top: var(--spacing-block-small);
  }
}
@media (min-width: 1184px) {
  .spacing-top--small\/at\/d {
    padding-top: var(--spacing-block-small);
  }
}

.spacing-bottom--super-big {
  padding-bottom: var(--spacing-block-super-big);
}
@media (max-width: 767px) {
  .spacing-bottom--super-big\/m {
    padding-bottom: var(--spacing-block-super-big);
  }
}
@media (min-width: 767px) {
  .spacing-bottom--super-big\/at\/m {
    padding-bottom: var(--spacing-block-super-big);
  }
}
@media (max-width: 480px) {
  .spacing-bottom--super-big\/m-small {
    padding-bottom: var(--spacing-block-super-big);
  }
}
@media (min-width: 480px) {
  .spacing-bottom--super-big\/at\/m-small {
    padding-bottom: var(--spacing-block-super-big);
  }
}
@media (max-width: 1023px) {
  .spacing-bottom--super-big\/t {
    padding-bottom: var(--spacing-block-super-big);
  }
}
@media (min-width: 1023px) {
  .spacing-bottom--super-big\/at\/t {
    padding-bottom: var(--spacing-block-super-big);
  }
}
@media (max-width: 1184px) {
  .spacing-bottom--super-big\/d {
    padding-bottom: var(--spacing-block-super-big);
  }
}
@media (min-width: 1184px) {
  .spacing-bottom--super-big\/at\/d {
    padding-bottom: var(--spacing-block-super-big);
  }
}

.spacing-bottom--big {
  padding-bottom: var(--spacing-block-big);
}
@media (max-width: 767px) {
  .spacing-bottom--big\/m {
    padding-bottom: var(--spacing-block-big);
  }
}
@media (min-width: 767px) {
  .spacing-bottom--big\/at\/m {
    padding-bottom: var(--spacing-block-big);
  }
}
@media (max-width: 480px) {
  .spacing-bottom--big\/m-small {
    padding-bottom: var(--spacing-block-big);
  }
}
@media (min-width: 480px) {
  .spacing-bottom--big\/at\/m-small {
    padding-bottom: var(--spacing-block-big);
  }
}
@media (max-width: 1023px) {
  .spacing-bottom--big\/t {
    padding-bottom: var(--spacing-block-big);
  }
}
@media (min-width: 1023px) {
  .spacing-bottom--big\/at\/t {
    padding-bottom: var(--spacing-block-big);
  }
}
@media (max-width: 1184px) {
  .spacing-bottom--big\/d {
    padding-bottom: var(--spacing-block-big);
  }
}
@media (min-width: 1184px) {
  .spacing-bottom--big\/at\/d {
    padding-bottom: var(--spacing-block-big);
  }
}

.spacing-bottom {
  padding-bottom: var(--spacing-block);
}
@media (max-width: 767px) {
  .spacing-bottom\/m {
    padding-bottom: var(--spacing-block);
  }
}
@media (min-width: 767px) {
  .spacing-bottom\/at\/m {
    padding-bottom: var(--spacing-block);
  }
}
@media (max-width: 480px) {
  .spacing-bottom\/m-small {
    padding-bottom: var(--spacing-block);
  }
}
@media (min-width: 480px) {
  .spacing-bottom\/at\/m-small {
    padding-bottom: var(--spacing-block);
  }
}
@media (max-width: 1023px) {
  .spacing-bottom\/t {
    padding-bottom: var(--spacing-block);
  }
}
@media (min-width: 1023px) {
  .spacing-bottom\/at\/t {
    padding-bottom: var(--spacing-block);
  }
}
@media (max-width: 1184px) {
  .spacing-bottom\/d {
    padding-bottom: var(--spacing-block);
  }
}
@media (min-width: 1184px) {
  .spacing-bottom\/at\/d {
    padding-bottom: var(--spacing-block);
  }
}

.spacing-bottom--small {
  padding-bottom: var(--spacing-block-small);
}
@media (max-width: 767px) {
  .spacing-bottom--small\/m {
    padding-bottom: var(--spacing-block-small);
  }
}
@media (min-width: 767px) {
  .spacing-bottom--small\/at\/m {
    padding-bottom: var(--spacing-block-small);
  }
}
@media (max-width: 480px) {
  .spacing-bottom--small\/m-small {
    padding-bottom: var(--spacing-block-small);
  }
}
@media (min-width: 480px) {
  .spacing-bottom--small\/at\/m-small {
    padding-bottom: var(--spacing-block-small);
  }
}
@media (max-width: 1023px) {
  .spacing-bottom--small\/t {
    padding-bottom: var(--spacing-block-small);
  }
}
@media (min-width: 1023px) {
  .spacing-bottom--small\/at\/t {
    padding-bottom: var(--spacing-block-small);
  }
}
@media (max-width: 1184px) {
  .spacing-bottom--small\/d {
    padding-bottom: var(--spacing-block-small);
  }
}
@media (min-width: 1184px) {
  .spacing-bottom--small\/at\/d {
    padding-bottom: var(--spacing-block-small);
  }
}

.spacing--none {
  padding: 0;
}
@media (max-width: 767px) {
  .spacing--none\/m {
    padding: 0;
  }
}
@media (min-width: 767px) {
  .spacing--none\/at\/m {
    padding: 0;
  }
}
@media (max-width: 480px) {
  .spacing--none\/m-small {
    padding: 0;
  }
}
@media (min-width: 480px) {
  .spacing--none\/at\/m-small {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .spacing--none\/t {
    padding: 0;
  }
}
@media (min-width: 1023px) {
  .spacing--none\/at\/t {
    padding: 0;
  }
}
@media (max-width: 1184px) {
  .spacing--none\/d {
    padding: 0;
  }
}
@media (min-width: 1184px) {
  .spacing--none\/at\/d {
    padding: 0;
  }
}

.spacing-sides--none {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .spacing-sides--none\/m {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 767px) {
  .spacing-sides--none\/at\/m {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 480px) {
  .spacing-sides--none\/m-small {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 480px) {
  .spacing-sides--none\/at\/m-small {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1023px) {
  .spacing-sides--none\/t {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1023px) {
  .spacing-sides--none\/at\/t {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1184px) {
  .spacing-sides--none\/d {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1184px) {
  .spacing-sides--none\/at\/d {
    padding-left: 0;
    padding-right: 0;
  }
}

.spacing-top--none {
  padding-top: 0;
}
@media (max-width: 767px) {
  .spacing-top--none\/m {
    padding-top: 0;
  }
}
@media (min-width: 767px) {
  .spacing-top--none\/at\/m {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  .spacing-top--none\/m-small {
    padding-top: 0;
  }
}
@media (min-width: 480px) {
  .spacing-top--none\/at\/m-small {
    padding-top: 0;
  }
}
@media (max-width: 1023px) {
  .spacing-top--none\/t {
    padding-top: 0;
  }
}
@media (min-width: 1023px) {
  .spacing-top--none\/at\/t {
    padding-top: 0;
  }
}
@media (max-width: 1184px) {
  .spacing-top--none\/d {
    padding-top: 0;
  }
}
@media (min-width: 1184px) {
  .spacing-top--none\/at\/d {
    padding-top: 0;
  }
}

.spacing-bottom--none {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .spacing-bottom--none\/m {
    padding-bottom: 0;
  }
}
@media (min-width: 767px) {
  .spacing-bottom--none\/at\/m {
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .spacing-bottom--none\/m-small {
    padding-bottom: 0;
  }
}
@media (min-width: 480px) {
  .spacing-bottom--none\/at\/m-small {
    padding-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .spacing-bottom--none\/t {
    padding-bottom: 0;
  }
}
@media (min-width: 1023px) {
  .spacing-bottom--none\/at\/t {
    padding-bottom: 0;
  }
}
@media (max-width: 1184px) {
  .spacing-bottom--none\/d {
    padding-bottom: 0;
  }
}
@media (min-width: 1184px) {
  .spacing-bottom--none\/at\/d {
    padding-bottom: 0;
  }
}

input, select, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input:not([id^=acf]),
textarea:not([id^=acf]),
select:not([id^=acf]) {
  font-family: var(--input-font-family);
  font-size: var(--input-font-size);
  line-height: var(--input-line-height);
  font-weight: var(--input-font-weight);
  letter-spacing: var(--input-letter-spacing);
  text-transform: var(--input-text-transform);
  text-decoration: var(--input-text-decoration);
}
input:not([id^=acf]) .e-handwritten,
textarea:not([id^=acf]) .e-handwritten,
select:not([id^=acf]) .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--input-span-font-size);
  font-weight: 600;
  font-style: italic;
}
input:not([id^=acf]) .e-heading,
textarea:not([id^=acf]) .e-heading,
select:not([id^=acf]) .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

label {
  font-family: var(--p-small-font-family);
  font-size: var(--p-small-font-size);
  line-height: var(--p-small-line-height);
  font-weight: var(--p-small-font-weight);
  letter-spacing: var(--p-small-letter-spacing);
  text-transform: var(--p-small-text-transform);
  text-decoration: var(--p-small-text-decoration);
}
label .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-small-span-font-size);
  font-weight: 600;
  font-style: italic;
}
label .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

input:not([id^=acf]),
select:not([id^=acf]),
textarea:not([id^=acf]) {
  width: 100%;
  flex: 0 0 70%;
  box-sizing: border-box;
  padding: 1.2rem 2rem;
  border-radius: var(--radius-input);
  border: 0.2rem solid transparent;
  border-bottom-color: var(--spot);
  background: var(--white);
  color: var(--grey-dark);
  outline: 0;
  cursor: pointer;
  transition: all 0.3s;
}
input:not([id^=acf]):focus,
select:not([id^=acf]):focus,
textarea:not([id^=acf]):focus {
  border-color: var(--grey-dark);
  background: var(--white);
  color: var(--grey-dark);
}
input:not([id^=acf])::placeholder,
select:not([id^=acf])::placeholder,
textarea:not([id^=acf])::placeholder {
  color: var(--text-grey-light);
}
input:not([id^=acf]):autofill, input:not([id^=acf]):-webkit-autofill, input:not([id^=acf]):-internal-autofill-selected, input:not([id^=acf]):-webkit-autofill:hover, input:not([id^=acf]):-webkit-autofill:focus,
select:not([id^=acf]):autofill,
select:not([id^=acf]):-webkit-autofill,
select:not([id^=acf]):-internal-autofill-selected,
select:not([id^=acf]):-webkit-autofill:hover,
select:not([id^=acf]):-webkit-autofill:focus,
textarea:not([id^=acf]):autofill,
textarea:not([id^=acf]):-webkit-autofill,
textarea:not([id^=acf]):-internal-autofill-selected,
textarea:not([id^=acf]):-webkit-autofill:hover,
textarea:not([id^=acf]):-webkit-autofill:focus {
  color: var(--grey-dark) !important;
  background-image: none !important;
  background-color: transparent !important;
  border-color: var(--grey-dark);
  -webkit-text-fill-color: var(--grey-dark);
  -webkit-box-shadow: 0 0 0px 0rem #000 inset;
}

textarea:not([id^=acf]) {
  padding: 1.4rem 2rem;
  min-height: 0 !important;
  max-height: 10rem;
}
textarea:not([id^=acf]):focus {
  max-height: 20rem;
}

body .forminator-ui {
  margin-top: 1rem;
}
body .forminator-ui,
body .forminator-pagination--content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
body .forminator-field,
body .forminator-field-date,
body .forminator-field-time,
body .forminator-timepicker,
body .forminator-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  width: 100%;
  position: relative;
  margin: 0 !important;
}
body .forminator-field input,
body .forminator-field select,
body .forminator-field textarea,
body .forminator-field-date input,
body .forminator-field-date select,
body .forminator-field-date textarea,
body .forminator-field-time input,
body .forminator-field-time select,
body .forminator-field-time textarea,
body .forminator-timepicker input,
body .forminator-timepicker select,
body .forminator-timepicker textarea,
body .forminator-row input,
body .forminator-row select,
body .forminator-row textarea {
  width: 100%;
  flex: 0 0 100%;
}
@media (min-width: 767px) {
  body .forminator-field input,
  body .forminator-field select,
  body .forminator-field textarea,
  body .forminator-field-date input,
  body .forminator-field-date select,
  body .forminator-field-date textarea,
  body .forminator-field-time input,
  body .forminator-field-time select,
  body .forminator-field-time textarea,
  body .forminator-timepicker input,
  body .forminator-timepicker select,
  body .forminator-timepicker textarea,
  body .forminator-row input,
  body .forminator-row select,
  body .forminator-row textarea {
    flex: 0 0 calc(100% - 18rem);
    margin-left: 18rem;
  }
}
body .forminator-field:has(textarea) .forminator-label,
body .forminator-field-date:has(textarea) .forminator-label,
body .forminator-field-time:has(textarea) .forminator-label,
body .forminator-timepicker:has(textarea) .forminator-label,
body .forminator-row:has(textarea) .forminator-label {
  align-items: flex-start;
}
@media (min-width: 767px) {
  body .forminator-field:has(textarea) .forminator-label,
  body .forminator-field-date:has(textarea) .forminator-label,
  body .forminator-field-time:has(textarea) .forminator-label,
  body .forminator-timepicker:has(textarea) .forminator-label,
  body .forminator-row:has(textarea) .forminator-label {
    padding-top: 1.4rem;
  }
}
@media (min-width: 767px) {
  body .forminator-field:has(input:not([id*=time]):focus) > .forminator-label,
  body .forminator-field:has(input:not([id*=time]):focus) > .forminator-description, body .forminator-field:has(textarea:focus) > .forminator-label,
  body .forminator-field:has(textarea:focus) > .forminator-description, body .forminator-field:has(select:not([id*=time]):focus) > .forminator-label,
  body .forminator-field:has(select:not([id*=time]):focus) > .forminator-description,
  body .forminator-field-date:has(input:not([id*=time]):focus) > .forminator-label,
  body .forminator-field-date:has(input:not([id*=time]):focus) > .forminator-description,
  body .forminator-field-date:has(textarea:focus) > .forminator-label,
  body .forminator-field-date:has(textarea:focus) > .forminator-description,
  body .forminator-field-date:has(select:not([id*=time]):focus) > .forminator-label,
  body .forminator-field-date:has(select:not([id*=time]):focus) > .forminator-description,
  body .forminator-field-time:has(input:not([id*=time]):focus) > .forminator-label,
  body .forminator-field-time:has(input:not([id*=time]):focus) > .forminator-description,
  body .forminator-field-time:has(textarea:focus) > .forminator-label,
  body .forminator-field-time:has(textarea:focus) > .forminator-description,
  body .forminator-field-time:has(select:not([id*=time]):focus) > .forminator-label,
  body .forminator-field-time:has(select:not([id*=time]):focus) > .forminator-description,
  body .forminator-timepicker:has(input:not([id*=time]):focus) > .forminator-label,
  body .forminator-timepicker:has(input:not([id*=time]):focus) > .forminator-description,
  body .forminator-timepicker:has(textarea:focus) > .forminator-label,
  body .forminator-timepicker:has(textarea:focus) > .forminator-description,
  body .forminator-timepicker:has(select:not([id*=time]):focus) > .forminator-label,
  body .forminator-timepicker:has(select:not([id*=time]):focus) > .forminator-description,
  body .forminator-row:has(input:not([id*=time]):focus) > .forminator-label,
  body .forminator-row:has(input:not([id*=time]):focus) > .forminator-description,
  body .forminator-row:has(textarea:focus) > .forminator-label,
  body .forminator-row:has(textarea:focus) > .forminator-description,
  body .forminator-row:has(select:not([id*=time]):focus) > .forminator-label,
  body .forminator-row:has(select:not([id*=time]):focus) > .forminator-description {
    color: var(--grey-dark);
  }
}
body .forminator-col {
  width: 100%;
}
body .forminator-col-6 {
  width: auto;
}
body .forminator-label {
  font-weight: 500;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  transition: all 0.3s;
}
@media (min-width: 767px) {
  body .forminator-label {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 30%;
    height: 100%;
    padding: 0 2rem 0 0;
  }
}
body .forminator-field-select {
  position: relative;
}
body .forminator-field-select select {
  padding-right: 4rem;
}
body .forminator-field-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 0.6rem;
  height: 0.6rem;
  border-right: 0.2rem solid var(--grey-dark);
  border-bottom: 0.2rem solid var(--grey-dark);
  translate: 0 1rem;
  rotate: 45deg;
}
@media (min-width: 767px) {
  body .forminator-field-select::after {
    translate: 0 -80%;
  }
}
body .forminator-field-select:has(select:focus)::after {
  border-color: var(--grey-dark);
}
body .forminator-input-with-icon {
  width: 100%;
}
body .forminator-input-with-icon label {
  position: absolute;
  top: 50%;
  left: 1rem;
  translate: 0 -50%;
}
body .forminator-has_error {
  border-color: var(--error);
}
body .forminator-has_error .forminator-required {
  color: var(--error);
}
body .forminator-has_error:not(:has(input:focus)) .forminator-required {
  color: var(--error);
}
body .forminator-error-message {
  font-family: var(--p-small-font-family);
  font-size: var(--p-small-font-size);
  line-height: var(--p-small-line-height);
  font-weight: var(--p-small-font-weight);
  letter-spacing: var(--p-small-letter-spacing);
  text-transform: var(--p-small-text-transform);
  text-decoration: var(--p-small-text-decoration);
  font-size: 1.2rem;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 1rem;
  background: var(--error);
  color: var(--white);
  animation-name: form-error;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}
body .forminator-error-message .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-small-span-font-size);
  font-weight: 600;
  font-style: italic;
}
body .forminator-error-message .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}
body .forminator-description {
  font-family: var(--p-small-font-family);
  font-size: var(--p-small-font-size);
  line-height: var(--p-small-line-height);
  font-weight: var(--p-small-font-weight);
  letter-spacing: var(--p-small-letter-spacing);
  text-transform: var(--p-small-text-transform);
  text-decoration: var(--p-small-text-decoration);
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--text-grey-lighter);
  position: absolute;
  top: 4.6rem;
  right: 2rem;
}
body .forminator-description .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-small-span-font-size);
  font-weight: 600;
  font-style: italic;
}
body .forminator-description .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}
@media (min-width: 767px) {
  body .forminator-description {
    top: 1.4rem;
  }
}
body .forminator-timepicker .forminator-row {
  display: flex;
  gap: 1rem;
}
body .forminator-timepicker .forminator-row .forminator-col {
  padding: 0 !important;
}
body .forminator-timepicker .forminator-row [id*=time] {
  flex: 0 !important;
  min-width: auto !important;
}
body .forminator-timepicker .forminator-row [id*=hours] .forminator-label {
  padding-left: 0;
}
body .forminator-field-time .forminator-label {
  position: relative;
  padding: 0;
  width: auto;
  min-width: 0;
}
body .forminator-field-time .forminator-field {
  flex-wrap: nowrap;
  gap: 1rem;
}
body .forminator-field-time input, body .forminator-field-time select {
  padding-left: 2rem;
  padding-right: 2rem;
  width: 6.5rem !important;
  flex: 1;
  text-align: center;
}
body .forminator-field-time .forminator-description {
  position: relative;
  top: auto;
  left: auto;
  translate: 0 0;
  right: auto;
}
body .forminator-response-message {
  font-family: var(--p-font-family);
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  letter-spacing: var(--p-letter-spacing);
  text-transform: var(--p-text-transform);
  text-decoration: var(--p-text-decoration);
  color: var(--grey-dark);
  margin-bottom: 1rem;
}
body .forminator-response-message .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-span-font-size);
  font-weight: 600;
  font-style: italic;
}
body .forminator-response-message .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}
body .forminator-response-message.forminator-error {
  display: none;
}

body .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child),
body .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child),
body .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child), body .forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child),
body .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col, body .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col,
body .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row, body .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row {
  margin: 0;
  padding: 0;
}

.forminator-pagination {
  width: 100%;
}

.forminator-pagination-footer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  width: 100%;
  box-sizing: border-box;
}

.forminator-button {
  margin-left: auto;
  width: 100%;
  justify-content: center;
}
.forminator-button.forminator-button-back {
  background: none;
}
.forminator-button.forminator-button-back:hover {
  background: none;
  color: var(--grey-dark);
  text-decoration: underline;
}

.forminator-pagination-steps {
  display: flex;
  width: 100%;
  margin-bottom: 0.5rem;
  border-bottom: 0.1rem solid var(--border-grey-light);
  padding-bottom: 1rem;
}

.forminator-step {
  font-family: var(--above-title-font-family);
  font-size: var(--above-title-font-size);
  line-height: var(--above-title-line-height);
  font-weight: var(--above-title-font-weight);
  letter-spacing: var(--above-title-letter-spacing);
  text-transform: var(--above-title-text-transform);
  text-decoration: var(--above-title-text-decoration);
  margin-right: 1rem;
  color: var(--text-grey-lighter);
  cursor: pointer;
  transition: all 0.3s;
}
.forminator-step .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--above-title-span-font-size);
  font-weight: 600;
  font-style: italic;
}
.forminator-step .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}
@media (max-width: 767px) {
  .forminator-step {
    font-size: 1.2rem;
  }
}
@media (min-width: 767px) {
  .forminator-step {
    margin-right: 2rem;
  }
}
.forminator-step:not(.forminator-current):hover {
  color: var(--spot);
}

.forminator-current {
  color: var(--text-grey-dark);
}

@keyframes form-error {
  0% {
    opacity: 0;
    translate: 0 100%;
  }
  10%, 90% {
    opacity: 1;
    translate: 0 0;
  }
  100% {
    opacity: 0;
    translate: 0 100%;
  }
}
.rounded {
  border-radius: var(--radius-default);
}
@media (max-width: 767px) {
  .rounded\/m {
    border-radius: var(--radius-default);
  }
}
@media (min-width: 767px) {
  .rounded\/at\/m {
    border-radius: var(--radius-default);
  }
}
@media (max-width: 480px) {
  .rounded\/m-small {
    border-radius: var(--radius-default);
  }
}
@media (min-width: 480px) {
  .rounded\/at\/m-small {
    border-radius: var(--radius-default);
  }
}
@media (max-width: 1023px) {
  .rounded\/t {
    border-radius: var(--radius-default);
  }
}
@media (min-width: 1023px) {
  .rounded\/at\/t {
    border-radius: var(--radius-default);
  }
}
@media (max-width: 1184px) {
  .rounded\/d {
    border-radius: var(--radius-default);
  }
}
@media (min-width: 1184px) {
  .rounded\/at\/d {
    border-radius: var(--radius-default);
  }
}

.rounded--small {
  border-radius: var(--radius-default);
}
@media (max-width: 767px) {
  .rounded--small\/m {
    border-radius: var(--radius-default);
  }
}
@media (min-width: 767px) {
  .rounded--small\/at\/m {
    border-radius: var(--radius-default);
  }
}
@media (max-width: 480px) {
  .rounded--small\/m-small {
    border-radius: var(--radius-default);
  }
}
@media (min-width: 480px) {
  .rounded--small\/at\/m-small {
    border-radius: var(--radius-default);
  }
}
@media (max-width: 1023px) {
  .rounded--small\/t {
    border-radius: var(--radius-default);
  }
}
@media (min-width: 1023px) {
  .rounded--small\/at\/t {
    border-radius: var(--radius-default);
  }
}
@media (max-width: 1184px) {
  .rounded--small\/d {
    border-radius: var(--radius-default);
  }
}
@media (min-width: 1184px) {
  .rounded--small\/at\/d {
    border-radius: var(--radius-default);
  }
}

.rounded--reverse {
  border-radius: 0 var(--radius-big);
}
@media (max-width: 767px) {
  .rounded--reverse\/m {
    border-radius: 0 var(--radius-big);
  }
}
@media (min-width: 767px) {
  .rounded--reverse\/at\/m {
    border-radius: 0 var(--radius-big);
  }
}
@media (max-width: 480px) {
  .rounded--reverse\/m-small {
    border-radius: 0 var(--radius-big);
  }
}
@media (min-width: 480px) {
  .rounded--reverse\/at\/m-small {
    border-radius: 0 var(--radius-big);
  }
}
@media (max-width: 1023px) {
  .rounded--reverse\/t {
    border-radius: 0 var(--radius-big);
  }
}
@media (min-width: 1023px) {
  .rounded--reverse\/at\/t {
    border-radius: 0 var(--radius-big);
  }
}
@media (max-width: 1184px) {
  .rounded--reverse\/d {
    border-radius: 0 var(--radius-big);
  }
}
@media (min-width: 1184px) {
  .rounded--reverse\/at\/d {
    border-radius: 0 var(--radius-big);
  }
}

.rounded--left {
  border-radius: var(--radius-big) 0 0 0;
}
@media (max-width: 767px) {
  .rounded--left\/m {
    border-radius: var(--radius-big) 0 0 0;
  }
}
@media (min-width: 767px) {
  .rounded--left\/at\/m {
    border-radius: var(--radius-big) 0 0 0;
  }
}
@media (max-width: 480px) {
  .rounded--left\/m-small {
    border-radius: var(--radius-big) 0 0 0;
  }
}
@media (min-width: 480px) {
  .rounded--left\/at\/m-small {
    border-radius: var(--radius-big) 0 0 0;
  }
}
@media (max-width: 1023px) {
  .rounded--left\/t {
    border-radius: var(--radius-big) 0 0 0;
  }
}
@media (min-width: 1023px) {
  .rounded--left\/at\/t {
    border-radius: var(--radius-big) 0 0 0;
  }
}
@media (max-width: 1184px) {
  .rounded--left\/d {
    border-radius: var(--radius-big) 0 0 0;
  }
}
@media (min-width: 1184px) {
  .rounded--left\/at\/d {
    border-radius: var(--radius-big) 0 0 0;
  }
}

.rounded--right {
  border-radius: 0 0 var(--radius-big) 0;
}
@media (max-width: 767px) {
  .rounded--right\/m {
    border-radius: 0 0 var(--radius-big) 0;
  }
}
@media (min-width: 767px) {
  .rounded--right\/at\/m {
    border-radius: 0 0 var(--radius-big) 0;
  }
}
@media (max-width: 480px) {
  .rounded--right\/m-small {
    border-radius: 0 0 var(--radius-big) 0;
  }
}
@media (min-width: 480px) {
  .rounded--right\/at\/m-small {
    border-radius: 0 0 var(--radius-big) 0;
  }
}
@media (max-width: 1023px) {
  .rounded--right\/t {
    border-radius: 0 0 var(--radius-big) 0;
  }
}
@media (min-width: 1023px) {
  .rounded--right\/at\/t {
    border-radius: 0 0 var(--radius-big) 0;
  }
}
@media (max-width: 1184px) {
  .rounded--right\/d {
    border-radius: 0 0 var(--radius-big) 0;
  }
}
@media (min-width: 1184px) {
  .rounded--right\/at\/d {
    border-radius: 0 0 var(--radius-big) 0;
  }
}

.z-index {
  position: relative;
  z-index: 10;
}

.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.hide {
  display: none !important;
}
@media (max-width: 767px) {
  .hide\/m {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .hide\/at\/m {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .hide\/m-small {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .hide\/at\/m-small {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .hide\/t {
    display: none !important;
  }
}
@media (min-width: 1023px) {
  .hide\/at\/t {
    display: none !important;
  }
}
@media (max-width: 1184px) {
  .hide\/d {
    display: none !important;
  }
}
@media (min-width: 1184px) {
  .hide\/at\/d {
    display: none !important;
  }
}

.l-main {
  transition: all 0.3s;
  padding-top: var(--header-height);
}

.body--menu-is-open .l-main {
  opacity: 0;
}

.l-container {
  width: 100%;
  max-width: 130rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.l-container--small {
  max-width: 70rem;
}

.l-container--x800 {
  max-width: 80rem;
}

.l-container--medium {
  max-width: 90rem;
}

.l-container--full-width {
  max-width: none;
}

.l-container--inner-overlap {
  margin-top: var(--spacing-block);
}
.l-container--inner-overlap > * {
  translate: 0 calc(var(--spacing-block-small) * -1);
}
.l-container--inner-overlap.l-container--spacing-sides-small > * {
  translate: 0 calc(var(--spacing-block-small) * -1);
}

@media (min-width: 1023px) {
  .l-container--inner-overlap-right {
    width: calc(100% - var(--spacing-block-small) * 2);
    margin-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1023px) {
  .l-container--inner-overlap-right > * {
    translate: calc(var(--spacing-block) * 1) 0;
  }
}
@media (max-width: 1023px) {
  .l-container--inner-overlap-right > * > *:last-child {
    width: calc(100% + var(--spacing-block-small) * 1);
    margin: 0 0 calc(var(--spacing-block-small) * -1) auto;
  }
}

.l-block-wrap {
  width: 100%;
}

.l-grid {
  display: grid;
  gap: var(--gap);
}
.l-grid\/0 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 0 - var(--gap)), 1fr));
}
.l-grid\/1 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 1 - var(--gap)), 1fr));
}
.l-grid\/2 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - var(--gap)), 1fr));
}
.l-grid\/3 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - var(--gap)), 1fr));
}
.l-grid\/4 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - var(--gap)), 1fr));
}
.l-grid\/5 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5 - var(--gap)), 1fr));
}
.l-grid\/6 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6 - var(--gap)), 1fr));
}
.l-grid\/7 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - var(--gap)), 1fr));
}
.l-grid\/8 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 8 - var(--gap)), 1fr));
}
.l-grid\/9 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 9 - var(--gap)), 1fr));
}
.l-grid\/10 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 10 - var(--gap)), 1fr));
}
.l-grid\/11 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 11 - var(--gap)), 1fr));
}
.l-grid\/12 {
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 12 - var(--gap)), 1fr));
}
@media (max-width: 767px) {
  .l-grid\/m\/0 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 0 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/1 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 1 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/2 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/3 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/4 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/5 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/6 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/7 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/8 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 8 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/9 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 9 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/10 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 10 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/11 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 11 - var(--gap)), 1fr));
  }
}
@media (max-width: 767px) {
  .l-grid\/m\/12 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 12 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/0 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 0 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/1 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 1 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/2 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/3 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/4 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/5 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/6 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/7 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/8 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 8 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/9 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 9 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/10 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 10 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/11 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 11 - var(--gap)), 1fr));
  }
}
@media (min-width: 767px) {
  .l-grid\/at\/m\/12 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 12 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/0 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 0 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/1 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 1 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/2 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/3 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/4 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/5 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/6 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/7 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/8 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 8 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/9 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 9 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/10 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 10 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/11 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 11 - var(--gap)), 1fr));
  }
}
@media (max-width: 480px) {
  .l-grid\/m-small\/12 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 12 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/0 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 0 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/1 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 1 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/2 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/3 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/4 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/5 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/6 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/7 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/8 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 8 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/9 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 9 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/10 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 10 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/11 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 11 - var(--gap)), 1fr));
  }
}
@media (min-width: 480px) {
  .l-grid\/at\/m-small\/12 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 12 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/0 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 0 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/1 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 1 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/2 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/3 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/4 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/5 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/6 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/7 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/8 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 8 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/9 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 9 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/10 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 10 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/11 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 11 - var(--gap)), 1fr));
  }
}
@media (max-width: 1023px) {
  .l-grid\/t\/12 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 12 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/0 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 0 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/1 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 1 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/2 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/3 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/4 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/5 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/6 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/7 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/8 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 8 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/9 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 9 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/10 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 10 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/11 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 11 - var(--gap)), 1fr));
  }
}
@media (min-width: 1023px) {
  .l-grid\/at\/t\/12 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 12 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/0 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 0 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/1 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 1 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/2 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/3 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/4 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/5 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/6 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/7 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/8 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 8 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/9 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 9 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/10 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 10 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/11 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 11 - var(--gap)), 1fr));
  }
}
@media (max-width: 1184px) {
  .l-grid\/d\/12 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 12 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/0 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 0 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/1 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 1 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/2 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/3 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/4 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 4 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/5 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/6 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/7 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/8 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 8 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/9 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 9 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/10 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 10 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/11 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 11 - var(--gap)), 1fr));
  }
}
@media (min-width: 1184px) {
  .l-grid\/at\/d\/12 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 12 - var(--gap)), 1fr));
  }
}

.l-grid__col\/0 {
  grid-column: span 0;
}
.l-grid__col\/1 {
  grid-column: span 1;
}
.l-grid__col\/2 {
  grid-column: span 2;
}
.l-grid__col\/3 {
  grid-column: span 3;
}
.l-grid__col\/4 {
  grid-column: span 4;
}
.l-grid__col\/5 {
  grid-column: span 5;
}
.l-grid__col\/6 {
  grid-column: span 6;
}
.l-grid__col\/7 {
  grid-column: span 7;
}
.l-grid__col\/8 {
  grid-column: span 8;
}
.l-grid__col\/9 {
  grid-column: span 9;
}
.l-grid__col\/10 {
  grid-column: span 10;
}
.l-grid__col\/11 {
  grid-column: span 11;
}
.l-grid__col\/12 {
  grid-column: span 12;
}
@media (max-width: 767px) {
  .l-grid__col\/m\/0 {
    grid-column: span 0;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/1 {
    grid-column: span 1;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/2 {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/3 {
    grid-column: span 3;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/4 {
    grid-column: span 4;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/5 {
    grid-column: span 5;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/6 {
    grid-column: span 6;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/7 {
    grid-column: span 7;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/8 {
    grid-column: span 8;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/9 {
    grid-column: span 9;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/10 {
    grid-column: span 10;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/11 {
    grid-column: span 11;
  }
}
@media (max-width: 767px) {
  .l-grid__col\/m\/12 {
    grid-column: span 12;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/0 {
    grid-column: span 0;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/1 {
    grid-column: span 1;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/2 {
    grid-column: span 2;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/3 {
    grid-column: span 3;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/4 {
    grid-column: span 4;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/5 {
    grid-column: span 5;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/6 {
    grid-column: span 6;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/7 {
    grid-column: span 7;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/8 {
    grid-column: span 8;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/9 {
    grid-column: span 9;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/10 {
    grid-column: span 10;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/11 {
    grid-column: span 11;
  }
}
@media (min-width: 767px) {
  .l-grid__col\/at\/m\/12 {
    grid-column: span 12;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/0 {
    grid-column: span 0;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/1 {
    grid-column: span 1;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/2 {
    grid-column: span 2;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/3 {
    grid-column: span 3;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/4 {
    grid-column: span 4;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/5 {
    grid-column: span 5;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/6 {
    grid-column: span 6;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/7 {
    grid-column: span 7;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/8 {
    grid-column: span 8;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/9 {
    grid-column: span 9;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/10 {
    grid-column: span 10;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/11 {
    grid-column: span 11;
  }
}
@media (max-width: 480px) {
  .l-grid__col\/m-small\/12 {
    grid-column: span 12;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/0 {
    grid-column: span 0;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/1 {
    grid-column: span 1;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/2 {
    grid-column: span 2;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/3 {
    grid-column: span 3;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/4 {
    grid-column: span 4;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/5 {
    grid-column: span 5;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/6 {
    grid-column: span 6;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/7 {
    grid-column: span 7;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/8 {
    grid-column: span 8;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/9 {
    grid-column: span 9;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/10 {
    grid-column: span 10;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/11 {
    grid-column: span 11;
  }
}
@media (min-width: 480px) {
  .l-grid__col\/at\/m-small\/12 {
    grid-column: span 12;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/0 {
    grid-column: span 0;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/1 {
    grid-column: span 1;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/2 {
    grid-column: span 2;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/3 {
    grid-column: span 3;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/4 {
    grid-column: span 4;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/5 {
    grid-column: span 5;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/6 {
    grid-column: span 6;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/7 {
    grid-column: span 7;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/8 {
    grid-column: span 8;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/9 {
    grid-column: span 9;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/10 {
    grid-column: span 10;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/11 {
    grid-column: span 11;
  }
}
@media (max-width: 1023px) {
  .l-grid__col\/t\/12 {
    grid-column: span 12;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/0 {
    grid-column: span 0;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/1 {
    grid-column: span 1;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/2 {
    grid-column: span 2;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/3 {
    grid-column: span 3;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/4 {
    grid-column: span 4;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/5 {
    grid-column: span 5;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/6 {
    grid-column: span 6;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/7 {
    grid-column: span 7;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/8 {
    grid-column: span 8;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/9 {
    grid-column: span 9;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/10 {
    grid-column: span 10;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/11 {
    grid-column: span 11;
  }
}
@media (min-width: 1023px) {
  .l-grid__col\/at\/t\/12 {
    grid-column: span 12;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/0 {
    grid-column: span 0;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/1 {
    grid-column: span 1;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/2 {
    grid-column: span 2;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/3 {
    grid-column: span 3;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/4 {
    grid-column: span 4;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/5 {
    grid-column: span 5;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/6 {
    grid-column: span 6;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/7 {
    grid-column: span 7;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/8 {
    grid-column: span 8;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/9 {
    grid-column: span 9;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/10 {
    grid-column: span 10;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/11 {
    grid-column: span 11;
  }
}
@media (max-width: 1184px) {
  .l-grid__col\/d\/12 {
    grid-column: span 12;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/0 {
    grid-column: span 0;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/1 {
    grid-column: span 1;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/2 {
    grid-column: span 2;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/3 {
    grid-column: span 3;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/4 {
    grid-column: span 4;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/5 {
    grid-column: span 5;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/6 {
    grid-column: span 6;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/7 {
    grid-column: span 7;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/8 {
    grid-column: span 8;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/9 {
    grid-column: span 9;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/10 {
    grid-column: span 10;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/11 {
    grid-column: span 11;
  }
}
@media (min-width: 1184px) {
  .l-grid__col\/at\/d\/12 {
    grid-column: span 12;
  }
}

.l-grid__row\/0 {
  grid-row: 0;
}
.l-grid__row\/1 {
  grid-row: 1;
}
.l-grid__row\/2 {
  grid-row: 2;
}
.l-grid__row\/3 {
  grid-row: 3;
}
.l-grid__row\/4 {
  grid-row: 4;
}
.l-grid__row\/5 {
  grid-row: 5;
}
.l-grid__row\/6 {
  grid-row: 6;
}
.l-grid__row\/7 {
  grid-row: 7;
}
.l-grid__row\/8 {
  grid-row: 8;
}
.l-grid__row\/9 {
  grid-row: 9;
}
.l-grid__row\/10 {
  grid-row: 10;
}
.l-grid__row\/11 {
  grid-row: 11;
}
.l-grid__row\/12 {
  grid-row: 12;
}
@media (max-width: 767px) {
  .l-grid__row\/m\/0 {
    grid-row: 0;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/1 {
    grid-row: 1;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/2 {
    grid-row: 2;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/3 {
    grid-row: 3;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/4 {
    grid-row: 4;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/5 {
    grid-row: 5;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/6 {
    grid-row: 6;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/7 {
    grid-row: 7;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/8 {
    grid-row: 8;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/9 {
    grid-row: 9;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/10 {
    grid-row: 10;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/11 {
    grid-row: 11;
  }
}
@media (max-width: 767px) {
  .l-grid__row\/m\/12 {
    grid-row: 12;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/0 {
    grid-row: 0;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/1 {
    grid-row: 1;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/2 {
    grid-row: 2;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/3 {
    grid-row: 3;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/4 {
    grid-row: 4;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/5 {
    grid-row: 5;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/6 {
    grid-row: 6;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/7 {
    grid-row: 7;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/8 {
    grid-row: 8;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/9 {
    grid-row: 9;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/10 {
    grid-row: 10;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/11 {
    grid-row: 11;
  }
}
@media (min-width: 767px) {
  .l-grid__row\/at\/m\/12 {
    grid-row: 12;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/0 {
    grid-row: 0;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/1 {
    grid-row: 1;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/2 {
    grid-row: 2;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/3 {
    grid-row: 3;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/4 {
    grid-row: 4;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/5 {
    grid-row: 5;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/6 {
    grid-row: 6;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/7 {
    grid-row: 7;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/8 {
    grid-row: 8;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/9 {
    grid-row: 9;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/10 {
    grid-row: 10;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/11 {
    grid-row: 11;
  }
}
@media (max-width: 480px) {
  .l-grid__row\/m-small\/12 {
    grid-row: 12;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/0 {
    grid-row: 0;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/1 {
    grid-row: 1;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/2 {
    grid-row: 2;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/3 {
    grid-row: 3;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/4 {
    grid-row: 4;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/5 {
    grid-row: 5;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/6 {
    grid-row: 6;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/7 {
    grid-row: 7;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/8 {
    grid-row: 8;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/9 {
    grid-row: 9;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/10 {
    grid-row: 10;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/11 {
    grid-row: 11;
  }
}
@media (min-width: 480px) {
  .l-grid__row\/at\/m-small\/12 {
    grid-row: 12;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/0 {
    grid-row: 0;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/1 {
    grid-row: 1;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/2 {
    grid-row: 2;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/3 {
    grid-row: 3;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/4 {
    grid-row: 4;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/5 {
    grid-row: 5;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/6 {
    grid-row: 6;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/7 {
    grid-row: 7;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/8 {
    grid-row: 8;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/9 {
    grid-row: 9;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/10 {
    grid-row: 10;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/11 {
    grid-row: 11;
  }
}
@media (max-width: 1023px) {
  .l-grid__row\/t\/12 {
    grid-row: 12;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/0 {
    grid-row: 0;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/1 {
    grid-row: 1;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/2 {
    grid-row: 2;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/3 {
    grid-row: 3;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/4 {
    grid-row: 4;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/5 {
    grid-row: 5;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/6 {
    grid-row: 6;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/7 {
    grid-row: 7;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/8 {
    grid-row: 8;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/9 {
    grid-row: 9;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/10 {
    grid-row: 10;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/11 {
    grid-row: 11;
  }
}
@media (min-width: 1023px) {
  .l-grid__row\/at\/t\/12 {
    grid-row: 12;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/0 {
    grid-row: 0;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/1 {
    grid-row: 1;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/2 {
    grid-row: 2;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/3 {
    grid-row: 3;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/4 {
    grid-row: 4;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/5 {
    grid-row: 5;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/6 {
    grid-row: 6;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/7 {
    grid-row: 7;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/8 {
    grid-row: 8;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/9 {
    grid-row: 9;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/10 {
    grid-row: 10;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/11 {
    grid-row: 11;
  }
}
@media (max-width: 1184px) {
  .l-grid__row\/d\/12 {
    grid-row: 12;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/0 {
    grid-row: 0;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/1 {
    grid-row: 1;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/2 {
    grid-row: 2;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/3 {
    grid-row: 3;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/4 {
    grid-row: 4;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/5 {
    grid-row: 5;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/6 {
    grid-row: 6;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/7 {
    grid-row: 7;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/8 {
    grid-row: 8;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/9 {
    grid-row: 9;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/10 {
    grid-row: 10;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/11 {
    grid-row: 11;
  }
}
@media (min-width: 1184px) {
  .l-grid__row\/at\/d\/12 {
    grid-row: 12;
  }
}

.l-grid__row-to\/0 {
  grid-row-end: span 0;
}
.l-grid__row-to\/1 {
  grid-row-end: span 1;
}
.l-grid__row-to\/2 {
  grid-row-end: span 2;
}
.l-grid__row-to\/3 {
  grid-row-end: span 3;
}
.l-grid__row-to\/4 {
  grid-row-end: span 4;
}
.l-grid__row-to\/5 {
  grid-row-end: span 5;
}
.l-grid__row-to\/6 {
  grid-row-end: span 6;
}
.l-grid__row-to\/7 {
  grid-row-end: span 7;
}
.l-grid__row-to\/8 {
  grid-row-end: span 8;
}
.l-grid__row-to\/9 {
  grid-row-end: span 9;
}
.l-grid__row-to\/10 {
  grid-row-end: span 10;
}
.l-grid__row-to\/11 {
  grid-row-end: span 11;
}
.l-grid__row-to\/12 {
  grid-row-end: span 12;
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/0 {
    grid-row-end: span 0;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/1 {
    grid-row-end: span 1;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/2 {
    grid-row-end: span 2;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/3 {
    grid-row-end: span 3;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/4 {
    grid-row-end: span 4;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/5 {
    grid-row-end: span 5;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/6 {
    grid-row-end: span 6;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/7 {
    grid-row-end: span 7;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/8 {
    grid-row-end: span 8;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/9 {
    grid-row-end: span 9;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/10 {
    grid-row-end: span 10;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/11 {
    grid-row-end: span 11;
  }
}
@media (max-width: 767px) {
  .l-grid__row-to\/m\/12 {
    grid-row-end: span 12;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/0 {
    grid-row-end: span 0;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/1 {
    grid-row-end: span 1;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/2 {
    grid-row-end: span 2;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/3 {
    grid-row-end: span 3;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/4 {
    grid-row-end: span 4;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/5 {
    grid-row-end: span 5;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/6 {
    grid-row-end: span 6;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/7 {
    grid-row-end: span 7;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/8 {
    grid-row-end: span 8;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/9 {
    grid-row-end: span 9;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/10 {
    grid-row-end: span 10;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/11 {
    grid-row-end: span 11;
  }
}
@media (min-width: 767px) {
  .l-grid__row-to\/at\/m\/12 {
    grid-row-end: span 12;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/0 {
    grid-row-end: span 0;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/1 {
    grid-row-end: span 1;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/2 {
    grid-row-end: span 2;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/3 {
    grid-row-end: span 3;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/4 {
    grid-row-end: span 4;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/5 {
    grid-row-end: span 5;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/6 {
    grid-row-end: span 6;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/7 {
    grid-row-end: span 7;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/8 {
    grid-row-end: span 8;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/9 {
    grid-row-end: span 9;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/10 {
    grid-row-end: span 10;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/11 {
    grid-row-end: span 11;
  }
}
@media (max-width: 480px) {
  .l-grid__row-to\/m-small\/12 {
    grid-row-end: span 12;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/0 {
    grid-row-end: span 0;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/1 {
    grid-row-end: span 1;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/2 {
    grid-row-end: span 2;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/3 {
    grid-row-end: span 3;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/4 {
    grid-row-end: span 4;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/5 {
    grid-row-end: span 5;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/6 {
    grid-row-end: span 6;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/7 {
    grid-row-end: span 7;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/8 {
    grid-row-end: span 8;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/9 {
    grid-row-end: span 9;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/10 {
    grid-row-end: span 10;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/11 {
    grid-row-end: span 11;
  }
}
@media (min-width: 480px) {
  .l-grid__row-to\/at\/m-small\/12 {
    grid-row-end: span 12;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/0 {
    grid-row-end: span 0;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/1 {
    grid-row-end: span 1;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/2 {
    grid-row-end: span 2;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/3 {
    grid-row-end: span 3;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/4 {
    grid-row-end: span 4;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/5 {
    grid-row-end: span 5;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/6 {
    grid-row-end: span 6;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/7 {
    grid-row-end: span 7;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/8 {
    grid-row-end: span 8;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/9 {
    grid-row-end: span 9;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/10 {
    grid-row-end: span 10;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/11 {
    grid-row-end: span 11;
  }
}
@media (max-width: 1023px) {
  .l-grid__row-to\/t\/12 {
    grid-row-end: span 12;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/0 {
    grid-row-end: span 0;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/1 {
    grid-row-end: span 1;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/2 {
    grid-row-end: span 2;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/3 {
    grid-row-end: span 3;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/4 {
    grid-row-end: span 4;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/5 {
    grid-row-end: span 5;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/6 {
    grid-row-end: span 6;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/7 {
    grid-row-end: span 7;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/8 {
    grid-row-end: span 8;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/9 {
    grid-row-end: span 9;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/10 {
    grid-row-end: span 10;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/11 {
    grid-row-end: span 11;
  }
}
@media (min-width: 1023px) {
  .l-grid__row-to\/at\/t\/12 {
    grid-row-end: span 12;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/0 {
    grid-row-end: span 0;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/1 {
    grid-row-end: span 1;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/2 {
    grid-row-end: span 2;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/3 {
    grid-row-end: span 3;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/4 {
    grid-row-end: span 4;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/5 {
    grid-row-end: span 5;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/6 {
    grid-row-end: span 6;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/7 {
    grid-row-end: span 7;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/8 {
    grid-row-end: span 8;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/9 {
    grid-row-end: span 9;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/10 {
    grid-row-end: span 10;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/11 {
    grid-row-end: span 11;
  }
}
@media (max-width: 1184px) {
  .l-grid__row-to\/d\/12 {
    grid-row-end: span 12;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/0 {
    grid-row-end: span 0;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/1 {
    grid-row-end: span 1;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/2 {
    grid-row-end: span 2;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/3 {
    grid-row-end: span 3;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/4 {
    grid-row-end: span 4;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/5 {
    grid-row-end: span 5;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/6 {
    grid-row-end: span 6;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/7 {
    grid-row-end: span 7;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/8 {
    grid-row-end: span 8;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/9 {
    grid-row-end: span 9;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/10 {
    grid-row-end: span 10;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/11 {
    grid-row-end: span 11;
  }
}
@media (min-width: 1184px) {
  .l-grid__row-to\/at\/d\/12 {
    grid-row-end: span 12;
  }
}

.l-grid--gap-small {
  --gap: var(--gap-small);
}
@media (max-width: 767px) {
  .l-grid--gap-small\/m {
    --gap: var(--gap-small);
  }
}
@media (min-width: 767px) {
  .l-grid--gap-small\/at\/m {
    --gap: var(--gap-small);
  }
}
@media (max-width: 480px) {
  .l-grid--gap-small\/m-small {
    --gap: var(--gap-small);
  }
}
@media (min-width: 480px) {
  .l-grid--gap-small\/at\/m-small {
    --gap: var(--gap-small);
  }
}
@media (max-width: 1023px) {
  .l-grid--gap-small\/t {
    --gap: var(--gap-small);
  }
}
@media (min-width: 1023px) {
  .l-grid--gap-small\/at\/t {
    --gap: var(--gap-small);
  }
}
@media (max-width: 1184px) {
  .l-grid--gap-small\/d {
    --gap: var(--gap-small);
  }
}
@media (min-width: 1184px) {
  .l-grid--gap-small\/at\/d {
    --gap: var(--gap-small);
  }
}

.l-grid--gap-big {
  --gap: var(--gap-big);
}
@media (max-width: 767px) {
  .l-grid--gap-big\/m {
    --gap: var(--gap-big);
  }
}
@media (min-width: 767px) {
  .l-grid--gap-big\/at\/m {
    --gap: var(--gap-big);
  }
}
@media (max-width: 480px) {
  .l-grid--gap-big\/m-small {
    --gap: var(--gap-big);
  }
}
@media (min-width: 480px) {
  .l-grid--gap-big\/at\/m-small {
    --gap: var(--gap-big);
  }
}
@media (max-width: 1023px) {
  .l-grid--gap-big\/t {
    --gap: var(--gap-big);
  }
}
@media (min-width: 1023px) {
  .l-grid--gap-big\/at\/t {
    --gap: var(--gap-big);
  }
}
@media (max-width: 1184px) {
  .l-grid--gap-big\/d {
    --gap: var(--gap-big);
  }
}
@media (min-width: 1184px) {
  .l-grid--gap-big\/at\/d {
    --gap: var(--gap-big);
  }
}

.l-grid--reverse > *:first-child {
  order: 1;
}
@media (max-width: 767px) {
  .l-grid--reverse\/m > *:first-child {
    order: 1;
  }
}
@media (min-width: 767px) {
  .l-grid--reverse\/at\/m > *:first-child {
    order: 1;
  }
}
@media (max-width: 480px) {
  .l-grid--reverse\/m-small > *:first-child {
    order: 1;
  }
}
@media (min-width: 480px) {
  .l-grid--reverse\/at\/m-small > *:first-child {
    order: 1;
  }
}
@media (max-width: 1023px) {
  .l-grid--reverse\/t > *:first-child {
    order: 1;
  }
}
@media (min-width: 1023px) {
  .l-grid--reverse\/at\/t > *:first-child {
    order: 1;
  }
}
@media (max-width: 1184px) {
  .l-grid--reverse\/d > *:first-child {
    order: 1;
  }
}
@media (min-width: 1184px) {
  .l-grid--reverse\/at\/d > *:first-child {
    order: 1;
  }
}

.l-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap);
  width: 100%;
}
.l-flex > * {
  flex-grow: 1;
}
.l-flex\/0 > * {
  width: calc(100% / 0 - var(--gap));
}
.l-flex\/1 > * {
  width: calc(100% / 1 - var(--gap));
}
.l-flex\/2 > * {
  width: calc(100% / 2 - var(--gap));
}
.l-flex\/3 > * {
  width: calc(100% / 3 - var(--gap));
}
.l-flex\/4 > * {
  width: calc(100% / 4 - var(--gap));
}
.l-flex\/5 > * {
  width: calc(100% / 5 - var(--gap));
}
.l-flex\/6 > * {
  width: calc(100% / 6 - var(--gap));
}
.l-flex\/7 > * {
  width: calc(100% / 7 - var(--gap));
}
.l-flex\/8 > * {
  width: calc(100% / 8 - var(--gap));
}
.l-flex\/9 > * {
  width: calc(100% / 9 - var(--gap));
}
.l-flex\/10 > * {
  width: calc(100% / 10 - var(--gap));
}
.l-flex\/11 > * {
  width: calc(100% / 11 - var(--gap));
}
.l-flex\/12 > * {
  width: calc(100% / 12 - var(--gap));
}
@media (max-width: 1184px) {
  .l-flex\/d\/0 > * {
    width: calc(100% / 0 - var(--gap));
  }
  .l-flex\/d\/1 > * {
    width: calc(100% / 1 - var(--gap));
  }
  .l-flex\/d\/2 > * {
    width: calc(100% / 2 - var(--gap));
  }
  .l-flex\/d\/3 > * {
    width: calc(100% / 3 - var(--gap));
  }
  .l-flex\/d\/4 > * {
    width: calc(100% / 4 - var(--gap));
  }
  .l-flex\/d\/5 > * {
    width: calc(100% / 5 - var(--gap));
  }
  .l-flex\/d\/6 > * {
    width: calc(100% / 6 - var(--gap));
  }
  .l-flex\/d\/7 > * {
    width: calc(100% / 7 - var(--gap));
  }
  .l-flex\/d\/8 > * {
    width: calc(100% / 8 - var(--gap));
  }
  .l-flex\/d\/9 > * {
    width: calc(100% / 9 - var(--gap));
  }
  .l-flex\/d\/10 > * {
    width: calc(100% / 10 - var(--gap));
  }
  .l-flex\/d\/11 > * {
    width: calc(100% / 11 - var(--gap));
  }
  .l-flex\/d\/12 > * {
    width: calc(100% / 12 - var(--gap));
  }
}
@media (max-width: 1023px) {
  .l-flex\/t\/0 > * {
    width: calc(100% / 0 - var(--gap));
  }
  .l-flex\/t\/1 > * {
    width: calc(100% / 1 - var(--gap));
  }
  .l-flex\/t\/2 > * {
    width: calc(100% / 2 - var(--gap));
  }
  .l-flex\/t\/3 > * {
    width: calc(100% / 3 - var(--gap));
  }
  .l-flex\/t\/4 > * {
    width: calc(100% / 4 - var(--gap));
  }
  .l-flex\/t\/5 > * {
    width: calc(100% / 5 - var(--gap));
  }
  .l-flex\/t\/6 > * {
    width: calc(100% / 6 - var(--gap));
  }
  .l-flex\/t\/7 > * {
    width: calc(100% / 7 - var(--gap));
  }
  .l-flex\/t\/8 > * {
    width: calc(100% / 8 - var(--gap));
  }
  .l-flex\/t\/9 > * {
    width: calc(100% / 9 - var(--gap));
  }
  .l-flex\/t\/10 > * {
    width: calc(100% / 10 - var(--gap));
  }
  .l-flex\/t\/11 > * {
    width: calc(100% / 11 - var(--gap));
  }
  .l-flex\/t\/12 > * {
    width: calc(100% / 12 - var(--gap));
  }
}
@media (max-width: 767px) {
  .l-flex\/m\/0 > * {
    width: calc(100% / 0 - var(--gap));
  }
  .l-flex\/m\/1 > * {
    width: calc(100% / 1 - var(--gap));
  }
  .l-flex\/m\/2 > * {
    width: calc(100% / 2 - var(--gap));
  }
  .l-flex\/m\/3 > * {
    width: calc(100% / 3 - var(--gap));
  }
  .l-flex\/m\/4 > * {
    width: calc(100% / 4 - var(--gap));
  }
  .l-flex\/m\/5 > * {
    width: calc(100% / 5 - var(--gap));
  }
  .l-flex\/m\/6 > * {
    width: calc(100% / 6 - var(--gap));
  }
  .l-flex\/m\/7 > * {
    width: calc(100% / 7 - var(--gap));
  }
  .l-flex\/m\/8 > * {
    width: calc(100% / 8 - var(--gap));
  }
  .l-flex\/m\/9 > * {
    width: calc(100% / 9 - var(--gap));
  }
  .l-flex\/m\/10 > * {
    width: calc(100% / 10 - var(--gap));
  }
  .l-flex\/m\/11 > * {
    width: calc(100% / 11 - var(--gap));
  }
  .l-flex\/m\/12 > * {
    width: calc(100% / 12 - var(--gap));
  }
}
@media (min-width: 1184px) {
  .l-flex\/at\/d\/0 > * {
    width: calc(100% / 0 - var(--gap));
  }
  .l-flex\/at\/d\/1 > * {
    width: calc(100% / 1 - var(--gap));
  }
  .l-flex\/at\/d\/2 > * {
    width: calc(100% / 2 - var(--gap));
  }
  .l-flex\/at\/d\/3 > * {
    width: calc(100% / 3 - var(--gap));
  }
  .l-flex\/at\/d\/4 > * {
    width: calc(100% / 4 - var(--gap));
  }
  .l-flex\/at\/d\/5 > * {
    width: calc(100% / 5 - var(--gap));
  }
  .l-flex\/at\/d\/6 > * {
    width: calc(100% / 6 - var(--gap));
  }
  .l-flex\/at\/d\/7 > * {
    width: calc(100% / 7 - var(--gap));
  }
  .l-flex\/at\/d\/8 > * {
    width: calc(100% / 8 - var(--gap));
  }
  .l-flex\/at\/d\/9 > * {
    width: calc(100% / 9 - var(--gap));
  }
  .l-flex\/at\/d\/10 > * {
    width: calc(100% / 10 - var(--gap));
  }
  .l-flex\/at\/d\/11 > * {
    width: calc(100% / 11 - var(--gap));
  }
  .l-flex\/at\/d\/12 > * {
    width: calc(100% / 12 - var(--gap));
  }
}
@media (min-width: 1023px) {
  .l-flex\/at\/t\/0 > * {
    width: calc(100% / 0 - var(--gap));
  }
  .l-flex\/at\/t\/1 > * {
    width: calc(100% / 1 - var(--gap));
  }
  .l-flex\/at\/t\/2 > * {
    width: calc(100% / 2 - var(--gap));
  }
  .l-flex\/at\/t\/3 > * {
    width: calc(100% / 3 - var(--gap));
  }
  .l-flex\/at\/t\/4 > * {
    width: calc(100% / 4 - var(--gap));
  }
  .l-flex\/at\/t\/5 > * {
    width: calc(100% / 5 - var(--gap));
  }
  .l-flex\/at\/t\/6 > * {
    width: calc(100% / 6 - var(--gap));
  }
  .l-flex\/at\/t\/7 > * {
    width: calc(100% / 7 - var(--gap));
  }
  .l-flex\/at\/t\/8 > * {
    width: calc(100% / 8 - var(--gap));
  }
  .l-flex\/at\/t\/9 > * {
    width: calc(100% / 9 - var(--gap));
  }
  .l-flex\/at\/t\/10 > * {
    width: calc(100% / 10 - var(--gap));
  }
  .l-flex\/at\/t\/11 > * {
    width: calc(100% / 11 - var(--gap));
  }
  .l-flex\/at\/t\/12 > * {
    width: calc(100% / 12 - var(--gap));
  }
}
@media (min-width: 767px) {
  .l-flex\/at\/m\/0 > * {
    width: calc(100% / 0 - var(--gap));
  }
  .l-flex\/at\/m\/1 > * {
    width: calc(100% / 1 - var(--gap));
  }
  .l-flex\/at\/m\/2 > * {
    width: calc(100% / 2 - var(--gap));
  }
  .l-flex\/at\/m\/3 > * {
    width: calc(100% / 3 - var(--gap));
  }
  .l-flex\/at\/m\/4 > * {
    width: calc(100% / 4 - var(--gap));
  }
  .l-flex\/at\/m\/5 > * {
    width: calc(100% / 5 - var(--gap));
  }
  .l-flex\/at\/m\/6 > * {
    width: calc(100% / 6 - var(--gap));
  }
  .l-flex\/at\/m\/7 > * {
    width: calc(100% / 7 - var(--gap));
  }
  .l-flex\/at\/m\/8 > * {
    width: calc(100% / 8 - var(--gap));
  }
  .l-flex\/at\/m\/9 > * {
    width: calc(100% / 9 - var(--gap));
  }
  .l-flex\/at\/m\/10 > * {
    width: calc(100% / 10 - var(--gap));
  }
  .l-flex\/at\/m\/11 > * {
    width: calc(100% / 11 - var(--gap));
  }
  .l-flex\/at\/m\/12 > * {
    width: calc(100% / 12 - var(--gap));
  }
}

.l-flex--no-gap {
  gap: 0;
}
@media (max-width: 767px) {
  .l-flex--no-gap\/m {
    gap: 0;
  }
}
@media (min-width: 767px) {
  .l-flex--no-gap\/at\/m {
    gap: 0;
  }
}
@media (max-width: 480px) {
  .l-flex--no-gap\/m-small {
    gap: 0;
  }
}
@media (min-width: 480px) {
  .l-flex--no-gap\/at\/m-small {
    gap: 0;
  }
}
@media (max-width: 1023px) {
  .l-flex--no-gap\/t {
    gap: 0;
  }
}
@media (min-width: 1023px) {
  .l-flex--no-gap\/at\/t {
    gap: 0;
  }
}
@media (max-width: 1184px) {
  .l-flex--no-gap\/d {
    gap: 0;
  }
}
@media (min-width: 1184px) {
  .l-flex--no-gap\/at\/d {
    gap: 0;
  }
}

.l-flex--gap-small {
  gap: var(--gap-small);
}
@media (max-width: 767px) {
  .l-flex--gap-small\/m {
    gap: var(--gap-small);
  }
}
@media (min-width: 767px) {
  .l-flex--gap-small\/at\/m {
    gap: var(--gap-small);
  }
}
@media (max-width: 480px) {
  .l-flex--gap-small\/m-small {
    gap: var(--gap-small);
  }
}
@media (min-width: 480px) {
  .l-flex--gap-small\/at\/m-small {
    gap: var(--gap-small);
  }
}
@media (max-width: 1023px) {
  .l-flex--gap-small\/t {
    gap: var(--gap-small);
  }
}
@media (min-width: 1023px) {
  .l-flex--gap-small\/at\/t {
    gap: var(--gap-small);
  }
}
@media (max-width: 1184px) {
  .l-flex--gap-small\/d {
    gap: var(--gap-small);
  }
}
@media (min-width: 1184px) {
  .l-flex--gap-small\/at\/d {
    gap: var(--gap-small);
  }
}

.l-flex--gap-big {
  gap: var(--gap-big);
}
@media (max-width: 767px) {
  .l-flex--gap-big\/m {
    gap: var(--gap-big);
  }
}
@media (min-width: 767px) {
  .l-flex--gap-big\/at\/m {
    gap: var(--gap-big);
  }
}
@media (max-width: 480px) {
  .l-flex--gap-big\/m-small {
    gap: var(--gap-big);
  }
}
@media (min-width: 480px) {
  .l-flex--gap-big\/at\/m-small {
    gap: var(--gap-big);
  }
}
@media (max-width: 1023px) {
  .l-flex--gap-big\/t {
    gap: var(--gap-big);
  }
}
@media (min-width: 1023px) {
  .l-flex--gap-big\/at\/t {
    gap: var(--gap-big);
  }
}
@media (max-width: 1184px) {
  .l-flex--gap-big\/d {
    gap: var(--gap-big);
  }
}
@media (min-width: 1184px) {
  .l-flex--gap-big\/at\/d {
    gap: var(--gap-big);
  }
}

.l-flex--reverse {
  flex-direction: column-reverse;
}
@media (max-width: 767px) {
  .l-flex--reverse\/m {
    flex-direction: column-reverse;
  }
}
@media (min-width: 767px) {
  .l-flex--reverse\/at\/m {
    flex-direction: column-reverse;
  }
}
@media (max-width: 480px) {
  .l-flex--reverse\/m-small {
    flex-direction: column-reverse;
  }
}
@media (min-width: 480px) {
  .l-flex--reverse\/at\/m-small {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1023px) {
  .l-flex--reverse\/t {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1023px) {
  .l-flex--reverse\/at\/t {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1184px) {
  .l-flex--reverse\/d {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1184px) {
  .l-flex--reverse\/at\/d {
    flex-direction: column-reverse;
  }
}

.l-flex--row-reverse {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .l-flex--row-reverse\/m {
    flex-direction: row-reverse;
  }
}
@media (min-width: 767px) {
  .l-flex--row-reverse\/at\/m {
    flex-direction: row-reverse;
  }
}
@media (max-width: 480px) {
  .l-flex--row-reverse\/m-small {
    flex-direction: row-reverse;
  }
}
@media (min-width: 480px) {
  .l-flex--row-reverse\/at\/m-small {
    flex-direction: row-reverse;
  }
}
@media (max-width: 1023px) {
  .l-flex--row-reverse\/t {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1023px) {
  .l-flex--row-reverse\/at\/t {
    flex-direction: row-reverse;
  }
}
@media (max-width: 1184px) {
  .l-flex--row-reverse\/d {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1184px) {
  .l-flex--row-reverse\/at\/d {
    flex-direction: row-reverse;
  }
}

.l-flex--no-grow > * {
  flex-grow: 0;
}
@media (max-width: 767px) {
  .l-flex--no-grow\/m > * {
    flex-grow: 0;
  }
}
@media (min-width: 767px) {
  .l-flex--no-grow\/at\/m > * {
    flex-grow: 0;
  }
}
@media (max-width: 480px) {
  .l-flex--no-grow\/m-small > * {
    flex-grow: 0;
  }
}
@media (min-width: 480px) {
  .l-flex--no-grow\/at\/m-small > * {
    flex-grow: 0;
  }
}
@media (max-width: 1023px) {
  .l-flex--no-grow\/t > * {
    flex-grow: 0;
  }
}
@media (min-width: 1023px) {
  .l-flex--no-grow\/at\/t > * {
    flex-grow: 0;
  }
}
@media (max-width: 1184px) {
  .l-flex--no-grow\/d > * {
    flex-grow: 0;
  }
}
@media (min-width: 1184px) {
  .l-flex--no-grow\/at\/d > * {
    flex-grow: 0;
  }
}

.l-flex--center-align {
  justify-content: center;
}
@media (max-width: 767px) {
  .l-flex--center-align\/m {
    justify-content: center;
  }
}
@media (min-width: 767px) {
  .l-flex--center-align\/at\/m {
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .l-flex--center-align\/m-small {
    justify-content: center;
  }
}
@media (min-width: 480px) {
  .l-flex--center-align\/at\/m-small {
    justify-content: center;
  }
}
@media (max-width: 1023px) {
  .l-flex--center-align\/t {
    justify-content: center;
  }
}
@media (min-width: 1023px) {
  .l-flex--center-align\/at\/t {
    justify-content: center;
  }
}
@media (max-width: 1184px) {
  .l-flex--center-align\/d {
    justify-content: center;
  }
}
@media (min-width: 1184px) {
  .l-flex--center-align\/at\/d {
    justify-content: center;
  }
}

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

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

.l-flex--align-normal {
  align-items: normal;
}

.l-flex--same-height .c-columns__col > * {
  height: 100%;
  box-sizing: border-box;
}

.l-flex--with-sidebar > *:first-child {
  width: 100%;
}
@media (min-width: 767px) {
  .l-flex--with-sidebar > *:first-child {
    width: calc(45% - var(--gap));
  }
}
@media (min-width: 1023px) {
  .l-flex--with-sidebar > *:first-child {
    width: calc(35% - var(--gap));
  }
}
.l-flex--with-sidebar > *:last-child {
  width: 100%;
}
@media (min-width: 767px) {
  .l-flex--with-sidebar > *:last-child {
    width: calc(55% - var(--gap));
  }
}
@media (min-width: 1023px) {
  .l-flex--with-sidebar > *:last-child {
    width: calc(65% - var(--gap));
  }
}

.l-header {
  position: fixed;
  align-items: center;
  z-index: 6000;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--white);
  transition: all 0.3s;
  border-bottom: 0.2rem solid var(--spot);
  box-sizing: border-box;
}

.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: var(--header-height);
  box-sizing: border-box;
  transition: all 0.3s;
}

.l-header__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 10rem;
  height: 10rem;
  background: var(--white);
  border-radius: 100%;
  border: 0.2rem solid var(--spot);
  border-top-color: transparent;
  border-left-color: transparent;
  rotate: 45deg;
  translate: 0 -0.4rem;
  box-sizing: border-box;
  transition: all 0.3s;
  z-index: 6002;
}
@media (min-width: 1023px) {
  .l-header__logo {
    width: 20rem;
    height: 20rem;
    translate: 0 -2.4rem;
  }
}
.l-header__logo svg {
  display: block;
  width: 70%;
  height: auto;
  fill: var(--grey-dark);
  rotate: -45deg;
  transition: all 0.3s;
  translate: 0 -0.2rem;
}
@media (min-width: 1023px) {
  .l-header__logo svg {
    width: 70%;
    translate: 0;
  }
}

.l-header__left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  z-index: 5001;
  transition: all 0.4s;
  padding-left: 10rem;
}
@media (min-width: 1023px) {
  .l-header__left {
    gap: 1rem;
    padding-left: 20rem;
  }
}

.l-header__right {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.l-header__button {
  white-space: nowrap;
}

.l-header__nav-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: 2rem;
  box-sizing: border-box;
  z-index: 6001;
  transition: all 0.3s;
}
@media (max-width: 1023px) {
  .l-header__nav-wrap {
    position: fixed;
    align-items: flex-start;
    align-content: flex-start;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    padding: 20rem 2rem 2rem;
    box-sizing: border-box;
    gap: 0;
    overflow: scroll;
    translate: 100% 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background: var(--white);
  }
  .l-header__nav-wrap::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 1023px) {
  .l-header__nav {
    width: 100%;
  }
}

.l-header__nav-list {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.l-header__nav-list-item {
  display: flex;
  align-items: center;
  align-content: center;
  height: var(--header-height);
}
@media (max-width: 1023px) {
  .l-header__nav-list-item {
    width: 100%;
    justify-content: center;
  }
}

.l-header__nav-link {
  display: flex;
  align-items: center;
  align-content: center;
  position: relative;
  height: var(--header-height);
  padding: 1rem 2rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: var(--text-dark);
  transition: all 0.3s;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .l-header__nav-link {
    padding: 1rem 1.2rem;
  }
}
.l-header__nav-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0.4rem;
  background: var(--spot);
  transform: translateX(-50%);
  transition: all 0.3s;
}
.l-header__nav-link:hover::after {
  width: 100%;
}

@media (max-width: 1023px) {
  .l-header__button {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
  }
}

.l-header__menu-icon {
  z-index: 6002;
}
@media (min-width: 1023px) {
  .l-header__menu-icon {
    display: none !important;
  }
}

.l-header__mobile-footer {
  width: 100%;
}
@media (min-width: 1023px) {
  .l-header__mobile-footer {
    display: none !important;
  }
}

.l-header__note {
  margin-top: 2rem;
  font-family: var(--p-small-font-family);
  font-size: var(--p-small-font-size);
  line-height: var(--p-small-line-height);
  font-weight: var(--p-small-font-weight);
  letter-spacing: var(--p-small-letter-spacing);
  text-transform: var(--p-small-text-transform);
  text-decoration: var(--p-small-text-decoration);
  font-size: 1.3rem;
  color: var(--text-grey-light);
  text-align: center;
  width: 100%;
}
.l-header__note .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-small-span-font-size);
  font-weight: 600;
  font-style: italic;
}
.l-header__note .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}
.l-header__note a {
  display: block;
  color: var(--text-grey-light);
}
.l-header__note a:hover {
  text-decoration: underline;
}

@media (min-width: 1023px) {
  .l-header--scrolled {
    --header-height: 4.6rem;
  }
}
@media (min-width: 1023px) {
  .l-header--scrolled .l-header__logo {
    width: 10rem;
    height: 10rem;
    translate: 0 -0.4rem;
  }
}
@media (min-width: 1023px) {
  .l-header--scrolled .l-header__left {
    padding-left: 11rem;
  }
}

.l-header__nav-list-item--current .l-header__nav-link::after,
.l-header__nav-list-item.current-menu-item .l-header__nav-link::after {
  width: 100%;
}

.body--menu-is-open .l-header__nav-wrap {
  translate: 0 0;
}
.body--menu-is-open .l-header__logo {
  width: 22rem;
  height: 22rem;
  left: 50%;
  translate: -50% 0;
  border-color: transparent;
  background: transparent;
}

.l-footer {
  padding: 0 var(--spacing-block);
}

.l-footer__logo svg {
  display: block;
  width: 34rem;
  height: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  fill: var(--spot);
}

.l-footer__social-feed {
  margin-top: 3rem;
}
@media (min-width: 767px) {
  .l-footer__social-feed {
    margin-top: 4rem;
  }
}

.l-footer__list {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 3rem;
}

.l-footer__list-item {
  width: 100%;
  min-height: 0.4rem;
}
.l-footer__list-item a {
  color: var(--text-grey-light);
}

.l-footer__list-text {
  font-family: var(--p-small-font-family);
  font-size: var(--p-small-font-size);
  line-height: var(--p-small-line-height);
  font-weight: var(--p-small-font-weight);
  letter-spacing: var(--p-small-letter-spacing);
  text-transform: var(--p-small-text-transform);
  text-decoration: var(--p-small-text-decoration);
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  color: var(--text-grey-light);
}
.l-footer__list-text .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-small-span-font-size);
  font-weight: 600;
  font-style: italic;
}
.l-footer__list-text .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}
.l-footer__list-text span {
  flex: 0 0 10rem;
}

.l-footer__list-subject {
  color: var(--grey-dark);
  font-weight: 600;
}

.l-footer__note {
  font-family: var(--p-small-font-family);
  font-size: var(--p-small-font-size);
  line-height: var(--p-small-line-height);
  font-weight: var(--p-small-font-weight);
  letter-spacing: var(--p-small-letter-spacing);
  text-transform: var(--p-small-text-transform);
  text-decoration: var(--p-small-text-decoration);
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
}
.l-footer__note .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-small-span-font-size);
  font-weight: 600;
  font-style: italic;
}
.l-footer__note .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}
.l-footer__note a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.3);
}
.l-footer__note a:hover {
  text-decoration: underline;
  color: rgb(255, 255, 255);
}

.l-wysiwyg p, .l-wysiwyg pre {
  font-family: var(--p-font-family);
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  letter-spacing: var(--p-letter-spacing);
  text-transform: var(--p-text-transform);
  text-decoration: var(--p-text-decoration);
  display: inline-block;
}
.l-wysiwyg p .e-handwritten, .l-wysiwyg pre .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-span-font-size);
  font-weight: 600;
  font-style: italic;
}
.l-wysiwyg p .e-heading, .l-wysiwyg pre .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}
.l-wysiwyg p {
  width: 100%;
  color: var(--grey-dark);
}
.l-wysiwyg p a:not(.e-button) {
  color: var(--spot);
}
.l-wysiwyg p a:not(.e-button):hover {
  color: var(--note);
}
.l-wysiwyg p:has(.e-heading) {
  margin-bottom: 1rem;
}
.l-wysiwyg > *:not(:last-child) {
  margin-bottom: var(--spacing-text);
}
.l-wysiwyg h1, .l-wysiwyg h2, .l-wysiwyg h3, .l-wysiwyg h4, .l-wysiwyg h5, .l-wysiwyg h6 {
  display: inline-block;
  width: 100%;
  color: var(--grey-dark);
}
.l-wysiwyg h1 + p:has(.e-heading), .l-wysiwyg h2 + p:has(.e-heading), .l-wysiwyg h3 + p:has(.e-heading) {
  margin-top: -1rem;
}
.l-wysiwyg h4:not(:last-child), .l-wysiwyg h5:not(:last-child), .l-wysiwyg h6:not(:last-child) {
  margin-bottom: 1rem;
}
.l-wysiwyg .e-buttons-wrap--mt {
  margin-top: var(--spacing-text);
}
.l-wysiwyg .forminator-ui {
  margin-top: var(--spacing-block);
}
.l-wysiwyg ul:not(.e-check-list),
.l-wysiwyg ol {
  display: inline-block;
}
.l-wysiwyg ul:not(.e-check-list) li,
.l-wysiwyg ol li {
  font-family: var(--p-font-family);
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  letter-spacing: var(--p-letter-spacing);
  text-transform: var(--p-text-transform);
  text-decoration: var(--p-text-decoration);
  position: relative;
  padding-left: 0.8rem;
  color: var(--grey-dark);
}
.l-wysiwyg ul:not(.e-check-list) li .e-handwritten,
.l-wysiwyg ol li .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-span-font-size);
  font-weight: 600;
  font-style: italic;
}
.l-wysiwyg ul:not(.e-check-list) li .e-heading,
.l-wysiwyg ol li .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}
.l-wysiwyg ul:not(.e-check-list) li:not(:first-child),
.l-wysiwyg ol li:not(:first-child) {
  margin-top: 1rem;
}

.bg--grey-dark .l-wysiwyg h1, .bg--grey-dark .l-wysiwyg h2, .bg--grey-dark .l-wysiwyg h3, .bg--grey-dark .l-wysiwyg h4, .bg--grey-dark .l-wysiwyg h5, .bg--grey-dark .l-wysiwyg h6, .bg--grey-dark .l-wysiwyg p, .bg--grey-dark .l-wysiwyg li, .bg--grey-dark .l-wysiwyg ul:not(.e-check-list) li,
.l-wysiwyg--white-text h1,
.l-wysiwyg--white-text h2,
.l-wysiwyg--white-text h3,
.l-wysiwyg--white-text h4,
.l-wysiwyg--white-text h5,
.l-wysiwyg--white-text h6,
.l-wysiwyg--white-text p,
.l-wysiwyg--white-text li,
.l-wysiwyg--white-text ul:not(.e-check-list) li {
  color: var(--white);
}
.bg--grey-dark .l-wysiwyg h1 .e-handwritten,
.bg--grey-dark .l-wysiwyg h1 .e-heading, .bg--grey-dark .l-wysiwyg h2 .e-handwritten,
.bg--grey-dark .l-wysiwyg h2 .e-heading, .bg--grey-dark .l-wysiwyg h3 .e-handwritten,
.bg--grey-dark .l-wysiwyg h3 .e-heading, .bg--grey-dark .l-wysiwyg h4 .e-handwritten,
.bg--grey-dark .l-wysiwyg h4 .e-heading, .bg--grey-dark .l-wysiwyg h5 .e-handwritten,
.bg--grey-dark .l-wysiwyg h5 .e-heading, .bg--grey-dark .l-wysiwyg h6 .e-handwritten,
.bg--grey-dark .l-wysiwyg h6 .e-heading,
.l-wysiwyg--white-text h1 .e-handwritten,
.l-wysiwyg--white-text h1 .e-heading,
.l-wysiwyg--white-text h2 .e-handwritten,
.l-wysiwyg--white-text h2 .e-heading,
.l-wysiwyg--white-text h3 .e-handwritten,
.l-wysiwyg--white-text h3 .e-heading,
.l-wysiwyg--white-text h4 .e-handwritten,
.l-wysiwyg--white-text h4 .e-heading,
.l-wysiwyg--white-text h5 .e-handwritten,
.l-wysiwyg--white-text h5 .e-heading,
.l-wysiwyg--white-text h6 .e-handwritten,
.l-wysiwyg--white-text h6 .e-heading {
  color: var(--spot);
}

.l-wysiwyg--large-text p, .l-wysiwyg--large-text pre, .l-wysiwyg--large-text ul li, .l-wysiwyg--large-text ol li {
  font-family: var(--p-large-font-family);
  font-size: var(--p-large-font-size);
  line-height: var(--p-large-line-height);
  font-weight: var(--p-large-font-weight);
  letter-spacing: var(--p-large-letter-spacing);
  text-transform: var(--p-large-text-transform);
  text-decoration: var(--p-large-text-decoration);
}
.l-wysiwyg--large-text p .e-handwritten, .l-wysiwyg--large-text pre .e-handwritten, .l-wysiwyg--large-text ul li .e-handwritten, .l-wysiwyg--large-text ol li .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-large-span-font-size);
  font-weight: 600;
  font-style: italic;
}
.l-wysiwyg--large-text p .e-heading, .l-wysiwyg--large-text pre .e-heading, .l-wysiwyg--large-text ul li .e-heading, .l-wysiwyg--large-text ol li .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

.l-wysiwyg--small-text p, .l-wysiwyg--small-text pre, .l-wysiwyg--small-text ul li, .l-wysiwyg--small-text ol li {
  font-family: var(--p-small-font-family);
  font-size: var(--p-small-font-size);
  line-height: var(--p-small-line-height);
  font-weight: var(--p-small-font-weight);
  letter-spacing: var(--p-small-letter-spacing);
  text-transform: var(--p-small-text-transform);
  text-decoration: var(--p-small-text-decoration);
}
.l-wysiwyg--small-text p .e-handwritten, .l-wysiwyg--small-text pre .e-handwritten, .l-wysiwyg--small-text ul li .e-handwritten, .l-wysiwyg--small-text ol li .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--p-small-span-font-size);
  font-weight: 600;
  font-style: italic;
}
.l-wysiwyg--small-text p .e-heading, .l-wysiwyg--small-text pre .e-heading, .l-wysiwyg--small-text ul li .e-heading, .l-wysiwyg--small-text ol li .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

.l-wysiwyg--center-text {
  text-align: center;
}

.l-wysiwyg--right-text {
  text-align: right;
}

.l-nav__list {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-start;
  align-content: flex-start;
}
.l-nav__list .l-nav__list {
  margin-top: 1.5rem;
}
@media (min-width: 767px) {
  .l-nav__list .l-nav__list {
    margin-top: 2rem;
  }
}

.l-nav__list-item {
  width: 100%;
}

.l-nav__heading {
  display: inline-block;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 600;
  color: var(--text-dark);
}

.l-nav__link {
  position: relative;
  padding: 0.2rem 0 0.4rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--text-grey-light);
  transition: all 0.3s;
  white-space: nowrap;
}
@media (min-width: 1023px) {
  .l-nav__link {
    font-size: 1.6rem;
  }
}
.l-nav__link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0.15rem;
  border-radius: 0.2rem;
  background: var(--spot);
  transform: translateX(-50%);
  transition: all 0.3s;
}
.l-nav__link:hover {
  color: var(--grey-dark);
}
.l-nav__link:hover::after {
  width: 100%;
}

.l-nav__list-item--current > .l-nav__link,
.l-nav__list-item.current-menu-item > .l-nav__link {
  color: var(--grey-dark);
}
.l-nav__list-item--current > .l-nav__link::after,
.l-nav__list-item.current-menu-item > .l-nav__link::after {
  width: 100%;
}

.body--menu-is-open .l-nav {
  transform: translate(0%, 0);
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item {
    animation: nav-list-item 0.3s forwards;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(0) {
    animation-delay: 0s;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(1) {
    animation-delay: 0.2s;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(2) {
    animation-delay: 0.4s;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(3) {
    animation-delay: 0.6s;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(4) {
    animation-delay: 0.8s;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(5) {
    animation-delay: 1s;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(6) {
    animation-delay: 1.2s;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(7) {
    animation-delay: 1.4s;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(8) {
    animation-delay: 1.6s;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(9) {
    animation-delay: 1.8s;
  }
}
@media (max-width: 767px) {
  .body--menu-is-open .l-nav__list-item:nth-child(10) {
    animation-delay: 2s;
  }
}

@keyframes nav-list-item {
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.e-button,
.forminator-button {
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 1.3rem 2rem 1.4rem;
  background: var(--spot);
  border: 0.2rem solid transparent;
  color: var(--white);
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  cursor: pointer;
}
.e-button svg,
.forminator-button svg {
  transition: all 0.3s;
  width: 2rem;
  height: auto;
  fill: var(--grey-dark);
}
.e-button:hover,
.forminator-button:hover {
  background: var(--grey-dark);
  color: var(--white);
}
.e-button:hover svg,
.forminator-button:hover svg {
  fill: var(--white);
}

.e-button--arrow-right:hover svg {
  margin-left: 1rem;
}

.e-button--arrow-down svg {
  height: 1.8rem;
  width: auto;
}
.e-button--arrow-down:hover svg {
  animation-name: arrow-down;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-direction: alternate;
}

.e-button--grey-dark {
  background: var(--grey-dark);
  color: var(--white);
}
.e-button--grey-dark svg {
  fill: var(--white);
}

.e-button--grey-dark-bordered {
  background: transparent;
  border-color: var(--grey-dark);
  color: var(--grey-dark);
}
.e-button--grey-dark-bordered svg {
  fill: var(--grey-dark);
}

.e-button--grey-dark-hover:hover {
  background: var(--grey-dark);
  border-color: var(--grey-dark);
  color: var(--white);
}
.e-button--grey-dark-hover:hover svg {
  fill: var(--white);
}

.e-button--spot-bordered {
  background: transparent;
  color: var(--spot);
  border-color: var(--spot);
}
.e-button--spot-bordered svg {
  fill: var(--spot);
}

.e-button--spot {
  background: var(--spot);
  color: var(--white);
}
.e-button--spot svg {
  fill: var(--white);
}

.e-button--spot-hover:hover {
  background: var(--spot);
  color: var(--white);
}
.e-button--spot-hover:hover svg {
  fill: var(--white);
}

.e-button--grey-dark-bordered-hover:hover {
  background: transparent;
  color: var(--grey-dark);
  border-color: var(--grey-dark);
}
.e-button--grey-dark-bordered-hover:hover svg {
  fill: var(--grey-dark);
}

.e-button--spot-bordered-hover:hover {
  color: var(--spot);
  border-color: var(--spot);
}
.e-button--spot-bordered-hover:hover svg {
  fill: var(--spot);
}

.e-button--rotated {
  rotate: 90deg;
}

.e-button--fw {
  width: 100%;
  justify-content: center;
}

.e-button--center-align {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

@keyframes scroll-message {
  0% {
    opacity: 0;
    scale: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
    scale: 1.5;
  }
  30% {
    scale: 1;
  }
  80% {
    scale: 1;
    opacity: 1;
  }
  100% {
    scale: 0;
    opacity: 0;
  }
}
@keyframes arrow-down {
  0% {
    translate: 0 25%;
  }
  100% {
    translate: 0 -25%;
  }
}
.e-menu-icon {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 4rem;
  height: var(--header-height);
  cursor: pointer;
}

.e-menu-icon__bars {
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  width: 2rem;
  height: 1.4rem;
  padding: 1rem;
}

.e-menu-icon__bar {
  display: block;
  width: 100%;
  height: 0.2rem;
  background: var(--grey-dark);
}

@media (min-width: 1023px) {
  body:has(.l-header__right:hover) .e-menu-icon__bar {
    animation-name: bar-hover;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
  body:has(.l-header__right:hover) .e-menu-icon__bar:nth-child(0) {
    animation-delay: 0s;
  }
  body:has(.l-header__right:hover) .e-menu-icon__bar:nth-child(1) {
    animation-delay: 0.1s;
  }
  body:has(.l-header__right:hover) .e-menu-icon__bar:nth-child(2) {
    animation-delay: 0.2s;
  }
  body:has(.l-header__right:hover) .e-menu-icon__bar:nth-child(3) {
    animation-delay: 0.3s;
  }
}

@media (max-width: 1023px) {
  .body--menu-is-open .e-menu-icon__bar {
    animation-name: bar-hover;
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: linear;
  }
  .body--menu-is-open .e-menu-icon__bar:nth-child(1) {
    rotate: -45deg;
    translate: 0 0.6rem;
  }
  .body--menu-is-open .e-menu-icon__bar:nth-child(2) {
    width: 0;
  }
  .body--menu-is-open .e-menu-icon__bar:nth-child(3) {
    rotate: 45deg;
    translate: 0 -0.6rem;
  }
}

@keyframes bar-hover {
  to {
    transform: rotate(360deg);
  }
}
body:not(:has(.editor-styles-wrapper)) .e-viewport-height {
  height: calc(100svh - var(--header-height) - var(--spacing-block-small));
  max-height: 70rem;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  body:not(:has(.editor-styles-wrapper)) .e-viewport-height\/m {
    height: calc(100svh - var(--header-height) - var(--spacing-block-small));
    max-height: 70rem;
    box-sizing: border-box;
  }
}
@media (min-width: 767px) {
  body:not(:has(.editor-styles-wrapper)) .e-viewport-height\/at\/m {
    height: calc(100svh - var(--header-height) - var(--spacing-block-small));
    max-height: 70rem;
    box-sizing: border-box;
  }
}
@media (max-width: 480px) {
  body:not(:has(.editor-styles-wrapper)) .e-viewport-height\/m-small {
    height: calc(100svh - var(--header-height) - var(--spacing-block-small));
    max-height: 70rem;
    box-sizing: border-box;
  }
}
@media (min-width: 480px) {
  body:not(:has(.editor-styles-wrapper)) .e-viewport-height\/at\/m-small {
    height: calc(100svh - var(--header-height) - var(--spacing-block-small));
    max-height: 70rem;
    box-sizing: border-box;
  }
}
@media (max-width: 1023px) {
  body:not(:has(.editor-styles-wrapper)) .e-viewport-height\/t {
    height: calc(100svh - var(--header-height) - var(--spacing-block-small));
    max-height: 70rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1023px) {
  body:not(:has(.editor-styles-wrapper)) .e-viewport-height\/at\/t {
    height: calc(100svh - var(--header-height) - var(--spacing-block-small));
    max-height: 70rem;
    box-sizing: border-box;
  }
}
@media (max-width: 1184px) {
  body:not(:has(.editor-styles-wrapper)) .e-viewport-height\/d {
    height: calc(100svh - var(--header-height) - var(--spacing-block-small));
    max-height: 70rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1184px) {
  body:not(:has(.editor-styles-wrapper)) .e-viewport-height\/at\/d {
    height: calc(100svh - var(--header-height) - var(--spacing-block-small));
    max-height: 70rem;
    box-sizing: border-box;
  }
}

.e-viewport-height--center-align {
  display: flex;
  align-items: center;
}

@media (min-width: 767px) {
  .e-is-sticky {
    position: sticky;
    top: var(--header-height);
    z-index: 5990;
  }
}

@media (min-width: 767px) {
  body:has(.l-header--scrolled) .e-is-sticky {
    top: var(--spacing-block);
  }
}

body.front .e-animate-children > * {
  opacity: 0;
  translate: 0 10%;
  transition: all 0.5s;
}
body.front .e-animate-children > *:nth-child(0) {
  transition-delay: 0s;
}
body.front .e-animate-children > *:nth-child(1) {
  transition-delay: 0.2s;
}
body.front .e-animate-children > *:nth-child(2) {
  transition-delay: 0.4s;
}
body.front .e-animate-children > *:nth-child(3) {
  transition-delay: 0.6s;
}
body.front .e-animate-children > *:nth-child(4) {
  transition-delay: 0.8s;
}
body.front .e-animate-children > *:nth-child(5) {
  transition-delay: 1s;
}
body.front .e-animate-children > *:nth-child(6) {
  transition-delay: 1.2s;
}
body.front .e-animate-children > *:nth-child(7) {
  transition-delay: 1.4s;
}
body.front .e-animate-children > *:nth-child(8) {
  transition-delay: 1.6s;
}
body.front .e-animate-children > *:nth-child(9) {
  transition-delay: 1.8s;
}
body.front .e-animate-children > *:nth-child(10) {
  transition-delay: 2s;
}
body.front .e-animate-children > *:nth-child(11) {
  transition-delay: 2.2s;
}
body.front .e-animate-children > *:nth-child(12) {
  transition-delay: 2.4s;
}
body.front .e-animate-children > *:nth-child(13) {
  transition-delay: 2.6s;
}
body.front .e-animate-children > *:nth-child(14) {
  transition-delay: 2.8s;
}
body.front .e-animate-children > *:nth-child(15) {
  transition-delay: 3s;
}
body.front .e-animate-children > *:nth-child(16) {
  transition-delay: 3.2s;
}
body.front .e-animate-children > *:nth-child(17) {
  transition-delay: 3.4s;
}
body.front .e-animate-children > *:nth-child(18) {
  transition-delay: 3.6s;
}
body.front .e-animate-children > *:nth-child(19) {
  transition-delay: 3.8s;
}
body.front .e-animate-children > *:nth-child(20) {
  transition-delay: 4s;
}

body.front .e-animate-children--animated > * {
  opacity: 1;
  translate: 0 0;
}

.e-text-indent {
  display: inline-block;
  padding-left: var(--spacing-block-big);
}

.e-block--overlap-top {
  margin-top: calc(var(--spacing-block) * -1);
}

.e-block--shadow {
  box-shadow: 0 0 10rem rgba(0, 0, 0, 0.15);
}

.e-block--border-bottom {
  border-bottom: 0.4rem solid var(--spot);
}

.e-block--border-top {
  border-top: 0.4rem solid var(--spot);
}

.e-buttons-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.e-social-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
}
.e-social-icon svg {
  width: 2.4rem;
  height: 2.4rem;
  fill: var(--spot);
  transition: all 0.3s;
}
@media (min-width: 1023px) {
  .e-social-icon svg {
    width: 3rem;
    height: 3rem;
  }
}
.e-social-icon:hover {
  color: var(--grey-dark);
}
.e-social-icon:hover svg {
  fill: var(--grey-dark);
}
@media (max-width: 1100px) {
  .e-social-icon .e-social-icon__text {
    font-size: 1rem;
  }
}

.e-author {
  text-align: center;
}

.e-author__date::before {
  content: "•";
}

#sb_instagram #sbi_images {
  padding: 0;
}
#sb_instagram #sbi_load {
  margin-top: 2rem;
}
#sb_instagram #sbi_load .sbi_load_btn {
  display: none;
}
#sb_instagram #sbi_load .sbi_follow_btn a {
  border-radius: 0;
  border: 0.2rem solid transparent;
  background: var(--spot) !important;
}
#sb_instagram #sbi_load .sbi_follow_btn a:hover, #sb_instagram #sbi_load .sbi_follow_btn a:active, #sb_instagram #sbi_load .sbi_follow_btn a:focus {
  color: var(--spot);
  background: transparent !important;
  border-color: var(--spot);
  box-shadow: none !important;
  scale: 1.05;
}

.sb_instagram_header {
  display: none;
}

.c-post-teaser {
  display: block;
  width: 100%;
  background: var(--white);
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 60rem;
  box-shadow: 0 0 10rem rgba(0, 0, 0, 0.15);
  border-bottom: 0.4rem solid var(--spot);
  transition: all 0.3s;
}
.c-post-teaser:hover {
  translate: 0 -1rem;
}

.c-post-teaser__image img {
  width: 100%;
  height: auto;
  max-height: 30rem;
  object-fit: cover;
  display: block;
}

.c-post-teaser__content {
  padding: var(--spacing-block);
  background: var(--white);
}

.c-post-teaser__title {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  font-weight: var(--h4-font-weight);
  letter-spacing: var(--h4-letter-spacing);
  text-transform: var(--h4-text-transform);
  text-decoration: var(--h4-text-decoration);
  color: var(--grey-dark);
}
.c-post-teaser__title .e-handwritten {
  font-family: var(--font-secondary);
  font-size: var(--h4-span-font-size);
  font-weight: 600;
  font-style: italic;
}
.c-post-teaser__title .e-heading {
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--spot);
  letter-spacing: 0.3rem;
}

.c-post-teaser__author {
  color: var(--grey-dark);
}

.c-post-teaser__date {
  color: var(--grey-dark);
}

:where(.wp-block-columns) {
  margin-bottom: var(--spacing-block-big);
}

html body:not(.front) :where(.wp-block) {
  margin-top: 0;
  margin-bottom: 0;
}

body.block-editor-iframe__body.wp-embed-responsive {
  background: #313131;
  border-radius: 2rem;
}

.is-root-container {
  background: var(--bg);
}

body:not(.front) .is-root-container.is-tablet-preview,
body:not(.front) .is-root-container.is-mobile-preview {
  border-radius: 2rem;
  overflow: hidden;
}

body.wp-embed-responsive .editor-visual-editor__post-title-wrapper {
  margin-bottom: 2rem;
  margin-top: 1rem !important;
  text-align: center;
  color: white;
}