@charset "UTF-8";
/*!
Theme Name: Anima LT
Author: Pixelgrade
Author URI: https://pixelgrade.com
Description: Anima LT is a design-system foundation for the block editor — considered colour, typography, and spacing for writing-first sites, built entirely from core blocks. It is the universal base of the Pixelgrade LT site solutions.
Version: 2.0.22
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anima-lt
Tags: blog, portfolio, one-column, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, block-patterns, full-site-editing, rtl-language-support
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*

Table of Contents

0.    Reset
1.    Elements - HTML Entities
2.    Components
2.1.  Site Header
2.2.  Site Content
2.3.  Site Footer
2.4.  Comments
2.5.  Navigation
2.6.  Search Form
2.7.  Logo
2.8.  Header Dropcap
2.9.  Reading Bar
2.10. Author Box
3.    Blocks
4.    Pages
5.    Theming
6.    Overwrites

*/
/* 0.1. Reset */
/*! 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* {
  border: 0;
  padding: 0;
  margin: 0;
}

/**
 * Use this mixin to change the inherited font declaration 
 * of an element or container.
 */
/**
 * Overwrite elements whose properties are declared by a 3rd
 * party by setting all the font properties again.
 *
 * Examples: sales badges inherit font rules from WooCommerce plugin
 */
.is-style-lead {
  font-family: var(--current-font-family);
  font-size: var(--current-font-size);
  line-height: var(--current-line-height);
  font-weight: var(--current-font-weight);
  font-style: var(--current-font-style);
  letter-spacing: var(--current-letter-spacing);
  text-transform: var(--current-text-transform);
}

/**
 * Use this mixin on containers or elements, when you need 
 * to overwrite the universal selector (*) specificity
 *
 * Examples: input fields, image captions
 */
* {
  font-family: var(--current-font-family);
  font-size: var(--current-font-size);
  line-height: var(--current-line-height);
  font-weight: var(--current-font-weight);
  font-style: var(--current-font-style);
  letter-spacing: var(--current-letter-spacing);
  text-transform: var(--current-text-transform);
}

/* 0.2. Elements */
html {
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  scroll-padding-top: var(--theme-sticky-header-height, 0px);
  --theme-body-final-font-size: var(--current-font-size);
  --font-size: var(--theme-body-font-size);
  --current-font-family: var(--theme-body-font-family);
  --current-line-height: var(--theme-body-line-height);
  --current-font-weight: var(--theme-body-font-weight);
  --current-font-style: var(--theme-body-font-style);
  --current-letter-spacing: var(--theme-body-letter-spacing);
}

body {
  overflow-x: hidden;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: var(--theme-input-placeholder-opacity);
}

:-moz-placeholder {
  color: inherit;
  opacity: var(--theme-input-placeholder-opacity);
}

::-moz-placeholder {
  color: inherit;
  opacity: var(--theme-input-placeholder-opacity);
}

:-ms-input-placeholder {
  color: inherit;
  opacity: var(--theme-input-placeholder-opacity);
}

input:not([type]), input[type=text], input[type=tel], input[type=number], input[type=date], input[type=email], input[type=password], input[type=url], input[type=search] {
  width: 100%;
  height: auto;
  max-width: 100%;
  padding: var(--theme-input-padding);
  margin: 0;
  color: var(--sm-current-fg1-color);
  border-radius: var(--theme-input-border-radius);
  background-color: var(--sm-current-bg-color);
  box-shadow: var(--theme-input-box-shadow);
  border: 0;
  transition: all 0.2s ease-in-out;
  --font-size: var(--theme-input-font-size);
  --current-font-family: var(--theme-input-font-family);
  --current-font-weight: var(--theme-input-font-weight);
  --current-font-style: var(--theme-input-font-style);
  --current-line-height: var(--theme-input-line-height);
  --current-letter-spacing: var(--theme-input-letter-spacing);
  --current-text-transform: var(--theme-input-text-transform);
  -webkit-font-smoothing: initial;
  -webkit-appearance: none;
}
input:not([type]):hover, input[type=text]:hover, input[type=tel]:hover, input[type=number]:hover, input[type=date]:hover, input[type=email]:hover, input[type=password]:hover, input[type=url]:hover, input[type=search]:hover {
  --theme-input-box-shadow: var(--theme-input-hover-box-shadow);
}
input:not([type]):focus, input:not([type]):active, input[type=text]:focus, input[type=text]:active, input[type=tel]:focus, input[type=tel]:active, input[type=number]:focus, input[type=number]:active, input[type=date]:focus, input[type=date]:active, input[type=email]:focus, input[type=email]:active, input[type=password]:focus, input[type=password]:active, input[type=url]:focus, input[type=url]:active, input[type=search]:focus, input[type=search]:active {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
input:not([type])[disabled], input[type=text][disabled], input[type=tel][disabled], input[type=number][disabled], input[type=date][disabled], input[type=email][disabled], input[type=password][disabled], input[type=url][disabled], input[type=search][disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
[class*=invalid] input:not([type]), [class*=invalid] input[type=text], [class*=invalid] input[type=tel], [class*=invalid] input[type=number], [class*=invalid] input[type=date], [class*=invalid] input[type=email], [class*=invalid] input[type=password], [class*=invalid] input[type=url], [class*=invalid] input[type=search] {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
  --theme-input-color: var(--theme-input-error-color);
  --theme-input-placeholder-color: var(--theme-input-error-color);
  --theme-input-placeholder-opacity: 0;
}
[class*=invalid] input:not([type]):hover, [class*=invalid] input[type=text]:hover, [class*=invalid] input[type=tel]:hover, [class*=invalid] input[type=number]:hover, [class*=invalid] input[type=date]:hover, [class*=invalid] input[type=email]:hover, [class*=invalid] input[type=password]:hover, [class*=invalid] input[type=url]:hover, [class*=invalid] input[type=search]:hover {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
}
[class*=invalid] input:not([type]):focus, [class*=invalid] input:not([type]):active, [class*=invalid] input[type=text]:focus, [class*=invalid] input[type=text]:active, [class*=invalid] input[type=tel]:focus, [class*=invalid] input[type=tel]:active, [class*=invalid] input[type=number]:focus, [class*=invalid] input[type=number]:active, [class*=invalid] input[type=date]:focus, [class*=invalid] input[type=date]:active, [class*=invalid] input[type=email]:focus, [class*=invalid] input[type=email]:active, [class*=invalid] input[type=password]:focus, [class*=invalid] input[type=password]:active, [class*=invalid] input[type=url]:focus, [class*=invalid] input[type=url]:active, [class*=invalid] input[type=search]:focus, [class*=invalid] input[type=search]:active {
  --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow);
}

input[type=checkbox] {
  position: relative;
  left: 0;
  float: left;
  clear: left;
  box-shadow: var(--theme-input-box-shadow);
  border-radius: var(--theme-input-border-radius);
  width: var(--theme-checkbox-width) !important;
  height: var(--theme-checkbox-height) !important;
  margin-right: var(--theme-input-horizontal-spacing);
  background-color: var(--sm-current-bg-color);
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.3s ease;
  border-color: var(--sm-current-accent-color);
  color: var(--sm-current-bg-color);
}
input[type=checkbox]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sm-current-accent-color);
  background-image: url("./assets/images/checkbox.svg");
  background-size: 60% 60%;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.3s ease;
}
input[type=checkbox]:hover {
  --theme-input-box-shadow: var(--theme-input-hover-box-shadow);
}
input[type=checkbox]:focus, input[type=checkbox]:active {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
input[type=checkbox]:checked {
  box-shadow: 0 0 0 1px var(--sm-current-accent-color);
}
input[type=checkbox]:checked:after {
  opacity: 1;
}

input[type=radio] {
  position: relative;
  left: 0;
  float: left;
  clear: left;
  box-shadow: var(--theme-input-box-shadow);
  border-radius: var(--theme-input-border-radius);
  width: var(--theme-checkbox-width) !important;
  height: var(--theme-checkbox-height) !important;
  margin-right: var(--theme-input-horizontal-spacing);
  background-color: var(--sm-current-bg-color);
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.3s ease;
  border-radius: 50%;
  border: 0 solid var(--sm-current-accent-color);
  -webkit-font-smoothing: initial;
  -webkit-appearance: none;
}
input[type=radio]:hover {
  --theme-input-box-shadow: var(--theme-input-hover-box-shadow);
}
input[type=radio]:focus, input[type=radio]:active {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
input[type=radio]:checked {
  border-width: 0.375em;
  box-shadow: 0 0 0 1px var(--sm-current-accent-color);
  outline: 0;
}

input[type=submit],
input[type=button] {
  --theme-button-text-color: var(--sm-current-bg-color);
  --theme-button-background-color: var(--sm-button-background-color);
  --theme-button-border-color: var(--sm-button-background-color);
  --theme-button-hover-text-color: var(--sm-button-background-color);
  --theme-button-hover-background-color: transparent;
  --theme-button-hover-border-color: var(--sm-button-background-color);
  display: inline-block;
  text-decoration: none;
  --current-button-background-color: var(--theme-button-background-color);
  --current-button-border-color: var(--theme-button-border-color);
  --current-button-text-color: var(--theme-button-text-color);
  --current-button-transition: var(--theme-button-transition);
}
input[type=submit]:not([disabled]),
input[type=button]:not([disabled]) {
  cursor: pointer;
}
input[type=submit]:not([disabled]):is(:hover, :focus),
input[type=button]:not([disabled]):is(:hover, :focus) {
  --current-button-background-color: var(--theme-button-hover-background-color);
  --current-button-border-color: var(--theme-button-hover-border-color);
  --current-button-text-color: var(--theme-button-hover-text-color);
  --current-button-transition: var(--theme-button-hover-transition);
}
input[type=submit]:disabled,
input[type=button]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
input[type=submit],
input[type=button] {
  padding: var(--theme-button-padding);
  border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color);
  border-radius: var(--theme-button-border-radius);
  background-color: var(--current-button-background-color);
  color: var(--current-button-text-color);
  transition: var(--current-button-transition);
  --font-size: var(--theme-button-font-size);
  --current-font-family: var(--theme-button-font-family);
  --current-font-weight: var(--theme-button-font-weight);
  --current-font-style: var(--theme-button-font-style);
  --current-line-height: var(--theme-button-line-height);
  --current-letter-spacing: var(--theme-button-letter-spacing);
  --current-text-transform: var(--theme-button-text-transform);
  background-color: transparent;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  overflow: hidden;
  background-color: transparent;
  background-size: calc(200% + 4 * var(--theme-button-border-width)) calc(100% + 4 * var(--theme-button-border-width));
  background-position: calc(100% + var(--theme-button-border-width)) calc(-1 * var(--theme-button-border-width));
}
input[type=submit]:not([disabled]):is(:hover, :focus),
input[type=button]:not([disabled]):is(:hover, :focus) {
  background-position: calc(-1 * var(--theme-button-border-width)) calc(-1 * var(--theme-button-border-width));
}
input[type=submit]:before,
input[type=button]:before {
  transform: scale3d(1, 1, 1);
  transform-origin: right;
  background-color: var(--theme-button-background-color);
}
input[type=submit]:not([disabled]):is(:hover, :focus):before,
input[type=button]:not([disabled]):is(:hover, :focus):before {
  transform: scale3d(0, 1, 1);
}
input[type=submit],
input[type=button] {
  background-image: linear-gradient(to right, var(--theme-button-hover-background-color) 50%, var(--theme-button-background-color) 50%);
}

button[type=submit] {
  --theme-button-text-color: var(--sm-current-bg-color);
  --theme-button-background-color: var(--sm-button-background-color);
  --theme-button-border-color: var(--sm-button-background-color);
  --theme-button-hover-text-color: var(--sm-button-background-color);
  --theme-button-hover-background-color: transparent;
  --theme-button-hover-border-color: var(--sm-button-background-color);
  display: inline-block;
  text-decoration: none;
  --current-button-background-color: var(--theme-button-background-color);
  --current-button-border-color: var(--theme-button-border-color);
  --current-button-text-color: var(--theme-button-text-color);
  --current-button-transition: var(--theme-button-transition);
}
button[type=submit]:not([disabled]) {
  cursor: pointer;
}
button[type=submit]:not([disabled]):is(:hover, :focus) {
  --current-button-background-color: var(--theme-button-hover-background-color);
  --current-button-border-color: var(--theme-button-hover-border-color);
  --current-button-text-color: var(--theme-button-hover-text-color);
  --current-button-transition: var(--theme-button-hover-transition);
}
button[type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
button[type=submit] {
  padding: var(--theme-button-padding);
  border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color);
  border-radius: var(--theme-button-border-radius);
  background-color: var(--current-button-background-color);
  color: var(--current-button-text-color);
  transition: var(--current-button-transition);
  --font-size: var(--theme-button-font-size);
  --current-font-family: var(--theme-button-font-family);
  --current-font-weight: var(--theme-button-font-weight);
  --current-font-style: var(--theme-button-font-style);
  --current-line-height: var(--theme-button-line-height);
  --current-letter-spacing: var(--theme-button-letter-spacing);
  --current-text-transform: var(--theme-button-text-transform);
  background-color: transparent;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  overflow: hidden;
}
button[type=submit]:before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--theme-button-border-width));
  right: calc(-1 * var(--theme-button-border-width));
  bottom: calc(-1 * var(--theme-button-border-width));
  left: calc(-1 * var(--theme-button-border-width));
  z-index: -1;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  transition: var(--current-button-transition);
  transition-property: transform;
}
button[type=submit]:before {
  transform: scale3d(1, 1, 1);
  transform-origin: right;
  background-color: var(--theme-button-background-color);
}
button[type=submit]:not([disabled]):is(:hover, :focus):before {
  transform: scale3d(0, 1, 1);
}

input[type=reset],
button[type=reset] {
  padding: 0;
  border-width: 0;
  cursor: pointer;
  position: relative;
  padding-right: 1.15em;
  padding-bottom: 0.3em;
  margin-right: calc(-1 * 1.15em);
  background: none !important;
  text-decoration: none;
}
input[type=reset]:before,
button[type=reset]:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 1.15em;
  width: calc(100% - 1.15em);
  height: 0.1em;
  transform: scale3d(1, 1, 1);
  will-change: transform;
  -webkit-backface-visibility: hidden;
  transform-origin: left;
  background: currentColor;
  transition: var(--theme-button-transition);
  transition-property: transform;
}
input[type=reset]:after,
button[type=reset]:after {
  content: "";
}
@supports (mask-clip: initial) or (-webkit-mask-clip: initial) {
  input[type=reset]:after,
  button[type=reset]:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    mask: url("./assets/images/icon-arrow.svg") no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url("./assets/images/icon-arrow.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
    vertical-align: text-bottom;
    transform: translate(0, -50%) scale(-1, 1);
    transition: var(--theme-button-transition);
    transition-property: opacity, transform;
  }
}
input[type=reset]:after,
button[type=reset]:after {
  opacity: 0;
  transform: translate(0, -50%) scale(-1, 1);
}
input[type=reset]:not([disabled]):is(:hover, :focus),
button[type=reset]:not([disabled]):is(:hover, :focus) {
  color: var(--theme-button-text-color);
}
input[type=reset]:not([disabled]):is(:hover, :focus):before,
button[type=reset]:not([disabled]):is(:hover, :focus):before {
  transform: scale3d(0, 1, 1);
  transform-origin: right;
}
input[type=reset]:not([disabled]):is(:hover, :focus):after,
button[type=reset]:not([disabled]):is(:hover, :focus):after {
  opacity: 1;
  transform: translate(0.4em, -50%) scale(-1, 1);
}

input[type=file] {
  width: 100%;
}

input[type=file]::-webkit-file-upload-button {
  display: block;
  margin-bottom: 0 !important;
  padding: 0.75em 1.75em;
  border: 0 solid transparent;
  border-right-width: 1em;
  background-clip: padding-box;
  overflow: visible;
  font-weight: 600;
  text-align: center;
  color: var(--sm-current-fg1-color);
  background-color: var(--sm-current-bg-color);
  vertical-align: middle;
  cursor: pointer;
}
input[type=file]::-webkit-file-upload-button:hover, input[type=file]::-webkit-file-upload-button:focus, input[type=file]::-webkit-file-upload-button:active {
  outline: 0;
  box-shadow: none;
  background-color: var(--theme-input-background-color);
}

