#fw-section-announcement-bar-0 {
--color-primary: #1f733d;
--color-primary-rgb: 31, 115, 61;
--color-background: #070707;
--color-background-rgb: 7, 7, 7;
--color-on-background: #D8D7D1;
--color-on-background-rgb: 216, 215, 209;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #D8D7D1;
--color-background-brightness: 7;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #1f733d;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #D8D7D1;
--secondary-btn-bg: transparent;
--secondary-btn-text: #D8D7D1;
--secondary-btn-border-color: #D8D7D1;

}
#fw-section-header {
--color-primary: #D8D7D1;
--color-primary-rgb: 216, 215, 209;
--color-background: #161616;
--color-background-rgb: 22, 22, 22;
--color-on-background: #D8D7D1;
--color-on-background-rgb: 216, 215, 209;
--color-on-primary: #161616;
--color-on-primary-rgb: 22, 22, 22;
--color-product-image-background: #D8D7D1;
--color-background-brightness: 22;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #D8D7D1;
--primary-btn-text: #161616;
--primary-btn-border-color: #D8D7D1;
--secondary-btn-bg: transparent;
--secondary-btn-text: #D8D7D1;
--secondary-btn-border-color: #D8D7D1;
/* =========================================================
   GHOST ORGY / FOURTHWALL SHOP
   Display font: They Perished
   ========================================================= */

@import url('https://fonts.cdnfonts.com/css/they-perished');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --go-black: #030303;
  --go-void: #070605;
  --go-panel: #0d0b0a;
  --go-panel-2: #14100e;
  --go-bone: #eadfca;
  --go-ash: #a79d8d;
  --go-dim: #6d6257;
  --go-blood: #8d1515;
  --go-blood-hot: #c62822;
  --go-bruise: #3b1937;
  --go-gold: #b79550;
  --go-line: rgba(234, 223, 202, 0.16);
  --go-line-strong: rgba(234, 223, 202, 0.3);
  --go-display: 'They Perished', Impact, Haettenschweiler, 'Arial Narrow Bold', fantasy;
  --go-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body {
  background:
    radial-gradient(circle at 18% 0%, rgba(141, 21, 21, 0.22), transparent 31%),
    radial-gradient(circle at 80% 8%, rgba(59, 25, 55, 0.22), transparent 34%),
    linear-gradient(180deg, #050403 0%, #090806 46%, #030303 100%) !important;
  color: var(--go-bone) !important;
  font-family: var(--go-body) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999999;
  opacity: 0.06;
  background-image:
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 3px 3px;
  mix-blend-mode: screen;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999998;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.18) 50%, transparent 100%);
  opacity: 0.35;
}

header,
[data-testid*="header"],
[class*="Header"],
[class*="header"] {
  background: rgba(3, 3, 3, 0.94) !important;
  border-bottom: 1px solid var(--go-line) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.55);
}

/* Logo only. Do not use header a:first-child; it also catches USD. */
header [class*="logo"],
header [class*="Logo"],
[class*="store-name"],
[class*="StoreName"] {
  font-family: var(--go-display) !important;
  color: var(--go-bone) !important;
  font-weight: 400 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
  text-shadow:
    0 0 14px rgba(198, 40, 34, 0.42),
    0 0 42px rgba(141, 21, 21, 0.2);
}

header .header__logo,
header .header__logo-link,
header [class*="store-name"],
header [class*="StoreName"] {
  font-size: clamp(1.7rem, 2.4vw, 2.8rem) !important;
  line-height: 0.9 !important;
}

