/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
:root {
  --space-unit: 1em;
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
  --component-padding: var(--space-md);
  --space-0-5: calc(0.125 * var(--space-unit));
  --space-1: calc(0.25 * var(--space-unit));
  --space-1-5: calc(0.375 * var(--space-unit));
  --space-2: calc(0.5 * var(--space-unit));
  --space-2-5: calc(0.625 * var(--space-unit));
  --space-3: calc(0.75 * var(--space-unit));
  --space-3-5: calc(0.875 * var(--space-unit));
  --space-4: calc(1 * var(--space-unit));
  --space-5: calc(1.25 * var(--space-unit));
  --space-6: calc(1.5 * var(--space-unit));
  --space-7: calc(1.75 * var(--space-unit));
  --space-8: calc(2 * var(--space-unit));
  --space-9: calc(2.25 * var(--space-unit));
  --space-10: calc(2.5 * var(--space-unit));
  --space-11: calc(2.75 * var(--space-unit));
  --space-12: calc(3 * var(--space-unit));
  --space-13: calc(3.25 * var(--space-unit));
  --space-14: calc(3.5 * var(--space-unit));
  --space-16: calc(4 * var(--space-unit));
  --space-17: calc(4.25 * var(--space-unit));
  --space-18: calc(4.5 * var(--space-unit));
  --space-19: calc(4.75 * var(--space-unit));
  --space-20: calc(5 * var(--space-unit));
  --space-22: calc(5.5 * var(--space-unit));
  --space-24: calc(6 * var(--space-unit));
  --space-28: calc(7 * var(--space-unit));
  --space-32: calc(8 * var(--space-unit));
  --space-36: calc(9 * var(--space-unit));
  --space-40: calc(10 * var(--space-unit));
  --space-44: calc(11 * var(--space-unit));
  --space-48: calc(12 * var(--space-unit));
  --space-52: calc(13 * var(--space-unit));
  --space-56: calc(14 * var(--space-unit));
  --space-60: calc(15 * var(--space-unit));
  --space-64: calc(16 * var(--space-unit));
  --space-72: calc(18 * var(--space-unit));
  --space-80: calc(20 * var(--space-unit));
  --space-96: calc(24 * var(--space-unit));
}

:root {
  --color-brand-yellow: hsla(47, 79%, 65%, 1);
  --color-brand-orange: hsla(22, 71%, 48%, 1);
  --color-brand-blue: hsla(209, 46%, 37%, 1);
  --color-brand-red: hsla(0, 46%, 51%, 1);
  --color-brand-green: hsl(176, 93%, 18%, 1);
  --color-brand-green-dark: hsl(176, 93%, 18%, 1);
  --color-brand-green-light: hsla(151, 45%, 36%, 1);
  --color-neutral-white: #fff;
  --color-neutral-gray-02: hsla(0, 0%, 98%, 1);
  --color-neutral-gray-07: hsla(0, 0%, 93%, 1);
  --color-neutral-gray-13: hsla(0, 0%, 87%, 1);
  --color-neutral-gray-27: hsla(0, 0%, 73%, 1);
  --color-neutral-gray-34: hsla(0, 0%, 66%, 1);
  --color-neutral-gray-50: hsla(0, 0%, 50%, 1);
  --color-neutral-gray-60: hsla(0, 0%, 40%, 1);
  --color-neutral-gray-73: hsla(0, 0%, 27%, 1);
  --color-neutral-gray-87: hsla(0, 0%, 13%, 1);
  --color-neutral-gray-93: hsla(0, 0%, 7%, 1);
  --color-neutral-black: #000;
  --color-text-highlight: var(--color-neutral-gray-93);
  --color-text-highlight-bg: var(--color-neutral-gray-13);
  --color-links: var(--color-neutral-gray-73);
  --color-links-hover: var(--color-brand-primary);
  --color-links-active: var(--color-brand-tertiary);
  --color-links-visited: var(--color-brand-tertiary);
  --color-form: var(--color-neutral-gray-93);
  --color-form-bg: var(--color-neutral-white);
  --color-form-border: var(--color-neutral-gray-73);
  --color-form-border-focus: var(--color-brand-primary-light);
  --color-form-border-error: var(--color-utility-error);
  --color-form-label: var(--color-neutral-gray-93);
  --color-form-info: var(--color-neutral-gray-73);
  --color-form-placeholder: var(--color-neutral-gray-50);
  --color-form-disabled: var(--color-neutral-gray-73);
  --color-utility-info: #0192d0;
  --color-utility-info-light: #d3f2ff;
  --color-utility-error: #b12a0b;
  --color-utility-error-light: #fdded8;
  --color-utility-success: #03804d;
  --color-utility-success-light: #d4f3e6;
  --color-utility-warning: #a59b15;
  --color-utility-warning-light: #fffecf;
}