textarea {
  width: 100%;
  height: auto;
  max-width: 100%;
  padding: var(--theme-input-padding);
  margin: 0;
  color: var(--sm-current-fg1-color);
  border-radius: var(--theme-input-border-radius);
  background-color: var(--sm-current-bg-color);
  box-shadow: var(--theme-input-box-shadow);
  border: 0;
  transition: all 0.2s ease-in-out;
  --font-size: var(--theme-input-font-size);
  --current-font-family: var(--theme-input-font-family);
  --current-font-weight: var(--theme-input-font-weight);
  --current-font-style: var(--theme-input-font-style);
  --current-line-height: var(--theme-input-line-height);
  --current-letter-spacing: var(--theme-input-letter-spacing);
  --current-text-transform: var(--theme-input-text-transform);
  -webkit-font-smoothing: initial;
  -webkit-appearance: none;
}
textarea:hover {
  --theme-input-box-shadow: var(--theme-input-hover-box-shadow);
}
textarea:focus, textarea:active {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
textarea[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
[class*=invalid] textarea {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
  --theme-input-color: var(--theme-input-error-color);
  --theme-input-placeholder-color: var(--theme-input-error-color);
  --theme-input-placeholder-opacity: 0;
}
[class*=invalid] textarea:hover {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
}
[class*=invalid] textarea:focus, [class*=invalid] textarea:active {
  --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow);
}
textarea {
  min-height: 7.5em;
  resize: vertical;
}

select {
  width: 100%;
  height: auto;
  max-width: 100%;
  padding: var(--theme-input-padding);
  margin: 0;
  color: var(--sm-current-fg1-color);
  border-radius: var(--theme-input-border-radius);
  background-color: var(--sm-current-bg-color);
  box-shadow: var(--theme-input-box-shadow);
  border: 0;
  transition: all 0.2s ease-in-out;
  --font-size: var(--theme-input-font-size);
  --current-font-family: var(--theme-input-font-family);
  --current-font-weight: var(--theme-input-font-weight);
  --current-font-style: var(--theme-input-font-style);
  --current-line-height: var(--theme-input-line-height);
  --current-letter-spacing: var(--theme-input-letter-spacing);
  --current-text-transform: var(--theme-input-text-transform);
  -webkit-font-smoothing: initial;
  -webkit-appearance: none;
}
select:hover {
  --theme-input-box-shadow: var(--theme-input-hover-box-shadow);
}
select:focus, select:active {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
select[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
[class*=invalid] select {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
  --theme-input-color: var(--theme-input-error-color);
  --theme-input-placeholder-color: var(--theme-input-error-color);
  --theme-input-placeholder-opacity: 0;
}
[class*=invalid] select:hover {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
}
[class*=invalid] select:focus, [class*=invalid] select:active {
  --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow);
}
select {
  --select-icon-size: 6px;
  padding-left: 1.125em;
  padding-right: 3.125em;
  background-image: linear-gradient(45deg, transparent 50%, var(--sm-current-fg2-color) 50%), linear-gradient(135deg, var(--sm-current-fg2-color) 50%, transparent 50%);
  background-position: calc(98% - var(--theme-input-padding) - var(--select-icon-size)) center, calc(98% - var(--theme-input-padding)) center;
  background-size: var(--select-icon-size) var(--select-icon-size), var(--select-icon-size) var(--select-icon-size);
  background-repeat: no-repeat;
  -webkit-appearance: none;
}
select[multiple] {
  background: none;
  padding-right: 0.8125em;
}

fieldset {
  border: 0;
}
fieldset legend {
  color: var(--theme-input-legend-color);
  padding: 0 !important;
}
fieldset > div {
  margin-top: var(--theme-input-vertical-spacing);
}

label {
  color: var(--theme-input-label-color);
  display: flex;
  align-items: center;
  --font-size: var(--theme-input-font-size);
  --current-font-family: var(--theme-input-font-family);
  --current-font-weight: var(--theme-input-font-weight);
  --current-font-style: var(--theme-input-font-style);
  --current-line-height: var(--theme-input-line-height);
  --current-letter-spacing: var(--theme-input-letter-spacing);
  --current-text-transform: var(--theme-input-text-transform);
  --current-font-weight: bold;
  margin: 0;
}
label:not(:first-child) {
  margin-top: var(--theme-input-vertical-spacing);
}
label:not(:last-child) {
  margin-bottom: var(--theme-input-vertical-spacing);
}
label {
  cursor: pointer;
}

.input-normal-height {
  --theme-input-padding: .833em;
}

/*------------------------------------*\
  #PLUGIN - Ninja Forms
\*------------------------------------*/
/**
 * The Ninja Forms plugin successfully uses our Design System styling once the user disables the
 * plugin default styling.
 * 
 * It is required to set the 'Opinionated Style' option to 'None' from plugin Settings → Advanced 
 * Settings page to disable the plugin styles and use our Design System styling and tokens. 
 * @todo: it would be a great experience if we could find a way to disable it automatically.
 * 
 * Any observed issues should be overwritten and fixed using the same CSS rules structure
 * from the SASS source map files found in Chrome DevTools
 */
.nf-form-cont .list-radio-wrap .nf-field-element li input,
.nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.nf-form-cont .list-image-wrap .nf-field-element li input {
  width: var(--theme-checkbox-width) !important;
  margin-top: var(--theme-input-vertical-spacing);
  margin-right: var(--theme-input-horizontal-spacing);
}

.nf-form-cont .list-checkbox-wrap .nf-field-element li input {
  margin-top: 0;
}

.label-right .checkbox-wrap .nf-field-label {
  padding-left: 0;
}
.label-right .checkbox-wrap .nf-field-element[class] {
  width: auto;
  margin-right: var(--theme-input-horizontal-spacing);
}

.label-hidden .nf-field-label {
  order: 999;
}
.nf-field-label:empty {
  display: none;
}

/**
 * We rely on the plugin default inline validation for fields and
 * we could hide the required fields notices as they could divert
 * the user's attention before any interaction with the form. 
 */
.nf-form-fields-required,
.ninja-forms-req-symbol {
  display: none;
}

/**
 * Set error color to use the Design System tokens
 */
.nf-form-cont .nf-error-msg,
.nf-form-cont .ninja-forms-req-symbol {
  color: var(--theme-input-error-color);
  font-size: 0.8rem;
}
.nf-form-cont .nf-error .ninja-forms-field {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
  --theme-input-color: var(--theme-input-error-color);
  border-width: 0;
}

.nf-error-wrap {
  margin-top: var(--theme-spacing-smallest);
}

.nf-field-description {
  margin-bottom: var(--theme-spacing-smallest);
}
.label-above .nf-field-description {
  margin-top: calc(var(--theme-spacing-smallest) * -1);
}
.nf-field-description * {
  color: var(--sm-current-fg1-color) !important;
  font-size: 0.8rem !important;
}

.nf-input-limit:empty {
  display: none;
}

.field-wrap textarea {
  display: block;
}

.nf-row:last-child .nf-field-container {
  margin-bottom: 0;
}

:is(h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6) {
  font-family: var(--current-font-family);
  font-size: var(--current-font-size);
  line-height: var(--current-line-height);
  font-weight: var(--current-font-weight);
  font-style: var(--current-font-style);
  letter-spacing: var(--current-letter-spacing);
  text-transform: var(--current-text-transform);
  color: var(--current-color);
}

:is(h1, .h1) {
  --font-size: var(--theme-heading-1-font-size);
  --current-font-family: var(--theme-heading-1-font-family);
  --current-font-style: var(--theme-heading-1-font-style);
  --current-line-height: var(--theme-heading-1-line-height);
  --current-font-weight: var(--theme-heading-1-font-weight);
  --current-letter-spacing: var(--theme-heading-1-letter-spacing);
  --current-text-transform: var(--theme-heading-1-text-transform);
  --current-color: var(--theme-heading-1-color);
  --current-font-feature: "liga", "dlig", "onum";
}

:is(h2, .h2) {
  --font-size: var(--theme-heading-2-font-size);
  --current-font-family: var(--theme-heading-2-font-family);
  --current-font-style: var(--theme-heading-2-font-style);
  --current-font-weight: var(--theme-heading-2-font-weight);
  --current-line-height: var(--theme-heading-2-line-height);
  --current-letter-spacing: var(--theme-heading-2-letter-spacing);
  --current-text-transform: var(--theme-heading-2-text-transform);
  --current-color: var(--theme-heading-2-color);
  --current-font-feature: "liga", "dlig", "onum";
}

:is(h3, .h3) {
  --font-size: var(--theme-heading-3-font-size);
  --current-font-family: var(--theme-heading-3-font-family);
  --current-font-style: var(--theme-heading-3-font-style);
  --current-font-weight: var(--theme-heading-3-font-weight);
  --current-line-height: var(--theme-heading-3-line-height);
  --current-letter-spacing: var(--theme-heading-3-letter-spacing);
  --current-text-transform: var(--theme-heading-3-text-transform);
  --current-color: var(--theme-heading-3-color);
}

:is(h4, .h4) {
  --font-size: var(--theme-heading-4-font-size);
  --current-font-family: var(--theme-heading-4-font-family);
  --current-font-weight: var(--theme-heading-4-font-weight);
  --current-font-style: var(--theme-heading-4-font-style);
  --current-line-height: var(--theme-heading-4-line-height);
  --current-letter-spacing: var(--theme-heading-4-letter-spacing);
  --current-text-transform: var(--theme-heading-4-text-transform);
  --current-color: var(--theme-heading-4-color);
}

:is(h5, .h5) {
  --font-size: var(--theme-heading-5-font-size);
  --current-font-family: var(--theme-heading-5-font-family);
  --current-font-weight: var(--theme-heading-5-font-weight);
  --current-font-style: var(--theme-heading-5-font-style);
  --current-line-height: var(--theme-heading-5-line-height);
  --current-letter-spacing: var(--theme-heading-5-letter-spacing);
  --current-text-transform: var(--theme-heading-5-text-transform);
  --current-color: var(--theme-heading-5-color);
}

:is(h6, .h6) {
  --font-size: var(--theme-heading-6-font-size);
  --current-font-family: var(--theme-heading-6-font-family);
  --current-font-weight: var(--theme-heading-6-font-weight);
  --current-font-style: var(--theme-heading-6-font-style);
  --current-line-height: var(--theme-heading-6-line-height);
  --current-letter-spacing: var(--theme-heading-6-letter-spacing);
  --current-text-transform: var(--theme-heading-6-text-transform);
  --current-color: var(--theme-heading-6-color);
}

em,
i,
q,
dfn {
  font-style: italic;
}

em {
  --current-font-style: italic;
}

strong,
b {
  --current-font-weight: bold;
}

mark {
  --highlight-text-color-start: var(--sm-current-accent-color);
  --highlight-text-color-end: var(--sm-current-accent2-color);
}
mark.has-inline-color {
  color: var(--sm-current-accent-color);
  background-color: var(--sm-current-accent-color) !important;
  background-image: linear-gradient(90deg, var(--highlight-text-color-start), var(--highlight-text-color-end));
  filter: brightness(100%) saturate(150%) contrast(1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
mark[class=has-inline-color] {
  padding: 0.04em 0.5em;
  margin: 0 -0.5em;
  background: linear-gradient(90deg, rgba(249, 229, 73, 0.25), rgba(249, 229, 75, 0.75) 29.55%, rgba(249, 230, 77, 0.1) 103.16%);
  border-bottom-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  -webkit-box-decoration-break: clone;
  filter: unset;
  -webkit-text-fill-color: inherit;
  color: inherit !important;
  background-color: inherit !important;
}
:is(.is-dark, .sm-color-signal-3) mark[class=has-inline-color] {
  background: linear-gradient(90deg, rgba(75, 88, 249, 0.25), rgba(75, 88, 249, 0.75) 29.55%, rgba(75, 88, 249, 0.1) 103.16%);
}

strong em,
em strong {
  --font-size: var(--theme-heading-4-font-size);
  --current-font-family: var(--theme-heading-4-font-family);
  --current-font-weight: var(--theme-heading-4-font-weight);
  --current-font-style: var(--theme-heading-4-font-style);
  --current-line-height: var(--theme-heading-4-line-height);
  --current-letter-spacing: var(--theme-heading-4-letter-spacing);
  --current-text-transform: var(--theme-heading-4-text-transform);
  --current-color: var(--theme-heading-4-color);
  --font-size: revert;
  font-style: normal;
  color: var(--sm-current-accent-color);
}

:is(.wp-block-post-title, .nb-card__title) :is(b, strong) {
  font-weight: bold;
  color: inherit;
}
:is(.wp-block-post-title, .nb-card__title) :is(i, em) {
  font-style: italic;
  color: inherit;
}

/* Iframes */
iframe {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

/* Media */
img,
video {
  max-width: 100%;
  height: auto;
}

img {
  transition: var(--theme-transition);
  transition-property: opacity;
}

/* Links */
a {
  color: var(--sm-current-fg1-color);
  text-decoration: underline;
  text-decoration-color: currentColor;
  transition: var(--theme-links-transition);
}
a:hover, a:focus {
  color: var(--theme-links-color);
  text-decoration-color: var(--theme-links-color);
}
a[href^=tel] {
  color: currentColor;
  text-decoration-color: transparent;
}

/* Headings links */
:is(h1, h2, h3, h4, h5, h6) a {
  color: var(--theme-links-color);
  text-decoration-color: transparent;
}
:is(h1, h2, h3, h4, h5, h6) a:is(:hover, :focus) {
  text-decoration-color: transparent;
}

:is(h1, h2, h3):not(.nb-card__title, .site-title) a {
  --highlight-text-color-start: var(--sm-current-accent-color);
  --highlight-text-color-end: var(--sm-current-accent2-color);
}
:is(h1, h2, h3):not(.nb-card__title, .site-title) a:is(:hover, :focus) {
  color: var(--sm-current-accent-color);
  background-color: var(--sm-current-accent-color) !important;
  background-image: linear-gradient(90deg, var(--highlight-text-color-start), var(--highlight-text-color-end));
  filter: brightness(100%) saturate(150%) contrast(1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

/* Preformatted */
pre,
code {
  font-family: Menlo, Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
}

pre {
  padding: 1em !important;
  position: relative;
}
pre:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--sm-current-accent-color);
  opacity: 0.08;
  z-index: -1;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
pre:after {
  border-radius: 0.4em;
}
pre code {
  color: inherit;
}
pre code:after {
  display: none;
}

code {
  padding: 0.2em 0.25em;
  margin: -0.2em 0;
  font-size: 87.5%;
  word-break: break-word;
  position: relative;
}
code:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--sm-current-accent-color);
  opacity: 0.13;
  z-index: -1;
}

kbd {
  display: inline-block;
  padding: 0.15em 0.25em;
  margin: -0.15em 0;
  font-size: 87.5%;
  font-weight: bold;
  line-height: 1;
  color: var(--sm-current-bg-color);
  background: var(--sm-current-fg2-color);
  border-radius: 0.2em;
}
kbd kbd {
  padding: 0;
  margin: 0;
  font-size: 100%;
}
kbd[data-rich-text-format-boundary] {
  background-color: var(--sm-current-fg2-color);
}

/*------------------------------------*\
  #COMPONENT - Drop Cap
\*------------------------------------*/
.has-drop-cap:not(:focus):first-letter {
  font-family: var(--current-font-family);
  font-size: var(--current-font-size);
  line-height: var(--current-line-height);
  font-weight: var(--current-font-weight);
  font-style: var(--current-font-style);
  letter-spacing: var(--current-letter-spacing);
  text-transform: var(--current-text-transform);
  color: var(--current-color);
}

.has-drop-cap:not(:focus):first-letter {
  float: left;
  margin-top: -0.075em;
  margin-bottom: -0.2em;
  margin-right: 0.075em;
  --font-size: var(--theme-heading-1-font-size);
  --current-font-family: var(--theme-heading-1-font-family);
  --current-font-style: var(--theme-heading-1-font-style);
  --current-line-height: var(--theme-heading-1-line-height);
  --current-font-weight: var(--theme-heading-1-font-weight);
  --current-letter-spacing: var(--theme-heading-1-letter-spacing);
  --current-text-transform: var(--theme-heading-1-text-transform);
  --current-color: var(--theme-heading-1-color);
  --current-line-height: 1em;
  --current-font-size: 5.3em;
}
.has-drop-cap:not(:focus):first-letter {
  --drop-cap-color: var(--sm-current-fg1-color);
  margin-left: -0.05em;
  margin-right: 0.15em;
  --current-font-size: 5em;
  color: var(--sm-current-bg-color);
  text-shadow: 6px 6px var(--drop-cap-color), 5.75px 5.75px var(--drop-cap-color), 5.5px 5.5px var(--drop-cap-color), 5.25px 5.25px var(--drop-cap-color), 5px 5px var(--drop-cap-color), 4.75px 4.75px var(--drop-cap-color), 4.5px 4.5px var(--drop-cap-color), 4.25px 4.25px var(--drop-cap-color), 4px 4px var(--drop-cap-color), 3.75px 3.75px var(--drop-cap-color), 3.5px 3.5px var(--drop-cap-color), 3.25px 3.25px var(--drop-cap-color), 3px 3px var(--drop-cap-color), 2.75px 2.75px var(--drop-cap-color), 2.5px 2.5px var(--drop-cap-color), 2.25px 2.25px var(--drop-cap-color), 2px 2px var(--drop-cap-color), 1.75px 1.75px var(--drop-cap-color), 1.5px 1.5px var(--drop-cap-color), 1.25px 1.25px var(--drop-cap-color), 1px 1px var(--drop-cap-color), 0.75px 0.75px var(--drop-cap-color), 0.5px 0.5px var(--drop-cap-color), 0.25px 0.25px var(--drop-cap-color), -0.25px -0.25px var(--drop-cap-color), -0.5px -0.5px var(--drop-cap-color), -0.75px -0.75px var(--drop-cap-color), -1px -1px var(--drop-cap-color), -1px 1px var(--drop-cap-color), 1px -1px var(--drop-cap-color), 1px 1px var(--drop-cap-color);
}

[data-drop-cap-style-=style1] .has-drop-cap:first-letter {
  margin-right: 0.15em;
  color: var(--sm-current-fg1-color);
  text-shadow: 2px 2px 0px var(--sm-current-bg-color), 4px 4px 0px var(--drop-cap-color);
}

[data-drop-cap-style-=style2] .has-drop-cap:first-letter {
  --drop-cap-color: var(--sm-current-fg1-color);
  margin-left: -0.05em;
  margin-right: 0.15em;
  --current-font-size: 5em;
  color: var(--sm-current-bg-color);
  text-shadow: 6px 6px var(--drop-cap-color), 5.75px 5.75px var(--drop-cap-color), 5.5px 5.5px var(--drop-cap-color), 5.25px 5.25px var(--drop-cap-color), 5px 5px var(--drop-cap-color), 4.75px 4.75px var(--drop-cap-color), 4.5px 4.5px var(--drop-cap-color), 4.25px 4.25px var(--drop-cap-color), 4px 4px var(--drop-cap-color), 3.75px 3.75px var(--drop-cap-color), 3.5px 3.5px var(--drop-cap-color), 3.25px 3.25px var(--drop-cap-color), 3px 3px var(--drop-cap-color), 2.75px 2.75px var(--drop-cap-color), 2.5px 2.5px var(--drop-cap-color), 2.25px 2.25px var(--drop-cap-color), 2px 2px var(--drop-cap-color), 1.75px 1.75px var(--drop-cap-color), 1.5px 1.5px var(--drop-cap-color), 1.25px 1.25px var(--drop-cap-color), 1px 1px var(--drop-cap-color), 0.75px 0.75px var(--drop-cap-color), 0.5px 0.5px var(--drop-cap-color), 0.25px 0.25px var(--drop-cap-color), -0.25px -0.25px var(--drop-cap-color), -0.5px -0.5px var(--drop-cap-color), -0.75px -0.75px var(--drop-cap-color), -1px -1px var(--drop-cap-color), -1px 1px var(--drop-cap-color), 1px -1px var(--drop-cap-color), 1px 1px var(--drop-cap-color);
}

/* Tables */
table {
  width: 100%;
  float: none;
  border-collapse: collapse;
}
table th {
  text-align: left;
}
table th,
table td {
  vertical-align: middle;
}
table :is(tr, thead, tbody):not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
table :is(thead, .specificity.x2) {
  border-bottom-width: 2px;
  border-bottom-color: var(--sm-current-fg1-color);
}
table :is(thead, .specificity.x2) tr th {
  font-weight: bold;
}
table th,
table td {
  padding: var(--theme-spacing-fluid-smaller);
  padding: 0.5em;
  max-width: 100%;
  white-space: nowrap;
  border: 0;
}
table th:first-child,
table td:first-child {
  padding-left: 0;
}
table th:last-child,
table td:last-child {
  padding-right: 0;
}
table.has-fixed-layout {
  table-layout: fixed;
}
table.has-fixed-layout th,
table.has-fixed-layout td {
  white-space: normal;
}

.wp-block-table.alignfull th:first-child,
.wp-block-table.alignfull td:first-child {
  padding-left: var(--theme-wrapper-sides-spacing);
}
.wp-block-table.alignfull th:last-child,
.wp-block-table.alignfull td:last-child {
  padding-right: var(--theme-wrapper-sides-spacing);
}
.wp-block-table.alignfull figcaption {
  padding-left: var(--theme-wrapper-sides-spacing);
  padding-right: var(--theme-wrapper-sides-spacing);
}

.is-style-lead {
  --font-size: var(--theme-lead-font-size);
  --current-font-family: var(--theme-lead-font-family);
  --current-font-style: var(--theme-lead-font-style);
  --current-line-height: var(--theme-lead-line-height);
  --current-letter-spacing: var(--theme-lead-letter-spacing);
  --current-text-transform: var(--theme-lead-text-transform);
}

.is-style-meta {
  --font-size: var(--theme-meta-font-size);
  --current-font-family: var(--theme-meta-font-family);
  --current-font-weight: var(--theme-meta-font-weight);
  --current-font-style: var(--theme-meta-font-style);
  --current-line-height: var(--theme-meta-line-height);
  --current-letter-spacing: var(--theme-meta-letter-spacing);
  --current-text-transform: var(--theme-meta-text-transform);
}

.is-style-caption {
  --font-size: var(--theme-caption-font-size);
  --current-font-family: var(--theme-caption-font-family);
  --current-font-weight: var(--theme-caption-font-weight);
  --current-line-height: var(--theme-caption-line-height);
  --current-letter-spacing: var(--theme-caption-letter-spacing);
}

/* 2. Components */
.promo-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  width: 100%;
}
@media not screen and (min-width: 1024px) {
  .promo-bar[class][class] {
    position: absolute;
  }
}
.promo-bar .novablocks-announcement-bar.is-hidden {
  display: block;
}
.promo-bar .novablocks-announcement-bar__wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0, -50%);
  padding-left: var(--theme-header-sides-spacing);
  padding-right: var(--theme-header-sides-spacing);
}

@media not screen and (min-width: 1024px) {
  .novablocks-announcement-bar__close {
    display: none;
  }
}

:root {
  --form-gap: 10px;
}

/*------------------------------------*\
  #HELPER CLASS - .form-inline
\*------------------------------------*/
/**
 * Apply the .form-inline class to a form wrapper to align all its direct 
 * children in a single horizontal row.
 *
 * <form class="form-inline">  
 *      <input> 
 *      ...
 *      <input type="submit">  
 * </form>
 */
.form-inline {
  display: flex;
  gap: var(--form-gap);
}
.form-inline > *:last-child {
  flex-shrink: 0;
  margin-top: 0;
}

/*------------------------------------*\
  #HELPER CLASS - .form-column
\*------------------------------------*/
/**
 * Apply the .form-column class to a form wrapper to align all its direct 
 * children in a single vertical row with spacing.
 *
 * <form class="form-row">  
 *      <input> 
 *      ...
 *      <input type="submit">  
 * </form>
 */
.form-column {
  display: flex;
  gap: var(--form-gap);
}
.form-column > *:last-child {
  flex-shrink: 0;
  margin-top: 0;
}
.form-column {
  flex-direction: column;
}

.c-subscribe-form {
  display: flex;
  flex-direction: column;
  --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1));
  --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1));
  --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1));
  --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1));
  --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2));
  --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2));
  --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2));
  --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2));
  --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3));
  --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3));
  --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3));
  --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3));
  --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4));
  --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4));
  --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4));
  --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4));
  --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5));
  --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5));
  --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5));
  --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5));
  --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6));
  --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6));
  --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6));
  --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6));
  --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7));
  --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7));
  --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7));
  --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7));
  --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8));
  --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8));
  --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8));
  --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8));
  --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9));
  --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9));
  --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9));
  --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9));
  --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10));
  --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10));
  --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10));
  --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10));
  --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11));
  --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11));
  --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11));
  --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11));
  --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12));
  --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12));
  --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12));
  --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12));
}
.c-subscribe-form > :not(:first-child) {
  margin-top: var(--theme-spacing-fluid-smaller);
}
.c-subscribe-form button[type=submit] {
  --sm-current-bg-color: var(--sm-bg-color-6);
  --sm-current-accent-color: var(--sm-accent-color-6);
  --sm-current-fg1-color: var(--sm-fg1-color-6);
  --sm-current-fg2-color: var(--sm-fg2-color-6);
  background-color: var(--current-button-background-color) !important;
  color: var(--current-button-text-color) !important;
  --theme-button-text-color: var(--sm-current-fg1-color) !important;
  --theme-button-background-color: var(--sm-current-bg-color) !important;
  --theme-button-border-color: var(--sm-current-bg-color) !important;
  --theme-button-hover-text-color: var(--sm-current-fg1-color) !important;
  --theme-button-hover-background-color: var(--sm-current-bg-color) !important;
  --theme-button-hover-border-color: var(--sm-current-bg-color) !important;
}
.c-subscribe-form a {
  color: inherit;
  text-decoration: underline;
}
.c-subscribe-form__title {
  --font-size: 27;
}
.c-subscribe-form__description {
  --font-size: 19;
}
.c-subscribe-form__actions {
  display: flex;
  flex-direction: column;
}
.c-subscribe-form__actions button[type=submit] {
  margin-top: var(--theme-spacing-smallest);
}
.c-subscribe-form.form-has-background {
  --sm-current-bg-color: var(--sm-bg-color-12);
  --sm-current-accent-color: var(--sm-accent-color-12);
  --sm-current-fg1-color: var(--sm-fg1-color-12);
  --sm-current-fg2-color: var(--sm-fg2-color-12);
  padding: 2em;
  background-color: var(--sm-current-bg-color);
  color: var(--sm-current-fg1-color);
}
.c-subscribe-form.button-is-inline button {
  position: relative;
  font-size: 0 !important;
  min-width: calc(1.25 * var(--current-font-size) + 1.5 * var(--current-font-size));
}
.c-subscribe-form.button-is-inline button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: calc(1.25 * var(--current-font-size));
  height: calc(1 * var(--current-font-size));
  border: 0;
  padding: 0;
  mask: url("./assets/images/icon-mail.svg") no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask: url("./assets/images/icon-mail.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  background-color: var(--theme-button-text-color);
  transition: background-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.c-subscribe-form.button-is-inline .c-subscribe-form__actions {
  flex-direction: row;
}
.c-subscribe-form.button-is-inline .c-subscribe-form__actions button {
  margin-top: 0;
}

/* 2.1. Site Branding */
:is(.site-title, .specificity.x2) {
  --font-size: var(--theme-site-title-font-size);
  --current-font-family: var(--theme-site-title-font-family);
  --current-font-weight: var(--theme-site-title-font-weight);
  --current-font-style: var(--theme-site-title-font-style);
  --current-line-height: var(--theme-site-title-line-height);
  --current-letter-spacing: var(--theme-site-title-letter-spacing);
  --current-text-transform: var(--theme-site-title-text-transform);
  --font-size: var(--nb-header-logo-height-setting);
  --current-line-height: 1;
}
@media not screen and (min-width: 1024px) {
  :is(.site-title, .specificity.x2) {
    --font-size: calc(var(--nb-mobile-header-logo-height-setting) * 1.4);
  }
}
:is(.site-title, .specificity.x2) a {
  display: block;
  text-decoration: none;
}

/* Post Content */
.c-meta, .c-meta .novablocks-sharing__button-label {
  --font-size: var(--theme-input-font-size);
  --current-font-family: var(--theme-input-font-family);
  --current-font-weight: var(--theme-input-font-weight);
  --current-font-style: var(--theme-input-font-style);
  --current-line-height: var(--theme-input-line-height);
  --current-letter-spacing: var(--theme-input-letter-spacing);
  --current-text-transform: var(--theme-input-text-transform);
}

/* 2.3. Site Footer */
/* 2.4. Comments */
:root {
  --theme-comment-metadata-spacing: 0.5em;
  --theme-comment-avatar-spacing: 20px;
  --theme-comment-body-spacing: 0.5rem;
  --theme-comment-content-spacing: var(--theme-spacing-large);
  --theme-comment-avatar-width: 56px;
}

.comments-area > :not(:first-child) {
  margin-top: var(--theme-spacing-large);
}
.comments-area {
  clear: both;
}
.comments-area:not(:first-child) {
  margin-top: var(--theme-spacing-fluid-large);
}

.comments-area__wrap {
  overflow: hidden;
}
.comments-area__wrap[class] {
  margin-top: 0;
}

.comments-area__content {
  padding-top: var(--theme-content-spacing);
}
.comments-area__content > :not(:first-child) {
  margin-top: var(--theme-spacing-large);
}

.article-comments {
  padding-left: var(--theme-wrapper-sides-spacing);
  padding-right: var(--theme-wrapper-sides-spacing);
}

.c-comments-toggle__label {
  --theme-button-text-color: var(--sm-current-bg-color);
  --theme-button-background-color: var(--sm-button-background-color);
  --theme-button-border-color: var(--sm-button-background-color);
  --theme-button-hover-text-color: var(--sm-button-background-color);
  --theme-button-hover-background-color: transparent;
  --theme-button-hover-border-color: var(--sm-button-background-color);
  display: inline-block;
  text-decoration: none;
  --current-button-background-color: var(--theme-button-background-color);
  --current-button-border-color: var(--theme-button-border-color);
  --current-button-text-color: var(--theme-button-text-color);
  --current-button-transition: var(--theme-button-transition);
}
.c-comments-toggle__label:not([disabled]) {
  cursor: pointer;
}
.c-comments-toggle__label:not([disabled]):is(:hover, :focus) {
  --current-button-background-color: var(--theme-button-hover-background-color);
  --current-button-border-color: var(--theme-button-hover-border-color);
  --current-button-text-color: var(--theme-button-hover-text-color);
  --current-button-transition: var(--theme-button-hover-transition);
}
.c-comments-toggle__label:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.c-comments-toggle__label {
  padding: var(--theme-button-padding);
  border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color);
  border-radius: var(--theme-button-border-radius);
  background-color: var(--current-button-background-color);
  color: var(--current-button-text-color);
  transition: var(--current-button-transition);
  --font-size: var(--theme-button-font-size);
  --current-font-family: var(--theme-button-font-family);
  --current-font-weight: var(--theme-button-font-weight);
  --current-font-style: var(--theme-button-font-style);
  --current-line-height: var(--theme-button-line-height);
  --current-letter-spacing: var(--theme-button-letter-spacing);
  --current-text-transform: var(--theme-button-text-transform);
  background-color: transparent;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  overflow: hidden;
}
.c-comments-toggle__label:before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--theme-button-border-width));
  right: calc(-1 * var(--theme-button-border-width));
  bottom: calc(-1 * var(--theme-button-border-width));
  left: calc(-1 * var(--theme-button-border-width));
  z-index: -1;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  transition: var(--current-button-transition);
  transition-property: transform;
}
.c-comments-toggle__label:before {
  transform: scale3d(1, 1, 1);
  transform-origin: right;
  background-color: var(--theme-button-background-color);
}
.c-comments-toggle__label:not([disabled]):is(:hover, :focus):before {
  transform: scale3d(0, 1, 1);
}
.c-comments-toggle__label {
  display: block;
  text-align: center;
}
.c-comments-toggle__label[class] {
  margin-bottom: 0;
}

