/*
Stuff borrowed from:
1. https://github.com/KittyGiraudel/sass-boilerplate
2. https://github.com/h5bp/html5-boilerplate
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,700;1,800&display=swap");
:root,
.theme--default {
  --color--black: #000000;
  --color--darkest: #261F1B;
  --color--darker: #666666;
  --color--dark: #757575;
  --color--light: #eaeaea;
  --color--lighter: #ececec;
  --color--lightest: #f9f9f9;
  --color--white: #ffffff;
  --color--orange--darkest: #f9421a;
  --color--orange--darker: #fa5733;
  --color--orange--dark: #fa6b4c;
  --color--orange: #fb8065;
  --color--orange--light: #fc947e;
  --color--orange--lighter: #fca997;
  --color--orange--lightest: #fdbdb0;
  --color--yellow--darkest: #aa8a0a;
  --color--yellow--darker: #c29d0b;
  --color--yellow--dark: #dab10d;
  --color--yellow: #E2DA72;
  --color--yellow--light: #f2ca27;
  --color--yellow--lighter: #f4d03f;
  --color--yellow--lightest: #f5d657;
  --color--green--darkest: #357a38;
  --color--green--darker: #3d8b40;
  --color--green--dark: #449d48;
  --color--green: #4caf50;
  --color--green--light: #5cb860;
  --color--green--lighter: #6ec071;
  --color--green--lightest: #80c883;
  --color--teal: #C5F4E0;
  --color--teal--dark: #a4dac3;
  --color--teal--darker: #83c0a6;
  --color--teal--darkest: #62a688;
  --color--teal--light: #cfeadf;
  --color--teal--lighter: #eef7f7;
  --color--teal--lightest: #f7fbfb;
  --color--concrete: #777777;
  --color--concrete--dark: #666666;
  --color--concrete--darker: #555555;
  --color--concrete--darkest: #444444;
  --color--concrete--light: #888888;
  --color--concrete--lighter: #999999;
  --color--concrete--lightest: #aaaaaa;
  --color--blue--darkest: #0a6ebd;
  --color--blue--darker: #0c7cd5;
  --color--blue--dark: #0d8aee;
  --color--blue: #0060BF;
  --color--blue--light: #39a1f4;
  --color--blue--lighter: #51adf6;
  --color--blue--lightest: #6ab8f7;
  --color--violet--darkest: #4338b1;
  --color--violet--darker: #4c40c3;
  --color--violet--dark: #5e54c9;
  --color--violet: #7067cf;
  --color--violet--light: #827ad5;
  --color--violet--lighter: #948edb;
  --color--violet--lightest: #a7a1e1;
  --color--red--darkest: #d2190b;
  --color--red--darker: #ea1c0d;
  --color--red--dark: #f32c1e;
  --color--red: #FB6340;
  --color--red--light: #f55a4e;
  --color--red--lighter: #f77066;
  --color--red--lightest: #f8877f;
  --color--navy: #003366;
  --color--nav--dark: #003366;
  --color--navy--darker: #003366;
  --color--navy--darkest: #003366;
  --color--navy--light: #004080;
  --color--navy--lighter: #004d99;
  --color--navy--lightest: #0059b3;
  --color--charcoal: #333333;
  --color--charcoal--dark: #222222;
  --color--charcoal--darker: #111111;
  --color--charcoal--light: #444444;
  --color--charcoal--lighter: #555555;
  --color--charcoal--lightest: #777777;
  --color--lemon: #E2DA72;
  --color--lemon--light: #E2DA72;
  --color--lemon--lighter: #E2DA72;
  --color--lemon--lightest: #E2DA72;
  --color--lemon--dark: #E2DA72;
  --color--lemon--darker: #E2DA72;
  --color--lemon--darkest: #E2DA72;
  --color--background: var(--color--white);
  --color--background--highlighted: var(--color--lighter);
  --color--background--inverted: var(--color--darkest);
  --color--foreground: var(--color--darkest);
  --color--foreground--highlighted: var(--color--dark);
  --color--foreground--inverted: var(--color--lightest);
  --color--primary--darkest: var(--color--charcoal--darkest);
  --color--primary--darker: var(--color--charcoal--darker);
  --color--primary--dark: var(--color--charcoal--dark);
  --color--primary: var(--color--charcoal);
  --color--primary--light: var(--color--charcoal--light);
  --color--primary--lighter: var(--color--charcoal--lighter);
  --color--primary--lightest: var(--color--charcoal--lightest);
  --color--secondary--darkest: var(--color--lemon--darkest);
  --color--secondary--darker: var(--color--lemon--darker);
  --color--secondary--dark: var(--color--lemon--dark);
  --color--secondary: var(--color--lemon);
  --color--secondary--light: var(--color--lemon--light);
  --color--secondary--lighter: var(--color--lemon--lighter);
  --color--secondary--lightest: var(--color--lemon--lightest);
  --color--success--darkest: var(--color--green--darkest);
  --color--success--darker: var(--color--green--darker);
  --color--success--dark: var(--color--green--dark);
  --color--success: var(--color--green);
  --color--success--light: var(--color--green--light);
  --color--success--lighter: var(--color--green--lighter);
  --color--success--lightest: var(--color--green--lightest);
  --color--info--darkest: var(--color--blue--darkest);
  --color--info--darker: var(--color--blue--darker);
  --color--info--dark: var(--color--blue--dark);
  --color--info: var(--color--blue);
  --color--info--light: var(--color--blue--light);
  --color--info--lighter: var(--color--blue--lighter);
  --color--info--lightest: var(--color--blue--lightest);
  --color--warning--darkest: var(--color--yellow--darkest);
  --color--warning--darker: var(--color--yellow--darker);
  --color--warning--dark: var(--color--yellow--dark);
  --color--warning: var(--color--yellow);
  --color--warning--light: var(--color--yellow--light);
  --color--warning--lighter: var(--color--yellow--lighter);
  --color--warning--lightest: var(--color--yellow--lightest);
  --color--alert--darkest: var(--color--red--darkest);
  --color--alert--darker: var(--color--red--darker);
  --color--alert--dark: var(--color--red--dark);
  --color--alert: var(--color--red);
  --color--alert--light: var(--color--red--light);
  --color--alert--lighter: var(--color--red--lighter);
  --color--alert--lightest: var(--color--red--lightest);
  --family--serif: "Poppins", serif;
  --family--sans-serif: "Poppins", sans-serif;
  --family--monospace: "Poppins", monospace;
  --family--base: var(--family--sans-serif);
  --family--heading: var(--family--sans-serif);
  --weight--thin: 100;
  --weight--extralight: 200;
  --weight--light: 300;
  --weight--regular: 400;
  --weight--medium: 500;
  --weight--semibold: 600;
  --weight--bold: 700;
  --weight--extrabold: 800;
  --weight--heavy: 900;
  --weight--base: var(--weight--regular);
  --weight--heading: var(--weight--semibold);
  --weight--strong: var(--weight--bold);
  --size--1: clamp(2.5rem, 3.333vw, 3rem);
  --size--2: clamp(2rem, 2.778vw, 2.5rem);
  --size--3: clamp(1.5rem, 2.222vw, 2rem);
  --size--4: clamp(1.25rem, 1.667vw, 1.5rem);
  --size--5: clamp(1.125rem, 1.389vw, 1.25rem);
  --size--6: clamp(1rem, 1.250vw, 1.125rem);
  --size--base: var(--size--6);
  --spacing--0: 0rem;
  --spacing--1: 0.5rem;
  --spacing--2: 1rem;
  --spacing--3: 1.5rem;
  --spacing--4: 2rem;
  --spacing--5: 2.5rem;
  --spacing--6: 3rem;
  --layout--gutter: 1.5rem;
  --layout--content-width: 90rem;
  --transition--fast: 0.1s;
  --transition--regular: 0.2s;
  --transition--slow: 0.4s;
  --transition--default: var(--transition--regular);
  --input-height: 3rem;
  --border-radius: 0.25rem;
}

:root {
  --color--accent--darkest: var(--color--concrete--darkest);
  --color--accent--darker: var(--color--concrete--darker);
  --color--accent--dark: var(--color--concrete--dark);
  --color--accent: var(--color--concrete);
  --color--accent--light: var(--color--concrete--light);
  --color--accent--lighter: var(--color--concrete--lighter);
  --color--accent--lightest: var(--color--concrete--lightest);
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Remove X
 */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: 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;
}

.turbolinks-progress-bar {
  visibility: hidden;
}

a[href] {
  cursor: pointer;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px solid var(--color--light);
  margin: 1em 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

figure {
  margin: 0;
}

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

h1,
.is-heading-1 {
  font-weight: var(--weight--heading);
  font-family: var(--family--heading);
  font-size: var(--size--1);
  line-height: 1.5;
}

is-size-1 {
  font-size: var(--size--1);
}

h2,
.is-heading-2 {
  font-weight: var(--weight--heading);
  font-family: var(--family--heading);
  font-size: var(--size--2);
  line-height: 1.5;
}

is-size-2 {
  font-size: var(--size--2);
}

h3, .devise h1,
.devise h2,
.devise h3,
.devise h4,
.is-heading-3 {
  font-weight: var(--weight--heading);
  font-family: var(--family--heading);
  font-size: var(--size--3);
  line-height: 1.5;
}

is-size-3 {
  font-size: var(--size--3);
}

h4,
.is-heading-4 {
  font-weight: var(--weight--heading);
  font-family: var(--family--heading);
  font-size: var(--size--4);
  line-height: 1.5;
}

is-size-4 {
  font-size: var(--size--4);
}

h5,
.is-heading-5 {
  font-weight: var(--weight--heading);
  font-family: var(--family--heading);
  font-size: var(--size--5);
  line-height: 1.5;
}

is-size-5 {
  font-size: var(--size--5);
}

h6,
.is-heading-6 {
  font-weight: var(--weight--heading);
  font-family: var(--family--heading);
  font-size: var(--size--6);
  line-height: 1.5;
}

is-size-6 {
  font-size: var(--size--6);
}

p {
  font-size: var(--size-base);
  line-height: 1.5;
}

.link, .button.is-link, .devise input.is-link[type=submit], .devise button.is-link, .splide .is-link.splide__pagination__page, .splide .is-link.splide__arrow, .datatable .datatable__search button.is-link, a {
  text-decoration: none;
  color: #003366;
  transition: var(--transition--default);
}
.link:hover, .button.is-link:hover, .devise input.is-link[type=submit]:hover, .devise button.is-link:hover, .splide .is-link.splide__pagination__page:hover, .splide .is-link.splide__arrow:hover, .datatable .datatable__search button.is-link:hover, a:hover {
  color: #004385;
}

.link, .button.is-link, .devise input.is-link[type=submit], .devise button.is-link, .splide .is-link.splide__pagination__page, .splide .is-link.splide__arrow, .datatable .datatable__search button.is-link {
  text-decoration: underline;
}

.is-family-serif {
  font-family: var(--family--serif);
}

.is-family-sans-serif {
  font-family: var(--family--sans-serif);
}

.is-family-monospace {
  font-family: var(--family--monospace);
}

.is-family-base {
  font-family: var(--family--base);
}

.is-family-heading {
  font-family: var(--family--heading);
}

.has-text-weight-thin {
  font-weight: var(--weight--thin);
}

.has-text-weight-extralight {
  font-weight: var(--weight--extralight);
}

.has-text-weight-light {
  font-weight: var(--weight--light);
}

.has-text-weight-regular {
  font-weight: var(--weight--regular);
}

.has-text-weight-medium {
  font-weight: var(--weight--medium);
}

.has-text-weight-semibold {
  font-weight: var(--weight--semibold);
}

.has-text-weight-bold {
  font-weight: var(--weight--bold);
}

.has-text-weight-extrabold {
  font-weight: var(--weight--extrabold);
}

.has-text-weight-heavy {
  font-weight: var(--weight--heavy);
}

.has-text-weight-base {
  font-weight: var(--weight--base);
}

.has-text-weight-heading {
  font-weight: var(--weight--heading);
}

.has-text-weight-strong {
  font-weight: var(--weight--strong);
}

.is-size-1 {
  font-size: var(--size--1);
}

.is-size-2 {
  font-size: var(--size--2);
}

.is-size-3 {
  font-size: var(--size--3);
}

.is-size-4 {
  font-size: var(--size--4);
}

.is-size-5 {
  font-size: var(--size--5);
}

.is-size-6 {
  font-size: var(--size--6);
}

.is-size-base {
  font-size: var(--size--base);
}

.is-header-text {
  font-weight: var(--weight--semibold);
  color: var(--color--foreground--highlighted);
  text-transform: uppercase;
}

.is-faded-text {
  color: var(--color--foreground--highlighted);
}

.is-uppercase {
  text-transform: uppercase;
}

.is-lowercase {
  text-transform: lowercase;
}

.is-capitalized {
  text-transform: capitalize;
}

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

.is-underlined {
  text-decoration: underline;
}

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

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

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

.has-text-justified {
  text-align: justify;
}

.has-transition-fast {
  transition: var(--transition--fast);
}

.has-transition-regular {
  transition: var(--transition--regular);
}

.has-transition-slow {
  transition: var(--transition--slow);
}

.has-transition-default {
  transition: var(--transition--default);
}

.m-0 {
  margin: var(--spacing--0);
}

.mx-0 {
  margin-left: var(--spacing--0);
  margin-right: var(--spacing--0);
}

.my-0 {
  margin-top: var(--spacing--0);
  margin-bottom: var(--spacing--0);
}

.mt-0 {
  margin-top: var(--spacing--0);
}

.mr-0 {
  margin-right: var(--spacing--0);
}

.mb-0 {
  margin-bottom: var(--spacing--0);
}

.ml-0 {
  margin-left: var(--spacing--0);
}

.p-0 {
  padding: var(--spacing--0);
}

.px-0 {
  padding-left: var(--spacing--0);
  padding-right: var(--spacing--0);
}

.py-0 {
  padding-top: var(--spacing--0);
  padding-bottom: var(--spacing--0);
}

.pt-0 {
  padding-top: var(--spacing--0);
}

.pr-0 {
  padding-right: var(--spacing--0);
}

.pb-0 {
  padding-bottom: var(--spacing--0);
}

.pl-0 {
  padding-left: var(--spacing--0);
}

.m-1 {
  margin: var(--spacing--1);
}

.mx-1 {
  margin-left: var(--spacing--1);
  margin-right: var(--spacing--1);
}

.my-1 {
  margin-top: var(--spacing--1);
  margin-bottom: var(--spacing--1);
}

.mt-1 {
  margin-top: var(--spacing--1);
}

.mr-1 {
  margin-right: var(--spacing--1);
}

.mb-1 {
  margin-bottom: var(--spacing--1);
}

.ml-1 {
  margin-left: var(--spacing--1);
}

.p-1 {
  padding: var(--spacing--1);
}

.px-1 {
  padding-left: var(--spacing--1);
  padding-right: var(--spacing--1);
}

.py-1 {
  padding-top: var(--spacing--1);
  padding-bottom: var(--spacing--1);
}

.pt-1 {
  padding-top: var(--spacing--1);
}

.pr-1 {
  padding-right: var(--spacing--1);
}

.pb-1 {
  padding-bottom: var(--spacing--1);
}

.pl-1 {
  padding-left: var(--spacing--1);
}

.m-2 {
  margin: var(--spacing--2);
}

.mx-2 {
  margin-left: var(--spacing--2);
  margin-right: var(--spacing--2);
}

.my-2 {
  margin-top: var(--spacing--2);
  margin-bottom: var(--spacing--2);
}

.mt-2 {
  margin-top: var(--spacing--2);
}

.mr-2 {
  margin-right: var(--spacing--2);
}

.mb-2 {
  margin-bottom: var(--spacing--2);
}

.ml-2 {
  margin-left: var(--spacing--2);
}

.p-2 {
  padding: var(--spacing--2);
}

.px-2 {
  padding-left: var(--spacing--2);
  padding-right: var(--spacing--2);
}

.py-2 {
  padding-top: var(--spacing--2);
  padding-bottom: var(--spacing--2);
}

.pt-2 {
  padding-top: var(--spacing--2);
}

.pr-2 {
  padding-right: var(--spacing--2);
}

.pb-2 {
  padding-bottom: var(--spacing--2);
}

.pl-2 {
  padding-left: var(--spacing--2);
}

.m-3 {
  margin: var(--spacing--3);
}

.mx-3 {
  margin-left: var(--spacing--3);
  margin-right: var(--spacing--3);
}

.my-3 {
  margin-top: var(--spacing--3);
  margin-bottom: var(--spacing--3);
}

.mt-3 {
  margin-top: var(--spacing--3);
}

.mr-3 {
  margin-right: var(--spacing--3);
}

.mb-3 {
  margin-bottom: var(--spacing--3);
}

.ml-3 {
  margin-left: var(--spacing--3);
}

.p-3 {
  padding: var(--spacing--3);
}

.px-3 {
  padding-left: var(--spacing--3);
  padding-right: var(--spacing--3);
}

.py-3 {
  padding-top: var(--spacing--3);
  padding-bottom: var(--spacing--3);
}

.pt-3 {
  padding-top: var(--spacing--3);
}

.pr-3 {
  padding-right: var(--spacing--3);
}

.pb-3 {
  padding-bottom: var(--spacing--3);
}

.pl-3 {
  padding-left: var(--spacing--3);
}

.m-4 {
  margin: var(--spacing--4);
}

.mx-4 {
  margin-left: var(--spacing--4);
  margin-right: var(--spacing--4);
}

.my-4 {
  margin-top: var(--spacing--4);
  margin-bottom: var(--spacing--4);
}

.mt-4 {
  margin-top: var(--spacing--4);
}

.mr-4 {
  margin-right: var(--spacing--4);
}

.mb-4 {
  margin-bottom: var(--spacing--4);
}

.ml-4 {
  margin-left: var(--spacing--4);
}

.p-4 {
  padding: var(--spacing--4);
}

.px-4 {
  padding-left: var(--spacing--4);
  padding-right: var(--spacing--4);
}

.py-4 {
  padding-top: var(--spacing--4);
  padding-bottom: var(--spacing--4);
}

.pt-4 {
  padding-top: var(--spacing--4);
}

.pr-4 {
  padding-right: var(--spacing--4);
}

.pb-4 {
  padding-bottom: var(--spacing--4);
}

.pl-4 {
  padding-left: var(--spacing--4);
}

.m-5 {
  margin: var(--spacing--5);
}

.mx-5 {
  margin-left: var(--spacing--5);
  margin-right: var(--spacing--5);
}

.my-5 {
  margin-top: var(--spacing--5);
  margin-bottom: var(--spacing--5);
}

.mt-5 {
  margin-top: var(--spacing--5);
}

.mr-5 {
  margin-right: var(--spacing--5);
}

.mb-5 {
  margin-bottom: var(--spacing--5);
}

.ml-5 {
  margin-left: var(--spacing--5);
}

.p-5 {
  padding: var(--spacing--5);
}

.px-5 {
  padding-left: var(--spacing--5);
  padding-right: var(--spacing--5);
}

.py-5 {
  padding-top: var(--spacing--5);
  padding-bottom: var(--spacing--5);
}

.pt-5 {
  padding-top: var(--spacing--5);
}

.pr-5 {
  padding-right: var(--spacing--5);
}

.pb-5 {
  padding-bottom: var(--spacing--5);
}

.pl-5 {
  padding-left: var(--spacing--5);
}

.m-6 {
  margin: var(--spacing--6);
}

.mx-6 {
  margin-left: var(--spacing--6);
  margin-right: var(--spacing--6);
}

.my-6 {
  margin-top: var(--spacing--6);
  margin-bottom: var(--spacing--6);
}

.mt-6 {
  margin-top: var(--spacing--6);
}

.mr-6 {
  margin-right: var(--spacing--6);
}

.mb-6 {
  margin-bottom: var(--spacing--6);
}

.ml-6 {
  margin-left: var(--spacing--6);
}

.p-6 {
  padding: var(--spacing--6);
}

.px-6 {
  padding-left: var(--spacing--6);
  padding-right: var(--spacing--6);
}

.py-6 {
  padding-top: var(--spacing--6);
  padding-bottom: var(--spacing--6);
}

.pt-6 {
  padding-top: var(--spacing--6);
}

.pr-6 {
  padding-right: var(--spacing--6);
}

.pb-6 {
  padding-bottom: var(--spacing--6);
}

.pl-6 {
  padding-left: var(--spacing--6);
}

.is-fullwidth {
  width: 100% !important;
}

.is-fullheight {
  height: 100%;
}

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

.is-accent {
  --color--accent--darkest: var(--color--concrete--darkest);
  --color--accent--darker: var(--color--concrete--darker);
  --color--accent--dark: var(--color--concrete--dark);
  --color--accent: var(--color--concrete);
  --color--accent--light: var(--color--concrete--light);
  --color--accent--lighter: var(--color--concrete--lighter);
  --color--accent--lightest: var(--color--concrete--lightest);
}

.is-primary, .devise input[type=submit] {
  --color--accent--darkest: var(--color--primary--darkest);
  --color--accent--darker: var(--color--primary--darker);
  --color--accent--dark: var(--color--primary--dark);
  --color--accent: var(--color--primary);
  --color--accent--light: var(--color--primary--light);
  --color--accent--lighter: var(--color--primary--lighter);
  --color--accent--lightest: var(--color--primary--lightest);
}

.is-secondary {
  --color--accent--darkest: var(--color--secondary--darkest);
  --color--accent--darker: var(--color--secondary--darker);
  --color--accent--dark: var(--color--secondary--dark);
  --color--accent: var(--color--secondary);
  --color--accent--light: var(--color--secondary--light);
  --color--accent--lighter: var(--color--secondary--lighter);
  --color--accent--lightest: var(--color--secondary--lightest);
}

.is-success {
  --color--accent--darkest: var(--color--success--darkest);
  --color--accent--darker: var(--color--success--darker);
  --color--accent--dark: var(--color--success--dark);
  --color--accent: var(--color--success);
  --color--accent--light: var(--color--success--light);
  --color--accent--lighter: var(--color--success--lighter);
  --color--accent--lightest: var(--color--success--lightest);
}

.is-info {
  --color--accent--darkest: var(--color--info--darkest);
  --color--accent--darker: var(--color--info--darker);
  --color--accent--dark: var(--color--info--dark);
  --color--accent: var(--color--info);
  --color--accent--light: var(--color--info--light);
  --color--accent--lighter: var(--color--info--lighter);
  --color--accent--lightest: var(--color--info--lightest);
}

.is-warning {
  --color--accent--darkest: var(--color--warning--darkest);
  --color--accent--darker: var(--color--warning--darker);
  --color--accent--dark: var(--color--warning--dark);
  --color--accent: var(--color--warning);
  --color--accent--light: var(--color--warning--light);
  --color--accent--lighter: var(--color--warning--lighter);
  --color--accent--lightest: var(--color--warning--lightest);
}

.is-alert, .datatable .datatable__search button {
  --color--accent--darkest: var(--color--alert--darkest);
  --color--accent--darker: var(--color--alert--darker);
  --color--accent--dark: var(--color--alert--dark);
  --color--accent: var(--color--alert);
  --color--accent--light: var(--color--alert--light);
  --color--accent--lighter: var(--color--alert--lighter);
  --color--accent--lightest: var(--color--alert--lightest);
}

.is-black {
  --color--accent--darkest: var(--color--black);
  --color--accent--darker: var(--color--black);
  --color--accent--dark: var(--color--black);
  --color--accent: var(--color--black);
  --color--accent--light: var(--color--darkest);
  --color--accent--lighter: var(--color--darkest);
  --color--accent--lightest: var(--color--darkest);
}

.is-dark {
  --color--accent--darkest: var(--color--black);
  --color--accent--darker: var(--color--darkest);
  --color--accent--dark: var(--color--darker);
  --color--accent: var(--color--dark);
  --color--accent--light: var(--color--dark);
  --color--accent--lighter: var(--color--dark);
  --color--accent--lightest: var(--color--dark);
}

.is-light {
  --color--accent--darkest: var(--color--light);
  --color--accent--darker: var(--color--light);
  --color--accent--dark: var(--color--light);
  --color--accent: var(--color--light);
  --color--accent--light: var(--color--lighter);
  --color--accent--lighter: var(--color--lightest);
  --color--accent--lightest: var(--color--white);
}

.is-white {
  --color--accent--darkest: var(--color--white);
  --color--accent--darker: var(--color--white);
  --color--accent--dark: var(--color--white);
  --color--accent: var(--color--white);
  --color--accent--light: var(--color--lightest);
  --color--accent--lighter: var(--color--lightest);
  --color--accent--lightest: var(--color--lightest);
}

@media only screen and (max-width: 992px) {
  .only-desktop {
    display: none !important;
  }
}

@media only screen and (min-width: 993px) {
  .only-mobile {
    display: none !important;
  }
}

html {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-size: clamp(0.75rem, 0.5982rem + 0.4464vw, 1rem);
  font-family: var(--family--base);
  font-weight: var(--weight--base);
  background-color: #FBFBFB;
  color: var(--color--foreground);
}
@media only screen and (max-width: 992px) {
  html {
    height: auto;
    background-color: var(--color--light);
  }
}
html * {
  scrollbar-width: thin;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: var(--size--base);
  line-height: 1.5;
}
@media only screen and (max-width: 992px) {
  body {
    height: auto;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

::selection {
  background: var(--color--dark);
  color: var(--color--foreground--inverted);
  text-shadow: none;
}

::-webkit-scrollbar {
  background: var(--color--background--highlighted);
}

::-webkit-scrollbar-thumb {
  background: var(--color--accent);
}

.grid, .toolkit-section .toolkit-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
  gap: var(--layout--gutter);
}
.grid.has-no-row-gap, .toolkit-section .has-no-row-gap.toolkit-grid {
  row-gap: 0;
}
.grid.has-no-column-gap, .toolkit-section .has-no-column-gap.toolkit-grid {
  column-gap: 0;
}
.grid.has-no-gap, .toolkit-section .has-no-gap.toolkit-grid {
  gap: 0;
}

.grid--1 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(1, minmax(auto, 1fr));
}

.grid--2 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(2, minmax(auto, 1fr));
}