:root {
  /* #### BORDERS #### */
  --border-radius-sm: 0.25em;
  --border-radius-md: 0.625em;
  --border-radius-lg: 1.125em;
  --border-radius-full: 3.125em;
  --border-thickness-light: 0.025em;
  --border-thickness: 0.125em;
  --border-thickness-bold: 0.25em;
  --border-thickness-bolder: 0.5em;
  --border-style-light: var(--border-thickness-light)
    var(--border-line-style, solid);
  --border-style: var(--border-thickness) var(--border-line-style, solid);
  --border-style-bold: var(--border-thickness-bold)
    var(--border-line-style, solid);
  --border-divider-simple: var(--border-style-light)
    var(--border-divider-color, var(--color-neutral-gray-13));
  --border-brand-primary-sm: var(--border-style-light)
    var(--color-brand-primary);
  --border-brand-sm: var(--border-style-light) var(--color-brand-yellow);
  --border-brand-sm: var(--border-style-light) var(--color-brand-yellow);
  --border-brand-md: var(--border-style) var(--color-brand-yellow);
}

:root {
  --box-shadow-nav: 0 2px 5px 1px var(--color-neutral-gray-50);
  --box-shadow-widget: 0 0 4px 0px var(--color-neutral-gray-50);
}

:root {
  --anim-fade-quick: 0.15s;
  --anim-fade: 0.3s;
  --anim-fade-long: 0.5s;
  --anim-ease: ease-out;
  --anim-cubic-bezier: cubic-bezier(0.165, 0.84, 0.44, 1);
}

@font-face {
  font-family: "Amatica-SC";
  font-weight: normal;
  src: url("/assets/fonts/amatic-sc/AmaticaSC-Regular.ttf") format("truetype");
  size-adjust: 130%;
}
@font-face {
  font-family: "Amatica-SC";
  font-weight: bold;
  src: url("/assets/fonts/amatic-sc/AmaticaSC-Bold.ttf") format("truetype");
  size-adjust: 130%;
}
@font-face {
  font-family: "Raleway";
  font-weight: normal;
  src: url("/assets/fonts/raleway/Raleway-Regular.ttf") format("truetype");
}
:root {
  --font-family-primary: "Amatica-SC", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-secondary: "Raleway", "HelveticaNeue", "Helvetica", "Arial",
    sans-serif;
}

.font-primary, .font-primary--bold {
  font-family: var(--font-family-primary);
}

.font-primary--bold {
  font-weight: bold;
}

.font-secondary, .font-secondary--bold {
  font-family: var(--font-family-secondary);
}

.font-secondary--bold {
  font-weight: bold;
}

/* XSmall */
/* Small */
/* -------------------------------- */
/* Medium */
/* -------------------------------- */
/* Large */
/* -------------------------------- */
/* XLarge */
/* -------------------------------- */
/* Portrait */
:root {
  --text-base: 1rem;
  --text-scale-ratio: 1.2;
}

@media only screen and (min-width: calc(64em)) {
  :root {
    --text-base: 1.2rem;
  }
}
:root,
* {
  --text-xs: calc((1.2em / var(--text-scale-ratio)) / var(--text-scale-ratio));
  --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
  --text-md: calc(
    var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio)
  );
  --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
  --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
  --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
  --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
  --line-height-xs: 0.8;
  --line-height-sm: 0.9;
  --line-height-md: 1.2;
  --line-height-lg: 1.4;
  --line-height-xl: 1.6;
  --line-height-xxl: 1.8;
  --line-height-xxxl: 2;
}

h1,
.text-xxl {
  font-size: var(--text-xxl);
  line-height: var(--line-height-lg);
}

h2,
.text-xl {
  font-size: calc(var(--text-xl));
  line-height: var(--line-height-md);
}