.c-comments-toggle__checkbox {
  display: none;
}
.c-comments-toggle__checkbox:not(:checked) + .c-comments-toggle__label ~ * {
  display: none;
}

.comment {
  position: relative;
}

.comment {
  position: relative;
}
.comment .edit-link {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
.comment .children {
  margin-left: var(--theme-spacing-large);
  margin-top: var(--theme-spacing-large);
}
.comment .children .children {
  margin-left: 0;
}
@media not screen and (min-width: 1024px) {
  .comment .children {
    margin-left: 1.25em;
  }
}

.comment__wrapper {
  display: flex;
  align-items: flex-start;
}

.comment__avatar {
  margin-right: var(--theme-comment-avatar-spacing);
  max-width: var(--theme-comment-avatar-width);
  flex: 0 0 auto;
  overflow: hidden;
}

.comment__body > :not(:first-child) {
  margin-top: var(--theme-spacing-normal);
}
.comment__body {
  flex-grow: 1;
}

.comment__edit {
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s ease;
}
.comment:not(:hover) .comment__edit {
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .comment__header {
    display: flex;
  }
}

@media only screen and (min-width: 768px) {
  .comment__metadata {
    margin-left: var(--theme-comment-metadata-spacing);
  }
}

.comment__content > :not(:first-child) {
  margin-top: var(--theme-spacing-normal);
}

.comment__reply a {
  text-decoration-color: transparent;
}
.comment__reply a:hover {
  text-decoration-color: var(--sm-current-accent-color);
}

.comment-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.comment-form > * {
  flex: 0 0 100%;
}
.comment-form p:not(:last-child) {
  margin-bottom: var(--theme-spacing-large);
}
.comment-form p.form-submit {
  margin-bottom: 0;
}
.comment-form label {
  color: var(--theme-input-label-color);
  display: flex;
  align-items: center;
  --font-size: var(--theme-input-font-size);
  --current-font-family: var(--theme-input-font-family);
  --current-font-weight: var(--theme-input-font-weight);
  --current-font-style: var(--theme-input-font-style);
  --current-line-height: var(--theme-input-line-height);
  --current-letter-spacing: var(--theme-input-letter-spacing);
  --current-text-transform: var(--theme-input-text-transform);
  --current-font-weight: bold;
  margin: 0;
}
.comment-form label:not(:first-child) {
  margin-top: var(--theme-input-vertical-spacing);
}
.comment-form label:not(:last-child) {
  margin-bottom: var(--theme-input-vertical-spacing);
}
.comment-form label {
  cursor: pointer;
  display: block;
}
.comment-form input[type=checkbox] {
  vertical-align: middle;
}
.comment-form input[type=checkbox] + label {
  margin-top: 0;
}

.comment-notes {
  --font-size-modifier: 0.85;
}

.comment-form-author,
.comment-form-email {
  flex: 0 0 48%;
}

@media only screen and (min-width: 1024px) {
  .comment-form .form-submit {
    margin-left: auto;
  }
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  width: 100%;
}

.comment__text {
  display: block;
  width: 100%;
  max-width: 100%;
}

.comment-form .form-submit {
  order: 10;
  text-align: right;
}

.comment-form-subscriptions {
  margin-top: var(--theme-spacing-normal);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.comment-form-subscriptions.comment-form-subscriptions.comment-form-subscriptions {
  margin-bottom: var(--theme-spacing-large);
}

.comment-subscription-form {
  display: flex;
  align-items: center;
}
.comment-subscription-form:first-of-type {
  margin-bottom: 0.625em;
}
.comment-subscription-form input[type=checkbox] {
  -webkit-appearance: none !important;
  margin-bottom: 0;
}

label.subscribe-label.subscribe-label {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
label.subscribe-label.subscribe-label:before {
  content: none;
}

.subscribe-label {
  display: inline-block !important;
}

.comment-form-cookies-consent label,
.wpgdprc-checkbox label {
  font-weight: normal;
}

.comment-form-cookies-consent {
  display: flex;
  align-items: center;
}
.comment-form-cookies-consent input[type=checkbox] {
  margin-bottom: 0;
}
.comment-form-cookies-consent label[for=wp-comment-cookies-consent] {
  margin-top: 0;
}

.comment-list {
  list-style: none;
  padding: 0;
}
.comment-list .children {
  list-style: none;
}
.comment-list > li + li {
  margin-top: var(--theme-spacing-large);
}

.comment-list + .comment-respond {
  margin-top: var(--theme-spacing-large);
}

.comment__wrapper {
  display: flex;
  align-items: flex-start;
}
.comment__wrapper:hover .edit-link {
  opacity: 1;
}

.comment__avatar {
  margin-right: 1.25em;
  flex: 0 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.comment__avatar .avatar {
  display: block;
  margin: 0;
}
@media not screen and (min-width: 1024px) {
  .comment__avatar {
    max-width: 2em;
  }
}

.comment__metadata a,
.comment-reply-title a,
.edit-link a,
.reply a,
.logged-in-as a {
  --font-size: var(--theme-heading-6-font-size);
  --current-font-family: var(--theme-heading-6-font-family);
  --current-font-weight: var(--theme-heading-6-font-weight);
  --current-font-style: var(--theme-heading-6-font-style);
  --current-line-height: var(--theme-heading-6-line-height);
  --current-letter-spacing: var(--theme-heading-6-letter-spacing);
  --current-text-transform: var(--theme-heading-6-text-transform);
  --current-color: var(--theme-heading-6-color);
  opacity: 0.6;
}

.comment__metadata {
  display: inline-block;
}
.comment__metadata a {
  text-decoration: underline;
  text-decoration-color: transparent;
}
.comment__metadata a:hover {
  text-decoration-color: var(--sm-current-accent-color);
}

.reply a {
  margin-bottom: var(--theme-spacing);
  display: block;
}

.comment__metadata a,
.reply.reply a {
  transition: var(--theme-transition);
  transition-property: opacity;
}
.comment__metadata a:hover,
.reply.reply a:hover {
  opacity: 0.8;
}

.bypostauthor {
  color: inherit;
}
.bypostauthor .comment__author {
  color: var(--sm-current-fg2-color);
}

.says {
  display: none;
}

.children > li + li {
  margin-top: var(--theme-spacing-large);
}

@media not screen and (min-width: 1024px) {
  .c-author {
    text-align: center;
  }
  .c-author__avatar {
    margin-left: auto;
    margin-right: auto;
  }
}
.comment-respond > :not(:first-child) {
  margin-top: var(--theme-spacing-smallest);
}

.comment-reply-title[class] {
  margin-bottom: var(--theme-spacing-normal);
  --font-size: var(--theme-heading-3-font-size);
  --current-font-family: var(--theme-heading-3-font-family);
  --current-font-style: var(--theme-heading-3-font-style);
  --current-font-weight: var(--theme-heading-3-font-weight);
  --current-line-height: var(--theme-heading-3-line-height);
  --current-letter-spacing: var(--theme-heading-3-letter-spacing);
  --current-text-transform: var(--theme-heading-3-text-transform);
  --current-color: var(--theme-heading-3-color);
}

.comment-reply-title small {
  font: inherit;
}

.bypostauthor {
  color: inherit;
}

.says {
  display: none;
}

/* 2.5. Navigation */
.pagination .nav-links {
  --current-arrow-padding: calc(0.4em + 0.75em + 1.15em);
  display: flex;
  justify-content: center;
  margin-left: calc(var(--theme-spacing-smallest) * -1);
  --font-size: var(--theme-button-font-size);
  --current-font-family: var(--theme-button-font-family);
  --current-font-weight: var(--theme-button-font-weight);
  --current-font-style: var(--theme-button-font-style);
  --current-line-height: var(--theme-button-line-height);
  --current-letter-spacing: var(--theme-button-letter-spacing);
  --current-text-transform: var(--theme-button-text-transform);
  font-feature-settings: "lnum";
}
.pagination .nav-links a {
  text-decoration: none;
}
.pagination .nav-links > .page-numbers {
  margin-left: var(--theme-spacing-smallest);
}
.pagination .nav-links > .prev,
.pagination .nav-links > .next {
  position: relative;
  transition: var(--theme-transition);
  transition-property: all;
}
.pagination .nav-links > .prev:after,
.pagination .nav-links > .next:after {
  content: "";
}
@supports (mask-clip: initial) or (-webkit-mask-clip: initial) {
  .pagination .nav-links > .prev:after,
  .pagination .nav-links > .next:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    mask: url("./assets/images/icon-arrow.svg") no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url("./assets/images/icon-arrow.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
    vertical-align: text-bottom;
    transform: translate(0, -50%) scale(-1, 1);
    transition: var(--theme-button-transition);
    transition-property: opacity, transform;
  }
}
.pagination .nav-links > .prev:after,
.pagination .nav-links > .next:after {
  right: 0.75em !important;
}
.pagination .nav-links > .prev {
  padding-left: var(--current-arrow-padding);
}
.pagination .nav-links > .prev:after {
  right: auto;
  left: 0.75em;
  transform: translate(0, -50%);
}
.pagination .nav-links > .next {
  padding-right: var(--current-arrow-padding);
  margin-right: 0;
}
.pagination .nav-links > .prev,
.pagination .nav-links > .current:last-child {
  margin-right: auto;
}
.pagination .nav-links > .next,
.pagination .nav-links > .current:first-child {
  margin-left: auto;
}

.article-navigation {
  margin-top: var(--theme-spacing-large);
  padding-left: var(--theme-wrapper-sides-spacing);
  padding-right: var(--theme-wrapper-sides-spacing);
}
.article-navigation:not(last-child) {
  margin-bottom: var(--theme-spacing-large);
}

:is(.menu-item--search, .menu-item--dark-mode) {
  --menu-item-icon-width: calc( var(--icons-size-multiplier) * var(--current-font-size) );
}
:is(.menu-item--search, .menu-item--dark-mode) a {
  color: currentColor;
  text-decoration: none;
}
:is(.menu-item--search, .menu-item--dark-mode) a:hover:after {
  background-color: var(--sm-current-accent-color);
}
:is(:is(.menu-item--search, .menu-item--dark-mode):not(.no-icon), #specific) a {
  padding-left: calc(var(--menu-item-icon-width) + var(--theme-spacing-smallest));
}
:is(:is(:is(.menu-item--search, .menu-item--dark-mode):not(.no-icon), #specific) a, #specific):before {
  left: calc(var(--menu-item-icon-width) + var(--theme-spacing-smallest));
}
:is(.menu-item--search, .menu-item--dark-mode):not(.no-icon) a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: var(--menu-item-icon-width);
  height: var(--menu-item-icon-width);
  background-color: currentColor;
  mask: no-repeat 50% 50%;
  mask-image: var(--menu-item-icon-mask-image);
  mask-size: contain;
  -webkit-mask: no-repeat 50% 50%;
  -webkit-mask-image: var(--menu-item-icon-mask-image);
  -webkit-mask-size: contain;
  transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transform: translateY(-50%);
}
:is(.menu-item--search, .menu-item--dark-mode).icon-only a {
  text-indent: -999999px;
  height: 100%;
}
:is(.menu-item--search, .menu-item--dark-mode).icon-only a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 45px;
  min-width: 45px;
  transform: translate(-50%, -50%);
}
:is(.menu-item--search, .menu-item--dark-mode).icon-only a:after {
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu-item--dark-mode {
  --menu-item-icon-mask-image: url(./assets/images/icon-dark-mode.svg);
}
.is-dark .menu-item--dark-mode:not(.no-icon) a:after {
  transform: translateY(-50%) rotate(180deg);
}
.is-dark .menu-item--dark-mode.icon-only a:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.menu-item--search {
  --menu-item-icon-mask-image: url(./assets/images/icon-search.svg);
}
@media not screen and (min-width: 1024px) {
  .nb-navigation .menu-item--search {
    display: none;
  }
}

body.has-site-frame {
  --site-frame-top-size: 12px;
  --site-frame-left-size: 48px;
  --site-frame-admin-bar-offset: var(--theme-sticky-distance, 0px);
  --site-frame-rail-gap: 12px;
  --site-frame-rail-top-offset: calc(var(--site-frame-admin-bar-offset, 0px) + var(--site-frame-rail-gap));
  --site-frame-sticky-top: calc(var(--theme-sticky-distance, 0px) + var(--site-frame-top-size));
  --site-frame-rail-width: 60px;
  --site-frame-page-gutter: calc(var(--site-frame-rail-width) + var(--site-frame-top-size));
  --site-frame-link-font-size: 13px;
  --site-frame-link-line-height: 2.57143em;
  --site-frame-link-margin-right: 0.85714em;
  --site-frame-link-padding-left: 0.85714em;
  --site-frame-marker-width: 2.52632em;
  --site-frame-marker-height: 1.89474em;
  --site-frame-marker-font-size: 1.35714em;
  --site-frame-marker-slot-width: calc(var(--site-frame-marker-font-size) * 2.52632);
  --site-frame-marker-slot-height: calc(var(--site-frame-marker-font-size) * 1.89474);
  --site-frame-marker-padding-left: 0.63158em;
  --site-frame-marker-offset-x: calc(var(--site-frame-marker-padding-left) * 0.5);
  --site-frame-marker-mask-size: 1em;
  --site-frame-head-padding-y: 24px;
  --site-frame-head-min-height: 336px;
}

body.single-post.has-site-frame {
  --site-frame-rail-top-offset: calc(var(--site-frame-admin-bar-offset, 0px) + var(--site-frame-top-size) + var(--theme-sticky-header-height, 0px) + var(--site-frame-rail-gap));
}

body.has-site-frame-frame #page {
  padding-top: var(--site-frame-top-size);
  padding-left: var(--site-frame-left-size);
}

body.has-site-frame-menu #page {
  padding-right: var(--site-frame-page-gutter);
}

.c-site-frame {
  --site-frame-surface: var(--sm-current-bg-color);
  --site-frame-ink: var(--sm-current-fg1-color);
  --site-frame-divider-color: color-mix(in srgb, var(--site-frame-surface) 20%, transparent);
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 4000;
  color: var(--site-frame-surface);
  background: transparent !important;
}

html.is-dark .c-site-frame {
  --site-frame-surface: var(--sm-current-fg1-color);
  --site-frame-ink: var(--sm-current-bg-color);
}

html.is-dark .c-site-frame.has-site-frame-accent {
  --site-frame-surface: var(--sm-current-accent-color);
  --site-frame-ink: var(--sm-current-bg-color);
}

.c-site-frame__top,
.c-site-frame__left {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--site-frame-surface);
}

.c-site-frame__top {
  width: 100%;
  height: var(--site-frame-top-size);
}

.c-site-frame__left {
  width: var(--site-frame-left-size);
  height: 100%;
}

.admin-bar .c-site-frame__top {
  top: 32px;
  height: 3em;
  margin-top: -2.25em;
}

@media screen and (max-width: 782px) {
  .admin-bar .c-site-frame__top {
    top: 46px;
  }
}
.c-site-frame__rail {
  padding-left: 12px;
  padding-right: 12px;
  width: var(--site-frame-rail-width);
  position: fixed;
  top: var(--site-frame-rail-top-offset);
  right: 0;
  bottom: 0;
  display: block;
  margin-top: -1px;
  color: var(--site-frame-surface);
  pointer-events: auto;
}

.c-site-frame__rail::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: currentColor;
  opacity: 0.2;
}