/* Header nav: Home */
header .header__nav .header__link,
.header .header__nav .header__link,
nav a,
header nav a,
[class*="nav"] a,
[class*="Nav"] a {
  font-family: var(--go-body) !important;
  color: var(--go-ash) !important;
  font-size: clamp(1.05rem, 1.45vw, 1.45rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

nav a:hover,
header nav a:hover,
[class*="nav"] a:hover,
[class*="Nav"] a:hover {
  color: var(--go-bone) !important;
  text-shadow: 0 0 18px rgba(198, 40, 34, 0.45);
}

/* Header currency: USD */
header .header__icons .header__list-item > a.header__link.header__link--icon,
header .header__icons a.header__link.header__link--icon,
.header .header__icons a.header__link.header__link--icon,
a.header__link.header__link--icon {
  font-family: var(--go-body) !important;
  color: var(--go-ash) !important;
  font-size: 1.15rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

header .header__link--icon svg,
header .header__link-icon svg {
  width: 12px !important;
  height: 12px !important;
}

/* Headings */
h1,
h2,
h3,
[class*="heading"],
[class*="Heading"],
[class*="title"],
[class*="Title"] {
  font-family: var(--go-display) !important;
  color: var(--go-bone) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: 0.9 !important;
  text-shadow:
    0 0 20px rgba(198, 40, 34, 0.35),
    0 0 60px rgba(59, 25, 55, 0.2);
}

h1 {
  font-size: clamp(3.75rem, 10vw, 9rem) !important;
}

h2 {
  font-size: clamp(2.4rem, 5vw, 5rem) !important;
}

h3 {
  font-size: clamp(1.6rem, 3vw, 3rem) !important;
}

header h1,
header h2,
header h3,
header [class*="heading"],
header [class*="Heading"],
header [class*="title"],
header [class*="Title"],
header [aria-current="page"] {
  font-size: clamp(1.25rem, 2vw, 2rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
}

h2::after {
  content: "";
  display: block;
  width: 104px;
  height: 1px;
  margin-top: 0.9rem;
  background: linear-gradient(90deg, var(--go-blood-hot), rgba(183,149,80,0.65), transparent);
  box-shadow: 0 0 22px rgba(198, 40, 34, 0.42);
}

p,
li,
span,
div {
  font-family: var(--go-body);
}

p,
li {
  color: var(--go-ash) !important;
  line-height: 1.65 !important;
}

a {
  color: var(--go-bone) !important;
  text-decoration-color: rgba(198, 40, 34, 0.7) !important;
  text-underline-offset: 0.22em;
}

a:hover {
  color: #fff3dc !important;
}

img {
  filter: contrast(1.14) saturate(0.72) brightness(0.82);
}

main img:first-of-type,
section img:first-of-type {
  border-bottom: 1px solid var(--go-line) !important;
}

[class*="product-card"],
[class*="ProductCard"],
[class*="productCard"],
[class*="product"],
[class*="Product"] {
  color: var(--go-bone) !important;
}

[class*="product-card"],
[class*="ProductCard"],
[class*="productCard"],
[class*="card"],
[class*="Card"] {
  background:
    linear-gradient(180deg, rgba(234,223,202,0.045), rgba(234,223,202,0.012)),
    var(--go-panel) !important;
  border: 1px solid var(--go-line) !important;
  border-radius: 0 !important;
  box-shadow:
    0 24px 80px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.045) !important;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

[class*="product-card"]:hover,
[class*="ProductCard"]:hover,
[class*="productCard"]:hover,
[class*="card"]:hover,
[class*="Card"]:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 40, 34, 0.52) !important;
  box-shadow:
    0 28px 95px rgba(0,0,0,0.68),
    0 0 36px rgba(141,21,21,0.18),
    inset 0 1px 0 rgba(255,255,255,0.075) !important;
}

[class*="product"] img,
[class*="Product"] img,
[class*="card"] img,
[class*="Card"] img {
  background: #050505 !important;
  border-bottom: 1px solid var(--go-line) !important;
  filter: contrast(1.18) saturate(0.72) brightness(0.86);
}

[class*="product"]:hover img,
[class*="Product"]:hover img,
[class*="card"]:hover img,
[class*="Card"]:hover img {
  filter: contrast(1.25) saturate(0.88) brightness(0.95);
}

[class*="product"] h3,
[class*="Product"] h3,
[class*="product"] a,
[class*="Product"] a {
  font-family: var(--go-body) !important;
  color: var(--go-bone) !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

[class*="price"],
[class*="Price"],
[class*="money"],
[class*="Money"] {
  color: var(--go-gold) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}

button,
a[class*="button"],
a[class*="Button"],
[class*="btn"],
[class*="Btn"],
[class*="Button"] {
  font-family: var(--go-body) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(198, 40, 34, 0.7) !important;
  background:
    linear-gradient(180deg, rgba(198,40,34,0.28), rgba(141,21,21,0.18)),
    #0b0706 !important;
  color: var(--go-bone) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.03),
    0 16px 44px rgba(141, 21, 21, 0.22) !important;
}

button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover,
[class*="btn"]:hover,
[class*="Btn"]:hover,
[class*="Button"]:hover {
  transform: translateY(-1px);
  border-color: rgba(234, 223, 202, 0.55) !important;
  background:
    linear-gradient(180deg, rgba(198,40,34,0.45), rgba(141,21,21,0.31)),
    #120706 !important;
  box-shadow:
    0 0 28px rgba(198, 40, 34, 0.25),
    0 20px 62px rgba(0,0,0,0.5) !important;
}

select,
input,
textarea {
  background: #080706 !important;
  color: var(--go-bone) !important;
  border: 1px solid var(--go-line-strong) !important;
  border-radius: 0 !important;
  font-family: var(--go-body) !important;
}

select:focus,
input:focus,
textarea:focus {
  border-color: rgba(198, 40, 34, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(198, 40, 34, 0.14) !important;
}

[class*="drawer"],
[class*="Drawer"],
[class*="modal"],
[class*="Modal"],
[class*="cart"],
[class*="Cart"] {
  background: var(--go-void) !important;
  color: var(--go-bone) !important;
  border-color: var(--go-line) !important;
}

footer,
[class*="footer"],
[class*="Footer"] {
  background: #030303 !important;
  border-top: 1px solid var(--go-line) !important;
  color: var(--go-dim) !important;
}

footer a,
[class*="footer"] a,
[class*="Footer"] a {
  color: var(--go-ash) !important;
}

::selection {
  background: rgba(198, 40, 34, 0.55);
  color: #fff5e4;
}

::-webkit-scrollbar {
  width: 11px;
}

::-webkit-scrollbar-track {
  background: #030303;
}

::-webkit-scrollbar-thumb {
  background: #2b211d;
  border: 2px solid #030303;
}

::-webkit-scrollbar-thumb:hover {
  background: #551313;
}

@media (max-width: 760px) {
  h1 {
    font-size: clamp(3.25rem, 18vw, 5.5rem) !important;
  }

  h2 {
    font-size: clamp(2.3rem, 12vw, 4rem) !important;
  }

  header .header__logo,
  header .header__logo-link,
  header [class*="store-name"],
  header [class*="StoreName"] {
    font-size: 2.2rem !important;
  }

  header h1,
  header h2,
  header h3,
  header [class*="heading"],
  header [class*="Heading"],
  header [class*="title"],
  header [class*="Title"],
  header [aria-current="page"] {
    font-size: 1.25rem !important;
  }

  header .header__nav .header__link,
  .header .header__nav .header__link,
  header .header__icons .header__list-item > a.header__link.header__link--icon,
  header .header__icons a.header__link.header__link--icon,
  .header .header__icons a.header__link.header__link--icon,
  a.header__link.header__link--icon {
    font-size: 1.05rem !important;
  }

  header .header__link--icon svg,
  header .header__link-icon svg {
    width: 12px !important;
    height: 12px !important;
  }

  nav a,
  header nav a {
    letter-spacing: 0.12em !important;
  }
}
}













#fw-section-password {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-password {

/* =========================================================
   GHOST ORGY / FOURTHWALL SHOP
   Modeled closer to unholyghost.org
   Display font: They Perished
   ========================================================= */

@import url('https://fonts.cdnfonts.com/css/they-perished');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --go-black: #030303;
  --go-void: #070605;
  --go-panel: #0d0b0a;
  --go-panel-2: #14100e;

  --go-bone: #eadfca;
  --go-ash: #a79d8d;
  --go-dim: #6d6257;

  --go-blood: #8d1515;
  --go-blood-hot: #c62822;
  --go-bruise: #3b1937;
  --go-gold: #b79550;

  --go-line: rgba(234, 223, 202, 0.16);
  --go-line-strong: rgba(234, 223, 202, 0.3);

  --go-display: 'They Perished', Impact, Haettenschweiler, 'Arial Narrow Bold', fantasy;
  --go-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Page body */
html,
body {
  background:
    radial-gradient(circle at 18% 0%, rgba(141, 21, 21, 0.22), transparent 31%),
    radial-gradient(circle at 80% 8%, rgba(59, 25, 55, 0.22), transparent 34%),
    linear-gradient(180deg, #050403 0%, #090806 46%, #030303 100%) !important;
  color: var(--go-bone) !important;
  font-family: var(--go-body) !important;
}

/* Dirty signal / recovered-media texture */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999999;
  opacity: 0.06;
  background-image:
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 3px 3px;
  mix-blend-mode: screen;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999998;
  background:
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.18) 50%, transparent 100%);
  opacity: 0.35;
}