h3,
.text-lg {
  font-size: calc(var(--text-lg));
  line-height: var(--line-height-lg);
}

h4,
h5,
h6,
.text-md {
  font-size: var(--text-md);
  line-height: var(--line-height-md);
}

.text-sm {
  font-size: var(--text-sm);
  line-height: var(--line-height-md);
}

.text-xs {
  font-size: var(--text-xs);
  line-height: var(--line-height-xl);
}

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

:root {
  --navigation-height: 3.25em;
}

* {
  box-sizing: border-box;
}

html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ol,
ul,
li,
form,
legend,
label,
table,
header,
footer,
nav,
section,
figure {
  margin: 0;
  padding: 0;
}

header,
footer,
nav,
section,
article,
figure {
  display: block;
}

ol,
ul {
  list-style: none;
}

html {
  height: 100%;
  min-height: 100vh;
  max-height: 100vh;
  font-size: 100%;
  overflow-x: hidden;
}

body {
  --color-text: var(--color-brand-yellow);
  --color-background: var(--color-brand-green);
  --color-gradient-0: #1e1e1e;
  --color-gradient-100: var(--color-background);
  --color-background-gradient: linear-gradient(
      180deg,
      var(--color-gradient-100) 35%,
      var(--color-gradient-0) 125.16%
    )
    no-repeat fixed;
  --header-height: var(--space-22);
  height: calc(100vh - var(--header-height));
  width: 100%;
  margin-top: var(--header-height);
  font-family: var(--font-family-secondary);
  font-size: var(--text-base);
  line-height: var(--line-height-lg);
  background: var(--color-background-gradient);
  color: var(--color-text);
}

::-webkit-input-placeholder {
  color: var(--color-form-placeholder);
}

::-moz-placeholder {
  color: var(--color-form-placeholder);
}

:-ms-input-placeholder {
  color: var(--color-form-placeholder);
}

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

legend {
  margin-bottom: var(--space-1);
}

label {
  display: block;
  padding-bottom: var(--space-1);
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: var(--text-base);
  margin: 0;
}

textarea {
  resize: none;
}

input,
textarea {
  width: 100%;
  padding: var(--space-2);
  border: var(--border-style-light) var(--color-form-border);
  background: var(--color-form-bg);
  border-radius: var(--border-radius-sm);
  transition: var(--anim-fade-quick) var(--anim-ease);
  transition-property: border-color, box-shadow;
  color: var(--color-body-text);
}

input:focus:not(:disabled), input:hover:not(:disabled),
textarea:focus:not(:disabled),
textarea:hover:not(:disabled) {
  border-color: var(--color-form-border-focus);
  outline: none;
  box-shadow: 0 2px 20px -2px var(--color-form-border-focus);
}

input:disabled,
textarea:disabled {
  cursor: not-allowed;
  color: var(--color-form-placeholder);
}

input[type=text],
input[type=search],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=url],
input[type=number],
textarea {
  -webkit-appearance: none;
}

input[type=checkbox],
input[type=radio] {
  width: auto;
  margin-right: var(--space-1-5);
  border-color: var(--color-form-border);
}

input[type=search] {
  -webkit-appearance: none;
  border-radius: 0;
}

select {
  display: block;
  font-size: var(--text-base);
  width: 100%;
  border: var(--border-style-light) var(--color-form-border);
  border-radius: 0;
  padding: var(--space-2);
  height: 2em;
  background: var(--color-form-bg);
  color: var(--color-form);
}

select:focus {
  border-color: var(--color-form-border-focus);
}

button {
  cursor: pointer;
}

button:focus {
  outline: none;
}

.c-btn {
  display: inline-block;
  padding: var(--space-1) 0 var(--space-2);
  --color-button: var(--color-background);
  background-color: var(--color-button);
  color: var(--color-brand-yellow);
  font-family: var(--font-family-primary);
  font-size: var(--text-lg);
  font-weight: bold;
  line-height: var(--line-height-sm);
  text-transform: uppercase;
  border: var(--border-brand-md);
  border-radius: var(--border-radius-md);
}

.c-btn:active {
  transform: scale(0.95) translateZ(0);
}

.c-btn--small {
  padding: var(--space-0-5) var(--space-2);
  font-size: var(--text-xs);
}

.c-btn--small:hover {
  --box-shadow-button-spread: 1em;
}