.c-site-frame__head {
  padding-top: var(--site-frame-head-padding-y);
  padding-bottom: var(--site-frame-head-padding-y);
  min-height: var(--site-frame-head-min-height);
}

.c-site-frame__navigation {
  --font-size: var(--theme-navigation-font-size);
  --current-font-family: var(--theme-navigation-font-family);
  --current-font-weight: var(--theme-navigation-font-weight);
  --current-font-style: var(--theme-navigation-font-style);
  --current-line-height: var(--theme-navigation-line-height);
  --current-letter-spacing: var(--theme-navigation-letter-spacing);
  --current-text-transform: var(--theme-navigation-text-transform);
  position: relative;
  overflow: visible;
}

.c-site-frame__menu,
.c-site-frame__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-site-frame__menu > li {
  display: block;
  position: relative;
  min-height: var(--site-frame-link-line-height);
}

.c-site-frame__menu .sub-menu {
  display: none;
}

.nav--toolbar {
  word-wrap: normal;
}

.nav--toolbar a {
  display: block;
  font-size: var(--site-frame-link-font-size);
  line-height: var(--site-frame-link-line-height);
  margin-right: var(--site-frame-link-margin-right);
  padding-left: var(--site-frame-link-padding-left);
  position: absolute;
  top: -1px;
  right: 100%;
  white-space: nowrap;
  border: 1px solid transparent;
  border-right-width: 0;
  color: transparent;
  pointer-events: auto;
  text-align: left;
  text-decoration: none;
  background: transparent;
  transition: color var(--theme-transition), border-color var(--theme-transition), background-color var(--theme-transition);
}

.c-site-frame .nav--toolbar > li > a {
  padding-left: var(--site-frame-link-padding-left);
}

.c-site-frame :is(:is(.menu-item--search, .menu-item--dark-mode):not(.no-icon), #specific) a {
  padding-left: var(--site-frame-link-padding-left);
}

.nav--toolbar a:hover {
  color: inherit;
  pointer-events: auto;
  background-color: var(--site-frame-ink);
  border-color: var(--site-frame-divider-color);
}

.nav--toolbar a:focus-visible {
  color: inherit;
  pointer-events: auto;
  background-color: var(--site-frame-ink);
  border-color: var(--site-frame-divider-color);
  outline: none;
}

.menu-item--site-frame-link > a .menu-item-monogram {
  position: absolute;
  top: 50%;
  right: calc(var(--site-frame-marker-width) * -1);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--site-frame-marker-width);
  height: var(--site-frame-marker-height);
  padding-left: var(--site-frame-marker-padding-left);
  color: var(--site-frame-surface);
  font-size: var(--site-frame-marker-font-size);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  transform: translateY(-50%);
  pointer-events: auto;
}

.menu-item--site-frame-link > a:hover .menu-item-monogram,
.menu-item--site-frame-link > a:focus-visible .menu-item-monogram {
  color: inherit;
}

.c-site-frame__label {
  --font-size: var(--theme-navigation-font-size);
  --current-font-family: var(--theme-navigation-font-family);
  --current-font-weight: var(--theme-navigation-font-weight);
  --current-font-style: var(--theme-navigation-font-style);
  --current-line-height: var(--theme-navigation-line-height);
  --current-letter-spacing: var(--theme-navigation-letter-spacing);
  --current-text-transform: var(--theme-navigation-text-transform);
  display: inline-block;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.nav--toolbar .social-menu-item {
  display: list-item;
}

.nav--toolbar .social-menu-item > a {
  font-size: var(--site-frame-link-font-size);
  line-height: var(--site-frame-link-line-height);
}

.nav--toolbar .social-menu-item > a::before {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--site-frame-marker-width);
  height: var(--site-frame-marker-height);
  line-height: var(--site-frame-marker-height);
  font-size: var(--site-frame-marker-font-size);
  position: absolute;
  top: 50%;
  right: calc(var(--site-frame-marker-width) * -1);
  padding-left: var(--site-frame-marker-padding-left);
  text-align: center;
  pointer-events: auto;
  color: var(--site-frame-surface);
  transform: translateY(-50%);
}

.nav--toolbar .social-menu-item > a::after {
  display: none;
}

.nav--toolbar .social-menu-item > a[href*="x.com"]::before,
.nav--toolbar .social-menu-item > a[href*="twitter.com"]::before {
  display: block;
  width: var(--site-frame-marker-width);
  height: var(--site-frame-marker-height);
  line-height: 0;
  right: calc(var(--site-frame-marker-width) * -1);
  background-position: calc(50% + var(--site-frame-marker-padding-left) * 0.5) 50%;
  background-repeat: no-repeat;
  background-size: var(--site-frame-marker-mask-size) var(--site-frame-marker-mask-size);
  background-color: var(--site-frame-surface);
}

.c-site-frame .nav--toolbar .menu-item--search > a::before,
.c-site-frame .nav--toolbar .menu-item--dark-mode > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: auto !important;
  right: calc(var(--site-frame-marker-width) * -1) !important;
  display: block;
  box-sizing: border-box;
  font-size: var(--site-frame-marker-font-size);
  width: var(--site-frame-marker-width);
  height: var(--site-frame-marker-height);
  padding-left: var(--site-frame-marker-padding-left);
  background-color: var(--site-frame-surface);
  background-position: calc(50% + var(--site-frame-marker-padding-left) * 0.5) 50%;
  background-repeat: no-repeat;
  background-size: var(--site-frame-marker-mask-size) var(--site-frame-marker-mask-size);
  mask: no-repeat 50% 50%;
  mask-image: var(--menu-item-icon-mask-image);
  mask-position: calc(50% + var(--site-frame-marker-padding-left) * 0.5) 50%;
  mask-size: var(--site-frame-marker-mask-size) var(--site-frame-marker-mask-size);
  -webkit-mask: no-repeat 50% 50%;
  -webkit-mask-image: var(--menu-item-icon-mask-image);
  -webkit-mask-position: calc(50% + var(--site-frame-marker-padding-left) * 0.5) 50%;
  -webkit-mask-size: var(--site-frame-marker-mask-size) var(--site-frame-marker-mask-size);
  transform: translateY(-50%);
  transform-origin: calc(50% + var(--site-frame-marker-padding-left) * 0.5) 50%;
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.c-site-frame .nav--toolbar .menu-item--search > a::after,
.c-site-frame .nav--toolbar .menu-item--dark-mode > a::after {
  content: none !important;
  display: none !important;
  left: auto !important;
}

.c-site-frame .nav--toolbar .menu-item--cart > a .menu-item__icon {
  position: absolute;
  top: 50%;
  right: calc(var(--site-frame-marker-slot-width) * -1);
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--site-frame-marker-slot-width);
  height: var(--site-frame-marker-slot-height);
  padding-left: 0;
  color: var(--site-frame-surface);
  font-size: var(--site-frame-link-font-size);
  font-feature-settings: "lnum";
  line-height: 1;
  text-align: center;
  transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  transform: translate(var(--site-frame-marker-offset-x), -50%) translateZ(0);
  pointer-events: auto;
}

.c-site-frame .nav--toolbar .menu-item--cart > a .menu-item__icon:after {
  content: "";
  display: block;
  width: var(--site-frame-marker-height);
  height: var(--site-frame-marker-height);
  border: 0.125em solid currentColor;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.c-site-frame .nav--toolbar .menu-item--cart > a:hover .menu-item__icon,
.c-site-frame .nav--toolbar .menu-item--cart > a:focus-visible .menu-item__icon {
  color: var(--sm-current-bg-color);
}

.c-site-frame .nav--toolbar .menu-item--cart > a:hover .menu-item__icon:after,
.c-site-frame .nav--toolbar .menu-item--cart > a:focus-visible .menu-item__icon:after {
  border-width: calc(var(--site-frame-marker-height) / 2);
  border-color: var(--sm-current-accent-color);
}

.is-dark .c-site-frame .nav--toolbar .menu-item--dark-mode > a::before {
  transform: translateY(-50%) rotate(180deg);
}

@media only screen and (min-width: 1024px) {
  body.has-site-frame-frame .nb-header--secondary,
  body.has-site-frame-frame .nb-header--main.nb-header--sticky {
    top: var(--site-frame-sticky-top) !important;
  }
}
@media not screen and (min-width: 1024px) {
  body.has-site-frame-menu #page {
    padding-right: 0;
  }
  body.has-site-frame-frame #page {
    padding-top: 0;
    padding-left: 0;
  }
  .c-site-frame {
    display: none;
  }
}
.blog .navigation {
  --block-content-start: ws !important;
  --block-content-end: we !important;
}

.post-navigation__post-title {
  --font-size: var(--theme-heading-3-font-size);
  --current-font-family: var(--theme-heading-3-font-family);
  --current-font-style: var(--theme-heading-3-font-style);
  --current-font-weight: var(--theme-heading-3-font-weight);
  --current-line-height: var(--theme-heading-3-line-height);
  --current-letter-spacing: var(--theme-heading-3-letter-spacing);
  --current-text-transform: var(--theme-heading-3-text-transform);
  --current-color: var(--theme-heading-3-color);
  --font-size-modifier: 0.85;
}