.grid--3 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(3, minmax(auto, 1fr));
}

.grid--4 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(4, minmax(auto, 1fr));
}

.grid--5 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(5, minmax(auto, 1fr));
}

.grid--6 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(6, minmax(auto, 1fr));
}

.grid--7 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(7, minmax(auto, 1fr));
}

.grid--8 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(8, minmax(auto, 1fr));
}

.grid--9 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(9, minmax(auto, 1fr));
}

.grid--10 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(10, minmax(auto, 1fr));
}

.grid--11 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(11, minmax(auto, 1fr));
}

.grid--12 {
  display: grid;
  grid-column-gap: var(--layout--gutter);
  grid-template-columns: repeat(12, minmax(auto, 1fr));
}

@media only screen and (min-width: 669px) {
  .grid--1--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .grid--2--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .grid--3--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .grid--4--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .grid--5--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .grid--6--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .grid--7--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .grid--8--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .grid--9--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .grid--10--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .grid--11--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .grid--12--small {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media only screen and (min-width: 993px) {
  .grid--1--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .grid--2--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .grid--3--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .grid--4--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .grid--5--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .grid--6--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .grid--7--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .grid--8--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .grid--9--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .grid--10--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .grid--11--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .grid--12--medium {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media only screen and (min-width: 1313px) {
  .grid--1--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .grid--2--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .grid--3--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .grid--4--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .grid--5--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .grid--6--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .grid--7--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .grid--8--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .grid--9--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .grid--10--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .grid--11--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .grid--12--large {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media only screen and (min-width: 1441px) {
  .grid--1--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .grid--2--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .grid--3--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .grid--4--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .grid--5--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .grid--6--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .grid--7--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .grid--8--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .grid--9--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .grid--10--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .grid--11--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .grid--12--xlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media only screen and (min-width: 1921px) {
  .grid--1--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .grid--2--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .grid--3--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .grid--4--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .grid--5--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .grid--6--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .grid--7--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .grid--8--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .grid--9--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .grid--10--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .grid--11--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .grid--12--xxlarge {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media only screen and (min-width: 993px) {
  .grid--1--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .grid--2--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .grid--3--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .grid--4--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .grid--5--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .grid--6--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .grid--7--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .grid--8--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .grid--9--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .grid--10--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .grid--11--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .grid--12--navigation {
    display: grid;
    grid-column-gap: var(--layout--gutter);
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
.col--1 {
  grid-column: auto/span 1;
}
.col--1.grid, .toolkit-section .col--1.toolkit-grid {
  grid-template-columns: repeat(1, minmax(auto, 1fr));
}

.col--2 {
  grid-column: auto/span 2;
}
.col--2.grid, .toolkit-section .col--2.toolkit-grid {
  grid-template-columns: repeat(2, minmax(auto, 1fr));
}

.col--3 {
  grid-column: auto/span 3;
}
.col--3.grid, .toolkit-section .col--3.toolkit-grid {
  grid-template-columns: repeat(3, minmax(auto, 1fr));
}

.col--4 {
  grid-column: auto/span 4;
}
.col--4.grid, .toolkit-section .col--4.toolkit-grid {
  grid-template-columns: repeat(4, minmax(auto, 1fr));
}

.col--5 {
  grid-column: auto/span 5;
}
.col--5.grid, .toolkit-section .col--5.toolkit-grid {
  grid-template-columns: repeat(5, minmax(auto, 1fr));
}

.col--6 {
  grid-column: auto/span 6;
}
.col--6.grid, .toolkit-section .col--6.toolkit-grid {
  grid-template-columns: repeat(6, minmax(auto, 1fr));
}

.col--7 {
  grid-column: auto/span 7;
}
.col--7.grid, .toolkit-section .col--7.toolkit-grid {
  grid-template-columns: repeat(7, minmax(auto, 1fr));
}

.col--8 {
  grid-column: auto/span 8;
}
.col--8.grid, .toolkit-section .col--8.toolkit-grid {
  grid-template-columns: repeat(8, minmax(auto, 1fr));
}

.col--9 {
  grid-column: auto/span 9;
}
.col--9.grid, .toolkit-section .col--9.toolkit-grid {
  grid-template-columns: repeat(9, minmax(auto, 1fr));
}

.col--10 {
  grid-column: auto/span 10;
}
.col--10.grid, .toolkit-section .col--10.toolkit-grid {
  grid-template-columns: repeat(10, minmax(auto, 1fr));
}

.col--11 {
  grid-column: auto/span 11;
}
.col--11.grid, .toolkit-section .col--11.toolkit-grid {
  grid-template-columns: repeat(11, minmax(auto, 1fr));
}

.col--12 {
  grid-column: auto/span 12;
}
.col--12.grid, .toolkit-section .col--12.toolkit-grid {
  grid-template-columns: repeat(12, minmax(auto, 1fr));
}

@media only screen and (min-width: 669px) {
  .col--1--small {
    grid-column: auto/span 1;
  }
  .col--1--small.grid, .toolkit-section .col--1--small.toolkit-grid {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .col--2--small {
    grid-column: auto/span 2;
  }
  .col--2--small.grid, .toolkit-section .col--2--small.toolkit-grid {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .col--3--small {
    grid-column: auto/span 3;
  }
  .col--3--small.grid, .toolkit-section .col--3--small.toolkit-grid {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .col--4--small {
    grid-column: auto/span 4;
  }
  .col--4--small.grid, .toolkit-section .col--4--small.toolkit-grid {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .col--5--small {
    grid-column: auto/span 5;
  }
  .col--5--small.grid, .toolkit-section .col--5--small.toolkit-grid {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .col--6--small {
    grid-column: auto/span 6;
  }
  .col--6--small.grid, .toolkit-section .col--6--small.toolkit-grid {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .col--7--small {
    grid-column: auto/span 7;
  }
  .col--7--small.grid, .toolkit-section .col--7--small.toolkit-grid {
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .col--8--small {
    grid-column: auto/span 8;
  }
  .col--8--small.grid, .toolkit-section .col--8--small.toolkit-grid {
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .col--9--small {
    grid-column: auto/span 9;
  }
  .col--9--small.grid, .toolkit-section .col--9--small.toolkit-grid {
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .col--10--small {
    grid-column: auto/span 10;
  }
  .col--10--small.grid, .toolkit-section .col--10--small.toolkit-grid {
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .col--11--small {
    grid-column: auto/span 11;
  }
  .col--11--small.grid, .toolkit-section .col--11--small.toolkit-grid {
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .col--12--small {
    grid-column: auto/span 12;
  }
  .col--12--small.grid, .toolkit-section .col--12--small.toolkit-grid {
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media only screen and (min-width: 993px) {
  .col--1--medium {
    grid-column: auto/span 1;
  }
  .col--1--medium.grid, .toolkit-section .col--1--medium.toolkit-grid {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .col--2--medium {
    grid-column: auto/span 2;
  }
  .col--2--medium.grid, .toolkit-section .col--2--medium.toolkit-grid {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .col--3--medium {
    grid-column: auto/span 3;
  }
  .col--3--medium.grid, .toolkit-section .col--3--medium.toolkit-grid {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .col--4--medium {
    grid-column: auto/span 4;
  }
  .col--4--medium.grid, .toolkit-section .col--4--medium.toolkit-grid {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .col--5--medium {
    grid-column: auto/span 5;
  }
  .col--5--medium.grid, .toolkit-section .col--5--medium.toolkit-grid {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .col--6--medium {
    grid-column: auto/span 6;
  }
  .col--6--medium.grid, .toolkit-section .col--6--medium.toolkit-grid {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .col--7--medium {
    grid-column: auto/span 7;
  }
  .col--7--medium.grid, .toolkit-section .col--7--medium.toolkit-grid {
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .col--8--medium {
    grid-column: auto/span 8;
  }
  .col--8--medium.grid, .toolkit-section .col--8--medium.toolkit-grid {
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .col--9--medium {
    grid-column: auto/span 9;
  }
  .col--9--medium.grid, .toolkit-section .col--9--medium.toolkit-grid {
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .col--10--medium {
    grid-column: auto/span 10;
  }
  .col--10--medium.grid, .toolkit-section .col--10--medium.toolkit-grid {
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .col--11--medium {
    grid-column: auto/span 11;
  }
  .col--11--medium.grid, .toolkit-section .col--11--medium.toolkit-grid {
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .col--12--medium {
    grid-column: auto/span 12;
  }
  .col--12--medium.grid, .toolkit-section .col--12--medium.toolkit-grid {
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media only screen and (min-width: 1313px) {
  .col--1--large {
    grid-column: auto/span 1;
  }
  .col--1--large.grid, .toolkit-section .col--1--large.toolkit-grid {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .col--2--large {
    grid-column: auto/span 2;
  }
  .col--2--large.grid, .toolkit-section .col--2--large.toolkit-grid {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .col--3--large {
    grid-column: auto/span 3;
  }
  .col--3--large.grid, .toolkit-section .col--3--large.toolkit-grid {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .col--4--large {
    grid-column: auto/span 4;
  }
  .col--4--large.grid, .toolkit-section .col--4--large.toolkit-grid {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .col--5--large {
    grid-column: auto/span 5;
  }
  .col--5--large.grid, .toolkit-section .col--5--large.toolkit-grid {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .col--6--large {
    grid-column: auto/span 6;
  }
  .col--6--large.grid, .toolkit-section .col--6--large.toolkit-grid {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .col--7--large {
    grid-column: auto/span 7;
  }
  .col--7--large.grid, .toolkit-section .col--7--large.toolkit-grid {
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .col--8--large {
    grid-column: auto/span 8;
  }
  .col--8--large.grid, .toolkit-section .col--8--large.toolkit-grid {
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .col--9--large {
    grid-column: auto/span 9;
  }
  .col--9--large.grid, .toolkit-section .col--9--large.toolkit-grid {
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .col--10--large {
    grid-column: auto/span 10;
  }
  .col--10--large.grid, .toolkit-section .col--10--large.toolkit-grid {
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .col--11--large {
    grid-column: auto/span 11;
  }
  .col--11--large.grid, .toolkit-section .col--11--large.toolkit-grid {
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .col--12--large {
    grid-column: auto/span 12;
  }
  .col--12--large.grid, .toolkit-section .col--12--large.toolkit-grid {
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media only screen and (min-width: 1441px) {
  .col--1--xlarge {
    grid-column: auto/span 1;
  }
  .col--1--xlarge.grid, .toolkit-section .col--1--xlarge.toolkit-grid {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .col--2--xlarge {
    grid-column: auto/span 2;
  }
  .col--2--xlarge.grid, .toolkit-section .col--2--xlarge.toolkit-grid {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .col--3--xlarge {
    grid-column: auto/span 3;
  }
  .col--3--xlarge.grid, .toolkit-section .col--3--xlarge.toolkit-grid {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .col--4--xlarge {
    grid-column: auto/span 4;
  }
  .col--4--xlarge.grid, .toolkit-section .col--4--xlarge.toolkit-grid {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .col--5--xlarge {
    grid-column: auto/span 5;
  }
  .col--5--xlarge.grid, .toolkit-section .col--5--xlarge.toolkit-grid {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .col--6--xlarge {
    grid-column: auto/span 6;
  }
  .col--6--xlarge.grid, .toolkit-section .col--6--xlarge.toolkit-grid {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .col--7--xlarge {
    grid-column: auto/span 7;
  }
  .col--7--xlarge.grid, .toolkit-section .col--7--xlarge.toolkit-grid {
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .col--8--xlarge {
    grid-column: auto/span 8;
  }
  .col--8--xlarge.grid, .toolkit-section .col--8--xlarge.toolkit-grid {
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .col--9--xlarge {
    grid-column: auto/span 9;
  }
  .col--9--xlarge.grid, .toolkit-section .col--9--xlarge.toolkit-grid {
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .col--10--xlarge {
    grid-column: auto/span 10;
  }
  .col--10--xlarge.grid, .toolkit-section .col--10--xlarge.toolkit-grid {
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .col--11--xlarge {
    grid-column: auto/span 11;
  }
  .col--11--xlarge.grid, .toolkit-section .col--11--xlarge.toolkit-grid {
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .col--12--xlarge {
    grid-column: auto/span 12;
  }
  .col--12--xlarge.grid, .toolkit-section .col--12--xlarge.toolkit-grid {
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media only screen and (min-width: 1921px) {
  .col--1--xxlarge {
    grid-column: auto/span 1;
  }
  .col--1--xxlarge.grid, .toolkit-section .col--1--xxlarge.toolkit-grid {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .col--2--xxlarge {
    grid-column: auto/span 2;
  }
  .col--2--xxlarge.grid, .toolkit-section .col--2--xxlarge.toolkit-grid {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .col--3--xxlarge {
    grid-column: auto/span 3;
  }
  .col--3--xxlarge.grid, .toolkit-section .col--3--xxlarge.toolkit-grid {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .col--4--xxlarge {
    grid-column: auto/span 4;
  }
  .col--4--xxlarge.grid, .toolkit-section .col--4--xxlarge.toolkit-grid {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .col--5--xxlarge {
    grid-column: auto/span 5;
  }
  .col--5--xxlarge.grid, .toolkit-section .col--5--xxlarge.toolkit-grid {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .col--6--xxlarge {
    grid-column: auto/span 6;
  }
  .col--6--xxlarge.grid, .toolkit-section .col--6--xxlarge.toolkit-grid {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .col--7--xxlarge {
    grid-column: auto/span 7;
  }
  .col--7--xxlarge.grid, .toolkit-section .col--7--xxlarge.toolkit-grid {
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .col--8--xxlarge {
    grid-column: auto/span 8;
  }
  .col--8--xxlarge.grid, .toolkit-section .col--8--xxlarge.toolkit-grid {
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .col--9--xxlarge {
    grid-column: auto/span 9;
  }
  .col--9--xxlarge.grid, .toolkit-section .col--9--xxlarge.toolkit-grid {
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .col--10--xxlarge {
    grid-column: auto/span 10;
  }
  .col--10--xxlarge.grid, .toolkit-section .col--10--xxlarge.toolkit-grid {
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .col--11--xxlarge {
    grid-column: auto/span 11;
  }
  .col--11--xxlarge.grid, .toolkit-section .col--11--xxlarge.toolkit-grid {
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .col--12--xxlarge {
    grid-column: auto/span 12;
  }
  .col--12--xxlarge.grid, .toolkit-section .col--12--xxlarge.toolkit-grid {
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media only screen and (min-width: 993px) {
  .col--1--navigation {
    grid-column: auto/span 1;
  }
  .col--1--navigation.grid, .toolkit-section .col--1--navigation.toolkit-grid {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .col--2--navigation {
    grid-column: auto/span 2;
  }
  .col--2--navigation.grid, .toolkit-section .col--2--navigation.toolkit-grid {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .col--3--navigation {
    grid-column: auto/span 3;
  }
  .col--3--navigation.grid, .toolkit-section .col--3--navigation.toolkit-grid {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
  .col--4--navigation {
    grid-column: auto/span 4;
  }
  .col--4--navigation.grid, .toolkit-section .col--4--navigation.toolkit-grid {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .col--5--navigation {
    grid-column: auto/span 5;
  }
  .col--5--navigation.grid, .toolkit-section .col--5--navigation.toolkit-grid {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
  .col--6--navigation {
    grid-column: auto/span 6;
  }
  .col--6--navigation.grid, .toolkit-section .col--6--navigation.toolkit-grid {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
  .col--7--navigation {
    grid-column: auto/span 7;
  }
  .col--7--navigation.grid, .toolkit-section .col--7--navigation.toolkit-grid {
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
  .col--8--navigation {
    grid-column: auto/span 8;
  }
  .col--8--navigation.grid, .toolkit-section .col--8--navigation.toolkit-grid {
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
  .col--9--navigation {
    grid-column: auto/span 9;
  }
  .col--9--navigation.grid, .toolkit-section .col--9--navigation.toolkit-grid {
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
  .col--10--navigation {
    grid-column: auto/span 10;
  }
  .col--10--navigation.grid, .toolkit-section .col--10--navigation.toolkit-grid {
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
  .col--11--navigation {
    grid-column: auto/span 11;
  }
  .col--11--navigation.grid, .toolkit-section .col--11--navigation.toolkit-grid {
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
  .col--12--navigation {
    grid-column: auto/span 12;
  }
  .col--12--navigation.grid, .toolkit-section .col--12--navigation.toolkit-grid {
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
.devise .devise__logo, .creator-welcome-screen .creator-welcome-screen__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
}
.devise .devise__logo img, .creator-welcome-screen .creator-welcome-screen__logo img,
.devise .devise__logo svg,
.creator-welcome-screen .creator-welcome-screen__logo svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 10rem;
}

.datatable .datatable__header, .admin-view .main .main__content > header, .admin-view .main .main__content > .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color--light);
  padding: 0 0 0.25rem;
  margin-bottom: 1.5rem;
}
.datatable .has-no-border.datatable__header, .admin-view .main .main__content > header.has-no-border, .admin-view .main .main__content > .has-no-border.header {
  border: none;
}
.datatable .datatable__header h1, .admin-view .main .main__content > header h1, .admin-view .main .main__content > .header h1,
.datatable .datatable__header h2,
.admin-view .main .main__content > header h2,
.admin-view .main .main__content > .header h2 {
  font-size: 1.75rem;
  font-weight: var(--weight--medium);
  margin: 0;
  line-height: 1.5;
}
.datatable .datatable__header ul, .admin-view .main .main__content > header ul, .admin-view .main .main__content > .header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-flow: row nowrap;
  height: 100%;
}
.datatable .datatable__header ul li, .admin-view .main .main__content > header ul li, .admin-view .main .main__content > .header ul li {
  height: auto;
}
.datatable .datatable__header ul > *:not(:last-child), .admin-view .main .main__content > header ul > *:not(:last-child), .admin-view .main .main__content > .header ul > *:not(:last-child) {
  margin-right: var(--spacing--2);
}

.admin-view .main .main__content > section, .admin-view .main .main__content > .section {
  box-shadow: 0px 0px 24px 0px rgba(37, 37, 37, 0.04);
  padding: 1.5rem;
  border-radius: 0.25rem;
  background-color: var(--color--background);
  overflow: hidden;
}
@media only screen and (max-width: 1312px) {
  .admin-view .main .main__content > section, .admin-view .main .main__content > .section {
    padding: 0.875rem;
  }
}

.section-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: var(--layout--gutter);
}
@media only screen and (max-width: 1312px) {
  .section-actions {
    margin-bottom: 0.875rem;
  }
}

.introduction {
  border-left: 2px solid var(--color--accent);
  padding: var(--spacing--1) 0 var(--spacing--1) var(--spacing--3);
}
.introduction > * {
  margin-top: 0;
  font-size: var(--size--base);
  line-height: 1.6;
}
.introduction > *:last-child {
  margin-bottom: 0;
}

.admin-view {
  width: 100%;
  display: flex;
  align-items: stretch;
  min-height: 100vh;
}
@media only screen and (max-width: 992px) {
  .admin-view {
    padding-top: 0;
  }
}
@media only screen and (max-width: 992px) {
  .admin-view {
    height: auto;
    overflow: auto;
    gap: 1.5rem;
    padding: 0 1.125rem;
    padding-bottom: 1.5rem;
    flex-direction: column;
    overflow-x: hidden;
  }
}
.admin-view .sidebar {
  flex: 1;
}
.admin-view .main-wrapper {
  flex: 5;
}
.admin-view .main-wrapper {
  background-color: var(--color--background--highlighted);
}
@media only screen and (max-width: 992px) {
  .admin-view .main-wrapper {
    padding: 0;
  }
}
.admin-view .main {
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.admin-view .main .main__content {
  padding: var(--layout--gutter);
  background-color: var(--color--background);
  flex: 1;
  position: relative;
  margin: 0 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 992px) {
  .admin-view .main .main__content {
    padding: 1rem;
    overflow: visible;
    margin: 0;
  }
}
.admin-view .main .main__content > header.is-borderless, .admin-view .main .main__content > .header.is-borderless {
  border: none;
}
.separator {
  width: 100%;
  height: 1px;
  margin: var(--spacing--2) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.separator.is-large {
  padding-top: 64px;
  padding-bottom: 64px;
}
.separator::after {
  content: "";
  background-color: var(--color--light);
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
}
.separator p {
  background-color: inherit;
  padding: 4px 16px;
  margin: 0;
  background-color: #FFF;
  z-index: 1;
}

.creator-welcome-screen {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.creator-welcome-screen .creator-welcome-screen__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
}
.creator-welcome-screen .creator-welcome-screen__logo {
  margin: 0;
}
.creator-welcome-screen h1,
.creator-welcome-screen h2 {
  text-align: center;
  margin-top: 0;
}
.creator-welcome-screen h3, .creator-welcome-screen .devise h1, .devise .creator-welcome-screen h1,
.creator-welcome-screen .devise h2,
.devise .creator-welcome-screen h2,
.creator-welcome-screen .devise h3,
.devise .creator-welcome-screen h3,
.creator-welcome-screen .devise h4,
.devise .creator-welcome-screen h4 {
  margin-bottom: 0;
}
.creator-welcome-screen figure {
  width: 80%;
  max-width: 400px;
}
.creator-welcome-screen figure img {
  width: 100%;
}

.breadcrumbs {
  text-transform: none;
  margin-bottom: 1.5rem;
}
.breadcrumbs span {
  text-transform: underline;
}

.creator-welcome-screen .creator-welcome-screen__content {
  padding: 1.5rem;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 0px 4px 23.5px 0px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(37, 37, 37, 0.04);
  display: flex;
  flex-direction: column;
  background-color: var(--color--white);
}
@media only screen and (max-width: 992px) {
  .creator-welcome-screen .creator-welcome-screen__content {
    padding: 0.75rem;
  }
}

.card, .variant-fields-wrapper .variant-fields, .form .variant-fields-wrapper fieldset.variant-fields, .variant-fields-wrapper .form fieldset.variant-fields, .form fieldset.card {
  padding: 1.5rem;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 0px 4px 23.5px 0px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(37, 37, 37, 0.04);
  display: flex;
  flex-direction: column;
  background-color: var(--color--white);
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .card, .variant-fields-wrapper .variant-fields, .form .variant-fields-wrapper fieldset.variant-fields, .variant-fields-wrapper .form fieldset.variant-fields, .form fieldset.card {
    padding: 0.75rem 1rem;
  }
}
.card .card__header, .variant-fields-wrapper .variant-fields .card__header, .form fieldset.card .card__header {
  border-bottom: 2px solid var(--color--light);
  margin-bottom: var(--layout--gutter);
}
@media only screen and (max-width: 992px) {
  .card .card__header, .variant-fields-wrapper .variant-fields .card__header, .form fieldset.card .card__header {
    margin-bottom: 0.75rem;
  }
}
.card .card__header .card__heading, .variant-fields-wrapper .variant-fields .card__header .card__heading {
  margin-bottom: 0.75rem;
}
.card .card__heading, .variant-fields-wrapper .variant-fields .card__heading, .form fieldset.card .card__heading {
  color: var(--color--primary);
  font-size: 1.25rem;
  font-weight: var(--weight--semibold);
  margin: 0;
  margin-bottom: 0.75rem;
  margin-bottom: var(--layout--gutter);
}
.card .card__heading.has-small-margin, .variant-fields-wrapper .variant-fields .card__heading.has-small-margin {
  margin-bottom: 0.5rem;
}
.card .card__heading.is-small, .variant-fields-wrapper .variant-fields .card__heading.is-small, .card .datatable .datatable__search button.card__heading, .variant-fields-wrapper .variant-fields .datatable .datatable__search button.card__heading, .datatable .datatable__search .card button.card__heading, .datatable .datatable__search .variant-fields-wrapper .variant-fields button.card__heading, .variant-fields-wrapper .datatable .datatable__search .variant-fields button.card__heading {
  font-size: 1rem;
}
.card .card__description, .variant-fields-wrapper .variant-fields .card__description, .form fieldset.card .card__description {
  margin-top: 0;
  font-size: 0.875rem;
  font-weight: var(--weight--medium);
  margin-bottom: 0.75rem;
}
.card .card__description.is-slim, .variant-fields-wrapper .variant-fields .card__description.is-slim {
  max-width: 45rem;
  margin-right: auto;
}
.card + .card, .variant-fields-wrapper .variant-fields + .card, .variant-fields-wrapper .card + .variant-fields, .variant-fields-wrapper .variant-fields + .variant-fields, .form fieldset.card + .card, .form .card + fieldset.card {
  margin-top: var(--layout--gutter);
}
@media only screen and (max-width: 992px) {
  .card + .card, .variant-fields-wrapper .variant-fields + .card, .variant-fields-wrapper .card + .variant-fields, .variant-fields-wrapper .variant-fields + .variant-fields, .form fieldset.card + .card, .form .card + fieldset.card {
    margin-top: 0.75rem;
  }
}
.card .field, .variant-fields-wrapper .variant-fields .field, .form fieldset.card .field {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 992px) {
  .card .field, .variant-fields-wrapper .variant-fields .field, .form fieldset.card .field {
    margin-bottom: 1rem;
  }
}

.card.is-small .card__heading, .variant-fields-wrapper .is-small.variant-fields .card__heading, .datatable .datatable__search button.card .card__heading, .datatable .datatable__search .variant-fields-wrapper button.variant-fields .card__heading, .variant-fields-wrapper .datatable .datatable__search button.variant-fields .card__heading {
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  font-size: 1rem;
}

.info-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--layout--gutter);
}
@media only screen and (max-width: 992px) {
  .info-cards {
    grid-template-columns: 1fr;
  }
}
.info-cards p {
  margin: 0;
  padding: var(--layout--gutter);
  border-radius: 0.75rem;
  border: 1px solid #BFDFFF;
  font-size: 1rem;
  line-height: 1.5;
}

.payout {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.payout span {
  font-size: 0.875rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.payout p {
  margin: 0;
  font-size: 1.125rem;
}

.navbar {
  background: var(--color--background);
  color: var(--color--white);
  width: 100%;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 1.75rem;
  padding-bottom: 0.75rem;
  min-height: 5.75rem;
}
@media only screen and (max-width: 992px) {
  .navbar {
    padding-top: 1rem;
  }
}
.navbar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 2.5rem);
  background-color: var(--color--primary);
}
@media only screen and (max-width: 992px) {
  .navbar::after {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}
.navbar ul,
.navbar ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar .button, .navbar .devise input[type=submit], .devise .navbar input[type=submit], .navbar .devise button, .devise .navbar button, .navbar .splide .splide__pagination__page, .splide .navbar .splide__pagination__page, .navbar .splide .splide__arrow, .splide .navbar .splide__arrow, .navbar .datatable .datatable__search button, .datatable .datatable__search .navbar button {
  padding: 0;
  height: 100%;
}
.navbar .navbar__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%;
  padding: 0 var(--layout--gutter);
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .navbar .navbar__wrapper {
    padding: 0;
  }
}
.navbar .navbar__logo {
  display: flex;
  height: 100%;
}
.navbar .navbar__logo svg, .navbar .navbar__logo img {
  width: 7.5rem;
  height: auto;
  display: flex;
  margin-bottom: 0.5rem;
}
.navbar .navbar__logo svg path, .navbar .navbar__logo img path {
  fill: var(--color--white);
}
.navbar .navbar__content {
  height: 100%;
  display: flex;
  align-items: center;
}
.navbar .navbar__content > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  height: 100%;
}
.navbar .navbar__content > ul li {
  height: 100%;
  display: flex;
  align-items: center;
}
.navbar .navbar__content > ul > *:not(:last-child) {
  margin-right: var(--layout--gutter);
}

.page-navigation {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: var(--layout--gutter);
}
@media only screen and (max-width: 1312px) {
  .page-navigation {
    margin-bottom: 1rem;
  }
}

.page-navigation-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1.5rem;
  background-color: transparent;
  color: var(--color--primary);
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 220ms ease-in-out;
}
@media only screen and (max-width: 1312px) {
  .page-navigation-item {
    flex: 1;
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    justify-content: center;
  }
}
.page-navigation-item:hover {
  color: var(--color--accent);
}
.page-navigation-item.active {
  border-color: var(--color--accent);
  color: var(--color--accent);
}
.page-navigation-item.active .page-navigation-item__count {
  background-color: var(--color--accent);
}
.page-navigation-item svg {
  width: 1.125rem;
  height: 1.125rem;
  color: inherit;
}
.page-navigation-item .page-navigation-item__count {
  background-color: var(--color--primary);
  border-radius: 1.5rem;
  color: white;
  display: inline-block;
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  min-width: 1.5rem;
  padding: 0 0.5rem;
}

.back-button {
  display: flex;
  align-items: center;
  color: var(--color--white);
  padding: 0.25rem 0;
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: var(--weight--semibold);
  text-transform: uppercase;
  line-height: 1;
  gap: 0.75rem;
}
@media only screen and (max-width: 992px) {
  .back-button {
    margin-top: 0.25rem;
  }
}
.back-button:hover {
  color: var(--color--white);
}
.back-button .icon {
  width: 1rem;
  height: auto;
}
.back-button .icon svg {
  stroke: unset;
}
.back-button .icon svg path {
  stroke: unset;
}

.user-avatar {
  display: flex;
  align-items: center;
  gap: var(--layout--gutter);
  font-size: 0.875rem;
  font-weight: var(--weight--normal);
  padding-right: var(--layout--gutter);
  color: var(--color--white);
}
@media only screen and (max-width: 992px) {
  .user-avatar span {
    display: none;
  }
}
.user-avatar:hover {
  color: var(--color--white);
  opacity: 0.8;
}
.user-avatar figure {
  display: flex;
}
.user-avatar img {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  object-fit: cover;
}

.burger-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 2rem;
  height: 2rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 10;
}

.burger-menu:focus {
  outline: none;
}

.burger-menu span {
  width: 2rem;
  height: 0.25rem;
  background: var(--color--white);
  border-radius: 10px;
  transition: all 0.3s linear;
  position: relative;
  transform-origin: 1px;
}

.burger-menu.is-close span {
  background-color: var(--color--foreground);
}
.burger-menu.is-close span:nth-child(1) {
  transform: rotate(45deg);
}
.burger-menu.is-close span:nth-child(2) {
  opacity: 0;
}
.burger-menu.is-close span:nth-child(3) {
  transform: rotate(-45deg);
}

.sidebar {
  background: var(--color--background);
  color: var(--color--foreground);
  height: auto;
  width: 17rem;
  min-width: fit-content;
  z-index: 100;
}
@media only screen and (max-width: 1440px) {
  .sidebar {
    width: 28%;
  }
}
@media only screen and (max-width: 992px) {
  .sidebar {
    min-width: unset;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
  }
}
.sidebar.is-active {
  transform: translateX(0);
}
.sidebar .sidebar__wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-flow: column nowrap;
  position: sticky;
  top: 0;
}
@media only screen and (max-width: 1440px) {
  .sidebar .sidebar__wrapper {
    position: relative;
  }
}
.sidebar .sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem;
}
.sidebar .sidebar__logo {
  display: flex;
}
.sidebar .sidebar__logo img, .sidebar .sidebar__logo svg {
  width: 6.25rem;
  height: auto;
  object-fit: contain;
}
.sidebar .sidebar__content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
@media only screen and (max-width: 992px) {
  .sidebar .sidebar__content {
    padding: 0;
  }
}
.sidebar .sidebar__filter {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row nowrap;
  padding: 0 var(--spacing--2);
}
.sidebar .sidebar__filter > .input {
  width: 100%;
}
.sidebar .sidebar__links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: column nowrap;
  padding: 0.75rem 1.25rem;
}
.sidebar .sidebar__links .separator {
  width: 100%;
  height: 1px;
  background-color: var(--color--light);
  margin: var(--spacing--2) 0;
}
.sidebar .sidebar__links > li {
  width: 100%;
}
.sidebar .sidebar__links > li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row nowrap;
  gap: 0.75rem;
  padding: 0.5rem 1.5rem;
  border-radius: 0.25rem;
  color: var(--color--foreground);
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: var(--weight--medium);
  transition: var(--transition--default);
  overflow: hidden;
}
.sidebar .sidebar__links > li a .notification {
  height: 1.5em;
  min-width: 1.5em;
  padding: 0 0.375em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--color--primary);
  color: var(--color--light);
  border-radius: 1.5em;
}
.sidebar .sidebar__links > li a .notification:empty {
  display: none;
}
.sidebar .sidebar__links > li a .notification--red {
  background-color: var(--color--red); /* Use your defined red variable */
  color: var(--color--light); /* Adjust text color if needed for contrast */
  border-radius: 1em;
  min-width: 0.75em;
  height: 0.75em;
}
.sidebar .sidebar__links > li a .text {
  white-space: nowrap;
}
.sidebar .sidebar__links > li a .icon {
  margin: 0;
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.1875rem;
  color: inherit;
}
.sidebar .sidebar__links > li a .icon svg {
  width: 1rem;
  height: 1rem;
}
.sidebar .sidebar__links > li a .icon svg path {
  stroke: initial;
}
.sidebar .sidebar__links > li a.active {
  color: var(--color--primary);
  background-color: #F2F2F2;
}
.sidebar .sidebar__links > li a.active .icon {
  background-color: inherit;
  color: inherit;
}
.sidebar .sidebar__links > li a:hover {
  padding-left: var(--spacing--3);
}
.sidebar .sidebar__links > li.permitted a {
  background: var(--color--accent);
  color: var(--color--background);
}
.sidebar .sidebar__links > li.permitted a .icon svg path {
  color: var(--color--background);
}
.sidebar .sidebar__footer {
  padding: var(--layout--gutter);
  border-top: 1px solid var(--color--light);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
  margin-top: auto;
}

body.modal-is-open {
  overflow: hidden;
}
body.modal-is-open .modal {
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}
body.modal-is-open .admin-view, body.modal-is-open .navbar {
  filter: blur(5px);
}

.modal {
  --color--accent--default: var(--color--accent);
  --color--accent--hover: var(--color--accent--lightest);
  --color--accent--active: var(--color--accent--dark);
  --color--border: var(--color--light);
  --color--overlay: rgba(0 0 0 / 10%);
  scrollbar-gutter: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: var(--color--overlay);
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
  overflow-y: auto;
}
.modal:not([hidden]) {
  display: block;
}
.modal .modal__wrapper {
  width: 100%;
  max-width: 1312px;
  position: relative;
  margin: 5rem auto;
  transform: scale(0.9);
}
@media only screen and (max-width: 1312px) {
  .modal .modal__wrapper {
    margin: auto;
    position: absolute;
    bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-height: 80%;
  }
}
.modal .modal__wrapper--small {
  max-width: 668px;
}
@media only screen and (max-width: 1312px) {
  .modal .modal__wrapper--small {
    max-width: 100%;
  }
}
.modal .modal__wrapper--medium {
  max-width: 992px;
}
@media only screen and (max-width: 1312px) {
  .modal .modal__wrapper--medium {
    max-width: 100%;
  }
}
.modal .modal__wrapper--large {
  max-width: 1312px;
}
.modal .modal__wrapper.zoom-in {
  transition: all 0.2s;
  transform: scale(1);
}
.modal .modal__content {
  padding: var(--layout--gutter);
  outline: none;
  box-shadow: 0px 4px 23.5px 0px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(37, 37, 37, 0.04);
  border-radius: 0.25rem;
  background-color: var(--color--white);
  position: relative;
}
@media only screen and (max-width: 1312px) {
  .modal .modal__content {
    height: auto;
    padding: var(--spacing--2);
  }
}
.modal .modal__content h2, .modal .modal__content h3, .modal .modal__content .devise h1, .devise .modal .modal__content h1,
.modal .modal__content .devise h4,
.devise .modal .modal__content h4 {
  font-size: 1.375rem;
  margin: 0;
  margin-bottom: var(--layout--gutter);
  font-weight: var(--weight--semibold);
  color: var(--color--primary);
}
@media only screen and (max-width: 1312px) {
  .modal .modal__content h2, .modal .modal__content h3, .modal .modal__content .devise h1, .devise .modal .modal__content h1,
  .modal .modal__content .devise h4,
  .devise .modal .modal__content h4 {
    font-size: 1.25rem;
    margin-bottom: 0.875rem;
  }
}
.modal .modal__content.is-no-padding {
  padding: 0;
}
.modal .modal__footer {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: var(--layout--gutter);
  border: none;
}
.modal .modal__close {
  position: absolute;
  background: none;
  z-index: 1;
  top: 1.75rem;
  right: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  transition: all 220ms ease-in-out;
}
.modal .modal__close:hover {
  background: none;
}
.modal .modal__close:hover svg path {
  stroke: var(--color--accent);
}
@media only screen and (max-width: 1312px) {
  .modal .modal__close {
    top: 0.5rem;
    right: var(--spacing--2);
    padding-right: 0 !important;
  }
}
.modal .modal__close svg {
  width: 100%;
  height: 100%;
  margin: 0;
}
.modal .modal__close svg path {
  stroke: var(--color--foreground);
}
.modal .assessment-header {
  margin-bottom: var(--spacing--3);
}
.modal .assessment-header .assessment-header__icon {
  background-color: var(--color--lightest);
}
.modal .assessment-info__scores {
  flex-wrap: wrap;
}
.modal .assessment-info__scores > div {
  min-width: 110px;
}
.modal .assessment-info__header {
  justify-content: stretch;
  align-items: flex-start;
  flex-direction: column;
}
@media only screen and (max-width: 1312px) {
  .modal .assessment-info__header {
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
  }
}
.modal .assessment-info__header .assessment-info__scores {
  gap: var(--spacing--3);
}
.modal .assessment-info__header .assessment-info__status {
  width: auto;
  flex: 1;
  min-width: 200px;
}
.modal .assessment-info__section {
  padding: var(--spacing--3) var(--spacing--3);
  border-bottom: none;
  border-top: 2px solid var(--color--lightest);
}
@media only screen and (max-width: 1312px) {
  .modal .assessment-info__section {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }
}
.modal .assessor-info {
  width: auto;
  flex: 1;
  min-width: 200px;
}
@media only screen and (max-width: 1312px) {
  .modal .assessor-info {
    align-items: flex-start;
  }
}
.modal .assessor-info .assessor-info__user {
  text-align: left;
}
@media only screen and (max-width: 1312px) {
  .modal .assessor-info .assessor-info__user {
    align-items: flex-start;
  }
}

.driver-popover {
  max-width: 600px !important;
}

.driver-image-wrapper {
  max-width: 21.875rem;
}
.driver-image-wrapper img {
  display: flex;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.modal-search {
  display: flex;
  margin-bottom: var(--spacing--3);
}
@media only screen and (max-width: 992px) {
  .modal-search {
    flex-wrap: wrap;
    gap: 0.625rem;
    margin-bottom: var(--spacing--2);
  }
  .modal-search input {
    width: 100%;
  }
}

.container, .toolkit-container {
  width: 100%;
  max-width: calc(1440px + 2 * var(--layout--gutter));
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--layout--gutter);
  padding-right: var(--layout--gutter);
  box-sizing: border-box;
}
.container.has-no-gutter, .has-no-gutter.toolkit-container {
  padding-left: 0;
  padding-right: 0;
}
.container.is-fullwidth, .is-fullwidth.toolkit-container {
  max-width: 100%;
  width: 100%;
}
.container.is-small, .is-small.toolkit-container, .datatable .datatable__search button.container, .datatable .datatable__search button.toolkit-container {
  max-width: 668px;
  max-width: calc(668px + 2 * var(--layout--gutter));
}
.container.is-small.has-no-gutter, .is-small.has-no-gutter.toolkit-container, .datatable .datatable__search button.container.has-no-gutter, .datatable .datatable__search button.has-no-gutter.toolkit-container {
  max-width: 668px;
}
.container.is-medium, .is-medium.toolkit-container {
  max-width: 992px;
  max-width: calc(992px + 2 * var(--layout--gutter));
}
.container.is-medium.has-no-gutter, .is-medium.has-no-gutter.toolkit-container {
  max-width: 992px;
}
.container.is-large, .is-large.toolkit-container {
  max-width: 1312px;
  max-width: calc(1312px + 2 * var(--layout--gutter));
}
.container.is-large.has-no-gutter, .is-large.has-no-gutter.toolkit-container {
  max-width: 1312px;
}
.container.is-xlarge, .is-xlarge.toolkit-container {
  max-width: 1440px;
  max-width: calc(1440px + 2 * var(--layout--gutter));
}
.container.is-xlarge.has-no-gutter, .is-xlarge.has-no-gutter.toolkit-container {
  max-width: 1440px;
}
.container.is-xxlarge, .is-xxlarge.toolkit-container {
  max-width: 1920px;
  max-width: calc(1920px + 2 * var(--layout--gutter));
}
.container.is-xxlarge.has-no-gutter, .is-xxlarge.has-no-gutter.toolkit-container {
  max-width: 1920px;
}
.container.is-navigation, .is-navigation.toolkit-container {
  max-width: 992px;
  max-width: calc(992px + 2 * var(--layout--gutter));
}
.container.is-navigation.has-no-gutter, .is-navigation.has-no-gutter.toolkit-container {
  max-width: 992px;
}

.flex, .toolkit-flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: row nowrap;
}
.flex.has-no-gap .col, .has-no-gap.toolkit-flex .col {
  margin-left: 0;
  margin-right: 0;
}
.flex .col, .toolkit-flex .col {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  margin-left: calc(var(--layout--gutter) / 2);
  margin-right: calc(var(--layout--gutter) / 2);
}
.flex .col:first-child, .toolkit-flex .col:first-child {
  margin-left: 0;
}
.flex .col:last-child, .toolkit-flex .col:last-child {
  margin-right: 0;
}
.flex .col.has-no-gap, .toolkit-flex .col.has-no-gap {
  margin-left: 0;
  margin-right: 0;
}
.flex .col.is-full, .toolkit-flex .col.is-full {
  flex: none;
  width: 100%;
}
.flex .col.is-four-fifths, .toolkit-flex .col.is-four-fifths {
  flex: none;
  width: 80%;
}
.flex .col.is-three-quarters, .toolkit-flex .col.is-three-quarters {
  flex: none;
  width: 75%;
}
.flex .col.is-two-thirds, .toolkit-flex .col.is-two-thirds {
  flex: none;
  width: 66.66%;
}
.flex .col.is-three-fifths, .toolkit-flex .col.is-three-fifths {
  flex: none;
  width: 60%;
}
.flex .col.is-half, .toolkit-flex .col.is-half {
  flex: none;
  width: 50%;
}
.flex .col.is-two-fifths, .toolkit-flex .col.is-two-fifths {
  flex: none;
  width: 40%;
}
.flex .col.is-one-third, .toolkit-flex .col.is-one-third {
  flex: none;
  width: 33.33%;
}
.flex .col.is-one-quarter, .toolkit-flex .col.is-one-quarter {
  flex: none;
  width: 25%;
}
.flex .col.is-one-fifth, .toolkit-flex .col.is-one-fifth {
  flex: none;
  width: 20%;
}
.flex .col.is-1, .toolkit-flex .col.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.flex .col.is-2, .toolkit-flex .col.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.flex .col.is-3, .toolkit-flex .col.is-3 {
  flex: none;
  width: 25%;
}
.flex .col.is-4, .toolkit-flex .col.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.flex .col.is-5, .toolkit-flex .col.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.flex .col.is-6, .toolkit-flex .col.is-6 {
  flex: none;
  width: 50%;
}
.flex .col.is-7, .toolkit-flex .col.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.flex .col.is-8, .toolkit-flex .col.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.flex .col.is-9, .toolkit-flex .col.is-9 {
  flex: none;
  width: 75%;
}
.flex .col.is-10, .toolkit-flex .col.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.flex .col.is-11, .toolkit-flex .col.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.flex .col.is-12, .toolkit-flex .col.is-12 {
  flex: none;
  width: 100%;
}
.flex.flex-wrap, .flex-wrap.toolkit-flex {
  flex-wrap: wrap;
}
.flex.flex-column, .flex-column.toolkit-flex {
  flex-direction: column;
}
.flex.flex-between, .flex-between.toolkit-flex {
  justify-content: space-between;
}
.flex.flex-align-center, .flex-align-center.toolkit-flex {
  align-items: center;
}
.flex.flex-justify-center, .flex-justify-center.toolkit-flex {
  justify-content: center;
}
.flex.flex-justify-end, .flex-justify-end.toolkit-flex {
  justify-content: end;
}
.flex.flex-justify-between, .flex-justify-between.toolkit-flex {
  justify-content: space-between;
}
.flex.flex-gap, .flex-gap.toolkit-flex {
  gap: 0.625rem;
}

.admin-avatar-link:hover .admin-avatar {
  background-color: var(--color--accent--lighter);
}

.admin-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  aspect-ratio: 1/1;
  width: 3rem;
  height: 3rem;
  height: 100%;
  overflow: hidden;
  background-color: var(--color--accent);
  color: var(--color--foreground--inverted);
  border: 1px solid transparent;
  font-weight: var(--weight--semibold);
  transition: var(--transition--default);
}
.admin-avatar.is-small, .datatable .datatable__search button.admin-avatar {
  width: 1.5rem;
  height: 1.5rem;
}
.admin-avatar img, .admin-avatar svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.admin-avatar.is-superadmin {
  background-color: var(--color--accent);
}
.admin-avatar--superadmin {
  background: #fff;
  color: #000;
}
.admin-avatar--admin {
  background: #727272;
  border-color: #727272;
  color: #fff;
}
.admin-avatar--superadmin {
  background: #000;
  color: #fff;
}
.admin-avatar--deleted {
  border-color: transparent;
  background: #cccccc;
  color: #000;
}

.language-tab.active {
  background: #FF0000;
}

.block-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color--dark);
  border: 1px dashed var(--color--dark);
  font-size: 1rem;
  font-weight: var(--weight--regular);
  line-height: 1.5;
  border-radius: 0.25rem;
}
.block-link:hover {
  border-color: var(--color--accent);
  color: var(--color--accent);
}
.block-link.is-add-story-block {
  min-height: 17.5rem;
  height: 100%;
}
.block-link.is-add-gallery-images-block {
  width: 100%;
  height: 17.5rem;
  min-height: 100%;
}

@keyframes button-loading {
  0% {
    transform: translateX(-2em);
  }
  50% {
    transform: translateX(2em);
  }
  100% {
    transform: translateX(-2em);
  }
}
.button, .devise input[type=submit], .devise button, .splide .splide__pagination__page, .splide .splide__arrow, .datatable .datatable__search button {
  --color--text: var(--color--white);
  --color--text--ghost: var(--color--foreground);
  --color--accent--default: var(--color--accent);
  --color--accent--hover: var(--color--accent--lightest);
  --color--accent--active: var(--color--accent--dark);
  --size--small: 0.75rem;
  --size--default: 1rem;
  --size--large: 1.125rem;
  cursor: pointer;
  position: relative;
  transition: var(--transition--default);
  font-family: var(--family--base);
  font-weight: var(--weight--medium);
  font-style: normal;
  font-size: var(--size--default);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  background-color: var(--color--accent--default);
  color: var(--color--text);
  border-radius: 0.25rem;
  border: none;
  outline: 0;
  padding: 0.75rem 1.5rem;
  min-height: var(--input-height);
}
.button:hover, .devise input[type=submit]:hover, .devise button:hover, .splide .splide__pagination__page:hover, .splide .splide__arrow:hover, .datatable .datatable__search button:hover, .button:focus, .devise input[type=submit]:focus, .devise button:focus, .splide .splide__pagination__page:focus, .splide .splide__arrow:focus, .datatable .datatable__search button:focus {
  color: var(--color--text);
  background-color: var(--color--accent--dark);
}
.button:hover svg path, .devise input[type=submit]:hover svg path, .devise button:hover svg path, .splide .splide__pagination__page:hover svg path, .splide .splide__arrow:hover svg path, .datatable .datatable__search button:hover svg path, .button:focus svg path, .devise input[type=submit]:focus svg path, .devise button:focus svg path, .splide .splide__pagination__page:focus svg path, .splide .splide__arrow:focus svg path, .datatable .datatable__search button:focus svg path {
  stroke: var(--color--text);
}
.button.is-accent, .devise input.is-accent[type=submit], .devise button.is-accent, .splide .is-accent.splide__pagination__page, .splide .is-accent.splide__arrow, .datatable .datatable__search button.is-accent {
  --color--text: var(--color--black);
  --color--accent--default: var(--color--teal);
}
.button.is-accent:hover, .devise input.is-accent[type=submit]:hover, .devise button.is-accent:hover, .splide .is-accent.splide__pagination__page:hover, .splide .is-accent.splide__arrow:hover, .datatable .datatable__search button.is-accent:hover {
  background-color: var(--color--teal--dark);
}
.button.is-white, .devise input.is-white[type=submit], .devise button.is-white, .splide .is-white.splide__pagination__page, .splide .is-white.splide__arrow, .datatable .datatable__search button.is-white {
  --color--text: var(--color--black);
}
.button.is-light, .devise input.is-light[type=submit], .devise button.is-light, .splide .is-light.splide__pagination__page, .splide .is-light.splide__arrow, .datatable .datatable__search button.is-light {
  --color--text: var(--color--dark);
}
.button.is-dark, .devise input.is-dark[type=submit], .devise button.is-dark, .splide .is-dark.splide__pagination__page, .splide .is-dark.splide__arrow, .datatable .datatable__search button.is-dark {
  --color--text: var(--color--light);
}
.button.is-black, .devise input.is-black[type=submit], .devise button.is-black, .splide .is-black.splide__pagination__page, .splide .is-black.splide__arrow, .datatable .datatable__search button.is-black {
  --color--text: var(--color--white);
}
.button.is-destructive, .devise input.is-destructive[type=submit], .devise button.is-destructive, .splide .is-destructive.splide__pagination__page, .splide .is-destructive.splide__arrow, .datatable .datatable__search button.is-destructive {
  --color--accent--default: var(--color--alert);
  --color--accent--hover: var(--color--alert--lightest);
  --color--accent--active: var(--color--alert--dark);
}
.button.is-stripe, .devise input.is-stripe[type=submit], .devise button.is-stripe, .splide .is-stripe.splide__pagination__page, .splide .is-stripe.splide__arrow, .datatable .datatable__search button.is-stripe {
  background-color: #635bff;
  border-color: var(--color--foreground);
  color: var(--color--white);
  gap: 0.625rem;
}
.button.is-stripe:hover, .devise input.is-stripe[type=submit]:hover, .devise button.is-stripe:hover, .splide .is-stripe.splide__pagination__page:hover, .splide .is-stripe.splide__arrow:hover, .datatable .datatable__search button.is-stripe:hover {
  background-color: #5e58cf;
  color: var(--color--white);
}
.button.is-stripe:hover svg path, .devise input.is-stripe[type=submit]:hover svg path, .devise button.is-stripe:hover svg path, .splide .is-stripe.splide__pagination__page:hover svg path, .splide .is-stripe.splide__arrow:hover svg path, .datatable .datatable__search button.is-stripe:hover svg path {
  stroke: none;
}
.button.is-stripe img, .devise input.is-stripe[type=submit] img, .devise button.is-stripe img, .splide .is-stripe.splide__pagination__page img, .splide .is-stripe.splide__arrow img, .datatable .datatable__search button.is-stripe img, .button.is-stripe svg, .devise input.is-stripe[type=submit] svg, .devise button.is-stripe svg, .splide .is-stripe.splide__pagination__page svg, .splide .is-stripe.splide__arrow svg, .datatable .datatable__search button.is-stripe svg {
  width: 3.875em;
  height: auto;
  display: flex;
  object-fit: contain;
  stroke: none;
}
.button.is-stripe img path, .devise input.is-stripe[type=submit] img path, .devise button.is-stripe img path, .splide .is-stripe.splide__pagination__page img path, .splide .is-stripe.splide__arrow img path, .datatable .datatable__search button.is-stripe img path, .button.is-stripe svg path, .devise input.is-stripe[type=submit] svg path, .devise button.is-stripe svg path, .splide .is-stripe.splide__pagination__page svg path, .splide .is-stripe.splide__arrow svg path, .datatable .datatable__search button.is-stripe svg path {
  stroke: none;
  transition: none;
}
.button svg, .devise input[type=submit] svg, .devise button svg, .splide .splide__pagination__page svg, .splide .splide__arrow svg, .datatable .datatable__search button svg,
.button img,
.devise input[type=submit] img,
.devise button img,
.splide .splide__pagination__page img,
.splide .splide__arrow img,
.datatable .datatable__search button img {
  width: 1em;
  height: 1em;
  object-fit: contain;
}
.button svg path, .devise input[type=submit] svg path, .devise button svg path, .splide .splide__pagination__page svg path, .splide .splide__arrow svg path, .datatable .datatable__search button svg path {
  stroke: var(--color--text);
  transition: var(--transition--default);
}
.button.is-icon, .devise input.is-icon[type=submit], .devise button.is-icon, .splide .is-icon.splide__pagination__page, .splide .splide__arrow, .datatable .datatable__search button {
  min-width: 2rem;
  min-height: 2rem;
  padding: var(--spacing--1);
}
.button.is-bordered, .devise input.is-bordered[type=submit], .devise button.is-bordered, .splide .is-bordered.splide__pagination__page, .splide .is-bordered.splide__arrow, .datatable .datatable__search button.is-bordered {
  border: 1px solid var(--color--accent--default);
  background: transparent;
  color: var(--color--foreground);
}
.button.is-bordered svg path, .devise input.is-bordered[type=submit] svg path, .devise button.is-bordered svg path, .splide .is-bordered.splide__pagination__page svg path, .splide .is-bordered.splide__arrow svg path, .datatable .datatable__search button.is-bordered svg path {
  stroke: currentColor;
}
.button.is-bordered:hover, .devise input.is-bordered[type=submit]:hover, .devise button.is-bordered:hover, .splide .is-bordered.splide__pagination__page:hover, .splide .is-bordered.splide__arrow:hover, .datatable .datatable__search button.is-bordered:hover {
  background: transparent;
  border-color: var(--color--accent--dark);
  color: var(--color--accent--dark);
}
.button.is-bordered:hover svg path, .devise input.is-bordered[type=submit]:hover svg path, .devise button.is-bordered:hover svg path, .splide .is-bordered.splide__pagination__page:hover svg path, .splide .is-bordered.splide__arrow:hover svg path, .datatable .datatable__search button.is-bordered:hover svg path {
  stroke: currentColor;
}
.button.is-bordered[disabled], .devise input.is-bordered[disabled][type=submit], .devise button.is-bordered[disabled], .splide .is-bordered[disabled].splide__pagination__page, .splide .is-bordered[disabled].splide__arrow, .datatable .datatable__search button.is-bordered[disabled], .button.is-bordered.disabled, .devise input.is-bordered.disabled[type=submit], .devise button.is-bordered.disabled, .splide .is-bordered.disabled.splide__pagination__page, .splide .is-bordered.disabled.splide__arrow, .datatable .datatable__search button.is-bordered.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.button.is-bordered[disabled]:hover, .devise input.is-bordered[disabled][type=submit]:hover, .devise button.is-bordered[disabled]:hover, .splide .is-bordered[disabled].splide__pagination__page:hover, .splide .is-bordered[disabled].splide__arrow:hover, .datatable .datatable__search button.is-bordered[disabled]:hover, .button.is-bordered.disabled:hover, .devise input.is-bordered.disabled[type=submit]:hover, .devise button.is-bordered.disabled:hover, .splide .is-bordered.disabled.splide__pagination__page:hover, .splide .is-bordered.disabled.splide__arrow:hover, .datatable .datatable__search button.is-bordered.disabled:hover {
  background: transparent;
  color: var(--color--accent--default);
}
.button.is-bordered[disabled]:hover svg path, .devise input.is-bordered[disabled][type=submit]:hover svg path, .devise button.is-bordered[disabled]:hover svg path, .splide .is-bordered[disabled].splide__pagination__page:hover svg path, .splide .is-bordered[disabled].splide__arrow:hover svg path, .datatable .datatable__search button.is-bordered[disabled]:hover svg path, .button.is-bordered.disabled:hover svg path, .devise input.is-bordered.disabled[type=submit]:hover svg path, .devise button.is-bordered.disabled:hover svg path, .splide .is-bordered.disabled.splide__pagination__page:hover svg path, .splide .is-bordered.disabled.splide__arrow:hover svg path, .datatable .datatable__search button.is-bordered.disabled:hover svg path {
  stroke: currentColor;
}
.button.is-ghost, .devise input.is-ghost[type=submit], .devise button.is-ghost, .splide .is-ghost.splide__pagination__page, .splide .is-ghost.splide__arrow, .datatable .datatable__search button {
  --color--accent--hover: var(--color--accent);
  background-color: transparent;
  color: var(--color--text--ghost);
}
.button.is-ghost svg path, .devise input.is-ghost[type=submit] svg path, .devise button.is-ghost svg path, .splide .is-ghost.splide__pagination__page svg path, .splide .is-ghost.splide__arrow svg path, .datatable .datatable__search button svg path {
  stroke: var(--color--text--ghost);
}
.button.is-ghost:hover, .devise input.is-ghost[type=submit]:hover, .devise button.is-ghost:hover, .splide .is-ghost.splide__pagination__page:hover, .splide .is-ghost.splide__arrow:hover, .datatable .datatable__search button:hover, .button.is-ghost:focus, .devise input.is-ghost[type=submit]:focus, .devise button.is-ghost:focus, .splide .is-ghost.splide__pagination__page:focus, .splide .is-ghost.splide__arrow:focus, .datatable .datatable__search button:focus {
  background-color: transparent;
  color: var(--color--accent--hover);
}
.button.is-ghost:hover svg path, .devise input.is-ghost[type=submit]:hover svg path, .devise button.is-ghost:hover svg path, .splide .is-ghost.splide__pagination__page:hover svg path, .splide .is-ghost.splide__arrow:hover svg path, .datatable .datatable__search button:hover svg path, .button.is-ghost:focus svg path, .devise input.is-ghost[type=submit]:focus svg path, .devise button.is-ghost:focus svg path, .splide .is-ghost.splide__pagination__page:focus svg path, .splide .is-ghost.splide__arrow:focus svg path, .datatable .datatable__search button:focus svg path {
  stroke: var(--color--accent--hover);
}
.button.is-ghost:active, .devise input.is-ghost[type=submit]:active, .devise button.is-ghost:active, .splide .is-ghost.splide__pagination__page:active, .splide .is-ghost.splide__arrow:active, .datatable .datatable__search button:active, .button.is-ghost.is-active, .devise input.is-ghost.is-active[type=submit], .devise button.is-ghost.is-active, .splide .is-ghost.is-active.splide__pagination__page, .splide .is-ghost.is-active.splide__arrow, .datatable .datatable__search button.is-active {
  background-color: transparent;
  color: var(--color--accent--active);
}
.button.has-icon-left .icon, .devise input.has-icon-left[type=submit] .icon, .devise button.has-icon-left .icon, .splide .has-icon-left.splide__pagination__page .icon, .splide .has-icon-left.splide__arrow .icon, .datatable .datatable__search button.has-icon-left .icon {
  margin-right: 0.5rem;
  margin-top: -0.125rem;
}
.button.has-icon-right .icon, .devise input.has-icon-right[type=submit] .icon, .devise button.has-icon-right .icon, .splide .has-icon-right.splide__pagination__page .icon, .splide .has-icon-right.splide__arrow .icon, .datatable .datatable__search button.has-icon-right .icon {
  margin-left: 0.5rem;
}
.button.is-primary, .devise input[type=submit], .devise button.is-primary, .splide .is-primary.splide__pagination__page, .splide .is-primary.splide__arrow, .datatable .datatable__search button.is-primary {
  background-color: var(--color--primary);
}
.button.is-primary:hover, .devise input[type=submit]:hover, .devise button.is-primary:hover, .splide .is-primary.splide__pagination__page:hover, .splide .is-primary.splide__arrow:hover, .datatable .datatable__search button.is-primary:hover {
  background-color: var(--color--primary);
}
.button:active, .devise input[type=submit]:active, .devise button:active, .splide .splide__pagination__page:active, .splide .splide__arrow:active, .datatable .datatable__search button:active, .button.is-active, .devise input.is-active[type=submit], .devise button.is-active, .splide .is-active.splide__pagination__page, .splide .is-active.splide__arrow, .datatable .datatable__search button.is-active {
  color: var(--color--text);
  background-color: var(--color--accent--active);
}
.button:active svg path, .devise input[type=submit]:active svg path, .devise button:active svg path, .splide .splide__pagination__page:active svg path, .splide .splide__arrow:active svg path, .datatable .datatable__search button:active svg path, .button.is-active svg path, .devise input.is-active[type=submit] svg path, .devise button.is-active svg path, .splide .is-active.splide__pagination__page svg path, .splide .is-active.splide__arrow svg path, .datatable .datatable__search button.is-active svg path {
  stroke: var(--color--text);
}
.button:disabled, .devise input[type=submit]:disabled, .devise button:disabled, .splide .splide__pagination__page:disabled, .splide .splide__arrow:disabled, .datatable .datatable__search button:disabled, .button.is-disabled, .devise input.is-disabled[type=submit], .devise button.is-disabled, .splide .is-disabled.splide__pagination__page, .splide .is-disabled.splide__arrow, .datatable .datatable__search button.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.button > *:not(:last-child), .devise input[type=submit] > *:not(:last-child), .devise button > *:not(:last-child), .splide .splide__pagination__page > *:not(:last-child), .splide .splide__arrow > *:not(:last-child), .datatable .datatable__search button > *:not(:last-child) {
  margin-right: var(--spacing--1);
}
.button.is-small, .devise input.is-small[type=submit], .devise button.is-small, .splide .is-small.splide__pagination__page, .splide .is-small.splide__arrow, .datatable .datatable__search button {
  font-size: var(--size--small);
  padding: var(--spacing--1) var(--spacing--2);
  min-height: unset;
}
.button.is-large, .devise input.is-large[type=submit], .devise button.is-large, .splide .is-large.splide__pagination__page, .splide .is-large.splide__arrow, .datatable .datatable__search button.is-large {
  font-size: var(--size--large);
  padding: var(--spacing--2) var(--spacing--3);
  min-height: unset;
}
@media only screen and (max-width: 1312px) {
  .button.is-large, .devise input.is-large[type=submit], .devise button.is-large, .splide .is-large.splide__pagination__page, .splide .is-large.splide__arrow, .datatable .datatable__search button.is-large {
    font-size: 1rem;
  }
}
.button.is-loading, .devise input.is-loading[type=submit], .devise button.is-loading, .splide .is-loading.splide__pagination__page, .splide .is-loading.splide__arrow, .datatable .datatable__search button.is-loading {
  cursor: wait;
  color: transparent !important;
  opacity: 1 !important;
}
.button.is-loading::after, .devise input.is-loading[type=submit]::after, .devise button.is-loading::after, .splide .is-loading.splide__pagination__page::after, .splide .is-loading.splide__arrow::after, .datatable .datatable__search button.is-loading::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 0.25em);
  left: calc(50% - 0.25em);
  width: 0.5em;
  height: 0.5em;
  border-radius: 100%;
  background-color: var(--color--text);
  animation-name: button-loading;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-duration: 2s;
}
.button.is-rounded, .devise input.is-rounded[type=submit], .devise button.is-rounded, .splide .is-rounded.splide__pagination__page, .splide .is-rounded.splide__arrow, .datatable .datatable__search button.is-rounded {
  border-radius: var(--spacing--1);
}
.button.is-google, .devise input.is-google[type=submit], .devise button.is-google, .splide .is-google.splide__pagination__page, .splide .is-google.splide__arrow, .datatable .datatable__search button.is-google {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  --color--text: var(--color--dark);
  background-color: var(--color--white);
  text-transform: none;
  letter-spacing: 0;
  font-weight: var(--weight--medium);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.button.is-google:hover, .devise input.is-google[type=submit]:hover, .devise button.is-google:hover, .splide .is-google.splide__pagination__page:hover, .splide .is-google.splide__arrow:hover, .datatable .datatable__search button.is-google:hover, .button.is-google:focus, .devise input.is-google[type=submit]:focus, .devise button.is-google:focus, .splide .is-google.splide__pagination__page:focus, .splide .is-google.splide__arrow:focus, .datatable .datatable__search button.is-google:focus {
  background-color: var(--color--white);
}

.buttons, .devise .actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.buttons > *:not(:last-child), .devise .actions > *:not(:last-child) {
  margin-right: var(--spacing--2);
}

.button.is-action, .devise input.is-action[type=submit], .devise button.is-action, .splide .is-action.splide__pagination__page, .splide .is-action.splide__arrow, .datatable .datatable__search button.is-action {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
  min-height: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .button.is-action, .devise input.is-action[type=submit], .devise button.is-action, .splide .is-action.splide__pagination__page, .splide .is-action.splide__arrow, .datatable .datatable__search button.is-action {
    height: 2rem;
    width: 2rem;
  }
}
.button.is-action .icon, .devise input.is-action[type=submit] .icon, .devise button.is-action .icon, .splide .is-action.splide__pagination__page .icon, .splide .is-action.splide__arrow .icon, .datatable .datatable__search button.is-action .icon {
  width: 0.75rem;
  height: 0.75rem;
  display: flex;
}
.button.is-action svg, .devise input.is-action[type=submit] svg, .devise button.is-action svg, .splide .is-action.splide__pagination__page svg, .splide .is-action.splide__arrow svg, .datatable .datatable__search button.is-action svg {
  width: 100%;
  height: 100%;
  margin: 0;
}

.action-log {
  padding: 0.625rem;
  background-color: var(--color--lighter);
}
.action-log .admin-avatar.is-small, .action-log .datatable .datatable__search button.admin-avatar, .datatable .datatable__search .action-log button.admin-avatar {
  margin-right: var(--spacing--1);
}

.input-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: column nowrap;
  gap: var(--spacing--1);
}

.input,
.textarea {
  --color--background--default: transparent;
  --color--background--hover: transparent;
  --color--background--active: transparent;
  --color--background--disabled: var(--color--background--highlighted);
  --color--foreground--default: var(--color--foreground);
  --color--foreground--hover: var(--color--foreground);
  --color--foreground--active: var(--color--foreground);
  --color--foreground--disabled: var(--color--foreground--highlighted);
  --color--border--default: #cbcbcb;
  --color--border--hover: var(--color--accent);
  --color--border--active: var(--color--accent);
  --color--border--disabled: var(--color--light);
  --color--accent--default: var(--color--accent);
  --color--accent--hover: var(--color--accent);
  --color--accent--active: var(--color--accent);
  --color--placeholder: #CACACA;
  display: block;
  position: relative;
  background-color: var(--color--background--default);
  color: var(--color--foreground--default);
  border: 1px solid var(--color--border--default);
  border-radius: 0.25rem;
  outline: none;
  transition: var(--transition--default);
  padding: 0.625rem 0.75rem;
  font-family: var(--family--base);
  font-size: var(--size--base);
  line-height: 1;
  width: auto;
  min-height: var(--input-height);
  font-size: 0.875rem;
  line-height: 1.5;
}
.input::placeholder,
.textarea::placeholder {
  color: var(--color--placeholder);
}
.input:hover,
.textarea:hover {
  background-color: var(--color--background--hover);
  color: var(--color--foreground--hover);
  border-color: var(--color--border--hover);
}
.input:active, .input:focus, .input.is-active, .input.active,
.textarea:active,
.textarea:focus,
.textarea.is-active,
.textarea.active {
  background-color: var(--color--background--active);
  color: var(--color--foreground--active);
  border-color: var(--color--border--active);
}
.input:disabled, .input.is-disabled,
.textarea:disabled,
.textarea.is-disabled {
  cursor: not-allowed;
  background-color: var(--color--background--disabled);
  color: var(--color--foreground--disabled);
  border-color: var(--color--border--disabled);
}
.input.is-main,
.textarea.is-main {
  font-weight: 700;
}
.input.is-search,
.textarea.is-search {
  min-width: 33.33%;
  padding: 0.75rem 1.5rem;
  padding-right: 4.25rem;
  background-image: url(/assets/icons/search-a066f364eaaf73c9631f844128939657549913389f17f194ed283e47fdfa3c64.svg);
  background-position: calc(100% - 1.5rem) center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 992px) {
  .input.is-search,
  .textarea.is-search {
    min-width: 100%;
  }
}
.input.is-valid,
.textarea.is-valid {
  --color--accent--darkest: var(--color--success--darkest);
  --color--accent--darker: var(--color--success--darker);
  --color--accent--dark: var(--color--success--dark);
  --color--accent: var(--color--success);
  --color--accent--light: var(--color--success--light);
  --color--accent--lighter: var(--color--success--lighter);
  --color--accent--lightest: var(--color--success--lightest);
  --color--border--default: var(--color--accent);
  --color--foreground--default: var(--color--accent);
}
.input.is-invalid,
.textarea.is-invalid {
  --color--accent--darkest: var(--color--alert--darkest);
  --color--accent--darker: var(--color--alert--darker);
  --color--accent--dark: var(--color--alert--dark);
  --color--accent: var(--color--alert);
  --color--accent--light: var(--color--alert--light);
  --color--accent--lighter: var(--color--alert--lighter);
  --color--accent--lightest: var(--color--alert--lightest);
  --color--border--default: var(--color--accent);
  --color--foreground--default: var(--color--accent);
}
.input[type=number],
.textarea[type=number] {
  -moz-appearance: textfield;
}
.input[type=number]::-webkit-outer-spin-button, .input[type=number]::-webkit-inner-spin-button,
.textarea[type=number]::-webkit-outer-spin-button,
.textarea[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select.input {
  appearance: none;
  padding-right: 2.5rem;
  background-image: url(/assets/icons/chevron-ea78367623a0ca02d2480c0870635a15c00581113e036b87956be05873028f87.svg);
  background-position: calc(100% - 0.75rem) center;
  background-repeat: no-repeat;
}
select.input.is-white {
  background: url(/assets/icons/chevron-ea78367623a0ca02d2480c0870635a15c00581113e036b87956be05873028f87.svg), var(--color--background);
  background-position: calc(100% - 0.75rem) center;
  background-repeat: no-repeat;
}

.textarea {
  resize: vertical;
}

.tox-tinymce {
  --color--accent--default: var(--color--accent);
  --color--accent--hover: var(--color--accent);
  --color--accent--active: var(--color--accent);
  --color--border--default: var(--color--light);
  border-color: var(--color--border--default) !important;
  transition: border-color var(--transition--default);
  width: 100%;
}
.tox-tinymce.is-valid {
  --color--accent--darkest: var(--color--success--darkest);
  --color--accent--darker: var(--color--success--darker);
  --color--accent--dark: var(--color--success--dark);
  --color--accent: var(--color--success);
  --color--accent--light: var(--color--success--light);
  --color--accent--lighter: var(--color--success--lighter);
  --color--accent--lightest: var(--color--success--lightest);
  border-color: var(--color--accent--default) !important;
}
.tox-tinymce.is-invalid {
  --color--accent--darkest: var(--color--alert--darkest);
  --color--accent--darker: var(--color--alert--darker);
  --color--accent--dark: var(--color--alert--dark);
  --color--accent: var(--color--alert);
  --color--accent--light: var(--color--alert--light);
  --color--accent--lighter: var(--color--alert--lighter);
  --color--accent--lightest: var(--color--alert--lightest);
  border-color: var(--color--accent--default) !important;
}
.tox-tinymce:hover {
  border-color: var(--color--accent--hover) !important;
}
.tox-tinymce:active, .tox-tinymce:focus, .tox-tinymce:focus-within, .tox-tinymce:focus-visible {
  border-color: var(--color--accent--active) !important;
}

.image-input {
  --color--background--default: var(--color--background);
  --color--background--hover: var(--color--background);
  --color--background--active: var(--color--background);
  --color--foreground--default: var(--color--foreground);
  --color--foreground--hover: var(--color--foreground);
  --color--foreground--active: var(--color--foreground);
  --color--accent--default: var(--color--accent);
  --color--accent--hover: var(--color--accent);
  --color--accent--active: var(--color--accent);
  --color--placeholder: var(--color--foreground);
  --color--border--default: var(--color--light);
  position: relative;
  background-color: var(--color--background--default);
  border: 1px solid var(--color--border--default);
  transition: var(--transition--default);
  overflow: hidden;
  border-radius: 0.25rem;
  height: 18.75rem;
  width: 100%;
}
.image-input:hover {
  background-color: var(--color--background--hover);
  color: var(--color--foreground--hover);
  border-color: var(--color--accent--hover);
}
.image-input:hover span {
  opacity: 0.6;
}
.image-input:hover .icon {
  opacity: 0.6;
}
.image-input:active, .image-input:focus, .image-input.is-active, .image-input.active {
  background-color: var(--color--background--active);
  color: var(--color--foreground--active);
  border-color: var(--color--accent--active);
}
.image-input.is-rounded {
  border-radius: 100%;
}
.image-input input {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.image-input .icon {
  pointer-events: none;
  opacity: 0.3;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: calc(50% - 2.5rem);
  left: calc(50% - 1.5rem);
}
.image-input .icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.image-input .icon svg path {
  stroke: var(--color--placeholder);
  transition: var(--transition--default);
}
.image-input span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  pointer-events: none;
  font-size: 0.75rem;
  line-height: 1.5;
  text-align: center;
  font-style: italic;
  color: #B5B5B5;
  transition: var(--transition--default);
  height: fit-content;
}
.image-input img {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: var(--transition--default);
  opacity: 1;
}
.image-input img.js-input-field-preview {
  z-index: 1;
}
.image-input img[src=""] {
  opacity: 0;
}

.checkbox {
  --color--border--default: var(--color--dark);
  --color--border--active: var(--color--dark);
  --color--tick--unchecked: transparent;
  --color--tick--hover: var(--color--light);
  --color--tick--checked: var(--color--accent);
  --color--accent--default: var(--color--accent);
  --color--accent--hover: var(--color--accent--light);
  --color--accent--active: var(--color--accent--dark);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: row nowrap;
  font-size: 0.875rem;
  line-height: 1.5;
  width: 100%;
  padding: 0.25rem 0;
}
.checkbox label {
  margin-left: 0.75rem;
}
.checkbox .label-wrapper em {
  margin-left: 0.875rem;
}
.checkbox input[type=checkbox] {
  appearance: none;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: 0.25rem;
  border: 1px solid var(--color--foreground);
  border-radius: 0.125rem;
  transition: var(--transition--default);
  position: relative;
}
.checkbox input[type=checkbox] + div > label {
  cursor: pointer;
  user-select: none;
}
.checkbox input[type=checkbox]::before {
  content: "";
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  background-color: var(--color--tick--unchecked);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition--default);
}
.checkbox input[type=checkbox]:hover {
  cursor: pointer;
  border-color: var(--color--accent--hover);
}
.checkbox input[type=checkbox]:hover::before {
  background-color: var(--color--tick--hover);
}
.checkbox input[type=checkbox]:active, .checkbox input[type=checkbox]:focus, .checkbox input[type=checkbox].is-active, .checkbox input[type=checkbox].active {
  cursor: pointer;
  border-color: var(--color--accent--active);
}
.checkbox input[type=checkbox]:active::before, .checkbox input[type=checkbox]:focus::before, .checkbox input[type=checkbox].is-active::before, .checkbox input[type=checkbox].active::before {
  background-color: var(--color--tick--hover);
}
.checkbox input[type=checkbox]:checked {
  border-color: var(--color--foreground);
}
.checkbox input[type=checkbox]:checked::before {
  background-color: var(--color--tick--checked);
}
.checkbox > div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: column nowrap;
  width: 100%;
}
.checkbox > div em {
  color: var(--color--dark--highlighted);
  margin-top: 0.2em;
  opacity: 0.8;
}

.toggle {
  display: flex;
  align-items: center;
}
.toggle input[type=checkbox] {
  appearance: none;
  width: 2.5rem;
  height: 1.375rem;
  border-radius: 1rem;
  background-color: var(--color--light);
  border: 2px solid var(--color--light);
  position: relative;
  transition: var(--transition--default);
  cursor: pointer;
}
.toggle input[type=checkbox] + label {
  cursor: pointer;
  padding-left: 0.625rem;
}
.toggle input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 2px;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background-color: var(--color--foreground);
  transition: var(--transition--default);
}
.toggle input[type=checkbox]:checked {
  background-color: var(--color--accent);
  border-color: var(--color--accent);
}
.toggle input[type=checkbox]:checked::before {
  left: calc(100% - 1.125rem + 2px);
  background-color: var(--color--background);
}

input[type=color]::-moz-color-swatch {
  border: none;
  outline: none;
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
  border-radius: 0;
  outline: none;
}

input[type=color]::-webkit-color-swatch {
  border: none;
  outline: none;
}

.color-input {
  --color--border--default: var(--color--light);
  --color--border--hover: var(--color--accent);
  border: 2px solid var(--color--border--default);
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.75rem;
  transition: all 220ms ease-in-out;
  border-radius: 0.25rem;
}
.color-input:hover {
  border-color: var(--color--accent);
}
.color-input input[type=color] {
  padding: 0;
  border: none;
  width: 5rem;
  height: 2.375rem;
}
.color-input .hex {
  margin-left: 0.625rem;
}

.color-input {
  padding: 0.625rem;
}

.product-radios {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(13.375rem, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1312px) {
  .product-radios {
    gap: 0.625rem;
  }
}
.product-radios.mb-0 {
  margin-bottom: 0;
}
.product-radios.has-fonts {
  display: flex;
  flex-wrap: wrap;
}
.product-radios.has-fonts .product-radio {
  flex: 0 0 auto;
}
.product-radios.has-templates {
  display: flex;
  flex-direction: column;
  gap: var(--layout--gutter);
}
@media only screen and (max-width: 450px) {
  .product-radios.has-templates {
    gap: 1rem 0.75rem;
  }
}

.product-radio {
  position: relative;
  cursor: pointer;
  height: 100%;
}
.product-radio .product-radio__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.875rem;
  padding: 0.5rem 0.75rem;
  border: 2px solid var(--color--white);
  background-color: #FBFBFB;
  height: 100%;
  transition: all 220ms ease-in-out;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: var(--weight--regular);
  line-height: 1.5;
}
@media only screen and (max-width: 1312px) {
  .product-radio .product-radio__label {
    padding: 0.5rem;
    font-size: 0.75rem;
  }
}
.product-radio .product-radio__input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.product-radio .product-radio__input:checked + .product-radio__label {
  border-color: var(--color--accent) !important;
  color: var(--color--accent);
  background-color: #F2F2F2;
}
.product-radio .product-radio__input:hover + .product-radio__label {
  border-color: var(--color--light);
}
.product-radio .product-radio__product-image {
  width: 80px;
  height: 80px;
  overflow: hidden;
  object-fit: cover;
}
.product-radio .product-radio__product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-radio .product-radio__product-details {
  flex: 1;
}
.product-radio .product-radio__product-name {
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: none;
}

.product-radio.is-product .product-radio__label {
  padding: 0.75rem;
  gap: 0.25rem;
}
.product-radio.is-product figure {
  width: 100%;
}
.product-radio.is-product .product-radio__product-image {
  width: 100%;
  height: auto;
  aspect-ratio: auto 1/1;
  border-radius: 0.25rem;
  overflow: hidden;
}
.product-radio.is-product .product-radio__product-name {
  font-size: 0.875rem;
  font-weight: var(--weight--semibold);
}

.product-radio.is-font {
  white-space: nowrap;
}
.product-radio.is-font .product-radio__input:checked + .product-radio__label {
  border-color: var(--color--accent);
  background-color: #F2F2F2;
  color: var(--color--accent);
}

.product-radio.is-template {
  height: auto;
  max-width: 24rem;
}
@media only screen and (max-width: 992px) {
  .product-radio.is-template {
    max-width: 100%;
  }
}
.product-radio.is-template .product-radio__label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0.75rem;
  border-radius: 0.25rem;
  gap: var(--layout--gutter);
  border: 1px solid transparent;
  background-color: transparent;
  gap: 0.625rem;
}
.product-radio.is-template input:checked + .product-radio__label {
  border-color: var(--color--accent);
  background-color: #FBFBFB;
}
.product-radio.is-template figure {
  padding: 0.75rem;
  display: flex;
  border-radius: 0.25rem;
  border: 1px solid #F2F2F2;
}
@media only screen and (max-width: 668px) {
  .product-radio.is-template figure {
    padding: 0.5rem;
  }
}
.product-radio.is-template .product-radio__image {
  width: 10rem;
  min-width: 10rem;
  height: 16.5rem;
  object-fit: contain;
}
@media only screen and (max-width: 668px) {
  .product-radio.is-template .product-radio__image {
    width: 6.25rem;
    height: 6.25rem;
    min-width: unset;
  }
}
.product-radio.is-template .product-radio__product-details {
  flex-direction: column;
  color: var(--color--foreground);
}
.product-radio.is-template .product-radio__product-details h3, .product-radio.is-template .product-radio__product-details .devise h1, .devise .product-radio.is-template .product-radio__product-details h1,
.product-radio.is-template .product-radio__product-details .devise h2,
.devise .product-radio.is-template .product-radio__product-details h2,
.product-radio.is-template .product-radio__product-details .devise h4,
.devise .product-radio.is-template .product-radio__product-details h4 {
  font-size: 1rem;
  margin: 0;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
@media only screen and (max-width: 668px) {
  .product-radio.is-template .product-radio__product-details h3, .product-radio.is-template .product-radio__product-details .devise h1, .devise .product-radio.is-template .product-radio__product-details h1,
  .product-radio.is-template .product-radio__product-details .devise h2,
  .devise .product-radio.is-template .product-radio__product-details h2,
  .product-radio.is-template .product-radio__product-details .devise h4,
  .devise .product-radio.is-template .product-radio__product-details h4 {
    font-size: 0.75rem;
  }
}
.product-radio.is-template .product-radio__product-details p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media only screen and (max-width: 668px) {
  .product-radio.is-template .product-radio__product-details p {
    font-size: 0.625rem;
  }
}

.font-preview-box {
  padding: 1.5rem;
  background-color: var(--color--lighter);
  height: 100%;
  width: 100%;
}
.font-preview-box h4 {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: var(--weight--bold);
  line-height: 1.5;
}
.font-preview-box p {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: var(--weight--regular);
  margin: 0;
}

.image-preview-box {
  width: 100%;
  height: auto;
  padding: 0.75rem;
  max-width: 31.25rem;
}
@media only screen and (max-width: 1920px) {
  .image-preview-box {
    padding: 0;
  }
}
.image-preview-box img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.image-upload-fields {
  gap: var(--layout--gutter);
  width: 100%;
  max-width: 61.125rem;
  padding-top: 0.75rem;
  display: grid;
  grid-template-columns: 2fr 1fr;
}
@media only screen and (max-width: 1312px) {
  .image-upload-fields {
    grid-template-columns: 1fr;
  }
}
.image-upload-fields .field:nth-child(1) {
  flex: 1;
}
.image-upload-fields .field:nth-child(2) {
  flex: 2;
}
.image-upload-fields .image-input {
  height: 100%;
}
.image-upload-fields .is-hero-mobile-image {
  max-height: 500px;
}

.contract-inputs {
  display: flex;
  gap: 0.625rem;
  width: 100%;
}
.contract-inputs .input-with-suffix input[type=number] {
  width: 17.375rem;
}
@media only screen and (max-width: 992px) {
  .contract-inputs .input-with-suffix input[type=number] {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .contract-inputs .input-with-suffix {
    flex: 1;
  }
}

.input-with-suffix {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.input-with-suffix span {
  font-size: 1.25rem;
}

/*------------------------------------*\
# BAMBOO DATATABLE
\*------------------------------------*/
.datatable {
  width: 100%;
  --color--accent--default: var(--color--accent);
  --color--accent--hover: var(--color--lightest);
  --color--accent--active: var(--color--accent--dark);
  --color--foreground--default: var(--color--foreground);
  --color--foreground--hover: var(--color--foreground);
  --color--foreground--active: var(--color--foreground);
  --color--datatable-head-background--default: var(--color--background--highlighted);
  --color--datatable-head-background--hover: var(--color--dark);
  --color--datatable-head-background--active: var(--color--accent--dark);
  --color--datatable-head-foreground--default: var(--color--primary);
  --color--datatable-head-foreground--hover: var(--color--primary--light);
  --color--datatable-head-foreground--active: var(--color--accent);
  --color--datatable-row-odd-foreground--default: var(--color--foreground);
  --color--datatable-row-odd-foreground--hover: var(--color--foreground--inverted);
  --color--datatable-row-odd-foreground--active: var(--color--foreground--inverted);
  --color--datatable-row-odd-background--default: var(--color--background);
  --color--datatable-row-odd-background--hover: var(--color--accent--lightest);
  --color--datatable-row-odd-background--active: var(--color--accent--dark);
  --color--datatable-row-even-foreground--default: var(--color--foreground);
  --color--datatable-row-even-foreground--hover: var(--color--foreground--inverted);
  --color--datatable-row-even-foreground--active: var(--color--foreground--inverted);
  --color--datatable-row-even-background--default: var(--color--background--highlighted);
  --color--datatable-row-even-background--hover: var(--color--accent--lightest);
  --color--datatable-row-even-background--active: var(--color--accent--dark);
  --color--border: var(--color--light);
}
.datatable > *:not(:last-child) {
  margin-bottom: 1.5rem;
}
.datatable td {
  cursor: default;
  color: var(--color--foreground);
  transition: var(--transition--default);
  padding: var(--spacing--2);
}
@media only screen and (max-width: 1312px) {
  .datatable td {
    padding: 0.75rem;
    background-color: none;
  }
}
@media only screen and (max-width: 992px) {
  .datatable td {
    padding: 0;
  }
}
.datatable td > *:not(:last-child) {
  margin-right: var(--spacing--2);
}
.datatable .datatable__header {
  border-bottom: none;
  padding-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .datatable .datatable__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
.datatable .datatable__header h2, .datatable .datatable__header h3, .datatable .datatable__header .devise h1, .devise .datatable .datatable__header h1, .datatable .datatable__header h4, .datatable .datatable__header .datatable__heading {
  font-size: 1.375rem;
  margin: 0;
  font-weight: var(--weight--semibold);
  line-height: 1.5;
  color: var(--color--primary);
  flex: 1;
}
@media only screen and (max-width: 992px) {
  .datatable .datatable__header h2, .datatable .datatable__header h3, .datatable .datatable__header .devise h1, .devise .datatable .datatable__header h1, .datatable .datatable__header h4, .datatable .datatable__header .datatable__heading {
    font-size: 1.25rem;
  }
}
.datatable .datatable__header .input.is-search {
  flex: 1;
}
@media only screen and (max-width: 992px) {
  .datatable .datatable__header .input.is-search {
    width: 100%;
  }
}
@media only screen and (max-width: 1312px) {
  .datatable .datatable__header ul {
    flex-direction: column;
  }
  .datatable .datatable__header select {
    flex: 1;
  }
}
.datatable .datatable__size {
  font-size: 0.875rem;
  margin-top: 0.5rem;
  display: flex;
  text-transform: capitalize;
  color: var(--color--dark);
}
.datatable .datatable__size strong {
  font-weight: 900;
  margin-left: 0.25rem;
}
.datatable .datatable__search {
  background-color: var(--color--lightest);
  border-radius: var(--border--radius);
  outline: 2px solid var(--color--light);
  display: flex;
  align-items: stretch;
  flex-flow: row nowrap;
  height: auto;
  flex: 1;
  width: 100%;
}
.datatable .datatable__search button {
  width: 3rem;
  height: var(--input-height);
  padding: 0;
}
.datatable .datatable__search button svg {
  width: 60%;
  height: auto;
}
.datatable .datatable__search input {
  font-size: var(--size--base);
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  padding: 0 var(--spacing--2);
  height: var(--input-height);
  width: 100%;
}
.datatable .datatable__search input::placeholder {
  color: var(--color--foreground);
  opacity: 0.6;
}
.datatable .datatable__table, .datatable.datatable table {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  border-spacing: 0 0.25rem;
}
@media only screen and (max-width: 992px) {
  .datatable .datatable__table, .datatable.datatable table {
    display: flex;
    flex-direction: column;
  }
  .datatable .datatable__table.is-mobile-table, .datatable.datatable table.is-mobile-table {
    display: table;
  }
  .datatable .datatable__table.is-mobile-table tbody, .datatable.datatable table.is-mobile-table tbody {
    display: table-row-group;
  }
  .datatable .datatable__table.is-mobile-table tr, .datatable.datatable table.is-mobile-table tr {
    display: table-row;
  }
  .datatable .datatable__table.is-mobile-table td, .datatable .datatable__table.is-mobile-table th, .datatable.datatable table.is-mobile-table td, .datatable.datatable table.is-mobile-table th {
    display: table-cell;
    padding: 0.5rem;
    font-size: 0.625rem;
    vertical-align: middle;
  }
  .datatable .datatable__table.is-mobile-table .tag, .datatable.datatable table.is-mobile-table .tag {
    font-size: 8px;
  }
  .datatable .datatable__table.is-mobile-table .button-actions, .datatable.datatable table.is-mobile-table .button-actions {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 992px) {
  .datatable thead {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .datatable thead.is-mobile-visible {
    display: table-header-group;
  }
}
.datatable thead tr > th:not(:first-child) {
  border-left: 1px solid var(--color--border);
  border-left: none;
}
.datatable thead tr th {
  cursor: pointer;
  transition: var(--transition--default);
  padding: var(--spacing--2);
  text-transform: uppercase;
  font-weight: var(--weight--semibold);
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color--datatable-head-foreground--default);
  font-weight: var(--weight--semibold);
  background-color: var(--color--datatable-head-background--default);
  border-right: 1px solid var(--color--datatable-head-background--default);
}
@media only screen and (max-width: 1312px) {
  .datatable thead tr th {
    padding: 0.75rem;
  }
}
.datatable thead tr th.is-active {
  background-color: var(--color--datatable-head-background--active);
  color: var(--color--datatable-head-foreground--hover);
}
.datatable thead tr th:nth-child(1) {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: 0;
}
.datatable thead tr th:nth-last-child(1) {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: 0;
}
.datatable tbody {
  transform: translateY(-0.25rem);
}
@media only screen and (max-width: 992px) {
  .datatable tbody {
    display: flex;
    flex-direction: column;
    transform: none;
  }
}
.datatable tbody tr {
  vertical-align: initial;
}
@media only screen and (max-width: 992px) {
  .datatable tbody tr {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 1rem;
    border-radius: var(--border-radius);
    padding: 0.75rem;
    background-color: #F9F9F9;
  }
}
.datatable tbody tr:nth-child(1) td:nth-child(1) {
  border-top-left-radius: 0;
}
.datatable tbody tr:nth-child(1) td:nth-last-child(1) {
  border-top-right-radius: 0;
}
.datatable tbody tr td {
  font-size: 0.875rem;
  background-color: #F9F9F9;
}
@media only screen and (max-width: 1440px) {
  .datatable tbody tr td {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 992px) {
  .datatable tbody tr td {
    display: flex;
    margin-bottom: var(--spacing--2);
    font-size: 0.75rem;
  }
  .datatable tbody tr td.has-text-right, .datatable tbody tr td.has-text-centered {
    text-align: left;
  }
}
.datatable tbody tr td:nth-child(1) {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.datatable tbody tr td:nth-last-child(1) {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.datatable tbody tr td .datatable__thumbnail {
  width: 8rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: var(--border-radius);
  overflow: hidden;
  object-fit: cover;
  background-color: var(--color--white);
}
.datatable tbody tr td .datatable__thumbnail.is-fit-contain {
  object-fit: contain;
}
.datatable tbody tr td .datatable__thumbnail.is-small, .datatable tbody tr td .datatable__search button.datatable__thumbnail, .datatable .datatable__search tbody tr td button.datatable__thumbnail {
  width: 4.75rem;
}
.datatable tbody tr td.has-thumbnail {
  width: 11rem;
}
.datatable tbody tr:hover td, .datatable tbody tr:focus td {
  background-color: var(--color--accent--hover);
}
@media only screen and (max-width: 1312px) {
  .datatable tbody tr:hover td, .datatable tbody tr:focus td {
    background-color: transparent;
  }
}
.datatable tbody tr:hover .actions > a, .datatable tbody tr:focus .actions > a {
  background-color: var(--color--white);
}
.datatable tbody tr:hover .actions > a.is-primary, .datatable tbody tr:focus .actions > a.is-primary {
  color: var(--color--white);
}
.datatable tbody tr:hover .button.is-lightest, .datatable tbody tr:hover .devise input.is-lightest[type=submit], .devise .datatable tbody tr:hover input.is-lightest[type=submit], .datatable tbody tr:hover .devise button.is-lightest, .devise .datatable tbody tr:hover button.is-lightest, .datatable tbody tr:hover .splide .is-lightest.splide__pagination__page, .splide .datatable tbody tr:hover .is-lightest.splide__pagination__page, .datatable tbody tr:hover .splide .is-lightest.splide__arrow, .splide .datatable tbody tr:hover .is-lightest.splide__arrow, .datatable tbody tr:hover .datatable__search button.is-lightest, .datatable .datatable__search tbody tr:hover button.is-lightest, .datatable tbody tr:focus .button.is-lightest, .datatable tbody tr:focus .devise input.is-lightest[type=submit], .devise .datatable tbody tr:focus input.is-lightest[type=submit], .datatable tbody tr:focus .devise button.is-lightest, .devise .datatable tbody tr:focus button.is-lightest, .datatable tbody tr:focus .splide .is-lightest.splide__pagination__page, .splide .datatable tbody tr:focus .is-lightest.splide__pagination__page, .datatable tbody tr:focus .splide .is-lightest.splide__arrow, .splide .datatable tbody tr:focus .is-lightest.splide__arrow, .datatable tbody tr:focus .datatable__search button.is-lightest, .datatable .datatable__search tbody tr:focus button.is-lightest {
  background-color: var(--color--light);
}
@media only screen and (max-width: 992px) {
  .datatable tbody .datatable-product {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing--3);
  }
  .datatable tbody .datatable-product td {
    margin: 0;
  }
  .datatable tbody .datatable-product .datatable-product__add {
    margin-left: auto;
  }
}
.datatable tbody .datatable__mobile-label {
  display: none;
}
@media only screen and (max-width: 992px) {
  .datatable tbody .datatable__mobile-label {
    display: block;
    font-size: 0.875rem;
    font-weight: var(--weight--semibold);
    color: var(--color--primary);
    margin-right: 0.5rem;
  }
}
@media only screen and (max-width: 992px) {
  .datatable tbody .datatable-creator-product {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--2);
  }
  .datatable tbody .datatable-creator-product .datatable__thumbnail {
    width: 10rem;
  }
  .datatable tbody .datatable-creator-product td {
    margin: 0;
    display: flex;
    align-items: center;
  }
  .datatable tbody .datatable-creator-product .datatable-product__add {
    margin-left: auto;
  }
  .datatable tbody .datatable-creator-product .actions {
    background-color: var(--color--light);
  }
}
.datatable .datatable__icon {
  margin: 0;
}
.datatable .actions {
  display: flex;
  justify-content: center;
}
.datatable .actions.actons-justify-end {
  justify-content: end;
}
@media only screen and (max-width: 992px) {
  .datatable .actions {
    justify-content: center;
    align-items: center;
    background-color: var(--color--light);
    padding: 0.625rem;
    border-radius: 0.5rem;
    width: 100%;
  }
}
.datatable .actions > a {
  height: 2.75rem;
  width: 2.75rem;
  background-color: var(--color--white);
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(52, 52, 52, 0.06);
  padding: 0.625rem;
  margin: 0 0.25rem;
}
@media only screen and (max-width: 1312px) {
  .datatable .actions > a {
    height: 2.5rem;
    width: 2.5rem;
    margin: 0 0.5rem;
  }
}
.datatable .actions > a.is-primary {
  color: var(--color--foreground);
}
.datatable .actions > a.is-primary svg path {
  stroke: var(--color--foreground);
}
.datatable .actions > a:hover {
  background-color: var(--color--white);
}
.datatable .actions > a svg {
  width: 100%;
  height: 100%;
}
.datatable .big-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  justify-content: flex-end;
}
.datatable .big-actions .button, .datatable .big-actions .devise input[type=submit], .devise .datatable .big-actions input[type=submit], .datatable .big-actions .devise button, .devise .datatable .big-actions button, .datatable .big-actions .splide .splide__pagination__page, .splide .datatable .big-actions .splide__pagination__page, .datatable .big-actions .splide .splide__arrow, .splide .datatable .big-actions .splide__arrow, .datatable .big-actions .datatable__search button, .datatable .datatable__search .big-actions button {
  flex: 1;
}
@media only screen and (max-width: 1312px) {
  .datatable .big-actions .button, .datatable .big-actions .devise input[type=submit], .devise .datatable .big-actions input[type=submit], .datatable .big-actions .devise button, .devise .datatable .big-actions button, .datatable .big-actions .splide .splide__pagination__page, .splide .datatable .big-actions .splide__pagination__page, .datatable .big-actions .splide .splide__arrow, .splide .datatable .big-actions .splide__arrow, .datatable .big-actions .datatable__search button, .datatable .datatable__search .big-actions button {
    flex: 1;
    min-width: 100%;
  }
}

.table-score {
  min-width: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  flex: 1;
  gap: 0.625rem;
  font-weight: 900;
  font-size: 0.875rem;
}
@media only screen and (max-width: 1312px) {
  .table-score {
    justify-content: flex-start;
  }
}
.table-score svg {
  margin: 0;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
}

.unread {
  font-weight: 600;
}
.unread td:nth-child(1) {
  position: relative;
}
.unread td:nth-child(1)::before {
  content: "";
  bottom: 0;
  margin: auto 0;
  display: inline-block;
  justify-content: center;
  align-items: center;
  height: 8px;
  width: 8px;
  margin: 0 4px;
  background-color: var(--color--success);
  border-radius: 50%;
}

.letter-spacing {
  letter-spacing: 0.0088rem;
}

.button-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.button-actions .button, .button-actions .devise input[type=submit], .devise .button-actions input[type=submit], .button-actions .devise button, .devise .button-actions button, .button-actions .splide .splide__pagination__page, .splide .button-actions .splide__pagination__page, .button-actions .splide .splide__arrow, .splide .button-actions .splide__arrow, .button-actions .datatable .datatable__search button, .datatable .datatable__search .button-actions button {
  flex: 1;
  width: 100%;
}
.button-actions.is-small, .datatable .datatable__search button.button-actions {
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-end;
}
.button-actions.is-small .button, .button-actions.is-small .devise input[type=submit], .devise .button-actions.is-small input[type=submit], .button-actions.is-small .devise button, .devise .button-actions.is-small button, .button-actions.is-small .splide .splide__pagination__page, .splide .button-actions.is-small .splide__pagination__page, .button-actions.is-small .splide .splide__arrow, .splide .button-actions.is-small .splide__arrow, .datatable .datatable__search button.button-actions .button, .datatable .datatable__search button.button-actions .devise input[type=submit], .devise .datatable .datatable__search button.button-actions input[type=submit], .datatable .datatable__search button.button-actions .splide .splide__pagination__page, .splide .datatable .datatable__search button.button-actions .splide__pagination__page, .datatable .datatable__search button.button-actions .splide .splide__arrow, .splide .datatable .datatable__search button.button-actions .splide__arrow, .button-actions.is-small .datatable .datatable__search button, .datatable .datatable__search .button-actions.is-small button, .datatable .datatable__search button.button-actions button {
  width: auto;
  flex: unset;
}
@media only screen and (max-width: 992px) {
  .button-actions.is-small .button, .button-actions.is-small .devise input[type=submit], .devise .button-actions.is-small input[type=submit], .button-actions.is-small .devise button, .devise .button-actions.is-small button, .button-actions.is-small .splide .splide__pagination__page, .splide .button-actions.is-small .splide__pagination__page, .button-actions.is-small .splide .splide__arrow, .splide .button-actions.is-small .splide__arrow, .datatable .datatable__search button.button-actions .button, .datatable .datatable__search button.button-actions .devise input[type=submit], .devise .datatable .datatable__search button.button-actions input[type=submit], .datatable .datatable__search button.button-actions .splide .splide__pagination__page, .splide .datatable .datatable__search button.button-actions .splide__pagination__page, .datatable .datatable__search button.button-actions .splide .splide__arrow, .splide .datatable .datatable__search button.button-actions .splide__arrow, .button-actions.is-small .datatable .datatable__search button, .datatable .datatable__search .button-actions.is-small button, .datatable .datatable__search button.button-actions button {
    width: 100%;
    flex: 1;
  }
}

.form {
  --color--border: var(--color--light);
  --color--error: var(--color--alert);
}
.form fieldset {
  margin: 0 0 var(--layout--gutter);
  border: 2px solid var(--color--border);
  padding: var(--spacing--3);
  box-sizing: border-box;
}
.form fieldset.is-simple {
  border: none;
  padding: 0;
  margin: 0;
}
.form fieldset.has-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  gap: 1rem var(--layout--gutter);
}
@media only screen and (max-width: 1312px) {
  .form fieldset.has-columns {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}
.form fieldset.has-columns .is-full {
  grid-column: span 2;
}
@media only screen and (max-width: 1312px) {
  .form fieldset.has-columns .is-full {
    grid-column: span 1;
  }
}
.form fieldset.has-4-columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  gap: 1rem var(--layout--gutter);
}
@media only screen and (max-width: 1312px) {
  .form fieldset.has-4-columns {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}
.form fieldset.has-4-columns .is-full {
  grid-column: span 4;
}
@media only screen and (max-width: 1312px) {
  .form fieldset.has-4-columns .is-full {
    grid-column: span 1;
  }
}
.form fieldset.has-4-columns .is-half {
  grid-column: span 2;
}
@media only screen and (max-width: 1312px) {
  .form fieldset.has-4-columns .is-half {
    grid-column: span 1;
  }
}
.form fieldset.has-4-columns .is-third {
  grid-column: span 3;
}
@media only screen and (max-width: 1312px) {
  .form fieldset.has-4-columns .is-third {
    grid-column: span 1;
  }
}
.form fieldset.card, .form .variant-fields-wrapper fieldset.variant-fields, .variant-fields-wrapper .form fieldset.variant-fields {
  border: none;
}
.form fieldset > legend {
  text-transform: uppercase;
  font-size: var(--size--5);
  background: var(--color--background);
  color: var(--color--foreground);
  font-weight: var(--weight--base);
  letter-spacing: 0.1em;
  padding: 0 var(--spacing--1);
  margin: auto;
}
.form fieldset > *:last-child {
  margin-bottom: 0;
}
.form fieldset > fieldset {
  border-top: 0;
  border-left: none;
  border-right: none;
  padding: 0 0 var(--spacing--3);
}
.form fieldset.footer {
  border: none;
  border-top: 1px solid var(--color--border);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: row nowrap;
  padding: var(--spacing--3) 0;
}
.form fieldset.footer > *:not(:last-child) {
  margin-left: var(--spacing--3);
}
.form .field {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: column nowrap;
  margin-bottom: var(--spacing--2);
  box-sizing: border-box;
}
.form .field .field__note {
  font-size: 0.75rem;
}
.form .field .field__inputs {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.625rem;
}
@media only screen and (max-width: 992px) {
  .form .field .field__inputs {
    flex-wrap: wrap;
  }
}
.form .field .field__inputs input[type=number] {
  width: 17.375rem;
}
.form .field.is-row {
  flex-direction: row;
  align-items: flex-end;
  gap: 0.625rem;
}
.form .field.is-row .label {
  margin-bottom: var(--spacing--1);
  display: block;
}
.form .field.is-row > *:not(:last-child) {
  margin: 0;
}
.form .field .field__description {
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
  margin-bottom: 0.5rem;
}
.form .field .textarea,
.form .field .input,
.form .field .choices {
  width: 100%;
}
.form .field.mb-0 {
  margin-bottom: 0;
}
.form .field > * {
  margin-top: 0;
}
.form .field > *:not(:last-child) {
  margin-bottom: var(--spacing--1);
}
.form .field.is-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row nowrap;
}
.form .field.is-inline .label {
  width: 50%;
}
.form .field.is-inline > .input,
.form .field.is-inline > .textarea,
.form .field.is-inline > .input-wrapper {
  width: 50%;
}
.form .field.is-inline > *:not(:last-child) {
  margin-bottom: 0;
  margin-right: var(--spacing--1);
}
.form .field .label {
  color: var(--color--foreground);
  font-size: 0.875rem;
  font-weight: var(--weight--medium);
  display: block;
  margin-bottom: var(--spacing--1);
  line-height: 1.5;
}
.form .field .label svg {
  display: inline;
  vertical-align: sub;
}
.form .field .description {
  font-size: 1rem;
  font-style: italic;
}
.form .field .error-message {
  color: var(--color--error);
  font-size: 1rem;
}

.form__submit {
  background-color: var(--color--background);
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: var(--spacing--1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
  padding-right: 1.5rem;
}

.notice-text {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #B5B5B5;
}

.char-counter {
  position: absolute;
  bottom: -0.7rem;
  font-size: 0.75rem;
  text-align: right;
  width: 100%;
}

.input-partition {
  font-variant-numeric: tabular-nums;
  padding-left: 10px;
  letter-spacing: 29px;
  font-size: 1.75rem;
  border: 0;
  background-color: transparent;
  background-image: linear-gradient(to right, var(--color--foreground--highlighted) 75%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 45px 1px;
  background-repeat: repeat-x;
  background-position-x: 0;
  outline: 0;
  width: 300px;
  min-width: 300px;
}

.input-partition__wrapper--inner {
  position: sticky;
  left: 0;
}

.input-partition__wrapper--outer {
  width: 260px;
  overflow: hidden;
}

.template-preview {
  display: flex;
  gap: var(--layout--gutter);
  justify-content: space-between;
}
@media only screen and (max-width: 450px) {
  .template-preview {
    flex-direction: column;
  }
}

.variant-fields-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--4);
}
.variant-fields-wrapper .variant-fields {
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.05);
  margin: 0 !important;
}
.variant-fields-wrapper .variant-fields .button, .variant-fields-wrapper .variant-fields .devise input[type=submit], .devise .variant-fields-wrapper .variant-fields input[type=submit], .variant-fields-wrapper .variant-fields .devise button, .devise .variant-fields-wrapper .variant-fields button, .variant-fields-wrapper .variant-fields .splide .splide__pagination__page, .splide .variant-fields-wrapper .variant-fields .splide__pagination__page, .variant-fields-wrapper .variant-fields .splide .splide__arrow, .splide .variant-fields-wrapper .variant-fields .splide__arrow, .variant-fields-wrapper .variant-fields .datatable .datatable__search button, .datatable .datatable__search .variant-fields-wrapper .variant-fields button {
  width: auto;
  align-self: flex-end;
}
.variant-fields-wrapper .variant-fields .variant-fields__columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--spacing--2);
}
@media only screen and (max-width: 668px) {
  .variant-fields-wrapper .variant-fields .variant-fields__columns {
    grid-template-columns: 1fr;
    gap: var(--spacing--1);
  }
}

.product-options {
  padding: 1.5rem;
  margin: 0;
  list-style: none;
  border: 2px solid var(--color--light);
  border-radius: 0.625rem;
}
.product-options .product-options__option {
  padding: 0.625rem;
}
.product-options .product-options__option > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  width: 100%;
}
@media only screen and (max-width: 668px) {
  .product-options .product-options__option > div {
    grid-template-columns: 1fr;
  }
}

.product-option {
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding: 0.625rem;
  gap: 1.5rem;
  background-color: var(--color--lightest);
  border-radius: 0.375rem;
  margin-bottom: 0.625rem;
  align-items: baseline;
}
@media only screen and (max-width: 668px) {
  .product-option {
    grid-template-columns: 1fr;
    gap: var(--spacing--1);
  }
}
.product-option .product-option__main-field {
  margin-right: 0.625rem;
}
.product-option .input {
  background-color: var(--color--white);
  padding: 10px 12px;
  height: var(--input--height);
}

.option-fields-header {
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding: 0.625rem;
  gap: 1.5rem;
  text-transform: uppercase;
}
.option-fields-header p {
  margin: 0;
  font-size: 0.875rem;
}

.product-values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.product-values a {
  display: none;
}
@media only screen and (max-width: 992px) {
  .product-values {
    padding: 1rem;
    background-color: var(--color--light);
    border-radius: 0.5rem;
    display: grid;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .product-values .product-values__field input {
    width: 100%;
  }
}

.stripe-info {
  margin-top: 0.625rem !important;
  padding: 1.5rem;
  background-color: var(--color--lightest);
  width: 100%;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.05);
}
.stripe-info p {
  margin: 0;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
.stripe-info strong {
  text-transform: uppercase;
}
.stripe-info .button, .stripe-info .devise input[type=submit], .devise .stripe-info input[type=submit], .stripe-info .devise button, .devise .stripe-info button, .stripe-info .splide .splide__pagination__page, .splide .stripe-info .splide__pagination__page, .stripe-info .splide .splide__arrow, .splide .stripe-info .splide__arrow, .stripe-info .datatable .datatable__search button, .datatable .datatable__search .stripe-info button {
  margin-top: 1.125rem;
}

body.is-loading * {
  cursor: wait;
}

.icon {
  width: 1.5rem;
  height: 1.5rem;
}
.icon img,
.icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  stroke: var(--color--foreground);
}
.icon.is-small, .datatable .datatable__search button.icon {
  width: 1rem;
  height: 1rem;
}
.icon.is-large {
  width: 2rem;
  height: 2rem;
}
.icon.is-primary, .devise input.icon[type=submit] {
  color: var(--color--primary);
}
.icon.is-secondary {
  color: var(--color--secondary);
}
.icon.is-tertiary {
  color: var(--color--tertiary);
}
.icon.is-info {
  color: var(--color--info);
}
.icon.is-warning {
  color: var(--color--warning);
}
.icon.is-alert, .datatable .datatable__search button.icon {
  color: var(--color--alert);
}
.icon.is-success {
  color: var(--color--success);
}
.icon.is-white {
  color: var(--color--white);
}
.icon.is-black {
  color: var(--color--black);
}

.image, .image-input {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.image img, .image-input img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  object-fit: cover;
}

.image.has-placeholder, .has-placeholder.image-input {
  background-color: var(--color--background--highlighted);
}

.image.is-rounded, .is-rounded.image-input {
  border-radius: 100%;
}

.image.is-16x16, .is-16x16.image-input {
  width: 16px;
  height: 16px;
}

.image.is-24x24, .is-24x24.image-input {
  width: 24px;
  height: 24px;
}

.image.is-32x32, .is-32x32.image-input {
  width: 32px;
  height: 32px;
}

.image.is-48x48, .is-48x48.image-input {
  width: 48px;
  height: 48px;
}

.image.is-64x64, .is-64x64.image-input {
  width: 64px;
  height: 64px;
}

.image.is-96x96, .is-96x96.image-input {
  width: 96px;
  height: 96px;
}

.image.is-128x128, .is-128x128.image-input {
  width: 128px;
  height: 128px;
}

.image.is-256x256, .is-256x256.image-input {
  width: 256px;
  height: 256px;
}

.image.is-512x512, .is-512x512.image-input {
  width: 512px;
  height: 512px;
}

.image.is-1by1, .is-1by1.image-input {
  aspect-ratio: 1 / 1;
}

.image.is-5by4, .is-5by4.image-input {
  aspect-ratio: 5 / 4;
}

.image.is-4by3, .is-4by3.image-input {
  aspect-ratio: 4 / 3;
}

.image.is-3by2, .is-3by2.image-input {
  aspect-ratio: 3 / 2;
}

.image.is-5by3, .is-5by3.image-input {
  aspect-ratio: 5 / 3;
}

.image.is-16by9, .is-16by9.image-input {
  aspect-ratio: 16 / 9;
}

.image.is-2by1, .is-2by1.image-input {
  aspect-ratio: 2 / 1;
}

.image.is-3by1, .is-3by1.image-input {
  aspect-ratio: 3 / 1;
}

.image.is-4by5, .is-4by5.image-input {
  aspect-ratio: 4 / 5;
}

.image.is-3by4, .is-3by4.image-input {
  aspect-ratio: 3 / 4;
}

.image.is-2by3, .is-2by3.image-input {
  aspect-ratio: 2 / 3;
}

.image.is-3by5, .is-3by5.image-input {
  aspect-ratio: 3 / 5;
}

.image.is-9by16, .is-9by16.image-input {
  aspect-ratio: 9 / 16;
}

.image.is-1by2, .is-1by2.image-input {
  aspect-ratio: 1 / 2;
}

.image.is-1by3, .is-1by3.image-input {
  aspect-ratio: 1 / 3;
}

/* IMAGES UPLOAD */
.image-input {
  background-color: #f2f2f2;
}
.image-input.is-invalid {
  --color--accent--darkest: var(--color--alert--darkest);
  --color--accent--darker: var(--color--alert--darker);
  --color--accent--dark: var(--color--alert--dark);
  --color--accent: var(--color--alert);
  --color--accent--light: var(--color--alert--light);
  --color--accent--lighter: var(--color--alert--lighter);
  --color--accent--lightest: var(--color--alert--lightest);
  border-color: var(--color--accent);
}
.image-input.is-avatar-image {
  width: 100%;
  max-width: 250px;
  aspect-ratio: 1/1;
}
.image-input.is-hero-mobile-image {
  aspect-ratio: 290/350;
  width: 100%;
  height: 100%;
}
.image-input.is-hero-desktop-image {
  aspect-ratio: 664/350;
  width: 100%;
  height: 100%;
}
.image-input.is-story-image-preview {
  width: 100%;
  max-width: 200px;
  height: auto;
  aspect-ratio: 2/3;
}

img .is-squared {
  aspect-ratio: 1/1;
}
img .is-fit-cover {
  object-fit: cover;
}
img.is-story-image {
  max-height: 250px;
}

.progress[value], .progress:not([value]) {
  --color--progress--foreground: var(--color--accent);
  --color--progress--background: var(--color--background--highlighted);
  --color--border: var(--color--light);
  appearance: none;
  border: 1px solid var(--color--border);
}
.progress[value]::-webkit-progress-bar, .progress:not([value])::-webkit-progress-bar {
  background-color: var(--color--progress--background);
}
.progress[value]::-webkit-progress-value, .progress:not([value])::-webkit-progress-value {
  background-color: var(--color--progress--foreground);
}

.splide {
  position: relative;
}
.splide .splide__arrows {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row nowrap;
  width: 100%;
  z-index: 10;
}
.splide .splide__arrow {
  pointer-events: all;
}
.splide .splide__arrow:disabled, .splide .splide__arrow.is-disabled {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.splide .splide__arrow svg path {
  fill: var(--color--foreground--inverted);
}
.splide .splide__arrow--prev {
  transform: rotate(180deg);
}
.splide .splide__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--spacing--1) auto;
}
.splide .splide__pagination__page {
  padding: 0;
  width: 1rem;
  height: 1rem;
  opacity: 0.6;
  margin: 0 var(--spacing--1);
}
.splide .splide__pagination__page.is-active {
  opacity: 1;
}

.sortable-items {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: column nowrap;
}
.sortable-items.is-sortable-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
  align-items: unset;
  gap: var(--layout--gutter);
}
.sortable-items.is-sortable-grid > *:not(:last-child) {
  margin-bottom: unset;
}
.sortable-items > *:not(:last-child) {
  margin-bottom: var(--spacing--2);
}

.sortable-item {
  --color--border: var(--color--light);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row nowrap;
  border: 1px solid var(--color--border);
}
.sortable-item > *:not(:last-child) {
  margin-right: var(--spacing--2);
}
.sortable-item:hover .sortable-icon {
  opacity: 1;
}
.sortable-item:hover .sortable-icon svg path {
  stroke: var(--color--white);
}
.sortable-item:hover .actions {
  opacity: 1;
}
.sortable-item .sortable-icon {
  cursor: grab;
  transition: var(--transition--default);
  opacity: 0;
}
.sortable-item .actions {
  transition: var(--transition--default);
}

.sortable-item[draggable=true] .sortable-icon svg path {
  stroke: var(--color--accent);
}

.sortable-item.sortable-ghost {
  opacity: 0.2;
}
.sortable-item.sortable-ghost .sortable-icon {
  opacity: 0 !important;
}

.accordion {
  --color--accordion-header-text--default: var(--color--foreground);
  --color--accordion-header-text--hover: var(--color--accent--lightest);
  --color--border: var(--color--foreground);
  --color--accent--default: var(--color--accent);
  --color--accent--hover: var(--color--accent--lightest);
  --color--accent--active: var(--color--accent--dark);
  --transition--accordion: 0.3s;
}
.accordion .accordion__header {
  appearance: none;
  padding: var(--spacing--1);
  font-weight: var(--weight--medium);
  background-color: transparent;
  color: var(--color--accordion-header-text--default);
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row nowrap;
  gap: var(--spacing--3);
  width: 100%;
  transition: var(--transition--default);
  cursor: pointer;
}
.accordion .accordion__header:hover {
  color: var(--color--accordion-header-text--hover);
}
.accordion .accordion__header:hover .accordion__icon::before, .accordion .accordion__header:hover .accordion__icon::after {
  background-color: var(--color--accordion-header-text--hover);
}
.accordion .accordion__header.is-active .accordion__icon::after {
  transform: rotate(0deg);
}
.accordion .accordion__content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-bottom: 1px solid var(--color--border);
  transition: var(--transition--accordion);
  max-height: 1px;
  padding: 0 var(--spacing--1);
}
.accordion .accordion__content.is-active {
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
  padding: var(--spacing--1);
}
.accordion .accordion__icon {
  width: var(--spacing--2);
  height: var(--spacing--2);
  display: block;
  position: relative;
}
.accordion .accordion__icon::before, .accordion .accordion__icon::after {
  content: "";
  position: absolute;
  top: calc(var(--spacing--2) / 2 - 1px);
  left: 0;
  width: var(--spacing--2);
  height: 2px;
  background-color: var(--color--accordion-header-text--default);
  transition: var(--transition--default);
}
.accordion .accordion__icon::after {
  transform: rotate(90deg);
}

.tabs {
  --color--border: var(--color--light);
  --color--tab-button-background--default: transparent;
  --color--tab-button-foreground--default: var(--color--primary);
  --color--tab-button-background--hover: transparent;
  --color--tab-button-foreground--hover: var(--color--accent--lighter);
  --color--tab-button-background--active: transparent;
  --color--tab-button-foreground--active: var(--color--accent);
}
.tabs .tabs__button-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-flow: row nowrap;
  width: 100%;
  border-bottom: 2px solid var(--color--border);
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1312px) {
  .tabs .tabs__button-wrapper {
    flex-flow: row;
    height: auto;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -1rem;
    margin-bottom: 0.625rem;
    width: calc(100% + 2rem);
    padding: 0 1rem;
    border-bottom: none;
  }
}
.tabs ::-webkit-scrollbar {
  -webkit-appearance: none;
}
.tabs .tabs__button {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--color--tab-button-foreground--default);
  background: var(--color--tab-button-background--default);
  padding: 12px 1.5rem;
  font-weight: var(--weight--medium);
  font-size: 1rem;
  outline: none;
  position: relative;
  border: none;
  border-bottom: 2px solid transparent;
  transition: var(--transition--default);
  margin-bottom: -2px;
  line-height: 1.5;
}
@media only screen and (max-width: 1312px) {
  .tabs .tabs__button {
    border-bottom-color: var(--color--accent);
    margin-bottom: 6px;
    border-bottom: 2px solid var(--color--light);
    padding: 8px 1rem;
    font-size: 0.875rem;
    flex: 1;
    text-align: center;
    justify-content: center;
  }
}
.tabs .tabs__button:hover {
  color: var(--color--tab-button-foreground--hover);
  opacity: 1;
}
.tabs .tabs__button.is-active {
  color: var(--color--tab-button-foreground--active);
  background: transparent;
  border-bottom-color: var(--color--accent);
}
@media only screen and (max-width: 1312px) {
  .tabs .tabs__button.is-active {
    border-bottom-width: 2px;
  }
}
.tabs .tabs__button.has-errors::before {
  content: "!";
  color: var(--color--alert);
  font-weight: var(--weight--extrabold);
  margin-right: 0.5rem;
}
.tabs .tabs__content-wrapper {
  border: 1px solid var(--color--border);
  border-top: none;
}
.tabs .tabs__content-wrapper.has-no-border {
  border: none;
}
.tabs .tabs__content {
  display: none;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transition: var(--transition--default);
  background: #FFF;
}
.tabs .tabs__content.is-active {
  display: block;
  padding: var(--spacing--2) var(--spacing--3);
}
.tabs .tabs__content.has-no-padding {
  padding: 0;
}
.tabs .tabs__content > *:first-child {
  margin-top: 0;
}

.table {
  width: 100%;
  border-collapse: collapse;
  --color--accent--default: var(--color--light);
  --color--accent--active: var(--color--accent--dark);
  --color--table-head-background: var(--color--background--inverted);
  --color--table-head-foreground: var(--color--foreground--inverted);
  --color--table-body-background--default: var(--color--background);
  --color--table-body-foreground--default: var(--color--foreground);
  --color--table-body-background--hover: var(--color--light);
  --color--table-body-foreground--hover: var(--color--foreground);
  --color--border: transparent;
}
.table.is-simple {
  border: none;
  margin-bottom: 1.5rem;
}
.table.is-simple td {
  border-top: none;
  border-right: none;
  border-left: none;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.table.is-simple tr:hover td {
  color: initial;
}
.table thead th {
  background-color: var(--color--table-head-background);
  color: var(--color--table-head-foreground);
  font-weight: 500;
  padding: calc(var(--spacing--1) / 2) var(--spacing--1);
  border-color: transparent;
}
.table tbody tr td {
  border: 1px solid var(--color--border);
  padding: calc(var(--spacing--1) / 2) var(--spacing--1);
  transition: var(--transition--default);
  background-color: var(--color--table-body-background--default);
  color: var(--color--table-body-foreground--default);
}
.table tbody tr:hover td {
  background-color: var(--color--table-body-background--hover);
  color: var(--color--table-body-foreground--hover);
}

.tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color--lighter);
  color: var(--color--dark);
  padding: 0.25rem 0.75rem;
  font-weight: var(--weight--semibold);
  border-radius: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.5;
  gap: 0.25rem;
  white-space: nowrap;
}
.tag.is-warning, .tag.is-invited, .tag.is-draft, .tag.is-return_to_origin, .tag.is-out_for_return, .tag.is-returned_to_origin, .tag.is-on_hold {
  background-color: var(--color--warning--lightest);
  color: var(--color--darkest);
}
.tag.is-success, .tag.is-active, .tag.is-true, .tag.is-ready_for_collection, .tag.is-out_for_collection, .tag.is-collected, .tag.is-received_at_depot, .tag.is-out_for_delivery, .tag.is-at_depot, .tag.is-scheduled, .tag.is-Transit {
  background-color: var(--color--primary);
  color: var(--color--white);
}
.tag.is-alert, .datatable .datatable__search button.tag, .tag.is-deleted, .tag.is-collection_failed, .tag.is-delivery_failed, .tag.is-cancelled {
  background-color: var(--color--alert--lightest);
  color: var(--color--alert);
}
.tag.is-plain, .tag.is-deactivated, .tag.is-archived, .tag.is-unlisted, .tag.is-unpublished {
  background-color: var(--color--lightest);
}
.tag.is-accent, .tag.is-pending, .tag.is-delivery_complete {
  background-color: var(--color--accent);
  color: var(--color--white);
}
.tag.is-listed {
  background-color: var(--color--success);
  color: var(--color--white);
}
.tag.is-lowercase {
  text-transform: none;
}
.tag.is-dark {
  background-color: var(--color--dark);
  color: var(--color--white);
}

.tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.bordered-notice {
  padding: 2.5rem;
  border-radius: var(--border-radius);
  border: 2px solid var(--color--light);
  margin-bottom: var(--spacing--4);
  background-color: var(--color--background);
}
@media only screen and (max-width: 1312px) {
  .bordered-notice {
    margin-bottom: var(--spacing--2);
    padding: var(--spacing--3);
  }
}
@media only screen and (max-width: 992px) {
  .bordered-notice {
    padding: var(--spacing--2);
  }
}
.bordered-notice p {
  margin: 0;
}

.boxed-notice {
  padding: var(--spacing--1) var(--spacing--2);
  border-radius: var(--border-radius);
  background-color: var(--color--light);
  color: var(--color--dark);
}
.boxed-notice p {
  margin: 0;
  font-size: 0.875rem;
}
.boxed-notice a {
  text-decoration: underline;
  font-weight: var(--weight--extrabold);
}

.blocked-prompt {
  padding: 0.625rem 1rem;
  border: 2px solid var(--color--alert);
  border-radius: 0.5rem;
  color: var(--color--alert--darkest);
}

.pagination__wrapper {
  border: none;
  position: sticky;
  bottom: 0.625rem;
  right: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: row nowrap;
}
.pagination__wrapper:empty {
  display: none;
}

nav.pagination {
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border-radius: 0.25rem;
  background-color: var(--color--background);
  box-shadow: 0px 4px 23.5px 0px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(37, 37, 37, 0.04);
}
nav.pagination .first, nav.pagination .last {
  height: 2rem;
  margin: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color--primary);
  padding: 0 0.5rem;
}
nav.pagination .page.current {
  width: 2rem;
  height: 2rem;
  margin: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color--primary);
  color: var(--color--background);
  border-radius: 50%;
}
nav.pagination .page a {
  width: 2rem;
  height: 2rem;
  margin: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color--primary);
  border: 1px solid transparent;
  transition: border 0.3s ease;
  border-radius: 50%;
}
nav.pagination .page a:hover {
  transition: border 0.3s ease;
  border-color: var(--color--primary);
}
nav.pagination .page.gap {
  width: 2rem;
  height: 2rem;
  margin: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color--foreground);
}

.creator-application-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 668px) {
  .creator-application-info {
    grid-template-columns: 1fr;
  }
}
.creator-application-info a {
  color: var(--color--primary);
  text-decoration: underline;
}
.creator-application-info .creator-application-info__item {
  padding: 0.625rem;
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
  border-radius: 0.5rem;
  background-color: var(--color--lightest);
}
.creator-application-info .creator-application-info__item.is-full {
  grid-column: 1/-1;
}
.creator-application-info .creator-application-info__item span {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--color--darkest);
}
.creator-application-info .creator-application-info__item p {
  margin: 0;
  font-size: 1rem;
}

.settings-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 15rem;
  gap: var(--spacing--3);
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .settings-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .settings-items {
    grid-template-columns: 1fr;
  }
}

.settings-item {
  --color--border: var(--color--light);
  --color--settings-item-foreground--default: var(--color--foreground);
  --color--settings-item-background--default: var(--color--background);
  --color--settings-item-foreground--hover: var(--color--accent);
  --color--settings-item-background--hover: var(--color--background);
  --color--settings-item-foreground--active: var(--color--accent--dark);
  --color--settings-item-background--active: var(--color--background);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
  border: 2px solid var(--color--border);
  transition: var(--transition--default);
  padding: var(--layout--gutter);
  text-decoration: none;
  background-color: var(--color--settings-item-background--default);
  color: var(--color--settings-item-foreground--default);
  font-family: var(--family--heading);
  font-weight: var(--weight--regular);
  text-align: center;
  border-radius: 4px;
  position: relative;
  position: relative;
}
.settings-item:hover {
  background-color: var(--color--settings-item-background--hover);
  color: var(--color--settings-item-foreground--hover);
  border-color: var(--color--settings-item-foreground--hover);
}
.settings-item:hover .settings-item__icon svg path {
  stroke: var(--color--settings-item-foreground--hover);
}
.settings-item:active, .settings-item:focus, .settings-item.is-active, .settings-item.active {
  background-color: var(--color--settings-item-background--active);
  color: var(--color--settings-item-foreground--active);
}
.settings-item:active .settings-item__icon svg path, .settings-item:focus .settings-item__icon svg path, .settings-item.is-active .settings-item__icon svg path, .settings-item.active .settings-item__icon svg path {
  stroke: var(--color--settings-item-foreground--hover);
}
.settings-item .settings-item__icon {
  width: 4rem;
  height: 4rem;
  margin-bottom: var(--layout--gutter);
}
.settings-item .settings-item__icon img,
.settings-item .settings-item__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.settings-item .settings-item__icon svg path {
  transition: var(--transition--default);
  stroke: var(--color--settings-item-foreground--default);
}
.settings-item .settings-item__title {
  font-weight: 700;
  font-size: 1.2rem;
}
.settings-item .tag {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.settings-item.is-add {
  border-style: dashed;
  background-color: transparent;
}
.settings-item .settings-item__tooltip-icon {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 1;
  width: 1.625rem;
  height: 1.625rem;
  background-color: var(--color--teal);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color--teal--darkest);
}
.settings-item .settings-item__tooltip-icon svg {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
}

.toolkit-section > h2, .toolkit-header > h2,
.toolkit-section > h3,
.devise .toolkit-section > h1,
.toolkit-header > h3,
.devise .toolkit-header > h1,
.toolkit-section > h4,
.toolkit-header > h4,
.toolkit-section > h5,
.toolkit-header > h5,
.toolkit-section > h6,
.toolkit-header > h6 {
  font-weight: var(--weight--medium);
  color: var(--color--foreground);
  margin: 0 0 var(--layout--gutter);
}
.toolkit-section > h2::before, .toolkit-header > h2::before,
.toolkit-section > h3::before,
.devise .toolkit-section > h1::before,
.toolkit-header > h3::before,
.devise .toolkit-header > h1::before,
.toolkit-section > h4::before,
.toolkit-header > h4::before,
.toolkit-section > h5::before,
.toolkit-header > h5::before,
.toolkit-section > h6::before,
.toolkit-header > h6::before {
  content: "// ";
  display: inline-flex;
  font-weight: 500;
  color: var(--color--accent);
  font-family: var(--family--monospace);
  font-weight: var(--weight--bold);
  width: 3rem;
  text-align: right;
}
.toolkit-section > h2, .toolkit-header > h2 {
  font-size: var(--size--4);
}
.toolkit-section > h2::before, .toolkit-header > h2::before {
  content: "// ";
}
.toolkit-section > h3, .devise .toolkit-section > h1,
.devise .toolkit-section > h2, .toolkit-header > h3, .devise .toolkit-header > h1,
.devise .toolkit-header > h2,
.toolkit-section > h4,
.toolkit-header > h4,
.toolkit-section > h5,
.toolkit-header > h5,
.toolkit-section > h6,
.toolkit-header > h6 {
  font-size: var(--size--5);
}
.toolkit-section > h3::before, .devise .toolkit-section > h1::before,
.devise .toolkit-section > h2::before, .toolkit-header > h3::before, .devise .toolkit-header > h1::before,
.devise .toolkit-header > h2::before,
.toolkit-section > h4::before,
.toolkit-header > h4::before,
.toolkit-section > h5::before,
.toolkit-header > h5::before,
.toolkit-section > h6::before,
.toolkit-header > h6::before {
  content: ":: ";
}

.toolkit-section > *:not(:last-child) {
  margin-bottom: var(--layout--gutter);
}
.toolkit-section .toolkit-grid > * {
  border: 1px solid var(--color--primary);
  background-color: var(--color--primary--lightest);
}
.toolkit-section .toolkit-grid > .grid > *, .toolkit-section .toolkit-grid > .toolkit-grid > * {
  border: 1px solid var(--color--secondary);
  background-color: var(--color--secondary--lightest);
}

.toolkit-container {
  margin-top: var(--layout--gutter);
  margin-bottom: var(--layout--gutter);
  background-color: var(--color--primary--lightest);
  height: 20rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toolkit-container::before, .toolkit-container::after {
  content: "";
  background-color: var(--color--secondary--lightest);
  width: var(--layout--gutter);
  height: 100%;
  position: absolute;
  top: 0;
}
.toolkit-container::before {
  left: 0;
}
.toolkit-container::after {
  right: 0;
}

.toolkit-flex .col {
  background-color: var(--color--primary);
  color: var(--color--foreground--inverted);
  height: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toolkit-table {
  border-collapse: collapse;
  width: 100%;
}
.toolkit-table thead th {
  background-color: var(--color--background);
  padding: var(--spacing--1);
  border-bottom: 2px solid var(--color--accent);
  text-align: left;
  font-weight: var(--weight--semibold);
  color: var(--color--foreground--highlighted);
  text-transform: uppercase;
}
.toolkit-table tbody tr:nth-child(even) > td {
  background-color: var(--color--background--highlighted);
}
.toolkit-table tbody tr:hover td {
  background-color: var(--color--light);
  color: var(--color--foreground);
}
.toolkit-table tbody td {
  text-align: left;
  padding: var(--spacing--1);
  background-color: var(--color--background);
  transition: var(--transition--default);
}

.toolkit-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 15rem;
  gap: var(--spacing--3);
  width: 100%;
}

.toolkit-item {
  --color--border: var(--color--light);
  --color--toolkit-item-foreground--default: var(--color--foreground);
  --color--toolkit-item-background--default: var(--color--background--highlighted);
  --color--toolkit-item-foreground--hover: var(--color--accent);
  --color--toolkit-item-background--hover: var(--color--background);
  --color--toolkit-item-foreground--active: var(--color--accent--dark);
  --color--toolkit-item-background--active: var(--color--background);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
  border: 1px solid var(--color--border);
  transition: var(--transition--default);
  padding: var(--layout--gutter);
  text-decoration: none;
  background-color: var(--color--toolkit-item-background--default);
  color: var(--color--toolkit-item-foreground--default);
}
.toolkit-item:hover {
  background-color: var(--color--toolkit-item-background--hover);
  color: var(--color--toolkit-item-foreground--hover);
}
.toolkit-item:hover .toolkit-item__icon svg path {
  stroke: var(--color--toolkit-item-foreground--hover);
}
.toolkit-item:active, .toolkit-item:focus, .toolkit-item.is-active, .toolkit-item.active {
  background-color: var(--color--toolkit-item-background--active);
  color: var(--color--toolkit-item-foreground--active);
}
.toolkit-item:active .toolkit-item__icon svg path, .toolkit-item:focus .toolkit-item__icon svg path, .toolkit-item.is-active .toolkit-item__icon svg path, .toolkit-item.active .toolkit-item__icon svg path {
  stroke: var(--color--toolkit-item-foreground--active);
}
.toolkit-item .toolkit-item__icon {
  width: 4rem;
  height: 4rem;
  margin-bottom: var(--layout--gutter);
}
.toolkit-item .toolkit-item__icon img,
.toolkit-item .toolkit-item__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.toolkit-item .toolkit-item__icon svg path {
  transition: var(--transition--default);
  stroke: var(--color--toolkit-item-foreground--default);
}
.toolkit-item .toolkit-item__title {
  font-weight: 700;
  font-size: 1.2rem;
}

html.is-devise {
  height: auto;
}

.devise {
  background-color: var(--color--background);
  color: var(--color--foreground);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100vw;
  padding: 3rem;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 992px) {
  .devise {
    padding: 1.5rem;
  }
}
.devise a {
  cursor: pointer;
  color: var(--color--accent);
  text-decoration: none;
  transition: var(--transition--default);
}
.devise a:hover {
  color: var(--color--accent--lightest);
}
.devise a:active, .devise a:focus, .devise a.is-active, .devise a.active {
  color: var(--color--accent--dark);
}
.devise h1,
.devise h2,
.devise h3,
.devise h4,
.devise h5,
.devise h6 {
  margin-bottom: var(--spacing--2);
  text-align: center;
}
.devise h1,
.devise h2,
.devise h3,
.devise h4 {
  color: var(--color--foreground);
}
.devise p {
  text-align: center;
}
.devise .actions {
  margin-bottom: var(--spacing--3);
  margin-top: var(--spacing--3);
}
.devise input[type=submit] {
  color: #FFF;
  width: 100%;
}
.devise p {
  margin-bottom: 2em;
}
.devise .field {
  margin-bottom: var(--spacing--2);
}
.devise .field .label, .devise .field em {
  display: block;
  margin-bottom: 0.5em;
  font-size: 0.875em;
}
.devise .field br {
  display: none;
}
.devise .devise__logo {
  margin-bottom: var(--spacing--3);
}
.devise .devise__background {
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .devise .devise__background {
    display: none;
  }
}
.devise .devise__background figure {
  width: 100%;
  height: 100%;
}
.devise .devise__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
}
.devise .devise__background .overlay {
  background-color: var(--color--black);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.devise .devise__copyright {
  color: var(--color--foreground--highlighted);
  text-align: center;
  margin: 0;
  margin-top: var(--spacing--4);
  font-size: 0.75em;
}

.main--devise {
  z-index: 1;
  box-sizing: border-box;
  background-color: var(--color--background);
  color: var(--color--foreground--highlighted);
  padding: var(--spacing--5) var(--spacing--4);
  padding-top: var(--spacing--4);
  min-width: 360px;
  width: 100%;
  max-width: 480px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column nowrap;
  padding: 1.5rem;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 0px 4px 23.5px 0px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(37, 37, 37, 0.04);
}
@media only screen and (max-width: 992px) {
  .main--devise {
    padding: var(--layout--gutter);
    min-width: auto;
    width: 100%;
  }
}
.main--devise h2 {
  margin-top: 0;
}

.rolling-tapes {
  position: absolute;
  z-index: 0;
  height: auto;
  transform: rotate(45deg);
  filter: blur(8px);
}
.rolling-tapes .tape {
  width: 100%;
  overflow: hidden;
  background: white;
}
.rolling-tapes .tape:nth-child(odd) {
  transform: rotate(180deg);
}
.rolling-tapes .tape-banner {
  height: 220px;
  width: 6600px;
  margin-bottom: 5px;
}
.rolling-tapes .tape-banner img {
  margin-bottom: 10px;
  margin-right: 10px;
  width: 650px;
}
.rolling-tapes .tape-banner img {
  transition: all 0.5s ease;
}
.rolling-tapes .tape-banner img:first-child {
  animation: bannermove 100s linear infinite;
}

@keyframes bannermove {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -1980px;
  }
}
.devise-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  margin-bottom: var(--spacing--3);
}
.devise-tabs a {
  padding: var(--spacing--1) var(--spacing--2);
  border-bottom: 4px solid var(--color--dark);
  font-size: 0.875em;
  font-weight: 700;
  color: var(--color--dark);
  transition: var(--transition--default);
}
.devise-tabs a.is-active {
  color: var(--color--foreground);
  border-bottom-color: var(--color--accent);
}

.is-product-block {
  position: relative;
}
.is-product-block .tag {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.is-product-block img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.product-navigation {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
  width: 100%;
}

.story-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.75rem;
}
@media only screen and (max-width: 992px) {
  .story-grid {
    grid-template-columns: 1fr;
  }
}
.story-grid.is-sortable-grid {
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.75rem;
}
@media only screen and (max-width: 992px) {
  .story-grid.is-sortable-grid {
    grid-template-columns: 1fr;
  }
}
.story-grid.is-empty {
  grid-template-columns: 1fr;
}

.story-tile {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  border: 1px solid var(--color--light);
  margin-bottom: 1rem;
  padding: 0.75rem;
}
@media only screen and (max-width: 992px) {
  .story-tile {
    flex-direction: column;
  }
}
.story-tile .story-tile__actions {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}
@media only screen and (max-width: 992px) {
  .story-tile .story-tile__actions {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .story-tile .story-tile__actions .button, .story-tile .story-tile__actions .datatable .datatable__search button, .datatable .datatable__search .story-tile .story-tile__actions button, .story-tile .story-tile__actions .splide .splide__arrow, .splide .story-tile .story-tile__actions .splide__arrow, .story-tile .story-tile__actions .splide .splide__pagination__page, .splide .story-tile .story-tile__actions .splide__pagination__page, .story-tile .story-tile__actions .devise button, .devise .story-tile .story-tile__actions button, .story-tile .story-tile__actions .devise input[type=submit], .devise .story-tile .story-tile__actions input[type=submit] {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.story-tile > *:not(:last-child) {
  margin: unset;
}
.story-tile .story-tile__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .story-tile .story-tile__content {
    width: 100%;
    height: auto;
  }
}
.story-tile h4 {
  margin: 0;
  font-size: 1.75rem;
  margin-bottom: 0.75rem;
}
.story-tile p {
  font-size: 1rem;
  font-weight: var(--weight--medium);
  line-height: 1.5;
  margin: 0;
}
@media only screen and (max-width: 992px) {
  .story-tile figure {
    width: 100%;
  }
}
.story-tile .is-story-image {
  margin-right: 1.5rem;
  border-radius: 0.25rem;
  object-fit: cover;
}
@media only screen and (max-width: 992px) {
  .story-tile .is-story-image {
    width: 100%;
    margin: 0;
  }
}
.story-tile .sortable-handle {
  cursor: move;
  opacity: 0;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 3;
}
.story-tile .sortable-handle .icon svg path {
  stroke: white;
}
.story-tile .sortable-item:hover .sortable-icon svg path {
  stroke: var(--color--white);
}
.story-tile:hover .sortable-handle {
  opacity: 1;
}

.hide-persisted-images [data-persisted=true] {
  display: none;
}

.gallery-grid,
.gallery-grid.sortable-items.is-sortable-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--layout--gutter);
}
@media only screen and (max-width: 1312px) {
  .gallery-grid,
  .gallery-grid.sortable-items.is-sortable-grid {
    grid-gap: 0.75rem;
  }
}
@media only screen and (max-width: 992px) {
  .gallery-grid,
  .gallery-grid.sortable-items.is-sortable-grid {
    grid-template-columns: 1fr;
  }
}
.gallery-grid.is-empty,
.gallery-grid.sortable-items.is-sortable-grid.is-empty {
  grid-template-columns: 1fr;
}
.gallery-grid:not(.is-empty) .is-add-gallery-images-block,
.gallery-grid.sortable-items.is-sortable-grid:not(.is-empty) .is-add-gallery-images-block {
  height: auto;
}
@media only screen and (max-width: 992px) {
  .gallery-grid:not(.is-empty) .is-add-gallery-images-block,
  .gallery-grid.sortable-items.is-sortable-grid:not(.is-empty) .is-add-gallery-images-block {
    aspect-ratio: 476/280;
  }
}

.gallery-image {
  aspect-ratio: 476/280;
  width: 100%;
  height: auto;
  display: flex;
  border-radius: 0.25rem;
  overflow: hidden;
}

.gallery-images__file-field {
  position: relative;
  --color--border: var(--color--light);
  border: 1px dashed var(--color--border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color--dark);
  cursor: pointer;
  min-height: 200px;
  transition: all 220ms ease-in-out;
}
.gallery-images__file-field input {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}
.gallery-images__file-field:hover {
  border-color: var(--color--primary);
  color: var(--color--primary);
}

.gallery-image {
  border-radius: 0.25rem;
  overflow: hidden;
  position: relative;
}
.gallery-image:hover .gallery-image__actions {
  opacity: 1;
}
.gallery-image figure {
  width: 100%;
  height: 100%;
  display: flex;
}
.gallery-image .gallery-image__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--color--foreground);
  margin: 0 !important;
}
.gallery-image .gallery-image__actions {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  margin: 0;
  opacity: 0;
  transition: all 220ms ease-in-out;
}
.gallery-image .gallery-image__actions p {
  margin: 0;
  background-color: var(--color--foreground);
  color: var(--color--background);
  font-size: 0.875rem;
  padding: 0.625rem;
}
.gallery-image.is-uploading {
  overflow: hidden;
  position: relative;
}
.gallery-image.is-uploading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2rem;
  width: 2rem;
  background: url(/assets/icons/spinner-79a9254baf1e0823b2120e457cb5f1f9bbf4eb9333c05e71f2dce78aa5e71b58.svg) no-repeat center center;
  background-size: contain;
  margin: auto;
  animation: spin 1s linear infinite;
}
.gallery-image.is-uploading img {
  filter: blur(4px) brightness(0.8);
  scale: 1.2;
}
.gallery-image.is-failed {
  border-color: var(--color--alert--dark);
}
.gallery-image.is-deleted {
  display: none;
}
.gallery-image .sortable-handle {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.page-gallery {
  padding-top: 3rem;
}
.page-gallery__image {
  position: relative;
}
.page-gallery__image .sortable-icon {
  opacity: 0;
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
}
.page-gallery__image .actions {
  opacity: 0;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  margin: 0;
}
.page-gallery__image:hover .sortable-icon {
  opacity: 1;
}
.page-gallery__image:hover .actions {
  opacity: 1;
}
.page-gallery__image figure, .page-gallery__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}

[data-gallery-images] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 0.625rem;
}
[data-gallery-images] .gallery-image {
  margin-bottom: 0.75rem;
}
[data-gallery-images] .gallery-image__preview {
  aspect-ratio: 476/280;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.25rem;
  overflow: hidden;
}

.product-images {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1.125rem;
}
.product-images figure {
  border: 1px solid #f2f2f2;
  border-radius: 0.25rem;
  overflow: hidden;
  display: flex;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.product-images figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.error-page {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.flatpickr-calendar {
  --color--border: var(--color--foreground--highlighted);
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 0;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: var(--color--background);
  -webkit-box-shadow: 1px 0 0 var(--color--border), -1px 0 0 var(--color--border), 0 1px 0 var(--color--border), 0 -1px 0 var(--color--border), 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 var(--color--border), -1px 0 0 var(--color--border), 0 1px 0 var(--color--border), 0 -1px 0 var(--color--border), 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 var(--color--border), 5px 0 0 var(--color--border);
  box-shadow: -2px 0 0 var(--color--border), 5px 0 0 var(--color--border);
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid var(--color--border);
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: none;
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: var(--color--border);
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: var(--color--background);
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: var(--color--border);
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: var(--color--background);
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--color--accent);
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 var(--color--border);
  box-shadow: -1px 0 0 var(--color--border);
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--color--foreground);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  transition: var(--transition--default);
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: var(--color--accent--light);
  border-color: var(--color--accent--light);
  color: var(--color--foreground--inverted);
}

.flatpickr-day.today {
  border-color: var(--color--accent--light);
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: var(--color--accent--light);
  background: var(--color--accent--light);
  color: var(--color--foreground--inverted);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--color--accent);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--color--foreground--inverted);
  border-color: var(--color--accent);
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 var(--color--accent);
  box-shadow: -10px 0 0 var(--color--accent);
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 var(--color--border), 5px 0 0 var(--color--border);
  box-shadow: -5px 0 0 var(--color--border), 5px 0 0 var(--color--border);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 var(--color--accent), 5px 0 0 var(--color--accent);
  box-shadow: -5px 0 0 var(--color--accent), 5px 0 0 var(--color--accent);
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 var(--color--border);
  box-shadow: 1px 0 0 var(--color--border);
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--color--foreground);
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: var(--color--foreground);
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: var(--color--foreground);
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: var(--color--foreground);
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}

.choices:focus {
  outline: 0;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

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

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #00bcd4;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}

.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}

.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin: 0 -4px 0 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7;
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00bcd4;
  border: 1px solid #00a5bb;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  visibility: visible;
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}

[dir=rtl] .choices__list--dropdown .choices__item,
[dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable,
  .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable::after,
  .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus,
.choices__input:focus {
  outline: 0;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

.choices {
  --color--background--default: var(--color--background);
  --color--background--hover: var(--color--background);
  --color--background--active: var(--color--background);
  --color--foreground--default: var(--color--foreground);
  --color--foreground--hover: var(--color--foreground);
  --color--foreground--active: var(--color--foreground);
  --color--accent--default: var(--color--accent);
  --color--accent--hover: var(--color--accent--lightest);
  --color--accent--active: var(--color--accent--light);
  --color--placeholder: var(--color--foreground);
  --color--border: var(--color--light);
}
.choices .choices__inner {
  background-color: var(--color--background--default);
  color: var(--color--foreground--default);
  border: 1px solid var(--color--border);
  transition: var(--transition--default);
}
.choices .choices__placeholder {
  opacity: 1;
  color: var(--color--placeholder);
}
.choices .choices__list--dropdown .choices__item--selectable::after {
  opacity: 1;
  color: var(--color--placeholder);
}
.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--color--accent--hover);
  color: var(--color--foreground--hover);
}
.choices:hover .choices__inner {
  border-color: var(--color--accent--hover);
}

.choices.is-open .choices__inner {
  border-color: var(--color--accent--active);
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
  color: var(--color--light);
  background: var(--color--darkest);
}

pre {
  max-width: 40rem;
  overflow-x: auto;
  border: 1px solid var(--color--light);
}

code.hljs {
  padding: 3px 5px;
}

code[class*=language-], pre[class*=language-] {
  text-shadow: none !important;
}

.hljs {
  color: var(--color--light);
  background: var(--color--dark);
}

.hljs-comment,
.hljs-quote {
  color: var(--color--light);
  font-style: italic;
}

.hljs-doctag,
.hljs-formula,
.hljs-keyword {
  color: var(--color--violet--lighter);
}

.hljs-deletion,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-subst {
  color: var(--color--red--lighter);
}

.hljs-literal {
  color: var(--color--blue--lighter);
}

.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string {
  color: var(--color--green--lighter);
}

.hljs-attr,
.hljs-number,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
  color: var(--color--orange--lighter);
}

.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-symbol,
.hljs-title {
  color: var(--color--blue--lighter);
}

.hljs-built_in,
.hljs-class .hljs-title,
.hljs-title.class_ {
  color: var(--color--orange--lighter);
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 700;
}

.hljs-link {
  text-decoration: underline;
}

/*
* iziToast | v1.4.0
* http://izitoast.marcelodolce.com
* by Marcelo Dolce.
*/
.iziToast-capsule {
  font-size: 0;
  height: 0;
  width: 100%;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.iziToast-capsule,
.iziToast-capsule * {
  box-sizing: border-box;
}

.iziToast-overlay {
  display: block;
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  bottom: -100px;
  z-index: 997;
}

.iziToast {
  display: inline-block;
  clear: both;
  position: relative;
  font-family: "Lato", Tahoma, Arial;
  font-size: 14px;
  padding: 8px 45px 9px 0;
  background: rgba(238, 238, 238, 0.9);
  border-color: rgba(238, 238, 238, 0.9);
  width: 100%;
  pointer-events: all;
  cursor: default;
  transform: translateX(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 54px;
}

.iziToast > .iziToast-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.2);
}

.iziToast > .iziToast-progressbar > div {
  height: 2px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 3px 3px;
}

.iziToast.iziToast-balloon:before {
  content: "";
  position: absolute;
  right: 8px;
  left: auto;
  width: 0px;
  height: 0px;
  top: 100%;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  border-radius: 0;
}

.iziToast.iziToast-balloon .iziToast-progressbar {
  top: 0;
  bottom: auto;
}

.iziToast.iziToast-balloon > div {
  border-radius: 0 0 0 3px;
}

.iziToast > .iziToast-cover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.1);
}

.iziToast > .iziToast-close {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  padding: 0;
  opacity: 0.6;
  width: 42px;
  height: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 8px;
  cursor: pointer;
  outline: none;
}

.iziToast > .iziToast-close:hover {
  opacity: 1;
}

.iziToast > .iziToast-body {
  position: relative;
  padding: 0 0 0 10px;
  height: auto;
  min-height: 36px;
  margin: 0 0 0 15px;
  text-align: left;
}

.iziToast > .iziToast-body:after {
  content: "";
  display: table;
  clear: both;
}

.iziToast > .iziToast-body .iziToast-texts {
  margin: 10px 0 0 0;
  padding-right: 2px;
  display: inline-block;
  float: left;
}

.iziToast > .iziToast-body .iziToast-inputs {
  min-height: 19px;
  float: left;
  margin: 3px -2px;
}

.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]),
.iziToast > .iziToast-body .iziToast-inputs > select {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 4px 7px;
  font-size: 13px;
  letter-spacing: 0.02em;
  background: rgba(0, 0, 0, 0.1);
  color: #000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  min-height: 26px;
}

.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus,
.iziToast > .iziToast-body .iziToast-inputs > select:focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}

.iziToast > .iziToast-body .iziToast-buttons {
  min-height: 17px;
  float: left;
  margin: 4px -2px;
}

.iziToast > .iziToast-body .iziToast-buttons > a,
.iziToast > .iziToast-body .iziToast-buttons > button,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.02em;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}

.iziToast > .iziToast-body .iziToast-buttons > a:hover,
.iziToast > .iziToast-body .iziToast-buttons > button:hover,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover {
  background: rgba(0, 0, 0, 0.2);
}

.iziToast > .iziToast-body .iziToast-buttons > a:focus,
.iziToast > .iziToast-body .iziToast-buttons > button:focus,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}

.iziToast > .iziToast-body .iziToast-buttons > a:active,
.iziToast > .iziToast-body .iziToast-buttons > button:active,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active {
  top: 1px;
}

.iziToast > .iziToast-body .iziToast-icon {
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  display: table;
  font-size: 23px;
  line-height: 24px;
  margin-top: -12px;
  color: #000;
  width: 24px;
  height: 24px;
}

.iziToast > .iziToast-body .iziToast-icon.ico-info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast > .iziToast-body .iziToast-icon.ico-warning {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast > .iziToast-body .iziToast-icon.ico-error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 80%;
}

.iziToast > .iziToast-body .iziToast-icon.ico-success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast > .iziToast-body .iziToast-icon.ico-question {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast > .iziToast-body .iziToast-title {
  padding: 0;
  margin: 0;
  line-height: 16px;
  font-size: 14px;
  text-align: left;
  float: left;
  color: #000;
  white-space: normal;
}

.iziToast > .iziToast-body .iziToast-message {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  white-space: normal;
}

.iziToast.iziToast-animateInside .iziToast-title,
.iziToast.iziToast-animateInside .iziToast-message,
.iziToast.iziToast-animateInside .iziToast-icon,
.iziToast.iziToast-animateInside .iziToast-buttons-child,
.iziToast.iziToast-animateInside .iziToast-inputs-child {
  opacity: 0;
}

.iziToast-target {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.iziToast-target .iziToast-capsule {
  overflow: hidden;
}

.iziToast-target .iziToast-capsule:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.iziToast-target .iziToast-capsule .iziToast {
  width: 100%;
  float: left;
}

.iziToast-wrapper {
  z-index: 99999;
  position: fixed;
  width: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: column;
}

.iziToast-wrapper .iziToast.iziToast-balloon:before {
  border-right: 0 solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  right: 8px;
  left: auto;
}

.iziToast-wrapper-bottomLeft {
  left: 0;
  bottom: 0;
  text-align: left;
}

.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px;
}

.iziToast-wrapper-bottomRight {
  right: 0;
  bottom: 0;
  text-align: right;
}

.iziToast-wrapper-topLeft {
  left: 0;
  top: 0;
  text-align: left;
}

.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px;
}

.iziToast-wrapper-topRight {
  top: 0;
  right: 0;
  text-align: right;
}

.iziToast-wrapper-topCenter {
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.iziToast-wrapper-bottomCenter {
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.iziToast-wrapper-center {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}

.iziToast-rtl {
  direction: rtl;
  padding: 8px 0 9px 45px;
  font-family: Tahoma, "Lato", Arial;
}

.iziToast-rtl .iziToast-cover {
  left: auto;
  right: 0;
}

.iziToast-rtl .iziToast-close {
  right: auto;
  left: 0;
}

.iziToast-rtl .iziToast-body {
  padding: 0 10px 0 0;
  margin: 0 16px 0 0;
  text-align: right;
}

.iziToast-rtl .iziToast-body .iziToast-buttons,
.iziToast-rtl .iziToast-body .iziToast-inputs,
.iziToast-rtl .iziToast-body .iziToast-texts,
.iziToast-rtl .iziToast-body .iziToast-title,
.iziToast-rtl .iziToast-body .iziToast-message {
  float: right;
  text-align: right;
}

.iziToast-rtl .iziToast-body .iziToast-icon {
  left: auto;
  right: 0;
}

@media only screen and (min-width: 568px) {
  .iziToast-wrapper {
    padding: 10px 15px;
  }
  .iziToast {
    margin: 5px 0;
    border-radius: 3px;
    width: auto;
  }
  .iziToast:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.1), 0 8px 8px -5px rgba(0, 0, 0, 0.25);
  }
  .iziToast:not(.iziToast-rtl) .iziToast-cover {
    border-radius: 3px 0 0 3px;
  }
  .iziToast.iziToast-rtl .iziToast-cover {
    border-radius: 0 3px 3px 0;
  }
  .iziToast.iziToast-color-dark:after {
    box-shadow: inset 0 -10px 20px -10px rgba(255, 255, 255, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  }
  .iziToast.iziToast-balloon .iziToast-progressbar {
    background: transparent;
  }
  .iziToast.iziToast-balloon:after {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25), inset 0 10px 20px -5px rgba(0, 0, 0, 0.25);
  }
  .iziToast-target .iziToast:after {
    box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.1);
  }
}
.iziToast.iziToast-theme-dark {
  background: #565c70;
  border-color: #565c70;
}

.iziToast.iziToast-theme-dark .iziToast-title {
  color: #fff;
}

.iziToast.iziToast-theme-dark .iziToast-message {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}

.iziToast.iziToast-theme-dark .iziToast-close {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 8px;
}

.iziToast.iziToast-theme-dark .iziToast-icon {
  color: #fff;
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 80%;
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast.iziToast-theme-dark .iziToast-buttons > a,
.iziToast.iziToast-theme-dark .iziToast-buttons > button,
.iziToast.iziToast-theme-dark .iziToast-buttons > input {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.iziToast.iziToast-theme-dark .iziToast-buttons > a:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons > button:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons > input:hover {
  background: rgba(255, 255, 255, 0.2);
}

.iziToast.iziToast-theme-dark .iziToast-buttons > a:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons > button:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons > input:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.iziToast.iziToast-color-red {
  background: rgba(255, 175, 180, 0.9);
  border-color: rgba(255, 175, 180, 0.9);
}

.iziToast.iziToast-color-orange {
  background: rgba(255, 207, 165, 0.9);
  border-color: rgba(255, 207, 165, 0.9);
}

.iziToast.iziToast-color-yellow {
  background: rgba(255, 249, 178, 0.9);
  border-color: rgba(255, 249, 178, 0.9);
}

.iziToast.iziToast-color-blue {
  background: rgba(157, 222, 255, 0.9);
  border-color: rgba(157, 222, 255, 0.9);
}

.iziToast.iziToast-color-green {
  background: rgba(166, 239, 184, 0.9);
  border-color: rgba(166, 239, 184, 0.9);
}

.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts,
.iziToast.iziToast-layout2 .iziToast-body .iziToast-message {
  width: 100%;
}

.iziToast.iziToast-layout3 {
  border-radius: 2px;
}

.iziToast.iziToast-layout3::after {
  display: none;
}

.iziToast.revealIn,
.iziToast .revealIn {
  -webkit-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  -moz-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
}

.iziToast.slideIn,
.iziToast .slideIn {
  -webkit-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  -moz-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
}

.iziToast.bounceInLeft {
  -webkit-animation: iziT-bounceInLeft 0.7s ease-in-out both;
  animation: iziT-bounceInLeft 0.7s ease-in-out both;
}

.iziToast.bounceInRight {
  -webkit-animation: iziT-bounceInRight 0.85s ease-in-out both;
  animation: iziT-bounceInRight 0.85s ease-in-out both;
}

.iziToast.bounceInDown {
  -webkit-animation: iziT-bounceInDown 0.7s ease-in-out both;
  animation: iziT-bounceInDown 0.7s ease-in-out both;
}

.iziToast.bounceInUp {
  -webkit-animation: iziT-bounceInUp 0.7s ease-in-out both;
  animation: iziT-bounceInUp 0.7s ease-in-out both;
}

.iziToast.fadeIn,
.iziToast .fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both;
}

.iziToast.fadeInUp {
  -webkit-animation: iziT-fadeInUp 0.7s ease both;
  animation: iziT-fadeInUp 0.7s ease both;
}

.iziToast.fadeInDown {
  -webkit-animation: iziT-fadeInDown 0.7s ease both;
  animation: iziT-fadeInDown 0.7s ease both;
}

.iziToast.fadeInLeft {
  -webkit-animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}

.iziToast.fadeInRight {
  -webkit-animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}

.iziToast.flipInX {
  -webkit-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
  animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
}

.iziToast.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both;
}

.iziToast.fadeOutDown {
  -webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}

.iziToast.fadeOutUp {
  -webkit-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}

.iziToast.fadeOutLeft {
  -webkit-animation: iziT-fadeOutLeft 0.5s ease both;
  animation: iziT-fadeOutLeft 0.5s ease both;
}

.iziToast.fadeOutRight {
  -webkit-animation: iziT-fadeOutRight 0.5s ease both;
  animation: iziT-fadeOutRight 0.5s ease both;
}

.iziToast.flipOutX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}

.iziToast-overlay.fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both;
}

.iziToast-overlay.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both;
}

@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(280px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  70% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-280px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  70% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(10px);
  }
  70% {
    -webkit-transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
  }
  70% {
    -webkit-transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@-webkit-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-moz-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px);
  }
  50% {
    opacity: 1;
    transform: translateX(-20px);
  }
  70% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px);
  }
  50% {
    opacity: 1;
    transform: translateX(-20px);
  }
  70% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px);
  }
  50% {
    opacity: 1;
    transform: translateX(-20px);
  }
  70% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px);
  }
  50% {
    opacity: 1;
    transform: translateX(-20px);
  }
  70% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px);
  }
  50% {
    opacity: 1;
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px);
  }
  50% {
    opacity: 1;
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px);
  }
  50% {
    opacity: 1;
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px);
  }
  50% {
    opacity: 1;
    transform: translateX(20px);
  }
  70% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  50% {
    opacity: 1;
    transform: translateY(10px);
  }
  70% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  50% {
    opacity: 1;
    transform: translateY(10px);
  }
  70% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-o-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  50% {
    opacity: 1;
    transform: translateY(10px);
  }
  70% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  50% {
    opacity: 1;
    transform: translateY(10px);
  }
  70% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-o-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  50% {
    opacity: 1;
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-o-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-o-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-o-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-o-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-o-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-moz-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-o-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-moz-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-o-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-moz-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
@-o-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
@keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}
@-moz-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@-o-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}
@-moz-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-o-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide--draggable > .splide__slider > .splide__track, .splide--draggable > .splide__track {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide--fade > .splide__slider > .splide__track > .splide__list, .splide--fade > .splide__track > .splide__list {
  display: block;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide, .splide--fade > .splide__track > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active, .splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide--ttb.is-active > .splide__slider > .splide__track > .splide__list, .splide--ttb.is-active > .splide__track > .splide__list {
  display: block;
}

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

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  transform-style: preserve-3d;
}

.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__progress__bar {
  width: 0;
}

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

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

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

.splide__slide img {
  vertical-align: bottom;
}

.splide__slider {
  position: relative;
}

.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__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.tippy-box[data-animation=scale-subtle][data-placement^=top] {
  transform-origin: bottom;
}

.tippy-box[data-animation=scale-subtle][data-placement^=bottom] {
  transform-origin: top;
}

.tippy-box[data-animation=scale-subtle][data-placement^=left] {
  transform-origin: right;
}

.tippy-box[data-animation=scale-subtle][data-placement^=right] {
  transform-origin: left;
}

.tippy-box[data-animation=scale-subtle][data-state=hidden] {
  transform: scale(0.8);
  opacity: 0;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}