.c-btn--large {
  padding: var(--space-2) 0;
  border-radius: var(--border-radius-lg);
  font-size: var(--text-xl);
  font-weight: bold;
}

.c-btn--bare {
  background-color: var(--color-background);
  color: var(--color-button);
}

.c-btn--bare:hover {
  color: var(--color-neutral-white);
  --box-shadow-button-color: var(--color-button);
}

.c-btn--round {
  border-radius: var(--border-radius-full);
}

.c-radio__input {
  display: none;
}

.c-radio__input:checked + label::before {
  animation: radioClick var(--anim-fade-long) var(--anim-ease) 0s 1 normal forwards;
  background-color: var(--color-brand-primary);
}

.c-radio__input:disabled + label::before {
  background-color: var(--color-neutral-gray-50);
  cursor: not-allowed;
}

.c-radio__label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}

.c-radio__label::before {
  content: "";
  font-size: var(--text-sm);
  display: inline-block;
  width: 1.35em;
  height: 1.35em;
  background-color: var(--color-body-bg);
  border: var(--border-style) var(--color-brand-primary);
  border-radius: var(--border-radius-full);
  margin-right: var(--space-2);
}

@keyframes radioClick {
  0% {
    box-shadow: inset 0 0 0 0.15em var(--color-body-bg);
  }
  60% {
    box-shadow: inset 0 0 0 0.35em var(--color-body-bg);
  }
  100% {
    box-shadow: inset 0 0 0 0.25em var(--color-body-bg);
  }
}
:root {
  --range-color: var(--color-brand-primary);
}

input[type=range] {
  height: 38px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000;
  background: var(--range-color);
  border-radius: 5px;
  border: 1px solid #000000;
}

input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -11px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--range-color);
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000;
  background: var(--range-color);
  border-radius: 5px;
  border: 1px solid #000000;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: var(--range-color);
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}

input[type=range]::-ms-fill-upper {
  background: var(--range-color);
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}

input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
  background: var(--range-color);
}

input[type=range]:focus::-ms-fill-upper {
  background: var(--range-color);
}

/**
* 1) Make the slider ball "squash" when clicked.
*/
.c-switch {
  --c-switch-color: var(--color-brand-primary-light);
  --c-switch-color-text: var(--color-body-text);
  --c-switch-color-checked: var(--color-brand-primary);
  --c-switch-color-unchecked: var(--color-body-bg);
  --c-switch-color-disabled: var(--color-brand-primary-emphasis);
  --c-switch-color-border: var(--color-brand-primary);
  --c-switch-font-size: 1.125em;
  position: relative;
  font-size: var(--c-switch-font-size);
}

.c-switch:active .c-switch__input:not(:disabled) + label span::before {
  width: 0.5em;
}

.c-switch__input {
  display: none;
}

.c-switch__input:checked + label span {
  background-color: var(--c-switch-color-checked);
}

.c-switch__input:checked + label span:before {
  left: calc(100% - 0.15em);
  transform: translateX(-100%);
  background-color: var(--color-neutral-white);
}

.c-switch__input:disabled + label span {
  cursor: not-allowed;
  background-color: var(--c-switch-color-disabled);
}

.c-switch__label {
  -webkit-user-select: none;
          user-select: none;
  display: inline-flex;
  align-items: center;
}

.c-switch__label span {
  background-color: var(--c-switch-color-unchecked);
  border: var(--border-style-light) var(--c-switch-color-border);
  height: 1.35em;
  width: 2.5em;
  transition: 0.4s var(--anim-ease);
  border-radius: 20em;
  display: inline-block;
  margin-right: var(--space-2);
}

.c-switch__label span::before {
  content: "";
  position: relative;
  display: block;
  top: 0.185em;
  height: 0.9em;
  width: 0.9em;
  left: 0.15em;
  background-color: var(--c-switch-color);
  transition: 0.4s var(--anim-ease);
  border-radius: var(--border-radius-full);
}

.l-grid {
  display: grid;
  grid-template-columns: [full-start] minmax(4vw, auto) [wide-start] minmax(auto, 240px) [main-start] min(786px, 100% - 8vw) [main-end] minmax(auto, 240px) [wide-end] minmax(4vw, auto) [full-end];
}

.l-grid > * {
  grid-column: main-start/main-end;
}

.l-grid--wide {
  grid-column: wide-start/wide-end;
}