.post-navigation__link-label {
  --font-size: var(--theme-button-font-size);
  --current-font-family: var(--theme-button-font-family);
  --current-font-weight: var(--theme-button-font-weight);
  --current-font-style: var(--theme-button-font-style);
  --current-line-height: var(--theme-button-line-height);
  --current-letter-spacing: var(--theme-button-letter-spacing);
  --current-text-transform: var(--theme-button-text-transform);
}

@media only screen and (min-width: 1024px) {
  .post-navigation__link-label:after {
    content: "";
  }
  @supports (mask-clip: initial) or (-webkit-mask-clip: initial) {
    .post-navigation__link-label:after {
      position: absolute;
      top: 50%;
      right: 0;
      display: inline-block;
      width: 1.15em;
      height: 1.15em;
      mask: url("./assets/images/icon-arrow.svg") no-repeat 50% 50%;
      mask-size: cover;
      -webkit-mask: url("./assets/images/icon-arrow.svg") no-repeat 50% 50%;
      -webkit-mask-size: cover;
      background-color: currentColor;
      vertical-align: text-bottom;
      transform: translate(0, -50%) scale(-1, 1);
      transition: var(--theme-button-transition);
      transition-property: opacity, transform;
    }
  }
  .post-navigation__link-label:after {
    transform: translate(0, -50%) scale(-1, 1);
    transition: var(--theme-transition);
    transition-property: opacity;
  }
  .post-navigation__link:hover .post-navigation__link-label:after {
    opacity: 0;
  }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  top: 5px;
  left: 5px;
  z-index: 100000; /* Above WP toolbar. */
  display: block;
  width: auto;
  height: auto;
  padding: 15px 23px 14px;
  color: var(--sm-current-fg2-color);
  background-color: var(--sm-current-bg-color);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: normal;
  text-decoration: none;
  clip: auto !important;
  clip-path: none;
}

/* 2.6. Search Form */
:root {
  --search-overlay-font-size-modifier: 1.25;
}

.c-search-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding: 1em var(--theme-wrapper-sides-spacing);
}
@media only screen and (min-width: 1024px) {
  .c-search-overlay {
    transform: translateY(-100%);
    transition: transform 0.45s cubic-bezier(0.25, 0.1, 0.25, 1) 0.4s;
  }
}
@media not screen and (min-width: 1024px) {
  .c-search-overlay {
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    --theme-button-padding: .25em 1em;
  }
}
.c-search-overlay {
  --theme-input-focus-color: var(--sm-current-fg1-color);
}
.c-search-overlay .wp-block-search__button[class][class] {
  --theme-button-background-color: var(--sm-current-fg1-color);
  --theme-button-border-color: var(--sm-current-fg1-color);
  --theme-button-text-color: var(--sm-current-bg-color);
  --theme-button-hover-border-color: var(--sm-current-fg1-color);
  --theme-button-hover-text-color: var(--sm-current-fg1-color);
}
.c-search-overlay__form {
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0.025s;
}
.c-search-overlay__suggestions {
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.admin-bar .c-search-overlay {
  top: 32px;
}
.demo-site .c-search-overlay {
  top: 80px;
}
.admin-bar.demo-site .c-search-overlay {
  top: 112px;
}
@media (max-width: 782px) {
  .admin-bar .c-search-overlay {
    top: 46px;
  }
  .admin-bar.demo-site .c-search-overlay {
    top: 126px;
  }
}
@media (max-width: 700px) {
  .admin-bar.demo-site .c-search-overlay {
    top: 146px;
  }
}
@media screen and (max-width: 600px) {
  .admin-bar .c-search-overlay {
    top: 0;
  }
}
.has-search-overlay .c-search-overlay {
  transition: transform 0.45s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
@media only screen and (min-width: 1024px) {
  .has-search-overlay .c-search-overlay {
    transform: translateY(0);
  }
}
@media not screen and (min-width: 1024px) {
  .has-search-overlay .c-search-overlay {
    transform: translateX(0);
  }
}
.has-search-overlay .c-search-overlay__form {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.has-search-overlay .c-search-overlay__description {
  opacity: 0.75;
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0.4s;
}
.has-search-overlay .c-search-overlay__suggestions {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0.6s;
}
.c-search-overlay__content {
  position: relative;
  padding-top: 4.8em;
  max-width: 120ch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1024px) {
  .c-search-overlay__content {
    padding-top: 6.8em;
  }
}
.c-search-overlay__form {
  display: flex;
  align-items: center;
  opacity: 0;
}
@media not screen and (min-width: 1024px) {
  .c-search-overlay__form {
    flex-direction: column;
    align-items: flex-start;
  }
  .c-search-overlay__form .c-search-overlay__cancel {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.c-search-overlay__suggestions {
  --sugestions-items-spacing: var(--theme-spacing-smaller);
  margin-top: 3em;
  opacity: 0;
  transition: opacity 0.1s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
@media only screen and (min-width: 1024px) {
  .c-search-overlay__suggestions {
    margin-top: 5.5em;
    max-width: 45ch;
  }
}
.c-search-overlay__suggestions {
  --font-size: var(--theme-heading-3-font-size);
  --current-font-family: var(--theme-heading-3-font-family);
  --current-font-style: var(--theme-heading-3-font-style);
  --current-font-weight: var(--theme-heading-3-font-weight);
  --current-line-height: var(--theme-heading-3-line-height);
  --current-letter-spacing: var(--theme-heading-3-letter-spacing);
  --current-text-transform: var(--theme-heading-3-text-transform);
  --current-color: var(--theme-heading-3-color);
}
.c-search-overlay__suggestions .menu {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--sugestions-items-spacing) * -1);
  margin-top: var(--sugestions-items-spacing);
  padding-left: 0;
}
.c-search-overlay__suggestions .menu li {
  --current-line-height: 1.3;
  margin-left: var(--sugestions-items-spacing);
  margin-bottom: var(--sugestions-items-spacing);
  margin-top: 0;
  padding: var(--theme-button-padding);
  border: var(--theme-button-border-width) var(--theme-button-border-style) currentColor;
  border-radius: var(--theme-button-border-radius);
  --font-size: var(--theme-button-font-size);
  --current-font-family: var(--theme-button-font-family);
  --current-font-weight: var(--theme-button-font-weight);
  --current-font-style: var(--theme-button-font-style);
  --current-line-height: var(--theme-button-line-height);
  --current-letter-spacing: var(--theme-button-letter-spacing);
  --current-text-transform: var(--theme-button-text-transform);
  --font-size-modifier: var(--search-overlay-font-size-modifier);
  display: inline-block;
  text-decoration: none;
  --current-button-background-color: var(--theme-button-background-color);
  --current-button-border-color: var(--theme-button-border-color);
  --current-button-text-color: var(--theme-button-text-color);
  --current-button-transition: var(--theme-button-transition);
}
.c-search-overlay__suggestions .menu li:not([disabled]) {
  cursor: pointer;
}
.c-search-overlay__suggestions .menu li:not([disabled]):is(:hover, :focus) {
  --current-button-background-color: var(--theme-button-hover-background-color);
  --current-button-border-color: var(--theme-button-hover-border-color);
  --current-button-text-color: var(--theme-button-hover-text-color);
  --current-button-transition: var(--theme-button-hover-transition);
}
.c-search-overlay__suggestions .menu li:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.c-search-overlay__suggestions .menu li {
  background-color: transparent;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  overflow: hidden;
}
.c-search-overlay__suggestions .menu li:before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--theme-button-border-width));
  right: calc(-1 * var(--theme-button-border-width));
  bottom: calc(-1 * var(--theme-button-border-width));
  left: calc(-1 * var(--theme-button-border-width));
  z-index: -1;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  transition: var(--current-button-transition);
  transition-property: transform;
}
.c-search-overlay__suggestions .menu li {
  --current-button-text-color: var(--theme-button-hover-text-color);
}
.c-search-overlay__suggestions .menu li:before {
  transform: scale3d(0, 1, 1);
  transform-origin: left;
  background-color: var(--theme-button-background-color);
}
.c-search-overlay__suggestions .menu li:not([disabled]):is(:hover, :focus) {
  --current-button-text-color: var(--theme-button-text-color);
}
.c-search-overlay__suggestions .menu li:not([disabled]):is(:hover, :focus):before {
  transform: scale3d(1, 1, 1);
}
.c-search-overlay__suggestions .menu li:disabled {
  opacity: 0.25;
}
.c-search-overlay__suggestions .menu li {
  --theme-button-background-color: var(--sm-current-fg1-color);
}
.c-search-overlay__suggestions .menu li a {
  padding: 0;
  text-decoration: none;
  transition: color 0.3s ease;
}
.c-search-overlay__suggestions .menu li:hover a {
  color: var(--sm-current-bg-color);
}
.c-search-overlay .c-search-overlay__cancel {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: var(--theme-button-padding);
  --font-size: var(--theme-button-font-size);
  --current-font-family: var(--theme-button-font-family);
  --current-font-weight: var(--theme-button-font-weight);
  --current-font-style: var(--theme-button-font-style);
  --current-line-height: var(--theme-button-line-height);
  --current-letter-spacing: var(--theme-button-letter-spacing);
  --current-text-transform: var(--theme-button-text-transform);
  --font-size-modifier: var(--search-overlay-font-size-modifier);
}
.c-search-overlay .c-search-overlay__cancel:hover {
  color: currentColor !important;
  opacity: 0.8;
}
.c-search-overlay .c-search-overlay__cancel:after {
  content: "Cancel";
}
@media not screen and (min-width: 1024px) {
  .c-search-overlay .c-search-overlay__cancel {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
    padding: 0;
  }
  .c-search-overlay .c-search-overlay__cancel:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    mask: url("./assets/images/arrow-down.svg") no-repeat 50% 50%;
    mask-size: contain;
    mask-position: center;
    -webkit-mask: url("./assets/images/arrow-down.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    transform: rotate(90deg);
    background-color: currentColor;
    margin-right: 3px;
  }
  .c-search-overlay .c-search-overlay__cancel:after {
    content: "Back";
  }
}
.c-search-overlay__description {
  margin-top: var(--theme-spacing-smaller);
  opacity: 0;
  display: none;
}
@media not screen and (min-width: 1024px) {
  .c-search-overlay__description .hide-on-mobile {
    display: none;
  }
}

.search-form {
  position: relative;
  width: 100%;
  --search-icon-width: 1.6em;
}
.search-form:focus .search-icon, .search-form:focus-within .search-icon {
  opacity: 0.75;
}
.search-form[class] > label {
  flex: 1;
  margin-bottom: 0;
  margin-top: 0;
}
@media only screen and (min-width: 1024px) {
  .search-form .search-icon {
    content: "";
    position: absolute;
    left: calc(var(--theme-input-padding) + 0.6em);
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: var(--search-icon-width);
    height: var(--search-icon-width);
    border: 0;
    padding: 0;
    mask: url("./assets/images/icon-search.svg") no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url("./assets/images/icon-search.svg") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: var(--sm-current-fg1-color);
    transition: opacity 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
  }
}
.search-form .search-submit {
  max-width: 100%;
  margin-left: 0;
  font-family: var(--current-font-family);
  font-size: var(--current-font-size);
  line-height: var(--current-line-height);
  font-weight: var(--current-font-weight);
  font-style: var(--current-font-style);
  letter-spacing: var(--current-letter-spacing);
  text-transform: var(--current-text-transform);
  --font-size-modifier: var(--search-overlay-font-size-modifier);
}
.search-form .search-field {
  font-family: var(--current-font-family);
  font-size: var(--current-font-size);
  line-height: var(--current-line-height);
  font-weight: var(--current-font-weight);
  font-style: var(--current-font-style);
  letter-spacing: var(--current-letter-spacing);
  text-transform: var(--current-text-transform);
  --font-size-modifier: var(--search-overlay-font-size-modifier);
}
.search-form .search-field::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  margin-left: 0.4em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .search-form .search-field {
    padding-left: calc(var(--search-icon-width) + var(--theme-input-padding) + 0.6em);
  }
}

.has-search-overlay {
  overflow: hidden;
}

/* 2.7. Logo */
.c-logo {
  position: relative;
}

.c-logo__default,
.c-logo__inverted {
  transition: var(--theme-transition);
  transition-property: opacity;
}

.c-logo__default:not(:only-child) {
  opacity: var(--theme-logo-default-opacity, 1);
}

.c-logo__inverted:not(:only-child) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  opacity: var(--theme-logo-inverted-opacity, 0);
}
.c-logo__inverted:not(:only-child) img {
  width: 100%;
}

.c-logo__default:only-child {
  filter: var(--theme-logo-default-filter, none);
}

.c-logo__inverted:only-child {
  filter: var(--theme-logo-inverted-filter, none);
}

:root,
html:not(.is-dark) .sm-light {
  --theme-logo-default-opacity: 1;
  --theme-logo-inverted-opacity: 0;
  --theme-logo-inverted-filter: grayscale(1) brightness(0);
}

.sm-dark,
html.is-dark {
  --theme-logo-default-opacity: 0;
  --theme-logo-inverted-opacity: 1;
  --theme-logo-default-filter: grayscale(1) brightness(10);
}

/* 2.8. Header Dropcap */
.entry-header .header-dropcap[class] {
  position: absolute;
  top: -0.2em;
  left: -0.25em;
  margin-top: 0 !important;
  z-index: -1;
  font-size: 23em;
  line-height: 1;
  pointer-events: none;
  background-color: transparent;
  color: var(--sm-current-bg-color);
}
@media not screen and (min-width: 1024px) {
  .entry-header .header-dropcap[class] {
    margin-top: var(--theme-spacing-fluid-larger) !important;
    font-size: 19em;
  }
}

/* 2.9. Reading Bar */
.c-reading-bar__wrapper-title {
  --font-size: var(--theme-navigation-font-size);
  --current-font-family: var(--theme-navigation-font-family);
  --current-font-weight: var(--theme-navigation-font-weight);
  --current-font-style: var(--theme-navigation-font-style);
  --current-line-height: var(--theme-navigation-line-height);
  --current-letter-spacing: var(--theme-navigation-letter-spacing);
  --current-text-transform: var(--theme-navigation-text-transform);
}
.c-reading-bar .c-reading-bar__title a {
  text-decoration: none;
}

.post-title__label {
  --font-size: var(--theme-navigation-font-size);
  --current-font-family: var(--theme-navigation-font-family);
  --current-font-weight: var(--theme-navigation-font-weight);
  --current-font-style: var(--theme-navigation-font-style);
  --current-line-height: var(--theme-navigation-line-height);
  --current-letter-spacing: var(--theme-navigation-letter-spacing);
  --current-text-transform: var(--theme-navigation-text-transform);
  --current-font-style: normal;
}

/* 2.10. Page Transitions */
.c-page-transition-border {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  pointer-events: none;
  border: 0 solid transparent;
  display: none;
}
.has-page-transitions .c-page-transition-border {
  display: block;
}

.border-logo-bgscale {
  position: absolute;
  top: 50%;
  left: 50%;
}

.border-logo-background {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(-50%, -50%, 0) scaleY(0);
  background: rgba(0, 0, 0, 0.2);
  padding: 30px 60px;
  overflow: hidden;
  animation: anima-raiseMeUp 0.4s 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.border-logo-background > .logo {
  visibility: hidden;
}
.border-logo-background > .logo a, .border-logo-background > .logo img {
  display: block;
}
.border-logo-background > .logo img {
  max-width: none;
  opacity: 0;
}
.has-page-transitions.is-loaded .border-logo-background {
  transform: translate3d(-50%, -50%, 0) scaleY(0);
  transition: transform 0.3s 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.border-logo-fill {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  transform: translate3d(-100%, 0, 0);
  background: white;
}
.border-logo-fill:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: white;
  transform: translateZ(0);
  animation: anima-fillMe 10s 0.8s ease-out forwards;
}
.has-page-transitions.is-loaded .border-logo-fill:after {
  transition: transform 0.3s 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.border-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.border-logo .logo {
  display: block;
  opacity: 0;
  animation: anima-fadeMeIn 0.3s 0.5s ease-in-out forwards;
}
.border-logo .logo a, .border-logo .logo img {
  display: block;
}
.has-page-transitions.is-loaded .border-logo .logo {
  opacity: 0;
  transition: transform 0.3s 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.border-logo img {
  width: auto;
  filter: brightness(0) invert(1);
}

.border-logo-bgscale .custom-logo,
.border-logo .custom-logo {
  max-height: none;
}

@keyframes anima-raiseMeUp {
  0% {
    transform: translate3d(-50%, -50%, 0) scaleY(0);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scaleY(1);
  }
}
@keyframes anima-fadeMeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anima-fillMe {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(90%, 0, 0);
  }
}
.has-page-transitions.has-page-transitions--border_iris:not(.is-loaded) [data-barba=container] {
  visibility: hidden;
}

.is-transitioning .nb-supernova-item .nb-supernova-item__media-wrapper::after {
  box-shadow: none !important;
  transition: none;
}

.c-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 100000;
  overflow: hidden;
  display: none;
}
.has-page-transitions--slide_wipe .c-loader {
  display: block;
}
.has-page-transitions--slide_wipe:not(.is-loaded) .c-loader {
  transform: translateX(0);
}

.anima-motion-preview-root {
  pointer-events: none;
}

.c-page-transition-border--preview,
.c-loader--preview {
  display: block;
  opacity: 1;
}

.anima-motion-preview-root--settled .border-logo-background {
  animation: none;
  transform: translate3d(-50%, -50%, 0) scaleY(1);
}
.anima-motion-preview-root--settled .border-logo .logo {
  animation: none;
  opacity: 1;
}
.anima-motion-preview-root--settled .border-logo-fill {
  animation: none;
  transform: translate3d(0, 0, 0);
  width: 50%;
}
.anima-motion-preview-root--settled .border-logo-fill:after {
  animation: none;
  display: none;
}

.c-loader__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.has-page-transitions--slide_wipe:not(.is-loaded) .c-loader__mask {
  transform: translateX(0);
}

.c-loader__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}
.c-loader__logo svg {
  overflow: visible;
}
.c-loader__logo #letter {
  font-family: var(--theme-heading-1-font-family, var(--sm-font-primary, "Roboto", sans-serif));
  font-weight: bold;
  font-size: 180px;
}