/* Header */
header,
[data-testid*="header"],
[class*="Header"],
[class*="header"] {
  background: rgba(3, 3, 3, 0.94) !important;
  border-bottom: 1px solid var(--go-line) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.55);
}

/* Store name / logo */
header [class*="logo"],
header [class*="Logo"],
[class*="store-name"],
[class*="StoreName"],
header a:first-child {
  font-family: var(--go-display) !important;
  color: var(--go-bone) !important;
  font-weight: 400 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
  text-shadow:
    0 0 14px rgba(198, 40, 34, 0.42),
    0 0 42px rgba(141, 21, 21, 0.2);
}

/* Make the Fourthwall logo feel less generic if it is plain text */
header a:first-child {
  font-size: clamp(2rem, 4vw, 4.25rem) !important;
  line-height: 0.85 !important;
}

/* Navigation */
nav a,
header nav a,
[class*="nav"] a,
[class*="Nav"] a {
  font-family: var(--go-body) !important;
  color: var(--go-ash) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

nav a:hover,
header nav a:hover,
[class*="nav"] a:hover,
[class*="Nav"] a:hover {
  color: var(--go-bone) !important;
  text-shadow: 0 0 18px rgba(198, 40, 34, 0.45);
}

/* Headings: this is where They Perished belongs */
h1,
h2,
h3,
[class*="heading"],
[class*="Heading"],
[class*="title"],
[class*="Title"] {
  font-family: var(--go-display) !important;
  color: var(--go-bone) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: 0.9 !important;
  text-shadow:
    0 0 20px rgba(198, 40, 34, 0.35),
    0 0 60px rgba(59, 25, 55, 0.2);
}

h1 {
  font-size: clamp(3.75rem, 10vw, 9rem) !important;
}

h2 {
  font-size: clamp(2.4rem, 5vw, 5rem) !important;
}

h3 {
  font-size: clamp(1.6rem, 3vw, 3rem) !important;
}

/* Section title slash */
h2::after {
  content: "";
  display: block;
  width: 104px;
  height: 1px;
  margin-top: 0.9rem;
  background: linear-gradient(90deg, var(--go-blood-hot), rgba(183,149,80,0.65), transparent);
  box-shadow: 0 0 22px rgba(198, 40, 34, 0.42);
}

/* Body copy */
p,
li,
span,
div {
  font-family: var(--go-body);
}

p,
li {
  color: var(--go-ash) !important;
  line-height: 1.65 !important;
}

/* Links */
a {
  color: var(--go-bone) !important;
  text-decoration-color: rgba(198, 40, 34, 0.7) !important;
  text-underline-offset: 0.22em;
}

a:hover {
  color: #fff3dc !important;
}

/* Hero images / banners */
img {
  filter: contrast(1.14) saturate(0.72) brightness(0.82);
}

main img:first-of-type,
section img:first-of-type {
  border-bottom: 1px solid var(--go-line) !important;
}

/* Product cards */
[class*="product-card"],
[class*="ProductCard"],
[class*="productCard"],
[class*="product"],
[class*="Product"] {
  color: var(--go-bone) !important;
}

[class*="product-card"],
[class*="ProductCard"],
[class*="productCard"],
[class*="card"],
[class*="Card"] {
  background:
    linear-gradient(180deg, rgba(234,223,202,0.045), rgba(234,223,202,0.012)),
    var(--go-panel) !important;
  border: 1px solid var(--go-line) !important;
  border-radius: 0 !important;
  box-shadow:
    0 24px 80px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.045) !important;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

[class*="product-card"]:hover,
[class*="ProductCard"]:hover,
[class*="productCard"]:hover,
[class*="card"]:hover,
[class*="Card"]:hover {
  transform: translateY(-4px);
  border-color: rgba(198, 40, 34, 0.52) !important;
  box-shadow:
    0 28px 95px rgba(0,0,0,0.68),
    0 0 36px rgba(141,21,21,0.18),
    inset 0 1px 0 rgba(255,255,255,0.075) !important;
}

/* Product image treatment */
[class*="product"] img,
[class*="Product"] img,
[class*="card"] img,
[class*="Card"] img {
  background: #050505 !important;
  border-bottom: 1px solid var(--go-line) !important;
  filter: contrast(1.18) saturate(0.72) brightness(0.86);
}

[class*="product"]:hover img,
[class*="Product"]:hover img,
[class*="card"]:hover img,
[class*="Card"]:hover img {
  filter: contrast(1.25) saturate(0.88) brightness(0.95);
}

/* Product names: readable, not over-horror-fonted */
[class*="product"] h3,
[class*="Product"] h3,
[class*="product"] a,
[class*="Product"] a {
  font-family: var(--go-body) !important;
  color: var(--go-bone) !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

/* Prices */
[class*="price"],
[class*="Price"],
[class*="money"],
[class*="Money"] {
  color: var(--go-gold) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}

/* Buttons */
button,
a[class*="button"],
a[class*="Button"],
[class*="btn"],
[class*="Btn"],
[class*="Button"] {
  font-family: var(--go-body) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(198, 40, 34, 0.7) !important;
  background:
    linear-gradient(180deg, rgba(198,40,34,0.28), rgba(141,21,21,0.18)),
    #0b0706 !important;
  color: var(--go-bone) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.03),
    0 16px 44px rgba(141, 21, 21, 0.22) !important;
}

button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover,
[class*="btn"]:hover,
[class*="Btn"]:hover,
[class*="Button"]:hover {
  transform: translateY(-1px);
  border-color: rgba(234, 223, 202, 0.55) !important;
  background:
    linear-gradient(180deg, rgba(198,40,34,0.45), rgba(141,21,21,0.31)),
    #120706 !important;
  box-shadow:
    0 0 28px rgba(198, 40, 34, 0.25),
    0 20px 62px rgba(0,0,0,0.5) !important;
}

/* Inputs / selectors */
select,
input,
textarea {
  background: #080706 !important;
  color: var(--go-bone) !important;
  border: 1px solid var(--go-line-strong) !important;
  border-radius: 0 !important;
  font-family: var(--go-body) !important;
}

select:focus,
input:focus,
textarea:focus {
  border-color: rgba(198, 40, 34, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(198, 40, 34, 0.14) !important;
}

/* Cart / modal / drawer */
[class*="drawer"],
[class*="Drawer"],
[class*="modal"],
[class*="Modal"],
[class*="cart"],
[class*="Cart"] {
  background: var(--go-void) !important;
  color: var(--go-bone) !important;
  border-color: var(--go-line) !important;
}

/* Footer */
footer,
[class*="footer"],
[class*="Footer"] {
  background: #030303 !important;
  border-top: 1px solid var(--go-line) !important;
  color: var(--go-dim) !important;
}

footer a,
[class*="footer"] a,
[class*="Footer"] a {
  color: var(--go-ash) !important;
}

/* Selection */
::selection {
  background: rgba(198, 40, 34, 0.55);
  color: #fff5e4;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 11px;
}

::-webkit-scrollbar-track {
  background: #030303;
}

::-webkit-scrollbar-thumb {
  background: #2b211d;
  border: 2px solid #030303;
}

::-webkit-scrollbar-thumb:hover {
  background: #551313;
}

/* Mobile */
@media (max-width: 760px) {
  h1 {
    font-size: clamp(3.25rem, 18vw, 5.5rem) !important;
  }

  h2 {
    font-size: clamp(2.3rem, 12vw, 4rem) !important;
  }

  header a:first-child {
    font-size: 2.5rem !important;
  }

  nav a,
  header nav a {
    letter-spacing: 0.12em !important;
  }
}
}