.l-grid--full {
  grid-column: full-start/full-end;
}

body.theme-green-light {
  --color-background: var(--color-brand-green-light);
}

body.theme-blue {
  --color-background: var(--color-brand-blue);
}

body.theme-blue .calendar {
  --color-bubbles: hsla(191, 46%, 37%, 1);
}

body.theme-red {
  --color-background: var(--color-brand-red);
}

body.theme-orange {
  --color-background: var(--color-brand-orange);
}

body.theme-orange .calendar {
  --color-bubbles: hsla(36, 76%, 46%, 1);
}

body.theme-red {
  --color-background: var(--color-brand-red);
}

[data-theme=dark] body {
  --color-links: var(--color-neutral-gray-27);
  --color-body-text: var(--color-neutral-gray-02);
  --color-body-bg: var(--color-neutral-gray-93);
  --color-form: var(--color-neutral-gray-02);
  --color-form-border: var(--color-neutral-gray-27);
  --color-form-bg: var(--color-neutral-black);
  --color-form-label: var(--color-neutral-gray-02);
  --color-form-info: var(--color-neutral-gray-27);
  --color-form-placeholder: var(--color-neutral-gray-34);
}

[data-theme=dark] .kg-bookmark-container,
[data-theme=dark] .kg-bookmark-container:hover {
  box-shadow: 0 0px 4px 0px var(--color-neutral-gray-13);
}

[data-theme=dark] .post-feed__toggle .c-btn {
  --color-button: var(--color-neutral-gray-60);
}

[data-theme=dark] .post + aside {
  background-color: var(--color-neutral-gray-73);
}

[data-theme=dark] .post-card__image {
  background-color: var(--color-neutral-gray-87);
}

[data-theme=dark] .menu__overlay {
  background-color: var(--color-neutral-white);
}

.main-footer__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: var(--border-brand-primary);
  padding-top: var(--space-2-5);
}

@media only screen and (max-width: calc(64em - 0.01rem)) {
  .main-footer__inner {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: calc(64em - 0.01rem)) {
  .main-footer__copyright {
    margin-top: var(--space-6);
  }
}
@media only screen and (max-width: calc(64em - 0.01rem)) {
  .main-footer .navigation__item {
    display: block;
  }
}
#main-footer {
  padding: var(--space-10) 0 var(--space-36);
}

.u-grid {
  display: grid;
}

.u-flex {
  display: flex;
}

.u-hidden {
  visibility: hidden;
}

.u-hide {
  display: none;
}

@media only screen and (max-width: calc(48em - 0.01rem)) {
  .u-hide-sm {
    display: none;
  }
}
.u-100-w {
  width: 100%;
}

.js-initial-hidden {
  display: none;
}

.u-shadow--nav {
  box-shadow: var(--box-shadow-nav);
}

.u-shadow--widget {
  box-shadow: var(--box-shadow-widget);
}

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

i, .sc-icon {
  display: block;
  min-height: 16px;
  min-width: 16px;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.sc-icon-bag-check {
  background-image: url('bag-check.24361998499bea46.svg');
}

.sc-icon-bag-remove {
  background-image: url('bag-remove.bf630d8177219d38.svg');
}

.sc-icon-arrow {
  background-image: url('arrow.3295516b97022ee6.svg');
}

.sc-icon-add {
  background-image: url('add.a83b8d823f1c53ce.svg');
}

.sc-icon-moon {
  background-image: url('moon.707e3ce2da2cb632.svg');
}

.sc-icon-sun {
  background-image: url('sunny.c2c275dfccfb1c98.svg');
}

.sc-icon-close {
  background-image: url('close.bb6ac73ea818d8b8.svg');
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Declarations of Sass variables & mixins
 * VENDORS................................Import vendors and npm packages
 * BASE...................................Default element styles
 * LAYOUT.................................Layout-specific styles
 * COMPONENTS.............................Component styles
 * UTILITIES..............................Utility classes
 * ATOMIC.................................
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #VENDORS
\*------------------------------------*/
/*------------------------------------*\
    #BASE
\*------------------------------------*/
h4 {
  margin-top: var(--space-2);
}

p {
  font-size: var(--text-sm);
  margin-top: var(--space-1);
}

/*# sourceMappingURL=styles.7fa48ecb0fe21968.css.map*/