/* 2.11. Intro Animations */
body.has-intro-animations {
  --anima-intro-duration: 0.90s;
  --anima-intro-delay-window: 0.6s;
  --anima-intro-distance: 42px;
  --anima-intro-scale-start: 0.96;
  --anima-intro-easing: cubic-bezier(0.19, 1, 0.22, 1);
}

body.has-intro-animations--slow {
  --anima-intro-distance: 52px;
}

body.has-intro-animations--medium {
  --anima-intro-distance: 42px;
}

body.has-intro-animations--fast {
  --anima-intro-distance: 32px;
}

body.has-intro-animations--fade {
  --anima-intro-easing: linear;
  --anima-intro-delay-window: 0.6s;
}

body.has-intro-animations--scale,
body.has-intro-animations--slide {
  --anima-intro-easing: cubic-bezier(0.19, 1, 0.22, 1);
  --anima-intro-delay-window: 0.6s;
}

body.has-intro-animations--kinetic {
  --anima-intro-easing: cubic-bezier(0.19, 1, 0.22, 1);
  --anima-intro-delay-window: 1.0s;
  --anima-intro-word-stagger: 55ms;
  --anima-intro-line-stagger: 140ms;
  --anima-intro-char-stagger: 30ms;
}

body.has-intro-animations--fade.has-intro-animations--slow {
  --anima-intro-duration: 1.50s;
}

body.has-intro-animations--fade.has-intro-animations--medium {
  --anima-intro-duration: 0.90s;
}

body.has-intro-animations--fade.has-intro-animations--fast {
  --anima-intro-duration: 0.40s;
}

body.has-intro-animations--scale.has-intro-animations--slow {
  --anima-intro-duration: 1.20s;
}

body.has-intro-animations--scale.has-intro-animations--medium {
  --anima-intro-duration: 0.65s;
}

body.has-intro-animations--scale.has-intro-animations--fast {
  --anima-intro-duration: 0.45s;
}

body.has-intro-animations--slide.has-intro-animations--slow {
  --anima-intro-duration: 0.80s;
}

body.has-intro-animations--slide.has-intro-animations--medium {
  --anima-intro-duration: 0.60s;
}

body.has-intro-animations--slide.has-intro-animations--fast {
  --anima-intro-duration: 0.45s;
}

body.has-intro-animations--kinetic.has-intro-animations--slow {
  --anima-intro-duration: 0.80s;
  --anima-intro-word-stagger: 70ms;
  --anima-intro-line-stagger: 160ms;
  --anima-intro-char-stagger: 38ms;
}

body.has-intro-animations--kinetic.has-intro-animations--medium {
  --anima-intro-duration: 0.65s;
  --anima-intro-word-stagger: 55ms;
  --anima-intro-line-stagger: 140ms;
  --anima-intro-char-stagger: 30ms;
}

body.has-intro-animations--kinetic.has-intro-animations--fast {
  --anima-intro-duration: 0.50s;
  --anima-intro-word-stagger: 40ms;
  --anima-intro-line-stagger: 110ms;
  --anima-intro-char-stagger: 22ms;
}

@media (prefers-reduced-motion: no-preference) {
  .anima-intro-target {
    transition: opacity var(--anima-intro-duration) var(--anima-intro-easing) var(--anima-intro-delay, 0ms), transform var(--anima-intro-duration) var(--anima-intro-easing) var(--anima-intro-delay, 0ms);
    will-change: opacity, transform;
    backface-visibility: hidden;
  }
  .anima-intro-target--staging {
    transition: none !important;
  }
  .anima-intro-target--pending {
    opacity: 0;
    visibility: hidden;
  }
  .anima-intro-target--revealed {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  body.has-intro-animations--fade .anima-intro-target--pending {
    transform: none;
  }
  body.has-intro-animations--scale .anima-intro-target--pending {
    transform: scale(var(--anima-intro-scale-start));
    transform-origin: 50% 50%;
  }
  body.has-intro-animations--slide .anima-intro-target--pending {
    transform: translate3d(0, var(--anima-intro-distance), 0);
  }
  body.has-intro-animations--kinetic .anima-intro-target--pending {
    transform: translate3d(0, var(--anima-intro-distance), 0);
  }
  body.has-intro-animations--kinetic .anima-intro-target--role-title.anima-intro-target--pending {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  body.has-intro-animations--kinetic .anima-intro-target--role-title.anima-intro-target--revealed {
    transform: none;
  }
  body.has-intro-animations--kinetic .anima-intro-target--role-title {
    transition: none;
  }
  body.has-intro-animations--kinetic .anima-intro-target--role-title .line {
    display: block;
    overflow: hidden;
  }
  body.has-intro-animations--kinetic .anima-intro-target--role-title .word,
  body.has-intro-animations--kinetic .anima-intro-target--role-title .char {
    display: inline-block;
    white-space: pre;
    opacity: 0;
    transform: translateY(100%) scaleY(2);
    transform-origin: center top;
    transition: transform var(--anima-intro-duration) var(--anima-intro-easing), opacity var(--anima-intro-duration) var(--anima-intro-easing);
    will-change: transform, opacity;
  }
  body.has-intro-animations--kinetic .anima-intro-target--role-title .word {
    transition-delay: calc(var(--line-index, 0) * var(--anima-intro-line-stagger, 140ms) + var(--word-index, 0) * var(--anima-intro-word-stagger, 55ms));
  }
  body.has-intro-animations--kinetic .anima-intro-target--role-title .char {
    transition-delay: calc(var(--line-index, 0) * var(--anima-intro-line-stagger, 140ms) + var(--char-index, 0) * var(--anima-intro-char-stagger, 30ms));
  }
  body.has-intro-animations--kinetic .anima-intro-target--role-title.anima-intro-target--revealed .word,
  body.has-intro-animations--kinetic .anima-intro-target--role-title.anima-intro-target--revealed .char {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }
  body.has-intro-animations--kinetic .anima-intro-target--role-title.anima-intro-target--replaying .word,
  body.has-intro-animations--kinetic .anima-intro-target--role-title.anima-intro-target--replaying .char {
    transition: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anima-intro-target,
  .anima-intro-target--pending,
  .anima-intro-target--revealed,
  .anima-intro-target--staging,
  .anima-intro-target .word,
  .anima-intro-target .char {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}
/* 2.12. Pile Parallax */
.nb-supernova--pile-parallax .nb-collection__layout {
  overflow: visible;
}
.nb-supernova--pile-parallax .nb-collection__layout-item {
  will-change: transform;
  overflow: visible;
  min-width: 0;
}

.nb-supernova--pile-3d {
  --anima-pile-3d-inline-inset: clamp(10px, 1.25vw, 24px);
}
.nb-supernova--pile-3d .nb-collection__layout-item.js-3d {
  box-sizing: border-box;
  padding-left: var(--anima-pile-3d-inline-inset);
  padding-right: var(--anima-pile-3d-inline-inset);
}

/* 3. Blocks */
/*
 * Select2 Single Option
 */
.select2-container .select2-selection--single {
  border: 0;
  border-radius: var(--theme-input-border-radius);
  height: auto;
  margin-bottom: 0;
  outline: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  width: 100%;
  height: auto;
  max-width: 100%;
  padding: var(--theme-input-padding);
  margin: 0;
  color: var(--sm-current-fg1-color);
  border-radius: var(--theme-input-border-radius);
  background-color: var(--sm-current-bg-color);
  box-shadow: var(--theme-input-box-shadow);
  border: 0;
  transition: all 0.2s ease-in-out;
  --font-size: var(--theme-input-font-size);
  --current-font-family: var(--theme-input-font-family);
  --current-font-weight: var(--theme-input-font-weight);
  --current-font-style: var(--theme-input-font-style);
  --current-line-height: var(--theme-input-line-height);
  --current-letter-spacing: var(--theme-input-letter-spacing);
  --current-text-transform: var(--theme-input-text-transform);
  -webkit-font-smoothing: initial;
  -webkit-appearance: none;
}
.select2-container .select2-selection--single .select2-selection__rendered:hover {
  --theme-input-box-shadow: var(--theme-input-hover-box-shadow);
}
.select2-container .select2-selection--single .select2-selection__rendered:focus, .select2-container .select2-selection--single .select2-selection__rendered:active {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
[class*=invalid] .select2-container .select2-selection--single .select2-selection__rendered {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
  --theme-input-color: var(--theme-input-error-color);
  --theme-input-placeholder-color: var(--theme-input-error-color);
  --theme-input-placeholder-opacity: 0;
}
[class*=invalid] .select2-container .select2-selection--single .select2-selection__rendered:hover {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
}
[class*=invalid] .select2-container .select2-selection--single .select2-selection__rendered:focus, [class*=invalid] .select2-container .select2-selection--single .select2-selection__rendered:active {
  --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow);
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: normal;
}
.select2-container .select2-selection--single .select2-selection__placeholder {
  display: block;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  mask: url("./assets/images/arrow-caret.svg") no-repeat 50% 50%;
  mask-size: cover;
  -webkit-mask: url("./assets/images/arrow-caret.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  background-color: var(--sm-current-fg2-color);
  width: 0.58em;
  height: 0.58em;
  right: var(--theme-input-padding);
  top: 50%;
  display: block;
  transform: translateY(-50%);
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0;
}
.select2-container--open .select2-selection--single, .select2-container--focus .select2-selection--single, .select2-container:focus .select2-selection--single, .select2-container:active .select2-selection--single {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
.select2-container .select2-dropdown {
  border-color: var(--theme-input-border-color);
}
.select2-container .select2-dropdown .select2-search__field {
  border: 0;
}
.select2-container .select2-results__option--highlighted[aria-selected] {
  background-color: var(--sm-current-accent-color);
  color: var(--sm-current-bg-color);
}
.select2-container .select2-results__option[data-selected=true]:not([aria-selected=true]) {
  background: transparent;
  pointer-events: none;
  opacity: 0.5;
}

/*
 * Select2 Multiple Options
 */
.select2-container--open .select2-selection--multiple[class][class], .select2-container--focus .select2-selection--multiple[class][class], .select2-container:focus .select2-selection--multiple[class][class], .select2-container:active .select2-selection--multiple[class][class] {
  border: 0;
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
.select2-container .select2-selection--multiple {
  border: 0;
  border-radius: var(--theme-input-border-radius);
  height: auto;
  box-shadow: var(--theme-input-box-shadow);
  background: transparent;
}
.select2-container .select2-selection--multiple .select2-search--inline[class] {
  margin: 0;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: var(--sm-current-accent-color);
  color: var(--sm-current-bg-color);
  border: none;
  border-radius: var(--theme-input-border-radius);
  font-size: 0.75em;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--sm-current-bg-color);
  margin-right: var(--theme-spacing-smallest);
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: inherit;
  opacity: 0.5;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: var(--theme-input-padding);
}
.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search__field {
  padding: var(--theme-input-padding);
}
.select2-container .select2-selection--multiple .select2-selection__rendered li:not(.select2-search--inline) {
  margin-top: 0;
  margin-left: var(--theme-input-padding);
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  position: absolute;
  right: var(--theme-input-padding);
  padding: 0;
  margin: 0;
}

.select2-dropdown {
  box-shadow: var(--theme-input-box-shadow);
  background-color: var(--sm-current-bg-color);
}
.select2-dropdown .select2-search__field {
  background-color: var(--sm-current-bg-color);
}
.select2-dropdown:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme-dark-primary);
  z-index: -1;
  opacity: 0.04;
}

.select2-search--dropdown {
  padding: var(--theme-input-padding);
}

.select2-search__field[class],
.select2-results__option {
  padding: calc(var(--theme-input-padding) / 2);
  padding-left: var(--theme-input-padding);
}
.select2-search__field[class]:focus, .select2-search__field[class]:active,
.select2-results__option:focus,
.select2-results__option:active {
  outline: 0;
}

.select2-selection__clear {
  padding-right: calc(var(--theme-input-padding) * 2);
}

.wpforms-container[class][class][class] {
  margin-left: auto;
  margin-right: auto;
}
.wpforms-container[class][class][class] .wpforms-form > :not(:first-child),
.wpforms-container[class][class][class] .wpforms-field-container > :not(:first-child) {
  margin-top: var(--theme-spacing);
}
.wpforms-container[class][class][class] .wpforms-form input,
.wpforms-container[class][class][class] .wpforms-form select,
.wpforms-container[class][class][class] .wpforms-form textarea {
  width: 100%;
  height: auto;
  max-width: 100%;
  padding: var(--theme-input-padding);
  margin: 0;
  color: var(--sm-current-fg1-color);
  border-radius: var(--theme-input-border-radius);
  background-color: var(--sm-current-bg-color);
  box-shadow: var(--theme-input-box-shadow);
  border: 0;
  transition: all 0.2s ease-in-out;
  --font-size: var(--theme-input-font-size);
  --current-font-family: var(--theme-input-font-family);
  --current-font-weight: var(--theme-input-font-weight);
  --current-font-style: var(--theme-input-font-style);
  --current-line-height: var(--theme-input-line-height);
  --current-letter-spacing: var(--theme-input-letter-spacing);
  --current-text-transform: var(--theme-input-text-transform);
  -webkit-font-smoothing: initial;
  -webkit-appearance: none;
}
.wpforms-container[class][class][class] .wpforms-form input:hover,
.wpforms-container[class][class][class] .wpforms-form select:hover,
.wpforms-container[class][class][class] .wpforms-form textarea:hover {
  --theme-input-box-shadow: var(--theme-input-hover-box-shadow);
}
.wpforms-container[class][class][class] .wpforms-form input:focus, .wpforms-container[class][class][class] .wpforms-form input:active,
.wpforms-container[class][class][class] .wpforms-form select:focus,
.wpforms-container[class][class][class] .wpforms-form select:active,
.wpforms-container[class][class][class] .wpforms-form textarea:focus,
.wpforms-container[class][class][class] .wpforms-form textarea:active {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
.wpforms-container[class][class][class] .wpforms-form input[disabled],
.wpforms-container[class][class][class] .wpforms-form select[disabled],
.wpforms-container[class][class][class] .wpforms-form textarea[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form input,
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form select,
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form textarea {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
  --theme-input-color: var(--theme-input-error-color);
  --theme-input-placeholder-color: var(--theme-input-error-color);
  --theme-input-placeholder-opacity: 0;
}
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form input:hover,
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form select:hover,
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form textarea:hover {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
}
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form input:focus, [class*=invalid] .wpforms-container[class][class][class] .wpforms-form input:active,
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form select:focus,
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form select:active,
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form textarea:focus,
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form textarea:active {
  --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow);
}
.wpforms-container[class][class][class] .wpforms-form select {
  width: 100%;
  height: auto;
  max-width: 100%;
  padding: var(--theme-input-padding);
  margin: 0;
  color: var(--sm-current-fg1-color);
  border-radius: var(--theme-input-border-radius);
  background-color: var(--sm-current-bg-color);
  box-shadow: var(--theme-input-box-shadow);
  border: 0;
  transition: all 0.2s ease-in-out;
  --font-size: var(--theme-input-font-size);
  --current-font-family: var(--theme-input-font-family);
  --current-font-weight: var(--theme-input-font-weight);
  --current-font-style: var(--theme-input-font-style);
  --current-line-height: var(--theme-input-line-height);
  --current-letter-spacing: var(--theme-input-letter-spacing);
  --current-text-transform: var(--theme-input-text-transform);
  -webkit-font-smoothing: initial;
  -webkit-appearance: none;
}
.wpforms-container[class][class][class] .wpforms-form select:hover {
  --theme-input-box-shadow: var(--theme-input-hover-box-shadow);
}
.wpforms-container[class][class][class] .wpforms-form select:focus, .wpforms-container[class][class][class] .wpforms-form select:active {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
.wpforms-container[class][class][class] .wpforms-form select[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form select {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
  --theme-input-color: var(--theme-input-error-color);
  --theme-input-placeholder-color: var(--theme-input-error-color);
  --theme-input-placeholder-opacity: 0;
}
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form select:hover {
  --theme-input-box-shadow: var(--theme-input-error-box-shadow);
}
[class*=invalid] .wpforms-container[class][class][class] .wpforms-form select:focus, [class*=invalid] .wpforms-container[class][class][class] .wpforms-form select:active {
  --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow);
}
.wpforms-container[class][class][class] .wpforms-form select {
  --select-icon-size: 6px;
  padding-left: 1.125em;
  padding-right: 3.125em;
  background-image: linear-gradient(45deg, transparent 50%, var(--sm-current-fg2-color) 50%), linear-gradient(135deg, var(--sm-current-fg2-color) 50%, transparent 50%);
  background-position: calc(98% - var(--theme-input-padding) - var(--select-icon-size)) center, calc(98% - var(--theme-input-padding)) center;
  background-size: var(--select-icon-size) var(--select-icon-size), var(--select-icon-size) var(--select-icon-size);
  background-repeat: no-repeat;
  -webkit-appearance: none;
}
.wpforms-container[class][class][class] .wpforms-form input[type=checkbox] {
  position: relative;
  left: 0;
  float: left;
  clear: left;
  box-shadow: var(--theme-input-box-shadow);
  border-radius: var(--theme-input-border-radius);
  width: var(--theme-checkbox-width) !important;
  height: var(--theme-checkbox-height) !important;
  margin-right: var(--theme-input-horizontal-spacing);
  background-color: var(--sm-current-bg-color);
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.3s ease;
  border-color: var(--sm-current-accent-color);
  color: var(--sm-current-bg-color);
}
.wpforms-container[class][class][class] .wpforms-form input[type=checkbox]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sm-current-accent-color);
  background-image: url("./assets/images/checkbox.svg");
  background-size: 60% 60%;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.wpforms-container[class][class][class] .wpforms-form input[type=checkbox]:hover {
  --theme-input-box-shadow: var(--theme-input-hover-box-shadow);
}
.wpforms-container[class][class][class] .wpforms-form input[type=checkbox]:focus, .wpforms-container[class][class][class] .wpforms-form input[type=checkbox]:active {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
.wpforms-container[class][class][class] .wpforms-form input[type=checkbox]:checked {
  box-shadow: 0 0 0 1px var(--sm-current-accent-color);
}
.wpforms-container[class][class][class] .wpforms-form input[type=checkbox]:checked:after {
  opacity: 1;
}
.wpforms-container[class][class][class] .wpforms-form input[type=radio] {
  position: relative;
  left: 0;
  float: left;
  clear: left;
  box-shadow: var(--theme-input-box-shadow);
  border-radius: var(--theme-input-border-radius);
  width: var(--theme-checkbox-width) !important;
  height: var(--theme-checkbox-height) !important;
  margin-right: var(--theme-input-horizontal-spacing);
  background-color: var(--sm-current-bg-color);
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.3s ease;
  border-radius: 50%;
  border: 0 solid var(--sm-current-accent-color);
  -webkit-font-smoothing: initial;
  -webkit-appearance: none;
}
.wpforms-container[class][class][class] .wpforms-form input[type=radio]:hover {
  --theme-input-box-shadow: var(--theme-input-hover-box-shadow);
}
.wpforms-container[class][class][class] .wpforms-form input[type=radio]:focus, .wpforms-container[class][class][class] .wpforms-form input[type=radio]:active {
  --theme-input-border-color: var(--theme-input-focus-border-color);
  --theme-input-box-shadow: var(--theme-input-focus-box-shadow);
  outline: 0;
}
.wpforms-container[class][class][class] .wpforms-form input[type=radio]:checked {
  border-width: 0.375em;
  box-shadow: 0 0 0 1px var(--sm-current-accent-color);
  outline: 0;
}
.wpforms-container[class][class][class] .wpforms-field-row {
  max-width: none;
}
.wpforms-container[class][class][class] .wpforms-field {
  padding: 0;
}
.wpforms-container[class][class][class] .wpforms-field-label,
.wpforms-container[class][class][class] .wpforms-field-sublabel,
.wpforms-container[class][class][class] .wpforms-field-label-inline {
  color: var(--theme-input-label-color);
  display: flex;
  align-items: center;
  --font-size: var(--theme-input-font-size);
  --current-font-family: var(--theme-input-font-family);
  --current-font-weight: var(--theme-input-font-weight);
  --current-font-style: var(--theme-input-font-style);
  --current-line-height: var(--theme-input-line-height);
  --current-letter-spacing: var(--theme-input-letter-spacing);
  --current-text-transform: var(--theme-input-text-transform);
  --current-font-weight: bold;
  margin: 0;
}
.wpforms-container[class][class][class] .wpforms-field-label:not(:first-child),
.wpforms-container[class][class][class] .wpforms-field-sublabel:not(:first-child),
.wpforms-container[class][class][class] .wpforms-field-label-inline:not(:first-child) {
  margin-top: var(--theme-input-vertical-spacing);
}
.wpforms-container[class][class][class] .wpforms-field-label:not(:last-child),
.wpforms-container[class][class][class] .wpforms-field-sublabel:not(:last-child),
.wpforms-container[class][class][class] .wpforms-field-label-inline:not(:last-child) {
  margin-bottom: var(--theme-input-vertical-spacing);
}
.wpforms-container[class][class][class] .wpforms-field-label,
.wpforms-container[class][class][class] .wpforms-field-sublabel,
.wpforms-container[class][class][class] .wpforms-field-label-inline {
  cursor: pointer;
}
.wpforms-container[class][class][class] .wpforms-field-sublabel {
  font-size: calc(0.7 * var(--current-font-size));
}
.wpforms-container[class][class][class] .wpforms-submit[class][class][class] {
  --theme-button-text-color: var(--sm-current-bg-color);
  --theme-button-background-color: var(--sm-button-background-color);
  --theme-button-border-color: var(--sm-button-background-color);
  --theme-button-hover-text-color: var(--sm-button-background-color);
  --theme-button-hover-background-color: transparent;
  --theme-button-hover-border-color: var(--sm-button-background-color);
  display: inline-block;
  text-decoration: none;
  --current-button-background-color: var(--theme-button-background-color);
  --current-button-border-color: var(--theme-button-border-color);
  --current-button-text-color: var(--theme-button-text-color);
  --current-button-transition: var(--theme-button-transition);
}
.wpforms-container[class][class][class] .wpforms-submit[class][class][class]:not([disabled]) {
  cursor: pointer;
}
.wpforms-container[class][class][class] .wpforms-submit[class][class][class]:not([disabled]):is(:hover, :focus) {
  --current-button-background-color: var(--theme-button-hover-background-color);
  --current-button-border-color: var(--theme-button-hover-border-color);
  --current-button-text-color: var(--theme-button-hover-text-color);
  --current-button-transition: var(--theme-button-hover-transition);
}
.wpforms-container[class][class][class] .wpforms-submit[class][class][class]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.wpforms-container[class][class][class] .wpforms-submit[class][class][class] {
  padding: var(--theme-button-padding);
  border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color);
  border-radius: var(--theme-button-border-radius);
  background-color: var(--current-button-background-color);
  color: var(--current-button-text-color);
  transition: var(--current-button-transition);
  --font-size: var(--theme-button-font-size);
  --current-font-family: var(--theme-button-font-family);
  --current-font-weight: var(--theme-button-font-weight);
  --current-font-style: var(--theme-button-font-style);
  --current-line-height: var(--theme-button-line-height);
  --current-letter-spacing: var(--theme-button-letter-spacing);
  --current-text-transform: var(--theme-button-text-transform);
  background-color: transparent;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  overflow: hidden;
}
.wpforms-container[class][class][class] .wpforms-submit[class][class][class]:before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--theme-button-border-width));
  right: calc(-1 * var(--theme-button-border-width));
  bottom: calc(-1 * var(--theme-button-border-width));
  left: calc(-1 * var(--theme-button-border-width));
  z-index: -1;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  transition: var(--current-button-transition);
  transition-property: transform;
}
.wpforms-container[class][class][class] .wpforms-submit[class][class][class]:before {
  transform: scale3d(1, 1, 1);
  transform-origin: right;
  background-color: var(--theme-button-background-color);
}
.wpforms-container[class][class][class] .wpforms-submit[class][class][class]:not([disabled]):is(:hover, :focus):before {
  transform: scale3d(0, 1, 1);
}
.wpforms-container[class][class][class] .wpforms-field-radio li,
.wpforms-container[class][class][class] .wpforms-field-checkbox li {
  display: flex;
  align-items: center;
}
.wpforms-container[class][class][class].half .wpforms-field {
  width: 50%;
}
.wpforms-container[class][class][class].half .wpforms-field-textarea {
  width: 100%;
}

.wpforms-confirmation-container-full {
  position: relative;
  background: transparent;
  border: 0;
  padding: 1em;
  color: var(--sm-current-fg2-color);
  --theme-notification-color: var(--theme-notification-succes-color);
  --theme-notification-opacity: 0.15;
}
.wpforms-confirmation-container-full:after {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme-notification-color);
  opacity: var(--theme-notification-opacity);
  border-radius: 4px;
  z-index: -1;
}

/* 6. Overwrites */
.fb_iframe_widget > span {
  display: block;
  max-width: 100%;
}

iframe.instagram-media {
  max-width: 100% !important;
  min-width: 0 !important;
  margin-right: 0 !important;
}

img :not([srcset]) :not(.is-loaded) :not(.pswp__img) {
  opacity: 0;
}
.gm-style img :not([srcset]) :not(.is-loaded) :not(.pswp__img) {
  opacity: 1;
}

button,
input,
optgroup,
select,
textarea,
.wp-block-search__button {
  font-family: var(--current-font-family);
  font-size: var(--current-font-size);
  line-height: var(--current-line-height);
  font-weight: var(--current-font-weight);
  font-style: var(--current-font-style);
  letter-spacing: var(--current-letter-spacing);
  text-transform: var(--current-text-transform);
}

.has-no-padding-bottom .site-content {
  padding-bottom: 0 !important;
}

.social-menu-item,
.menu-item--dark-mode,
.menu-item--search {
  --theme-header-links-spacing-multiplier: 0.5;
}

.woocommerce-message[class] .theme-woocommerce-notice__icon,
.woocommerce-info[class] .theme-woocommerce-notice__icon,
.woocommerce-error[class] .theme-woocommerce-notice__icon {
  opacity: 1;
}

/*------------------------------------*\
  #STYLE MANAGER STATES: DARK / LIGHT
\*------------------------------------*/
/**
 * Light and Dark classes indicates the container brightness in a binary system. 
 * Could be used to switch between black and white colors or elements visibility:
 * 1) .sm-light: the container has a lower color grade (eg. variation 1-5) usually with dark text over a light background
 * 2) .sm-dark: the container has a higher color grade (eg. variation 6-11) usually with light text over a dark background
 * 3) html.is-dark: the dark mode is active (eg. using the navigation toggle)
 */
.sm-dark,
html.is-dark .sm-light {
  --opacity-level: 0.3;
}

/*------------------------------------*\
  #COLOR SIGNAL
\*------------------------------------*/
@media not screen and (min-width: 768px) {
  .sm-variation-1\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-1);
    --sm-current-accent-color: var(--sm-accent-color-1);
    --sm-current-fg1-color: var(--sm-fg1-color-1);
    --sm-current-fg2-color: var(--sm-fg2-color-1);
  }
  .sm-variation-2\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-2);
    --sm-current-accent-color: var(--sm-accent-color-2);
    --sm-current-fg1-color: var(--sm-fg1-color-2);
    --sm-current-fg2-color: var(--sm-fg2-color-2);
  }
  .sm-variation-3\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-3);
    --sm-current-accent-color: var(--sm-accent-color-3);
    --sm-current-fg1-color: var(--sm-fg1-color-3);
    --sm-current-fg2-color: var(--sm-fg2-color-3);
  }
  .sm-variation-4\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-4);
    --sm-current-accent-color: var(--sm-accent-color-4);
    --sm-current-fg1-color: var(--sm-fg1-color-4);
    --sm-current-fg2-color: var(--sm-fg2-color-4);
  }
  .sm-variation-5\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-5);
    --sm-current-accent-color: var(--sm-accent-color-5);
    --sm-current-fg1-color: var(--sm-fg1-color-5);
    --sm-current-fg2-color: var(--sm-fg2-color-5);
  }
  .sm-variation-6\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-6);
    --sm-current-accent-color: var(--sm-accent-color-6);
    --sm-current-fg1-color: var(--sm-fg1-color-6);
    --sm-current-fg2-color: var(--sm-fg2-color-6);
  }
  .sm-variation-7\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-7);
    --sm-current-accent-color: var(--sm-accent-color-7);
    --sm-current-fg1-color: var(--sm-fg1-color-7);
    --sm-current-fg2-color: var(--sm-fg2-color-7);
  }
  .sm-variation-8\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-8);
    --sm-current-accent-color: var(--sm-accent-color-8);
    --sm-current-fg1-color: var(--sm-fg1-color-8);
    --sm-current-fg2-color: var(--sm-fg2-color-8);
  }
  .sm-variation-9\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-9);
    --sm-current-accent-color: var(--sm-accent-color-9);
    --sm-current-fg1-color: var(--sm-fg1-color-9);
    --sm-current-fg2-color: var(--sm-fg2-color-9);
  }
  .sm-variation-10\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-10);
    --sm-current-accent-color: var(--sm-accent-color-10);
    --sm-current-fg1-color: var(--sm-fg1-color-10);
    --sm-current-fg2-color: var(--sm-fg2-color-10);
  }
  .sm-variation-11\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-11);
    --sm-current-accent-color: var(--sm-accent-color-11);
    --sm-current-fg1-color: var(--sm-fg1-color-11);
    --sm-current-fg2-color: var(--sm-fg2-color-11);
  }
  .sm-variation-12\@below-tablet[class] {
    --sm-current-bg-color: var(--sm-bg-color-12);
    --sm-current-accent-color: var(--sm-accent-color-12);
    --sm-current-fg1-color: var(--sm-fg1-color-12);
    --sm-current-fg2-color: var(--sm-fg2-color-12);
  }
}
.woocommerce-error {
  --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1, var(--sm-color-palette-1-bg-color-1));
  --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1, var(--sm-color-palette-1-accent-color-1));
  --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1, var(--sm-color-palette-1-fg1-color-1));
  --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1, var(--sm-color-palette-1-fg2-color-1));
  --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2, var(--sm-color-palette-1-bg-color-2));
  --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2, var(--sm-color-palette-1-accent-color-2));
  --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2, var(--sm-color-palette-1-fg1-color-2));
  --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2, var(--sm-color-palette-1-fg2-color-2));
  --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3, var(--sm-color-palette-1-bg-color-3));
  --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3, var(--sm-color-palette-1-accent-color-3));
  --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3, var(--sm-color-palette-1-fg1-color-3));
  --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3, var(--sm-color-palette-1-fg2-color-3));
  --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4, var(--sm-color-palette-1-bg-color-4));
  --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4, var(--sm-color-palette-1-accent-color-4));
  --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4, var(--sm-color-palette-1-fg1-color-4));
  --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4, var(--sm-color-palette-1-fg2-color-4));
  --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5, var(--sm-color-palette-1-bg-color-5));
  --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5, var(--sm-color-palette-1-accent-color-5));
  --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5, var(--sm-color-palette-1-fg1-color-5));
  --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5, var(--sm-color-palette-1-fg2-color-5));
  --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6, var(--sm-color-palette-1-bg-color-6));
  --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6, var(--sm-color-palette-1-accent-color-6));
  --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6, var(--sm-color-palette-1-fg1-color-6));
  --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6, var(--sm-color-palette-1-fg2-color-6));
  --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7, var(--sm-color-palette-1-bg-color-7));
  --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7, var(--sm-color-palette-1-accent-color-7));
  --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7, var(--sm-color-palette-1-fg1-color-7));
  --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7, var(--sm-color-palette-1-fg2-color-7));
  --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8, var(--sm-color-palette-1-bg-color-8));
  --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8, var(--sm-color-palette-1-accent-color-8));
  --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8, var(--sm-color-palette-1-fg1-color-8));
  --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8, var(--sm-color-palette-1-fg2-color-8));
  --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9, var(--sm-color-palette-1-bg-color-9));
  --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9, var(--sm-color-palette-1-accent-color-9));
  --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9, var(--sm-color-palette-1-fg1-color-9));
  --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9, var(--sm-color-palette-1-fg2-color-9));
  --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10, var(--sm-color-palette-1-bg-color-10));
  --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10, var(--sm-color-palette-1-accent-color-10));
  --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10, var(--sm-color-palette-1-fg1-color-10));
  --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10, var(--sm-color-palette-1-fg2-color-10));
  --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11, var(--sm-color-palette-1-bg-color-11));
  --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11, var(--sm-color-palette-1-accent-color-11));
  --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11, var(--sm-color-palette-1-fg1-color-11));
  --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11, var(--sm-color-palette-1-fg2-color-11));
  --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12, var(--sm-color-palette-1-bg-color-12));
  --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12, var(--sm-color-palette-1-accent-color-12));
  --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12, var(--sm-color-palette-1-fg1-color-12));
  --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12, var(--sm-color-palette-1-fg2-color-12));
}

.woocommerce-message {
  --sm-bg-color-1: var(--sm-color-palette-_success-bg-color-1, var(--sm-color-palette-1-bg-color-1));
  --sm-accent-color-1: var(--sm-color-palette-_success-accent-color-1, var(--sm-color-palette-1-accent-color-1));
  --sm-fg1-color-1: var(--sm-color-palette-_success-fg1-color-1, var(--sm-color-palette-1-fg1-color-1));
  --sm-fg2-color-1: var(--sm-color-palette-_success-fg2-color-1, var(--sm-color-palette-1-fg2-color-1));
  --sm-bg-color-2: var(--sm-color-palette-_success-bg-color-2, var(--sm-color-palette-1-bg-color-2));
  --sm-accent-color-2: var(--sm-color-palette-_success-accent-color-2, var(--sm-color-palette-1-accent-color-2));
  --sm-fg1-color-2: var(--sm-color-palette-_success-fg1-color-2, var(--sm-color-palette-1-fg1-color-2));
  --sm-fg2-color-2: var(--sm-color-palette-_success-fg2-color-2, var(--sm-color-palette-1-fg2-color-2));
  --sm-bg-color-3: var(--sm-color-palette-_success-bg-color-3, var(--sm-color-palette-1-bg-color-3));
  --sm-accent-color-3: var(--sm-color-palette-_success-accent-color-3, var(--sm-color-palette-1-accent-color-3));
  --sm-fg1-color-3: var(--sm-color-palette-_success-fg1-color-3, var(--sm-color-palette-1-fg1-color-3));
  --sm-fg2-color-3: var(--sm-color-palette-_success-fg2-color-3, var(--sm-color-palette-1-fg2-color-3));
  --sm-bg-color-4: var(--sm-color-palette-_success-bg-color-4, var(--sm-color-palette-1-bg-color-4));
  --sm-accent-color-4: var(--sm-color-palette-_success-accent-color-4, var(--sm-color-palette-1-accent-color-4));
  --sm-fg1-color-4: var(--sm-color-palette-_success-fg1-color-4, var(--sm-color-palette-1-fg1-color-4));
  --sm-fg2-color-4: var(--sm-color-palette-_success-fg2-color-4, var(--sm-color-palette-1-fg2-color-4));
  --sm-bg-color-5: var(--sm-color-palette-_success-bg-color-5, var(--sm-color-palette-1-bg-color-5));
  --sm-accent-color-5: var(--sm-color-palette-_success-accent-color-5, var(--sm-color-palette-1-accent-color-5));
  --sm-fg1-color-5: var(--sm-color-palette-_success-fg1-color-5, var(--sm-color-palette-1-fg1-color-5));
  --sm-fg2-color-5: var(--sm-color-palette-_success-fg2-color-5, var(--sm-color-palette-1-fg2-color-5));
  --sm-bg-color-6: var(--sm-color-palette-_success-bg-color-6, var(--sm-color-palette-1-bg-color-6));
  --sm-accent-color-6: var(--sm-color-palette-_success-accent-color-6, var(--sm-color-palette-1-accent-color-6));
  --sm-fg1-color-6: var(--sm-color-palette-_success-fg1-color-6, var(--sm-color-palette-1-fg1-color-6));
  --sm-fg2-color-6: var(--sm-color-palette-_success-fg2-color-6, var(--sm-color-palette-1-fg2-color-6));
  --sm-bg-color-7: var(--sm-color-palette-_success-bg-color-7, var(--sm-color-palette-1-bg-color-7));
  --sm-accent-color-7: var(--sm-color-palette-_success-accent-color-7, var(--sm-color-palette-1-accent-color-7));
  --sm-fg1-color-7: var(--sm-color-palette-_success-fg1-color-7, var(--sm-color-palette-1-fg1-color-7));
  --sm-fg2-color-7: var(--sm-color-palette-_success-fg2-color-7, var(--sm-color-palette-1-fg2-color-7));
  --sm-bg-color-8: var(--sm-color-palette-_success-bg-color-8, var(--sm-color-palette-1-bg-color-8));
  --sm-accent-color-8: var(--sm-color-palette-_success-accent-color-8, var(--sm-color-palette-1-accent-color-8));
  --sm-fg1-color-8: var(--sm-color-palette-_success-fg1-color-8, var(--sm-color-palette-1-fg1-color-8));
  --sm-fg2-color-8: var(--sm-color-palette-_success-fg2-color-8, var(--sm-color-palette-1-fg2-color-8));
  --sm-bg-color-9: var(--sm-color-palette-_success-bg-color-9, var(--sm-color-palette-1-bg-color-9));
  --sm-accent-color-9: var(--sm-color-palette-_success-accent-color-9, var(--sm-color-palette-1-accent-color-9));
  --sm-fg1-color-9: var(--sm-color-palette-_success-fg1-color-9, var(--sm-color-palette-1-fg1-color-9));
  --sm-fg2-color-9: var(--sm-color-palette-_success-fg2-color-9, var(--sm-color-palette-1-fg2-color-9));
  --sm-bg-color-10: var(--sm-color-palette-_success-bg-color-10, var(--sm-color-palette-1-bg-color-10));
  --sm-accent-color-10: var(--sm-color-palette-_success-accent-color-10, var(--sm-color-palette-1-accent-color-10));
  --sm-fg1-color-10: var(--sm-color-palette-_success-fg1-color-10, var(--sm-color-palette-1-fg1-color-10));
  --sm-fg2-color-10: var(--sm-color-palette-_success-fg2-color-10, var(--sm-color-palette-1-fg2-color-10));
  --sm-bg-color-11: var(--sm-color-palette-_success-bg-color-11, var(--sm-color-palette-1-bg-color-11));
  --sm-accent-color-11: var(--sm-color-palette-_success-accent-color-11, var(--sm-color-palette-1-accent-color-11));
  --sm-fg1-color-11: var(--sm-color-palette-_success-fg1-color-11, var(--sm-color-palette-1-fg1-color-11));
  --sm-fg2-color-11: var(--sm-color-palette-_success-fg2-color-11, var(--sm-color-palette-1-fg2-color-11));
  --sm-bg-color-12: var(--sm-color-palette-_success-bg-color-12, var(--sm-color-palette-1-bg-color-12));
  --sm-accent-color-12: var(--sm-color-palette-_success-accent-color-12, var(--sm-color-palette-1-accent-color-12));
  --sm-fg1-color-12: var(--sm-color-palette-_success-fg1-color-12, var(--sm-color-palette-1-fg1-color-12));
  --sm-fg2-color-12: var(--sm-color-palette-_success-fg2-color-12, var(--sm-color-palette-1-fg2-color-12));
}

.woocommerce-info {
  --sm-bg-color-1: var(--sm-color-palette-_info-bg-color-1, var(--sm-color-palette-1-bg-color-1));
  --sm-accent-color-1: var(--sm-color-palette-_info-accent-color-1, var(--sm-color-palette-1-accent-color-1));
  --sm-fg1-color-1: var(--sm-color-palette-_info-fg1-color-1, var(--sm-color-palette-1-fg1-color-1));
  --sm-fg2-color-1: var(--sm-color-palette-_info-fg2-color-1, var(--sm-color-palette-1-fg2-color-1));
  --sm-bg-color-2: var(--sm-color-palette-_info-bg-color-2, var(--sm-color-palette-1-bg-color-2));
  --sm-accent-color-2: var(--sm-color-palette-_info-accent-color-2, var(--sm-color-palette-1-accent-color-2));
  --sm-fg1-color-2: var(--sm-color-palette-_info-fg1-color-2, var(--sm-color-palette-1-fg1-color-2));
  --sm-fg2-color-2: var(--sm-color-palette-_info-fg2-color-2, var(--sm-color-palette-1-fg2-color-2));
  --sm-bg-color-3: var(--sm-color-palette-_info-bg-color-3, var(--sm-color-palette-1-bg-color-3));
  --sm-accent-color-3: var(--sm-color-palette-_info-accent-color-3, var(--sm-color-palette-1-accent-color-3));
  --sm-fg1-color-3: var(--sm-color-palette-_info-fg1-color-3, var(--sm-color-palette-1-fg1-color-3));
  --sm-fg2-color-3: var(--sm-color-palette-_info-fg2-color-3, var(--sm-color-palette-1-fg2-color-3));
  --sm-bg-color-4: var(--sm-color-palette-_info-bg-color-4, var(--sm-color-palette-1-bg-color-4));
  --sm-accent-color-4: var(--sm-color-palette-_info-accent-color-4, var(--sm-color-palette-1-accent-color-4));
  --sm-fg1-color-4: var(--sm-color-palette-_info-fg1-color-4, var(--sm-color-palette-1-fg1-color-4));
  --sm-fg2-color-4: var(--sm-color-palette-_info-fg2-color-4, var(--sm-color-palette-1-fg2-color-4));
  --sm-bg-color-5: var(--sm-color-palette-_info-bg-color-5, var(--sm-color-palette-1-bg-color-5));
  --sm-accent-color-5: var(--sm-color-palette-_info-accent-color-5, var(--sm-color-palette-1-accent-color-5));
  --sm-fg1-color-5: var(--sm-color-palette-_info-fg1-color-5, var(--sm-color-palette-1-fg1-color-5));
  --sm-fg2-color-5: var(--sm-color-palette-_info-fg2-color-5, var(--sm-color-palette-1-fg2-color-5));
  --sm-bg-color-6: var(--sm-color-palette-_info-bg-color-6, var(--sm-color-palette-1-bg-color-6));
  --sm-accent-color-6: var(--sm-color-palette-_info-accent-color-6, var(--sm-color-palette-1-accent-color-6));
  --sm-fg1-color-6: var(--sm-color-palette-_info-fg1-color-6, var(--sm-color-palette-1-fg1-color-6));
  --sm-fg2-color-6: var(--sm-color-palette-_info-fg2-color-6, var(--sm-color-palette-1-fg2-color-6));
  --sm-bg-color-7: var(--sm-color-palette-_info-bg-color-7, var(--sm-color-palette-1-bg-color-7));
  --sm-accent-color-7: var(--sm-color-palette-_info-accent-color-7, var(--sm-color-palette-1-accent-color-7));
  --sm-fg1-color-7: var(--sm-color-palette-_info-fg1-color-7, var(--sm-color-palette-1-fg1-color-7));
  --sm-fg2-color-7: var(--sm-color-palette-_info-fg2-color-7, var(--sm-color-palette-1-fg2-color-7));
  --sm-bg-color-8: var(--sm-color-palette-_info-bg-color-8, var(--sm-color-palette-1-bg-color-8));
  --sm-accent-color-8: var(--sm-color-palette-_info-accent-color-8, var(--sm-color-palette-1-accent-color-8));
  --sm-fg1-color-8: var(--sm-color-palette-_info-fg1-color-8, var(--sm-color-palette-1-fg1-color-8));
  --sm-fg2-color-8: var(--sm-color-palette-_info-fg2-color-8, var(--sm-color-palette-1-fg2-color-8));
  --sm-bg-color-9: var(--sm-color-palette-_info-bg-color-9, var(--sm-color-palette-1-bg-color-9));
  --sm-accent-color-9: var(--sm-color-palette-_info-accent-color-9, var(--sm-color-palette-1-accent-color-9));
  --sm-fg1-color-9: var(--sm-color-palette-_info-fg1-color-9, var(--sm-color-palette-1-fg1-color-9));
  --sm-fg2-color-9: var(--sm-color-palette-_info-fg2-color-9, var(--sm-color-palette-1-fg2-color-9));
  --sm-bg-color-10: var(--sm-color-palette-_info-bg-color-10, var(--sm-color-palette-1-bg-color-10));
  --sm-accent-color-10: var(--sm-color-palette-_info-accent-color-10, var(--sm-color-palette-1-accent-color-10));
  --sm-fg1-color-10: var(--sm-color-palette-_info-fg1-color-10, var(--sm-color-palette-1-fg1-color-10));
  --sm-fg2-color-10: var(--sm-color-palette-_info-fg2-color-10, var(--sm-color-palette-1-fg2-color-10));
  --sm-bg-color-11: var(--sm-color-palette-_info-bg-color-11, var(--sm-color-palette-1-bg-color-11));
  --sm-accent-color-11: var(--sm-color-palette-_info-accent-color-11, var(--sm-color-palette-1-accent-color-11));
  --sm-fg1-color-11: var(--sm-color-palette-_info-fg1-color-11, var(--sm-color-palette-1-fg1-color-11));
  --sm-fg2-color-11: var(--sm-color-palette-_info-fg2-color-11, var(--sm-color-palette-1-fg2-color-11));
  --sm-bg-color-12: var(--sm-color-palette-_info-bg-color-12, var(--sm-color-palette-1-bg-color-12));
  --sm-accent-color-12: var(--sm-color-palette-_info-accent-color-12, var(--sm-color-palette-1-accent-color-12));
  --sm-fg1-color-12: var(--sm-color-palette-_info-fg1-color-12, var(--sm-color-palette-1-fg1-color-12));
  --sm-fg2-color-12: var(--sm-color-palette-_info-fg2-color-12, var(--sm-color-palette-1-fg2-color-12));
}

.is-style-dark {
  --sm-current-bg-color: var(--sm-bg-color-9);
  --sm-current-accent-color: var(--sm-accent-color-9);
  --sm-current-fg1-color: var(--sm-fg1-color-9);
  --sm-current-fg2-color: var(--sm-fg2-color-9);
}

.is-style-darker {
  --sm-current-bg-color: var(--sm-bg-color-11);
  --sm-current-accent-color: var(--sm-accent-color-11);
  --sm-current-fg1-color: var(--sm-fg1-color-11);
  --sm-current-fg2-color: var(--sm-fg2-color-11);
}

.is-style-accent {
  --sm-current-bg-color: var(--sm-bg-color-6);
  --sm-current-accent-color: var(--sm-accent-color-6);
  --sm-current-fg1-color: var(--sm-fg1-color-6);
  --sm-current-fg2-color: var(--sm-fg2-color-6);
}

.novablocks-announcement-bar.is-style-accent {
  background-color: var(--sm-current-bg-color);
  --sm-current-bg-color: var(--sm-bg-color-6);
  --sm-current-accent-color: var(--sm-accent-color-6);
  --sm-current-fg1-color: var(--sm-fg1-color-6);
  --sm-current-fg2-color: var(--sm-fg2-color-6);
}
.novablocks-announcement-bar.is-style-alternative {
  background-color: var(--sm-current-bg-color);
  --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1));
  --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1));
  --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1));
  --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1));
  --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2));
  --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2));
  --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2));
  --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2));
  --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3));
  --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3));
  --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3));
  --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3));
  --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4));
  --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4));
  --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4));
  --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4));
  --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5));
  --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5));
  --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5));
  --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5));
  --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6));
  --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6));
  --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6));
  --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6));
  --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7));
  --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7));
  --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7));
  --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7));
  --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8));
  --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8));
  --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8));
  --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8));
  --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9));
  --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9));
  --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9));
  --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9));
  --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10));
  --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10));
  --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10));
  --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10));
  --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11));
  --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11));
  --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11));
  --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11));
  --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12));
  --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12));
  --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12));
  --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12));
  --sm-current-bg-color: var(--sm-bg-color-6);
  --sm-current-accent-color: var(--sm-accent-color-6);
  --sm-current-fg1-color: var(--sm-fg1-color-6);
  --sm-current-fg2-color: var(--sm-fg2-color-6);
}
.novablocks-announcement-bar.is-style-alert {
  background-color: var(--sm-current-bg-color);
  --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1, var(--sm-color-palette-1-bg-color-1));
  --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1, var(--sm-color-palette-1-accent-color-1));
  --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1, var(--sm-color-palette-1-fg1-color-1));
  --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1, var(--sm-color-palette-1-fg2-color-1));
  --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2, var(--sm-color-palette-1-bg-color-2));
  --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2, var(--sm-color-palette-1-accent-color-2));
  --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2, var(--sm-color-palette-1-fg1-color-2));
  --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2, var(--sm-color-palette-1-fg2-color-2));
  --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3, var(--sm-color-palette-1-bg-color-3));
  --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3, var(--sm-color-palette-1-accent-color-3));
  --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3, var(--sm-color-palette-1-fg1-color-3));
  --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3, var(--sm-color-palette-1-fg2-color-3));
  --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4, var(--sm-color-palette-1-bg-color-4));
  --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4, var(--sm-color-palette-1-accent-color-4));
  --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4, var(--sm-color-palette-1-fg1-color-4));
  --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4, var(--sm-color-palette-1-fg2-color-4));
  --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5, var(--sm-color-palette-1-bg-color-5));
  --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5, var(--sm-color-palette-1-accent-color-5));
  --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5, var(--sm-color-palette-1-fg1-color-5));
  --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5, var(--sm-color-palette-1-fg2-color-5));
  --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6, var(--sm-color-palette-1-bg-color-6));
  --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6, var(--sm-color-palette-1-accent-color-6));
  --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6, var(--sm-color-palette-1-fg1-color-6));
  --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6, var(--sm-color-palette-1-fg2-color-6));
  --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7, var(--sm-color-palette-1-bg-color-7));
  --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7, var(--sm-color-palette-1-accent-color-7));
  --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7, var(--sm-color-palette-1-fg1-color-7));
  --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7, var(--sm-color-palette-1-fg2-color-7));
  --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8, var(--sm-color-palette-1-bg-color-8));
  --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8, var(--sm-color-palette-1-accent-color-8));
  --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8, var(--sm-color-palette-1-fg1-color-8));
  --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8, var(--sm-color-palette-1-fg2-color-8));
  --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9, var(--sm-color-palette-1-bg-color-9));
  --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9, var(--sm-color-palette-1-accent-color-9));
  --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9, var(--sm-color-palette-1-fg1-color-9));
  --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9, var(--sm-color-palette-1-fg2-color-9));
  --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10, var(--sm-color-palette-1-bg-color-10));
  --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10, var(--sm-color-palette-1-accent-color-10));
  --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10, var(--sm-color-palette-1-fg1-color-10));
  --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10, var(--sm-color-palette-1-fg2-color-10));
  --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11, var(--sm-color-palette-1-bg-color-11));
  --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11, var(--sm-color-palette-1-accent-color-11));
  --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11, var(--sm-color-palette-1-fg1-color-11));
  --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11, var(--sm-color-palette-1-fg2-color-11));
  --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12, var(--sm-color-palette-1-bg-color-12));
  --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12, var(--sm-color-palette-1-accent-color-12));
  --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12, var(--sm-color-palette-1-fg1-color-12));
  --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12, var(--sm-color-palette-1-fg2-color-12));
  --sm-current-bg-color: var(--sm-bg-color-7);
  --sm-current-accent-color: var(--sm-accent-color-7);
  --sm-current-fg1-color: var(--sm-fg1-color-7);
  --sm-current-fg2-color: var(--sm-fg2-color-7);
}

.novablocks-media.has-secondary-accent-color .novablocks-block {
  --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1));
  --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1));
  --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1));
  --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1));
  --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2));
  --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2));
  --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2));
  --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2));
  --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3));
  --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3));
  --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3));
  --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3));
  --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4));
  --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4));
  --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4));
  --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4));
  --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5));
  --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5));
  --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5));
  --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5));
  --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6));
  --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6));
  --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6));
  --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6));
  --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7));
  --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7));
  --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7));
  --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7));
  --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8));
  --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8));
  --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8));
  --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8));
  --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9));
  --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9));
  --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9));
  --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9));
  --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10));
  --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10));
  --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10));
  --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10));
  --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11));
  --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11));
  --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11));
  --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11));
  --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12));
  --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12));
  --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12));
  --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12));
}
.novablocks-media.has-tertiary-accent-color .novablocks-block {
  --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1));
  --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1));
  --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1));
  --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1));
  --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2));
  --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2));
  --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2));
  --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2));
  --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3));
  --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3));
  --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3));
  --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3));
  --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4));
  --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4));
  --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4));
  --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4));
  --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5));
  --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5));
  --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5));
  --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5));
  --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6));
  --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6));
  --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6));
  --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6));
  --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7));
  --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7));
  --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7));
  --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7));
  --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8));
  --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8));
  --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8));
  --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8));
  --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9));
  --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9));
  --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9));
  --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9));
  --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10));
  --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10));
  --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10));
  --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10));
  --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11));
  --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11));
  --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11));
  --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11));
  --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12));
  --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12));
  --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12));
  --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12));
}

.novablocks-opentable:not([class*=sm-palette-]):not([class*=sm-variation-]) {
  --sm-current-bg-color: var(--sm-bg-color-10);
  --sm-current-accent-color: var(--sm-accent-color-10);
  --sm-current-fg1-color: var(--sm-fg1-color-10);
  --sm-current-fg2-color: var(--sm-fg2-color-10);
}

.wp-block-group__inner-container > *:not([class*=alignfull]) {
  width: 100%;
}

body {
  float: left;
  width: 100%;
}

html:after {
  content: " ";
  display: table;
  clear: both;
}

.site-content {
  padding-top: var(--theme-spacing-fluid-larger);
  padding-bottom: var(--theme-spacing-fluid-larger);
}
body.has-no-spacing-top .site-content {
  padding-top: 0;
}
body.has-no-spacing-bottom .site-content {
  padding-bottom: 0;
}

.novablocks-collection {
  position: relative;
}

mark {
  background: none;
  color: inherit;
}

/*------------------------------------*\
  #PHOTOSWIPE 

  Styles for PhotoSwipe (pswp) plugin
\*------------------------------------*/
.pswp {
  z-index: 15000;
}

:is(a[href$=jpg], a[href$=jpeg], a[href$=png], a[href$=gif]):hover {
  cursor: zoom-in;
}
:is(a[href$=jpg], a[href$=jpeg], a[href$=png], a[href$=gif]):hover img {
  opacity: 0.7;
}