/** Shopify CDN: Minification failed

Line 5279:3 Unexpected "{"
Line 5416:3 Unexpected "{"
Line 5425:3 Unexpected "{"
Line 5433:3 Unexpected "{"
Line 5441:3 Unexpected "{"
Line 5449:3 Unexpected "{"
Line 5517:3 Unexpected "{"
Line 5525:3 Unexpected "{"
Line 6615:1 Unexpected "*"
Line 7816:1 Unexpected "*"
... and 2 more hidden warnings

**/
/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-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.
*/

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

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  color-adjust: exact;
}

[multiple] {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
  appearance: none;
  padding: 0;
  color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px auto -webkit-focus-ring-color;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.rte {
  max-width: 100ch;
}
.rte :where([class~="lead"]):not(:where([class~="not-rte"] *)) {
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.rte :where(a):not(:where([class~="not-rte"] *)) {
  text-decoration: underline;
}
.rte :where(strong):not(:where([class~="not-rte"] *)) {}
.rte :where(a strong):not(:where([class~="not-rte"] *)) {
  color: inherit;
}
.rte :where(blockquote strong):not(:where([class~="not-rte"] *)) {
  color: inherit;
}
.rte :where(thead th strong):not(:where([class~="not-rte"] *)) {
  color: inherit;
}
.rte :where(ol):not(:where([class~="not-rte"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}
.rte :where(ol[type="A"]):not(:where([class~="not-rte"] *)) {
  list-style-type: upper-alpha;
}
.rte :where(ol[type="a"]):not(:where([class~="not-rte"] *)) {
  list-style-type: lower-alpha;
}
.rte :where(ol[type="A" s]):not(:where([class~="not-rte"] *)) {
  list-style-type: upper-alpha;
}
.rte :where(ol[type="a" s]):not(:where([class~="not-rte"] *)) {
  list-style-type: lower-alpha;
}
.rte :where(ol[type="I"]):not(:where([class~="not-rte"] *)) {
  list-style-type: upper-roman;
}
.rte :where(ol[type="i"]):not(:where([class~="not-rte"] *)) {
  list-style-type: lower-roman;
}
.rte :where(ol[type="I" s]):not(:where([class~="not-rte"] *)) {
  list-style-type: upper-roman;
}
.rte :where(ol[type="i" s]):not(:where([class~="not-rte"] *)) {
  list-style-type: lower-roman;
}
.rte :where(ol[type="1"]):not(:where([class~="not-rte"] *)) {
  list-style-type: decimal;
}
.rte :where(ul):not(:where([class~="not-rte"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}
.rte :where(ol > li):not(:where([class~="not-rte"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.rte :where(ul > li):not(:where([class~="not-rte"] *))::marker {
  color: var(--tw-prose-bullets);
}
.rte :where(hr):not(:where([class~="not-rte"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
  background-color: var(--primary-text-color-30);
}
.rte :where(blockquote):not(:where([class~="not-rte"] *)) {
  font-style: italic;
  border-left-width: 0.25rem;
  border-left-color: var(--primary-text-color-30);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}
.rte :where(blockquote p:first-of-type):not(:where([class~="not-rte"] *))::before {
  content: open-quote;
}
.rte :where(blockquote p:last-of-type):not(:where([class~="not-rte"] *))::after {
  content: close-quote;
}
.rte :where(h1):not(:where([class~="not-rte"] *)) {
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.rte :where(h1 strong):not(:where([class~="not-rte"] *)) {
  font-weight: 900;
  color: inherit;
}
.rte :where(h2):not(:where([class~="not-rte"] *)) {
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.rte :where(h2 strong):not(:where([class~="not-rte"] *)) {
  font-weight: 800;
  color: inherit;
}
.rte :where(h3):not(:where([class~="not-rte"] *)) {
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.rte :where(h3 strong):not(:where([class~="not-rte"] *)) {
  font-weight: 700;
  color: inherit;
}
.rte :where(h4):not(:where([class~="not-rte"] *)) {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.rte :where(h4 strong):not(:where([class~="not-rte"] *)) {
  font-weight: 700;
  color: inherit;
}
.rte :where(img):not(:where([class~="not-rte"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.rte :where(figure > *):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.rte :where(figcaption):not(:where([class~="not-rte"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.rte :where(code):not(:where([class~="not-rte"] *)) {
  font-size: 0.875em;
}
.rte :where(code):not(:where([class~="not-rte"] *))::before {
  content: "`";
}
.rte :where(code):not(:where([class~="not-rte"] *))::after {
  content: "`";
}
.rte :where(a code):not(:where([class~="not-rte"] *)) {}
.rte :where(h1 code):not(:where([class~="not-rte"] *)) {
  color: inherit;
}
.rte :where(h2 code):not(:where([class~="not-rte"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.rte :where(h3 code):not(:where([class~="not-rte"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.rte :where(h4 code):not(:where([class~="not-rte"] *)) {
  color: inherit;
}
.rte :where(blockquote code):not(:where([class~="not-rte"] *)) {
  color: inherit;
}
.rte :where(thead th code):not(:where([class~="not-rte"] *)) {
  color: inherit;
}
.rte :where(pre):not(:where([class~="not-rte"] *)) {
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}
.rte :where(pre code):not(:where([class~="not-rte"] *)) {
  border-width: 0;
  border-radius: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.rte :where(pre code):not(:where([class~="not-rte"] *))::before {
  content: none;
}
.rte :where(pre code):not(:where([class~="not-rte"] *))::after {
  content: none;
}
.rte :where(table):not(:where([class~="not-rte"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.rte :where(thead):not(:where([class~="not-rte"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--primary-text-color-30);
}
.rte :where(thead th):not(:where([class~="not-rte"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}
.rte :where(tbody tr):not(:where([class~="not-rte"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--primary-text-color-30);
}
.rte :where(tbody tr:last-child):not(:where([class~="not-rte"] *)) {
  border-bottom-width: 0;
}
.rte :where(tbody td):not(:where([class~="not-rte"] *)) {
  vertical-align: baseline;
}
.rte :where(tfoot):not(:where([class~="not-rte"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.rte :where(tfoot td):not(:where([class~="not-rte"] *)) {
  vertical-align: top;
}
.rte {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.rte :where(p):not(:where([class~="not-rte"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.rte :where(video):not(:where([class~="not-rte"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.rte :where(figure):not(:where([class~="not-rte"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.rte :where(li):not(:where([class~="not-rte"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.rte :where(ol > li):not(:where([class~="not-rte"] *)) {
  padding-left: 0.375em;
}
.rte :where(ul > li):not(:where([class~="not-rte"] *)) {
  padding-left: 0.375em;
}
.rte :where(.rte > ul > li p):not(:where([class~="not-rte"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.rte :where(.rte > ul > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.25em;
}
.rte :where(.rte > ul > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.25em;
}
.rte :where(.rte > ol > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.25em;
}
.rte :where(.rte > ol > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.25em;
}
.rte :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-rte"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.rte :where(hr + *):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte :where(h2 + *):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte :where(h3 + *):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte :where(h4 + *):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte :where(thead th:first-child):not(:where([class~="not-rte"] *)) {
  padding-left: 0;
}
.rte :where(thead th:last-child):not(:where([class~="not-rte"] *)) {
  padding-right: 0;
}
.rte :where(tbody td, tfoot td):not(:where([class~="not-rte"] *)) {
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}
.rte :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-rte"] *)) {
  padding-left: 0;
}
.rte :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-rte"] *)) {
  padding-right: 0;
}
.rte :where(.rte > :first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte :where(.rte > :last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 0;
}
.rte :where(ol > li):not(:where([class~="not-rte"] *))::before {}
.rte :where(ul > li):not(:where([class~="not-rte"] *))::before {}
.rte :where(figure figcaption):not(:where([class~="not-rte"] *)) {}
.rte-sm {
  font-size: 0.875rem;
  line-height: 1.7142857;
}
.rte-sm :where(p):not(:where([class~="not-rte"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.rte-sm :where([class~="lead"]):not(:where([class~="not-rte"] *)) {
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.rte-sm :where(blockquote):not(:where([class~="not-rte"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.1111111em;
}
.rte-sm :where(h1):not(:where([class~="not-rte"] *)) {
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}
.rte-sm :where(h2):not(:where([class~="not-rte"] *)) {
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}
.rte-sm :where(h3):not(:where([class~="not-rte"] *)) {
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.rte-sm :where(h4):not(:where([class~="not-rte"] *)) {
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}
.rte-sm :where(img):not(:where([class~="not-rte"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.rte-sm :where(video):not(:where([class~="not-rte"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.rte-sm :where(figure):not(:where([class~="not-rte"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.rte-sm :where(figure > *):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.rte-sm :where(figcaption):not(:where([class~="not-rte"] *)) {
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}
.rte-sm :where(code):not(:where([class~="not-rte"] *)) {
  font-size: 0.8571429em;
}
.rte-sm :where(h2 code):not(:where([class~="not-rte"] *)) {
  font-size: 0.9em;
}
.rte-sm :where(h3 code):not(:where([class~="not-rte"] *)) {
  font-size: 0.8888889em;
}
.rte-sm :where(pre):not(:where([class~="not-rte"] *)) {
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}
.rte-sm :where(ol):not(:where([class~="not-rte"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-left: 1.5714286em;
}
.rte-sm :where(ul):not(:where([class~="not-rte"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-left: 1.5714286em;
}
.rte-sm :where(li):not(:where([class~="not-rte"] *)) {
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}
.rte-sm :where(ol > li):not(:where([class~="not-rte"] *)) {
  padding-left: 0.4285714em;
}
.rte-sm :where(ul > li):not(:where([class~="not-rte"] *)) {
  padding-left: 0.4285714em;
}
.rte-sm :where(.rte > ul > li p):not(:where([class~="not-rte"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.rte-sm :where(.rte > ul > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.1428571em;
}
.rte-sm :where(.rte > ul > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.1428571em;
}
.rte-sm :where(.rte > ol > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.1428571em;
}
.rte-sm :where(.rte > ol > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.1428571em;
}
.rte-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-rte"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.rte-sm :where(hr):not(:where([class~="not-rte"] *)) {
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}
.rte-sm :where(hr + *):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte-sm :where(h2 + *):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte-sm :where(h3 + *):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte-sm :where(h4 + *):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte-sm :where(table):not(:where([class~="not-rte"] *)) {
  font-size: 0.8571429em;
  line-height: 1.5;
}
.rte-sm :where(thead th):not(:where([class~="not-rte"] *)) {
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}
.rte-sm :where(thead th:first-child):not(:where([class~="not-rte"] *)) {
  padding-left: 0;
}
.rte-sm :where(thead th:last-child):not(:where([class~="not-rte"] *)) {
  padding-right: 0;
}
.rte-sm :where(tbody td, tfoot td):not(:where([class~="not-rte"] *)) {
  padding-top: 0.6666667em;
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}
.rte-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-rte"] *)) {
  padding-left: 0;
}
.rte-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-rte"] *)) {
  padding-right: 0;
}
.rte-sm :where(.rte > :first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte-sm :where(.rte > :last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 0;
}
.rte-base :where(.rte > ul > li p):not(:where([class~="not-rte"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.rte-base :where(.rte > ul > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.25em;
}
.rte-base :where(.rte > ul > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.25em;
}
.rte-base :where(.rte > ol > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.25em;
}
.rte-base :where(.rte > ol > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.25em;
}
.rte-base :where(.rte > :first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte-base :where(.rte > :last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 0;
}
.rte-lg :where(.rte > ul > li p):not(:where([class~="not-rte"] *)) {
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.rte-lg :where(.rte > ul > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.3333333em;
}
.rte-lg :where(.rte > ul > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.3333333em;
}
.rte-lg :where(.rte > ol > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.3333333em;
}
.rte-lg :where(.rte > ol > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.3333333em;
}
.rte-lg :where(.rte > :first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte-lg :where(.rte > :last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 0;
}
.rte-xl :where(.rte > ul > li p):not(:where([class~="not-rte"] *)) {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
.rte-xl :where(.rte > ul > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.2em;
}
.rte-xl :where(.rte > ul > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.2em;
}
.rte-xl :where(.rte > ol > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.2em;
}
.rte-xl :where(.rte > ol > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.2em;
}
.rte-xl :where(.rte > :first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte-xl :where(.rte > :last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 0;
}
.rte-2xl :where(.rte > ul > li p):not(:where([class~="not-rte"] *)) {
  margin-top: 0.8333333em;
  margin-bottom: 0.8333333em;
}
.rte-2xl :where(.rte > ul > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.3333333em;
}
.rte-2xl :where(.rte > ul > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.3333333em;
}
.rte-2xl :where(.rte > ol > li > *:first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 1.3333333em;
}
.rte-2xl :where(.rte > ol > li > *:last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 1.3333333em;
}
.rte-2xl :where(.rte > :first-child):not(:where([class~="not-rte"] *)) {
  margin-top: 0;
}
.rte-2xl :where(.rte > :last-child):not(:where([class~="not-rte"] *)) {
  margin-bottom: 0;
}
.aspect-w-1 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 1;
}
.aspect-w-1 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.aspect-h-1 {
  --tw-aspect-h: 1;
}
.aspect-w-2 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 2;
}
.aspect-w-2 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.aspect-h-3 {
  --tw-aspect-h: 3;
}
.aspect-w-4 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 4;
}
.aspect-w-4 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.aspect-w-16 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 16;
}
.aspect-w-16 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.aspect-h-9 {
  --tw-aspect-h: 9;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.invisible {
  visibility: hidden;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.-inset-px {
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.top-1\/2 {
  top: 50%;
}
.left-1\/2 {
  left: 50%;
}
.left-0 {
  left: 0px;
}
.top-full {
  top: 100%;
}
.top-1 {
  top: 0.25rem;
}
.right-1 {
  right: 0.25rem;
}
.left-1 {
  left: 0.25rem;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-0 {
  bottom: 0px;
}
.z-30 {
  z-index: 30;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-11 {
  grid-column: span 11 / span 11;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-full {
  grid-column: 1 / -1;
}
.m-1 {
  margin: 0.25rem;
}
.m-auto {
  margin: auto;
}
.m-2 {
  margin: 0.5rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-0\.5 {
  margin: 0.125rem;
}
.m-0 {
  margin: 0px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-auto {
  margin-left: auto;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-full {
  height: 100%;
}
.h-16 {
  height: 4rem;
}
.h-screen {
  height: 100vh;
}
.h-48 {
  height: 12rem;
}
.h-halfscreen {
  height: 50vh;
}
.h-24 {
  height: 6rem;
}
.h-8 {
  height: 2rem;
}
.h-12 {
  height: 3rem;
}
.h-6 {
  height: 1.5rem;
}
.min-h-\[6rem\] {
  min-height: 6rem;
}
.min-h-\[12rem\] {
  min-height: 12rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/5 {
  width: 20%;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-1\/12 {
  width: 8.333333%;
}
.w-1\/1 {
  width: 100%;
}
.w-1\/10 {
  width: 10%;
}
.w-2\/10 {
  width: 20%;
}
.w-3\/10 {
  width: 30%;
}
.w-4\/10 {
  width: 40%;
}
.w-5\/10 {
  width: 50%;
}
.w-6\/10 {
  width: 60%;
}
.w-7\/10 {
  width: 70%;
}
.w-8\/10 {
  width: 80%;
}
.w-3 {
  width: 0.75rem;
}
.w-full {
  width: 100%;
}
.w-16 {
  width: 4rem;
}
.w-48 {
  width: 12rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1 {
  width: 0.25rem;
}
.w-40 {
  width: 10rem;
}
.w-24 {
  width: 6rem;
}
.w-auto {
  width: auto;
}
.w-0 {
  width: 0px;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-20 {
  width: 5rem;
}
.w-6 {
  width: 1.5rem;
}
.w-12 {
  width: 3rem;
}
.min-w-1\/4 {
  min-width: 25%;
}
.min-w-1\/3 {
  min-width: 33.33333333%;
}
.max-w-1\/4 {
  max-width: 25%;
}
.max-w-1\/3 {
  max-width: 33.33333333%;
}
.max-w-1\/2 {
  max-width: 50%;
}
.max-w-screen {
  max-width: var(--max-width-screen);
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-\[100ch\] {
  max-width: 100ch;
}
.max-w-\[42rem\] {
  max-width: 42rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-\[10rem\] {
  max-width: 10rem;
}
.max-w-none {
  max-width: none;
}
.max-w-\[28rem\] {
  max-width: 28rem;
}
.flex-none {
  flex: none;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-grow {
  flex-grow: 1;
}
.table-auto {
  table-layout: auto;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-fractional {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  user-select: none;
}
.list-disc {
  list-style-type: disc;
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-4 {
  gap: 1rem;
}
.gap-0 {
  gap: 0px;
}
.gap-5 {
  gap: 1.25rem;
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-section-text-25 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--section-text-color-25);
}
.divide-primary-text-30 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--primary-text-color-30);
}
.divide-primary-text-20 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--primary-text-color-20);
}
.self-center {
  align-self: center;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.border-2 {
  border-width: 2px;
}
.border {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-primary-section-border {
  border-color: var(--primary-section-border-color);
}
.border-section-primary {
  border-color: var(--section-primary-border-color);
}
.border-primary-text-30 {
  border-color: var(--primary-text-color-30);
}
.border-primary-text-50 {
  border-color: var(--primary-text-color-50);
}
.border-primary-text-20 {
  border-color: var(--primary-text-color-20);
}
.border-primary-text-10 {
  border-color: var(--primary-text-color-10);
}
.border-section-text {
  border-color: var(--section-text-color);
}
.border-primary-text {
  border-color: var(--primary-text-color);
}
.border-primary-background {
  border-color: var(--primary-background-color);
}
.bg-section-background {
  background-color: var(--section-background-color);
}
.bg-primary-background {
  background-color: var(--primary-background-color);
}
.bg-section-overlay {
  background-color: var(--section-overlay-color);
}
.bg-primary-secondary-background {
  background-color: var(--primary-secondary-background-color);
}
.bg-primary-secondary-background-50 {
  background-color: var(--primary-secondary-background-color-50);
}
.bg-header-background {
  background-color: var(--header-background-color);
}
.bg-section-accent {
  background-color: var(--section-accent-color);
}
.bg-primary-accent-80 {
  background-color: var(--primary-accent-color-80);
}
.bg-transparent {
  background-color: transparent;
}
.bg-primary-accent {
  background-color: var(--primary-accent-color);
}
.bg-primary-text-10 {
  background-color: var(--primary-text-color-10);
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-current {
  fill: currentColor;
}
.stroke-2 {
  stroke-width: 2;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-5 {
  padding: 1.25rem;
}
.p-4 {
  padding: 1rem;
}
.p-0 {
  padding: 0px;
}
.p-7 {
  padding: 1.75rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.px-rail {
  padding-left: var(--spacing-rail);
  padding-right: var(--spacing-rail);
}
.py-section {
  padding-top: var(--spacing-section);
  padding-bottom: var(--spacing-section);
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pb-section {
  padding-bottom: var(--spacing-section);
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pt-0 {
  padding-top: 0px;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pt-section {
  padding-top: var(--spacing-section);
}
.pt-5 {
  padding-top: 1.25rem;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-body {
  font-family: var(--body-font-family);
}
.font-navigation {
  font-family: var(--navigation-font-family);
}
.font-heading {
  font-family: var(--heading-font-family);
}
.text-2xs {
  font-size: .6875rem;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.font-weight-navigation-bolder {
  font-weight: var(--navigation-weight-bolder);
}
.font-weight-navigation {
  font-weight: var(--navigation-weight);
}
.font-weight-body-bolder {
  font-weight: var(--body-weight-bolder);
}
.font-weight-body {
  font-weight: var(--body-weight);
}
.font-weight-heading {
  font-weight: var(--heading-weight);
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.leading-none {
  line-height: 1;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.text-section-text-75 {
  color: var(--section-text-color-75);
}
.text-section-text {
  color: var(--section-text-color);
}
.text-primary-accent {
  color: var(--primary-accent-color);
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-primary-text-90 {
  color: var(--primary-text-color-90);
}
.text-primary-text-70 {
  color: var(--primary-text-color-70);
}
.text-section-title {
  color: var(--section-title-color);
}
.text-primary-text {
  color: var(--primary-text-color);
}
.text-primary-text-80 {
  color: var(--primary-text-color-80);
}
.text-header-text {
  color: var(--header-text-color);
}
.text-section-accent-text {
  color: var(--section-accent-text-color);
}
.text-primary-accent-text {
  color: var(--primary-accent-text-color);
}
.text-section-accent {
  color: var(--section-accent-color);
}
.text-section-text-80 {
  color: var(--section-text-color-80);
}
.text-primary-text-50 {
  color: var(--primary-text-color-50);
}
.underline {
  text-decoration-line: underline;
}
.placeholder-section-text-75::placeholder {
  color: var(--section-text-color-75);
}
.opacity-0 {
  opacity: 0;
}
.opacity-50 {
  opacity: 0.5;
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring-primary-accent {
  --tw-ring-color: var(--primary-accent-color);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-1000 {
  transition-duration: 1000ms;
}
.duration-2000 {
  transition-duration: 2000ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.skip-to-content-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.skip-to-content-link:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  position: absolute;
  z-index: 50;
  background-color: var(--primary-background-color);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
a:focus, 
button:focus, 
details > summary:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
a:focus-visible, 
button:focus-visible, 
details > summary:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--primary-accent-color);
}
html.no-js .no-js-hidden {
  display: none !important;
}
html {
  font-size: var(--base-font-size);
  color: var(--primary-text-color);
}
h1, 
.h1, 
h2, 
.h2, 
h3, 
.h3, 
h4, 
.h4, 
h5, 
.h5, 
h6, 
.h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-weight);
  color: var(--primary-title-color);
  text-transform: var(--heading-capitalize);
}
.text-align-section {
  text-align: var(--text-align-section);
}
.rte a {
  color: var(--section-accent-color);
}
.rte img {
  margin-top: 0px;
  margin-bottom: 0px;
}
.rte img[style*="float"] {
  margin: 0px;
}
.rte img[style*="float"][style*="float: left"] {
  margin-right: 0.5rem;
}
.rte img[style*="float"][style*="float: right"] {
  margin-left: 0.5rem;
}
.rte iframe[src*="youtube"], 
.rte iframe[src*="vimeo"], 
.rte video {
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100%;
}
.rte:after {
  content: '';
  display: block;
  clear: both;
}
.shopify-policy__container {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width-screen);
}
.shopify-policy__container > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.shopify-policy__container {
  padding-top: var(--spacing-section);
  padding-bottom: var(--spacing-section);
  padding-left: var(--spacing-rail);
  padding-right: var(--spacing-rail);
}
.shopify-policy__title {
  margin-bottom: 1.5rem;
  border-bottom-width: 1px;
  border-color: var(--primary-section-border-color);
  padding-bottom: 1rem;
}
.shopify-policy__title h1 {
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (min-width: 768px) {

  .shopify-policy__title h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.shopify-policy__body .rte {
  margin-left: auto;
  margin-right: auto;
}
legend, 
label, 
.label:not(.label--accent) {
  display: block;
  padding-bottom: 0.25rem;
  font-family: var(--navigation-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--section-text-color-75);
}
[type='text'],  [type='email'],  [type='url'],  [type='password'],  [type='number'],  [type='date'],  [type='datetime-local'],  [type='month'],  [type='search'],  [type='tel'],  [type='time'],  [type='week'],  [multiple],  textarea,  select {
  width: 100%;
  border-width: 2px;
  border-color: var(--section-text-color-50);
  line-height: 1;
}
[type='text']:focus,  [type='email']:focus,  [type='url']:focus,  [type='password']:focus,  [type='number']:focus,  [type='date']:focus,  [type='datetime-local']:focus,  [type='month']:focus,  [type='search']:focus,  [type='tel']:focus,  [type='time']:focus,  [type='week']:focus,  [multiple]:focus,  textarea:focus,  select:focus {
  border-color: var(--section-text-color);
  --tw-ring-color: var(--section-text-color);
}
select {
  line-height: 1.5;
}
[type='checkbox'],  [type='radio'] {
  border-color: var(--section-text-color-50);
  color: currentColor;
}
[type='checkbox']:focus,  [type='radio']:focus {
  --tw-ring-color: var(--section-text-color);
}
fieldset legend {
  display: block;
  padding-bottom: 0.25rem;
  padding-top: 1rem;
  font-family: var(--navigation-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--section-text-color-75);
}
fieldset label {
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: var(--body-font-family);
  font-size: 1rem;
  line-height: 1.5rem;
  text-transform: none;
  letter-spacing: 0em;
  color: var(--section-text-color);
}
input[type="search"] {
  appearance: none;
  border-radius: 0px;
  -webkit-appearance:none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}
.contact-form legend, 
  .contact-form span.legend, 
  .contact-form label, 
  .contact-form span.label {
  padding-top: 0px;
  font-size: .6875rem;
  font-weight: var(--navigation-weight-bolder);
  letter-spacing: 0em;
}
.shopify-challenge__container {
  padding: 4rem 0;
}
.error-message {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disclosure__button {
  display: flex;
  align-items: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.disclosure__button span {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.disclosure__button svg {
  height: 0.75rem;
  width: 0.75rem;
}
.disclosure__list {
  position: absolute;
  left: -1px;
  z-index: 50;
  max-height: 20rem;
  overflow-y: auto;
  border-width: 1px;
  border-color: var(--section-text-color-20);
  background-color: var(--section-background-color);
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
    top: calc(100% + .25rem);
}
.disclosure__list[hidden] {
  display: none;
}
.disclosure__link {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  display: block;
  white-space: nowrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 2rem;
}
.disclosure__link:hover {
  text-decoration-line: underline;
}
.disclosure__link:focus {
  text-decoration-line: underline;
}
.disclosure__link--current {
  text-decoration-line: underline;
}
.responsive-image__wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.no-js .responsive-image__wrapper {
    display: none;
  }
.responsive-image__wrapper::before {
    content: '';
    position: relative;
    display: block;
  }
.responsive-image__wrapper img {
    display: block;
    width: 100%;
  }
.responsive-image__wrapper--full-height {
  height: 100%;
}
.responsive-image__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.responsive-image__image:focus {
    outline-offset: -4px;
  }
.responsive-fill-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  object-position: var(--section-object-position);
}
.placeholder-svg {
  display: block;
  height: 100%;
  width: 100%;
  background-color: var(--primary-text-color-10);
  fill: currentColor;
  color: var(--primary-text-color-30);
}
svg.icon {
  height: 100%;
  width: 100%;
}
.button, 
.rte .button {
  border-radius: 0px;
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.button--solid, 
.rte .button--solid {
  display: inline-block;
  background-color: var(--section-accent-color);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: var(--navigation-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight-bolder);
  text-transform: uppercase;
  color: var(--section-accent-text-color);
}
.button--solid:hover, 
  .button--solid:focus, 
  .rte .button--solid:hover, 
  .rte .button--solid:focus {
  background-color: var(--section-accent-hover-color);
}
.button--minimal, 
.rte .button--minimal {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.button--outline, 
.rte .button--outline {
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  border-color: var(--section-primary-border-color); 
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: var(--navigation-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: var(--navigation-weight-bolder);
  text-transform: uppercase;
  color: var(--section-text-color);
}
.button--outline:hover, 
  .button--outline:focus, 
  .rte .button--outline:hover, 
  .rte .button--outline:focus {
  border-color: var(--section-accent-color);
  color:  var(--section-accent-color); 
}
.button--large, 
.rte .button--large {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.button--small, 
.rte .button--small {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .6875rem;
}
.button--full-width {
  min-height: 46px;
  width: 100%;
  border-width: 2px;
  border-color: var(--primary-text-color-80);
  text-align: center;
  font-family: var(--navigation-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight-bolder);
  text-transform: uppercase;
  color: var(--primary-text-color);
}
.button--primary {
  border-width: 0px;
  background-color: var(--primary-accent-color);
  color: var(--primary-accent-text-color);
}
.button--primary:focus, 
  .button--primary:hover {
  border-color: var(--primary-accent-color);
  background-color: var(--section-accent-hover-color);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--primary-accent-color);
}
.button--primary[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}
.button--primary[disabled]:hover {
  border-width: 0px;
  background-color: var(--primary-accent-color);
  color: var(--primary-accent-text-color);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.button--secondary {
  border-color: var(--primary-accent-color);
  color: var(--primary-accent-color);
}
.button--secondary:focus, 
  .button--secondary:hover {
  border-color: var(--primary-accent-color);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--primary-accent-color);
}
.button--secondary[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}
.button--secondary[disabled]:hover {
  border-color: var(--primary-accent-color);
  color: var(--primary-accent-color);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.button--cta {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  min-width: 12rem;
}
.shopify-challenge__button.btn {
  background-color: var(--section-accent-color);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: var(--navigation-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight);
  text-transform: uppercase;
  color: var(--section-accent-text-color);
}
.shopify-challenge__button.btn:hover, 
  .shopify-challenge__button.btn:focus {
  background-color: var(--section-accent-hover-color);
}
.button .loading-spinner {
  display: none;
}
.button.loading {
  position: relative;
  color: transparent;
}
.button.loading .loading-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0px;
  display: block;
  width: 1.5rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  color: var(--primary-accent-color);
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.button.loading .loading-spinner svg {
  animation: spin 1s linear infinite;
}
.loading-spinner {
  width: 1.5rem;
  color: var(--primary-accent-color);
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.loading-spinner svg {
  animation: spin 1s linear infinite;
}
.item__error-text:empty + svg {
  display: none;
}
.item__error-text + svg {
  margin-right: 0.25rem;
  width: 0.75rem;
}
.shopify-payment-button {
  min-height: 76px;
}
.shopify-payment-button__more-options {
  margin-top: 0.75rem;
  margin-bottom: 0px;
  min-height: 1rem;
  font-family: var(--navigation-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: var(--navigation-weight);
}
.shopify-payment-button__more-options.shopify-payment-button__button--hidden {
  display: none;
}
.shopify-payment-button__button {
  min-height: 46px;
  border-radius: 0px;
  font-family: var(--navigation-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight-bolder);
}
.shopify-payment-button__button [role="button"].focused
.shopify-payment-button__button [role="button"]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--primary-text-color-70);
}
.shopify-payment-button__button [role="button"]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}
.shopify-payment-button__button--unbranded {
  width: 100%;
  border-radius: 0px;
  background-color: var(--primary-accent-color);
  text-align: center;
  font-family: var(--navigation-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight-bolder);
  text-transform: uppercase;
  line-height: 1;
  color: var(--primary-accent-text-color);
}
.shopify-payment-button__button--unbranded:focus, 
.shopify-payment-button__button--unbranded:hover, 
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  border-color: var(--primary-accent-color);
  background-color: var(--section-accent-hover-color);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--primary-accent-color);
}
.button.product__xr-button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.button.product__xr-button > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.button.product__xr-button {
  background-color: var(--primary-secondary-background-color);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: var(--navigation-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight);
}
@media (min-width: 768px) {

  .button.product__xr-button {
    display: none;
  }
}
.product__xr-button[data-shopify-xr-hidden] {
  visibility: hidden;
}
.shopify-design-mode .product__xr-button[data-shopify-xr-hidden] {
  display: none;
}
.modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 3141592;
  display: none;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 3rem;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {

  .modal {
    padding: 3rem;
  }
}
.modal--lightbox .modal__container {
      max-width: calc(100vw - 3rem);
      max-height: calc(100vh - 3rem);
      position: relative;
      height: 100%;
      width: 100%;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
.modal--lightbox img {
  /*height: 100%;*/
  width: 100%;
  object-fit: contain;
}
.modal--active {
  display: flex;
}
.modal__close {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 20;
  box-sizing: content-box;
  width: 1rem;
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.modal__close:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.modal__close:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.modal__container {
  position: relative;
  z-index: 30;
  max-height: 100%;
  width: 100%;
  max-width: 64rem;
  overflow: auto;
  text-align: left;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.modal__background {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  height: 100vh;
  width: 100vw;
  cursor: zoom-out;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0.8;
}
body.has-modal {
  overflow: hidden;
}
details > summary {
  cursor: pointer;
  user-select: none;
  list-style-type: none;
  appearance: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
details [type='checkbox'],  details [type='radio'] {
  color: #727272; /* var(--primary-accent-color); */ /* details icon under "Add To Cart" button */
}
details svg.icon {
  display: inline;
  width: .7rem;
  color: #727272; /* var(--section-text-color); */ /* This makes the details icon below the "Add To Cart" button black */
  /* opacity: 0.4; */ /* This makes the black icon lighter */
}
details:not([open]) > summary:hover svg.icon {
  color: #333333; /* var(--section-accent-color); */ /* hover color of the icon to the right of words "Product Details" under the "Add To Cart" buton to show product details */
  opacity: 2;
}
details[open] > summary svg.icon {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.menu {
  font-family: var(--navigation-font-family);
  font-size: .9375rem;
  line-height: 1.625;
}
.menu a[aria-current="page"] {
  color: var(--primary-accent-color);
}
.menu__link-item {
  position: relative;
  display: inline-block;
}
.menu__link-item:hover, 
    .menu__link-item:focus {
  color: var(--section-accent-color);
  text-decoration-line: underline;
}
.menu summary {
  cursor: pointer;
  user-select: none;
  list-style-type: none;
}
.menu summary:hover, 
    .menu summary:focus {
  color: var(--section-accent-color);
  text-decoration-line: underline;
}
.menu summary.menu__link-item > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.menu summary.menu__link-item span {
  display: inline;
}
.menu summary.menu__link-item svg.icon {
  display: inline;
  width: 0.5rem;
  color: var(--header-text-color);
  opacity: 0.25;
}
.menu summary.menu__link-item:hover svg.icon {
  opacity: 1;
}
.menu details[open] > .list-menu {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    animation: animateHeaderMenuOpen var(--duration-default) ease;
}
.menu details[open] > summary svg.icon {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.menu-child {
  padding-left: 0.5rem;
}
.menu-child__link-item, 
  .menu-child .menu__link-item {
  color: var(--section-text-color);
}
.menu-child summary.menu-child__link-item span {
  display: inline;
}
.menu-child summary.menu-child__link-item svg.icon {
  display: inline;
  width: 0.5rem;
  color: var(--header-text-color);
  opacity: 0.25;
}
.menu-child summary.menu-child__link-item:hover, 
    .menu-child summary.menu-child__link-item:focus {
  color: var(--section-accent-color);
  text-decoration-line: underline;
}
.menu-child summary.menu-child__link-item:hover svg.icon,  .menu-child summary.menu-child__link-item:focus svg.icon {
  opacity: 1;
}
.menu-grandchild {
  padding-left: 0.5rem;
}
.menu-grandchild__link-item, 
  .menu-grandchild .menu__link-item {
  color: var(--section-text-color);
}
.menu-grandchild__link-item:hover, 
    .menu-grandchild__link-item:focus, 
    .menu-grandchild .menu__link-item:hover, 
    .menu-grandchild .menu__link-item:focus {
  color: var(--section-accent-color);
  text-decoration-line: underline;
}
/* Quantity Select */
quantity-select {
  display: block;
}
.quantity {
  width: 100%;
  max-width: 10rem;
}
.quantity__container {
  display: flex;
}
.quantity__container > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
[dir="rtl"] .quantity__container > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
.quantity__button {
  display: flex;
  width: 1.75rem;
  flex: none;
  align-items: center;
  justify-content: center;
  border-width: 2px;
  border-color: var(--primary-text-color-50);
}
.quantity__button:focus, 
    .quantity__button:hover {
  border-color: var(--primary-text-color);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--primary-text-color);
}
.quantity__button svg {
  height: auto;
  width: 0.5rem;
}
.quantity__input {
  background-color: transparent;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
}
.quantity__input::-webkit-inner-spin-button, 
    .quantity__input::-webkit-outer-spin-button {
  appearance: none;
}
.cart-item__quantity .quantity__input {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.tab__title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-color: var(--primary-text-color-20);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--primary-text-color-90);
}
.tab__title h3 {
  cursor: pointer;
  user-select: none;
  font-family: var(--navigation-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight-bolder);
  text-transform: uppercase;
}
.tab__title:hover {
  color: var(--primary-accent-color);
}


.tab__content {
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow: auto;
}
.tab__content::-webkit-scrollbar {
  height: 0.25rem;
  width: 0.25rem;
}
.tab__content::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  border-width: 0px;
  background-color: var(--primary-text-color-70);
}
.tab__content::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  background-color: var(--primary-text-color-10);
}
.tab[open] {
    /* .tab__content {
      @apply transition-all opacity-100 translate-y-0 pb-1;
      animation: animateHeaderMenuOpen var(--duration-default) ease;
    } */
  }
.tab[open] svg.icon {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.question__title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-color: var(--primary-text-color-20);
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: var(--primary-text-color-90);
}
.question__title h3 {
  cursor: pointer;
  user-select: none;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.question__title:hover {
  color: var(--primary-accent-color);
}
.question__content {
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow: auto;
}
.question__content::-webkit-scrollbar {
  height: 0.25rem;
  width: 0.25rem;
}
.question__content::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  border-width: 0px;
  background-color: var(--primary-text-color-70);
}
.question__content::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  background-color: var(--primary-text-color-10);
}
.question[open] svg.icon {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.social-share {
  display: flex;
}
.social-share > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
[dir="rtl"] .social-share > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
.social-share__link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-share__link > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.social-share__link {
  background-color: var(--primary-text-color-10);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-family: var(--navigation-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: var(--navigation-weight);
  line-height: 1;
}
[dir="rtl"] .social-share__link > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
.social-share__link:hover {
  background-color: var(--primary-accent-color);
  color: var(--primary-accent-text-color);
}
.social-share__link svg {
  width: 0.75rem;
}
.social-share--color .social-share__link--facebook {
  --tw-bg-opacity: 1;
  background-color: rgb(24 119 242 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.social-share--color .social-share__link--twitter {
  --tw-bg-opacity: 1;
  background-color: rgb(29 155 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.social-share--color .social-share__link--pinterest {
  --tw-bg-opacity: 1;
  background-color: rgb(230 0 36 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.shopify-app-block svg {
  display: inline-block;
}
.rating-component {
  display: flex;
  align-items: center;
}
.rating {
  margin: 0px;
}
.rating-star {
  display: flex;
}
.rating-star svg {
  width: 0.875rem;
}
.rating-text {
  display: none;
}
.rating-count {
  margin-left: 0.25rem;
  font-family: var(--navigation-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight);
}
.product-card__rating.rating-component {
  margin-top: 0.25rem;
  justify-content: center;
}
.product-card__rating.rating-component .rating-star svg {
  width: 0.75rem;
}
.product-card__rating.rating-component .rating-count {
  font-size: 0.75rem;
  line-height: 1rem;
}
.product-card__media:hover {
  cursor: pointer;
}
.product-card__media:hover .product-card__featured-image--secondary {
  opacity: 0;
}
.product-card__media:hover .product-card__secondary-image {
  opacity: 1;
}
.product-card__link:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--primary-text-color-20);
  --tw-ring-offset-width: 2px;
}
.product-card__labels .label:not(.label--accent), 
.product-card__labels .label {
  display: inline-block;
}
.price .price__sale {
  display: none;
}
.price--on-sale .price__regular {
  display: none;
}
.price--on-sale .price__sale {
  display: block;
}
.price-item em {
  font-weight: var(--navigation-weight);
  font-style: normal;
  color: var(--primary-text-color-80);
}
.product-card__price .price {
  font-family: var(--navigation-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight-bolder);
}
.product-card__price .price-item--compare {
  font-weight: var(--navigation-weight);
  color: var(--primary-text-color-60);
}
.product-card__price .price__unit {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: var(--navigation-weight);
  color: var(--primary-text-color-80);
}
.swatches input[type=radio]:checked+label, 
.swatch-item__label:hover {
  border-color: var(--primary-text-color-50);
}
.swatches input[type=radio]:focus-visible+label {
  border-width: 2px;
}
.swatch-item__color {
  background-color: var(--primary-text-color-30);
  background-size: cover;
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.popup__modal-container {
  max-width: 32rem;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-bottom: 0.25rem;
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  animation: animateHeaderMenuOpen var(--duration-default) ease; 
}
.popup__modal-container button[type="submit"]:hover, 
    .popup__modal-container button[type="submit"]:focus {
  background-color: var(--section-accent-hover-color);
}
@media (min-width: 768px) {

  .promos__signup-bar input[type="email"] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .promos__signup-bar button[type="submit"] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.header-top {
  background-color: var(--section-background-color);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-family: var(--navigation-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--section-text-color);
}
.header-top__wrapper {
  margin: auto;
  display: flex;
  max-width: var(--max-width-screen);
  align-items: center;
  justify-content: space-between;
}
.header-top__left {
  position: relative;
  left: -0.5rem;
  display: flex;
  align-items: center;
}
.header-top__left > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  border-color: var(--section-text-color-20);
}
[dir="rtl"] .header-top__left > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 1;
}
.header-top__right {
  position: relative;
  display: flex;
  align-items: center;
}
.header-top__menu {
  display: flex;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 768px) {

  .header-top__menu {
    display: none;
  }
}
.header-top__menu span {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.header-top__search {
  display: none;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 768px) {

  .header-top__search {
    display: flex;
  }
}
.header-top__search span {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.header-top__search-bar input {
      font-size: inherit;
    }
.header-top__disclosures {
  display: none!important; /*flex; original code */
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.header-top__selectors-form {
  position: relative;
}
.header-top__account {
  margin-right: 0.5rem;
  display: none;
}
.header-top__account > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  border-color: var(--section-text-color-20);
}
[dir="rtl"] .header-top__account > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 1;
}
@media (min-width: 768px) {

  .header-top__account {
    display: flex;
  }
}
.header-top__link {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.header-top a.header-top__cart-button {
  display: flex;
}
.header-top a.header-top__cart-button > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.header-top a.header-top__cart-button {
  border-width: 2px;
  border-color: var(--section-text-color);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0;
  padding-right: 0.5rem;
}
[dir="rtl"] .header-top a.header-top__cart-button > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
.header-top a.header-top__cart-button:hover, 
    .header-top a.header-top__cart-button:focus {
  background-color: var(--section-text-color);
  color: var(--section-background-color);
}
.header-top a.header-top__cart-button:hover svg,  .header-top a.header-top__cart-button:focus svg {
  color: var(--section-background-color);
}
.header-top svg {
  height: 1rem;
  width: 1rem;
  fill: currentColor;
  color: var(--section-text-color);
}
.header-top button:hover, 
    .header-top button:active, 
    .header-top a:hover, 
    .header-top a:active {
  color: var(--section-text-color-80);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.header-top button:hover svg,  .header-top button:active svg,  .header-top a:hover svg,  .header-top a:active svg {
  color: var(--section-text-color-80);
}
.header-top button:focus,  .header-top a:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--section-text-color-80);
}
.header-top .cart-notification {
  display: none;
}
.header-top .cart-notification--active {
  display: block;
}
.header-top .cart-notification__container {
  position: absolute;
  width: 20rem;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-color: var(--primary-text-color-20);
  background-color: var(--primary-secondary-background-color);
  padding: 1.25rem;
  color: var(--primary-text-color);
}
[dir="ltr"] .header-top .cart-notification__container {
  right: 0px;
}
[dir="rtl"] .header-top .cart-notification__container {
  left: 0px;
}
.header-top .cart-notification__container {
      top: calc(100% + 0.5rem);
    }
.header-top .cart-notification__title {
  margin-bottom: 0.75rem;
  display: flex;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-color: var(--primary-text-color-20);
  padding-bottom: 0.375rem;
}
.header-top .cart-notification__title span {
  font-family: var(--navigation-font-family);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--navigation-weight);
}
.header-top .cart-notification__product {
  margin-bottom: 1rem;
}
.header-top .cart-notification__product > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.header-top .cart-notification__links > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.header-top .cart-notification__checkout {
  width: 100%;
  border-width: 0px;
  background-color: var(--primary-accent-color);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: var(--navigation-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: var(--navigation-weight-bolder);
  text-transform: uppercase;
  color: var(--primary-accent-text-color);
}
.header-top .cart-notification__checkout:hover {
  border-color: var(--primary-accent-color);
  background-color: var(--section-accent-hover-color);
  color: var(--primary-accent-text-color);
}
.header-top .cart-notification__checkout:focus {
  border-color: var(--primary-accent-color);
  background-color: var(--section-accent-hover-color);
  color: var(--primary-accent-text-color);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--primary-accent-color);
}
.header-top .cart-notification__cart {
  display: block;
  width: 100%;
  border-width: 2px;
  border-style: solid;
  border-color: var(--section-primary-border-color);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
  font-family: var(--navigation-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: var(--navigation-weight-bolder);
  text-transform: uppercase;
  color: var(--section-text-color);
}
.header-top .cart-notification__cart:hover, 
      .header-top .cart-notification__cart:focus {
  border-color: var(--section-accent-color);
  color: var(--section-accent-color);
}
.header-top .cart-notification__cart:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--primary-accent-color);
}
.header-top .cart-notification__continue {
  display: block;
  width: 100%;
  padding-top: 0.25rem;
  text-align: center;
  font-family: var(--navigation-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
}
.cart-notification-product__primary {
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
}
.cart-notification-product__image {
  flex: none;
}
.cart-notification-product__details {
  flex: 1 1 auto;
}
[dir="ltr"] .cart-notification-product__details {
  margin-left: 0.5rem;
}
[dir="rtl"] .cart-notification-product__details {
  margin-right: 0.5rem;
}
.cart-notification-product__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.cart-notification-product__price {
  margin-bottom: 0.25rem;
}
.cart-notification-product__price .price__sale, 
    .cart-notification-product__price .price__regular {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--primary-accent-color);
}
.cart-notification-product__options {
  display: flex;
  flex-wrap: wrap;
}
.cart-notification-product__options div {
  margin-right: 0.25rem;
}
.cart-notification-product__options dt, .cart-notification-product__options dd {
  display: inline-block;
}
.cart-notification-product__options dt {
  color: var(--primary-text-color-70);
}
.cart-notification-product__selling-plan {
  border-top-width: 1px;
  border-color: var(--primary-text-color-30);
  padding-top: 0.5rem;
}
menu-drawer .menu-drawer {
  visibility: hidden;
  --tw-translate-x: -24rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
menu-drawer .modal__background, 
  menu-drawer .modal__close {
  position: fixed;
  display: none;
}
menu-drawer[open] .menu-drawer {
  visibility: visible;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
menu-drawer[open] .menu-drawer > div:last-of-type {
  padding-bottom: 10rem;
}
menu-drawer[open] .modal__background, 
    menu-drawer[open] .modal__close {
  display: block;
}
.menu-drawer {
  width: calc(100% - 3rem);
}
.menu-drawer .search__input {
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.drawer-menu {
  background-color: var(--primary-secondary-background-color);
  font-family: var(--navigation-font-family);
}
.drawer-menu__link-item {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-color: var(--primary-text-color-30);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.drawer-menu__link-item svg.icon {
  width: 0.5rem;
  color: var(--primary-text-color-60);
}
.drawer-menu__link-item:hover, 
    .drawer-menu__link-item:focus {
  background-color: var(--primary-background-color);
  color: var(--primary-accent-color);
}
.drawer-menu__link-item:hover svg.icon,  .drawer-menu__link-item:focus svg.icon {
  color: var(--primary-text-color);
}
.drawer-menu details[open] > .list-menu {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-bottom: 0.25rem;
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    animation: animateHeaderMenuOpen var(--duration-default) ease;
}
.drawer-menu details[open] > summary svg.icon {
  opacity: 1;
}
.drawer-menu-child {
  border-bottom-width: 1px;
  border-color: var(--primary-text-color-10);
  background-color: var(--primary-background-color-75);
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.drawer-menu-child .drawer-menu__link-item {
  border-bottom-width: 0px;
  padding-left: 1.25rem;
  padding-right: 0.75rem;
}
.drawer-menu-child summary.drawer-menu-child__link-item {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.25rem;
  padding-right: 0.75rem;
}
.drawer-menu-child summary.drawer-menu-child__link-item svg.icon {
  width: 0.5rem;
  color: var(--primary-text-color-60);
}
.drawer-menu-child summary.drawer-menu-child__link-item:hover, 
    .drawer-menu-child summary.drawer-menu-child__link-item:focus {
  background-color: var(--primary-background-color);
  color: var(--primary-accent-color);
}
.drawer-menu-child summary.drawer-menu-child__link-item:hover svg.icon,  .drawer-menu-child summary.drawer-menu-child__link-item:focus svg.icon {
  color: var(--primary-text-color);
}
.drawer-menu-grandchild {
  border-bottom-width: 1px;
  border-color: var(--primary-text-color-10);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.drawer-menu-grandchild__link-item, 
  .drawer-menu-grandchild .drawer-menu__link-item {
  display: block;
  border-bottom-width: 0px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.75rem;
  padding-right: 0.75rem;
}
.drawer-menu-grandchild__link-item:hover, 
    .drawer-menu-grandchild__link-item:focus, 
    .drawer-menu-grandchild .drawer-menu__link-item:hover, 
    .drawer-menu-grandchild .drawer-menu__link-item:focus {
  background-color: var(--primary-background-color);
  color: var(--primary-accent-color);
}
.menu-drawer__account {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.header-wrapper {
  background-color: var(--header-background-color);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {

  .header-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.header-wrapper--slim {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.header-wrapper--slim .header > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.header-wrapper--slim .header--horizontal > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.header {
  margin: auto;
  display: flex;
  max-width: var(--max-width-screen);
  flex-direction: column;
}
.header > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.header {
  text-align: center;
}
.header--horizontal {
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.header--horizontal > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.header--horizontal {
  text-align: left;
}
@media (min-width: 768px) {

  .header--horizontal {
    justify-content: space-between;
  }
}
.header--horizontal .header-menu {
  justify-content: flex-end;
}
.header-primary {
  display: flex;
  justify-content: center;
  align-self: center;
}
.header-primary__link, 
  .header-primary__heading {
  display: block;
  font-family: var(--heading-font-family);
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: var(--heading-weight);
  color: var(--header-title-color);
}
.header-secondary {
  display: none;
  justify-content: center;
}
@media (min-width: 768px) {

  .header-secondary {
    display: flex;
  }
}
html.no-js .header-secondary {
  display: flex;
}
.header-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: left;
  font-family: var(--navigation-font-family);
}
.header-menu--uppercase {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight-bolder);
  text-transform: uppercase;
}
.header-menu--uppercase .header-menu-child {
  font-size: .6875rem;
}
.header-menu__link-item {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--header-text-color);
}
.header-menu__link-item:hover {
  color: var(--header-accent-color);
}
.header-menu summary {
  cursor: pointer;
  user-select: none;
}
.header-menu summary.header-menu__link-item {
  display: flex;
}
.header-menu summary.header-menu__link-item > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.header-menu summary.header-menu__link-item span {
  flex: 1 1 0%;
}
.header-menu summary.header-menu__link-item svg.icon {
  width: 0.5rem;
  color: var(--header-text-color);
  opacity: 0.25;
}
.header-menu summary.header-menu__link-item:hover svg.icon {
  opacity: 1;
}
.header-menu details[open] > .list-menu {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    animation: animateHeaderMenuOpen var(--duration-default) ease;
}
.header-menu details[open] > summary svg.icon {
  opacity: 1;
}
.header-menu details > .list-menu[data-mega-menu] {
  left: 0px;
  right: 0px;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 1024px) {

  .header-menu details > .list-menu[data-mega-menu] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.header-menu details > .list-menu[data-mega-menu] summary {
  pointer-events: none;
  padding-bottom: 0px;
  color: var(--header-text-50-color);
}
.header-menu details > .list-menu[data-mega-menu] summary svg {
  display: none;
}
.header-menu details > .list-menu[data-mega-menu] .header-menu-grandchild {
  background-color: var(--header-background-color);
  padding: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.header-menu details > .list-menu[data-mega-menu] .header-menu-grandchild__link-item, 
        .header-menu details > .list-menu[data-mega-menu] .header-menu-grandchild .header-menu__link-item {
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--navigation-weight);
  text-transform: none;
  letter-spacing: 0em;
  color: var(--header-text-color);
}
.header-menu details > .list-menu[data-mega-menu] .header-menu-grandchild__link-item:hover,  .header-menu details > .list-menu[data-mega-menu] .header-menu-grandchild .header-menu__link-item:hover {
  color: var(--header-accent-color);
}
.header-menu details > .list-menu[data-mega-menu="4"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px) {

  .header-menu details > .list-menu[data-mega-menu="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.header-menu details > .list-menu[data-mega-menu="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 1024px) {

  .header-menu details > .list-menu[data-mega-menu="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.header-menu details > .list-menu[data-mega-menu="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px) {

  .header-menu details > .list-menu[data-mega-menu="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.header-menu details > .list-menu[data-mega-menu="1"] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px) {

  .header-menu details > .list-menu[data-mega-menu="1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.header-menu-child {
  position: absolute;
  z-index: 50;
  width: 14rem;
  border-top-width: 4px;
  border-color: var(--header-text-20-color);
  background-color: var(--header-background-color);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.header-menu-child__link-item, 
  .header-menu-child .header-menu__link-item {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  letter-spacing: 0.05em;
  color: var(--header-text-75-color);
}
.header-menu-child__link-item:hover,  .header-menu-child .header-menu__link-item:hover {
  color: var(--header-accent-color);
}
.header-menu-child summary.header-menu-child__link-item {
  display: flex;
}
.header-menu-child summary.header-menu-child__link-item span {
  flex: 1 1 0%;
}
.header-menu-child summary.header-menu-child__link-item svg.icon {
  width: 0.5rem;
  color: var(--header-text-color);
  opacity: 0.25;
}
.header-menu-child summary.header-menu-child__link-item:hover svg.icon {
  opacity: 1;
}
.header-menu-grandchild {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  background-color: var(--header-text-05-color);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.header-menu-grandchild__link-item, 
  .header-menu-grandchild .header-menu__link-item {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  letter-spacing: 0.05em;
  color: var(--header-text-75-color);
}
.header-menu-grandchild__link-item:hover,  .header-menu-grandchild .header-menu__link-item:hover {
  color: var(--header-accent-color);
}
.footer-section a {
  color: var(--section-accent-color);
}
.footer-section a:hover, 
    .footer-section a:focus {
  color: var(--section-accent-hover-color);
  text-decoration-line: underline;
}
.footer-section .social-icons {
  justify-content: center;
}
.footer-section .social-icons li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.footer-section .social-icons a {
  color: var(--section-accent-color);
}
.footer-section .social-icons a:hover, 
      .footer-section .social-icons a:focus {
  color: var(--section-accent-hover-color);
  text-decoration-line: underline;
}
.footer-section .disclosure {
  font-family: var(--navigation-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.footer-section .disclosure svg {
  height: 0.75rem;
  width: 0.75rem;
  fill: currentColor;
}
.footer-section .disclosure__list {
      bottom: calc(100% + .25rem);
      top: auto;
      z-index: 1000;
    }
.footer-section .disclosure__button {
  border-width: 2px;
  border-color: var(--section-text-color-25);
}
.footer-section .disclosure__button:focus {
  border-color: var(--section-text-color);
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.footer-section .disclosure__link:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--section-text-color-80);
}
.footer-section .disclosure button:hover, 
      .footer-section .disclosure button:active, 
      .footer-section .disclosure a:hover, 
      .footer-section .disclosure a:active {
  border-color: var(--section-text-color);
  color: var(--section-accent-color);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.footer-section .disclosure button:hover svg,  .footer-section .disclosure button:active svg,  .footer-section .disclosure a:hover svg,  .footer-section .disclosure a:active svg {
  color: var(--section-accent-color);
}
.footer-section__credits a {
  color: var(--section-text-color);
}
.footer-section__credits a:hover, 
      .footer-section__credits a:focus {
  color: var(--section-accent-color);
  text-decoration-line: underline;
}
@media (min-width: 768px) {

  .footer-section .email-subscription input[type="email"] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.footer-section .email-subscription button {
  font-size: 0.75rem;
  line-height: 1rem;
}
.footer-section .email-subscription button:hover {
  background-color: var(--section-accent-hover-color);
}
.footer-section .email-subscription button:focus {
  background-color: var(--section-accent-hover-color);
}
.footer-section .footer-menu__menu {
  line-height: 1.625;
}
.footer-section .footer-menu__link-item {
  position: relative;
  align-items: center;
  white-space: nowrap;
}
.footer-section .footer-menu summary {
  margin: auto;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  list-style-type: none;
  text-align: center;
  color: var(--section-accent-color);
}
.footer-section .footer-menu summary:hover, 
      .footer-section .footer-menu summary:focus {
  color: var(--section-accent-hover-color);
  text-decoration-line: underline;
}
.footer-section .footer-menu summary.footer-menu__link-item > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.footer-section .footer-menu summary.footer-menu__link-item span {
  display: inline;
}
.footer-section .footer-menu summary.footer-menu__link-item svg.icon {
  display: inline;
  width: 0.5rem;
  color: var(--header-text-color);
  opacity: 0.25;
}
.footer-section .footer-menu summary.footer-menu__link-item:hover svg.icon {
  opacity: 1;
}
.footer-section .footer-menu details[open] > .list-menu {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-bottom: 0.25rem;
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
      animation: animateHeaderMenuOpen var(--duration-default) ease;
}
.footer-section .footer-menu details[open] > summary svg.icon {
  opacity: 1;
}
.footer-section .footer-menu-child__link-item, 
    .footer-section .footer-menu-child .footer-menu__link-item {
  color: var(--section-text-color);
}
.footer-section .footer-menu-child summary.footer-menu-child__link-item span {
  display: inline;
}
.footer-section .footer-menu-child summary.footer-menu-child__link-item svg.icon {
  display: inline;
  width: 0.5rem;
  color: var(--header-text-color);
  opacity: 0.25;
}
.footer-section .footer-menu-child summary.footer-menu-child__link-item:hover svg.icon {
  opacity: 1;
}
.footer-section .footer-menu-grandchild__link-item, 
    .footer-section .footer-menu-grandchild .footer-menu__link-item {
  color: var(--section-text-color);
}
@keyframes animateHeaderMenuOpen { 
  0% {
    opacity: 0;
    transform: translateY(-0.5rem);
  }

  100% { 
    opacity: 1;
    transform: translateY(0);
  }
}
.after\:content-\[\'\2c \\00a0\'\]::after {
  --tw-content: ',\00a0';
  content: var(--tw-content);
}
.last\:after\:content-none:last-child::after {
  --tw-content: none;
  content: var(--tw-content);
}
.hover\:bg-primary-accent:hover {
  background-color: var(--primary-accent-color);
}
.hover\:text-primary-accent:hover {
  color: var(--primary-accent-color);
}
.hover\:text-primary-accent-text:hover {
  color: var(--primary-accent-text-color);
}
.hover\:text-header-accent:hover {
  color: var(--header-accent-color);
}
.hover\:text-section-text:hover {
  color: var(--section-text-color);
}
.hover\:text-section-accent:hover {
  color: var(--section-accent-color);
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.focus\:appearance-none:focus {
  appearance: none;
}
.focus\:underline:focus {
  text-decoration-line: underline;
}
.focus\:opacity-100:focus {
  opacity: 1;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}
.focus\:ring-section-accent:focus {
  --tw-ring-color: var(--section-accent-color);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-primary-accent:focus-visible {
  --tw-ring-color: var(--primary-accent-color);
}
.group:focus-within .group-focus-within\:text-primary-accent {
  color: var(--primary-accent-color);
}
.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:bg-section-overlay-hover {
  background-color: var(--section-overlay-hover-color);
}
.group:hover .group-hover\:text-primary-accent {
  color: var(--primary-accent-color);
}
.group:hover .group-hover\:text-section-accent-hover {
  color: var(--section-accent-hover-color);
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:focus .group-focus\:scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:focus .group-focus\:text-primary-accent {
  color: var(--primary-accent-color);
}
[dir="ltr"] .ltr\:right-0 {
  right: 0px;
}
[dir="ltr"] .ltr\:ml-4 {
  margin-left: 1rem;
}
[dir="ltr"] .ltr\:mr-4 {
  margin-right: 1rem;
}
[dir="rtl"] .rtl\:left-0 {
  left: 0px;
}
[dir="rtl"] .rtl\:mr-4 {
  margin-right: 1rem;
}
[dir="rtl"] .rtl\:ml-4 {
  margin-left: 1rem;
}
[dir="rtl"] .rtl\:-scale-100 {
  --tw-scale-x: -1;
  --tw-scale-y: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
[dir="rtl"] .rtl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 1;
}
[dir="rtl"] .rtl\:pr-4 {
  padding-right: 1rem;
}
[dir="rtl"] .rtl\:text-right {
  text-align: right;
}
@media (min-width: 640px) {

  .sm\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .sm\:mr-4 {
    margin-right: 1rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-20 {
    width: 5rem;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:min-w-\[28rem\] {
    min-width: 28rem;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 768px) {

  .md\:rte {
    max-width: 100ch;
  }

  .md\:rte :where([class~="lead"]):not(:where([class~="not-rte"] *)) {
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .md\:rte :where(a):not(:where([class~="not-rte"] *)) {
    text-decoration: underline;
  }

  .md\:rte :where(strong):not(:where([class~="not-rte"] *)) {}

  .md\:rte :where(a strong):not(:where([class~="not-rte"] *)) {
    color: inherit;
  }

  .md\:rte :where(blockquote strong):not(:where([class~="not-rte"] *)) {
    color: inherit;
  }

  .md\:rte :where(thead th strong):not(:where([class~="not-rte"] *)) {
    color: inherit;
  }

  .md\:rte :where(ol):not(:where([class~="not-rte"] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
  }

  .md\:rte :where(ol[type="A"]):not(:where([class~="not-rte"] *)) {
    list-style-type: upper-alpha;
  }

  .md\:rte :where(ol[type="a"]):not(:where([class~="not-rte"] *)) {
    list-style-type: lower-alpha;
  }

  .md\:rte :where(ol[type="A" s]):not(:where([class~="not-rte"] *)) {
    list-style-type: upper-alpha;
  }

  .md\:rte :where(ol[type="a" s]):not(:where([class~="not-rte"] *)) {
    list-style-type: lower-alpha;
  }

  .md\:rte :where(ol[type="I"]):not(:where([class~="not-rte"] *)) {
    list-style-type: upper-roman;
  }

  .md\:rte :where(ol[type="i"]):not(:where([class~="not-rte"] *)) {
    list-style-type: lower-roman;
  }

  .md\:rte :where(ol[type="I" s]):not(:where([class~="not-rte"] *)) {
    list-style-type: upper-roman;
  }

  .md\:rte :where(ol[type="i" s]):not(:where([class~="not-rte"] *)) {
    list-style-type: lower-roman;
  }

  .md\:rte :where(ol[type="1"]):not(:where([class~="not-rte"] *)) {
    list-style-type: decimal;
  }

  .md\:rte :where(ul):not(:where([class~="not-rte"] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
  }

  .md\:rte :where(ol > li):not(:where([class~="not-rte"] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters);
  }

  .md\:rte :where(ul > li):not(:where([class~="not-rte"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .md\:rte :where(hr):not(:where([class~="not-rte"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
    background-color: var(--primary-text-color-30);
  }

  .md\:rte :where(blockquote):not(:where([class~="not-rte"] *)) {
    font-style: italic;
    border-left-width: 0.25rem;
    border-left-color: var(--primary-text-color-30);
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em;
  }

  .md\:rte :where(blockquote p:first-of-type):not(:where([class~="not-rte"] *))::before {
    content: open-quote;
  }

  .md\:rte :where(blockquote p:last-of-type):not(:where([class~="not-rte"] *))::after {
    content: close-quote;
  }

  .md\:rte :where(h1):not(:where([class~="not-rte"] *)) {
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }

  .md\:rte :where(h1 strong):not(:where([class~="not-rte"] *)) {
    font-weight: 900;
    color: inherit;
  }

  .md\:rte :where(h2):not(:where([class~="not-rte"] *)) {
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
  }

  .md\:rte :where(h2 strong):not(:where([class~="not-rte"] *)) {
    font-weight: 800;
    color: inherit;
  }

  .md\:rte :where(h3):not(:where([class~="not-rte"] *)) {
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }

  .md\:rte :where(h3 strong):not(:where([class~="not-rte"] *)) {
    font-weight: 700;
    color: inherit;
  }

  .md\:rte :where(h4):not(:where([class~="not-rte"] *)) {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
  }

  .md\:rte :where(h4 strong):not(:where([class~="not-rte"] *)) {
    font-weight: 700;
    color: inherit;
  }

  .md\:rte :where(img):not(:where([class~="not-rte"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:rte :where(figure > *):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:rte :where(figcaption):not(:where([class~="not-rte"] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
  }

  .md\:rte :where(code):not(:where([class~="not-rte"] *)) {
    font-size: 0.875em;
  }

  .md\:rte :where(code):not(:where([class~="not-rte"] *))::before {
    content: "`";
  }

  .md\:rte :where(code):not(:where([class~="not-rte"] *))::after {
    content: "`";
  }

  .md\:rte :where(a code):not(:where([class~="not-rte"] *)) {}

  .md\:rte :where(h1 code):not(:where([class~="not-rte"] *)) {
    color: inherit;
  }

  .md\:rte :where(h2 code):not(:where([class~="not-rte"] *)) {
    color: inherit;
    font-size: 0.875em;
  }

  .md\:rte :where(h3 code):not(:where([class~="not-rte"] *)) {
    color: inherit;
    font-size: 0.9em;
  }

  .md\:rte :where(h4 code):not(:where([class~="not-rte"] *)) {
    color: inherit;
  }

  .md\:rte :where(blockquote code):not(:where([class~="not-rte"] *)) {
    color: inherit;
  }

  .md\:rte :where(thead th code):not(:where([class~="not-rte"] *)) {
    color: inherit;
  }

  .md\:rte :where(pre):not(:where([class~="not-rte"] *)) {
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-right: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-left: 1.1428571em;
  }

  .md\:rte :where(pre code):not(:where([class~="not-rte"] *)) {
    border-width: 0;
    border-radius: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }

  .md\:rte :where(pre code):not(:where([class~="not-rte"] *))::before {
    content: none;
  }

  .md\:rte :where(pre code):not(:where([class~="not-rte"] *))::after {
    content: none;
  }

  .md\:rte :where(table):not(:where([class~="not-rte"] *)) {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
  }

  .md\:rte :where(thead):not(:where([class~="not-rte"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--primary-text-color-30);
  }

  .md\:rte :where(thead th):not(:where([class~="not-rte"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
  }

  .md\:rte :where(tbody tr):not(:where([class~="not-rte"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--primary-text-color-30);
  }

  .md\:rte :where(tbody tr:last-child):not(:where([class~="not-rte"] *)) {
    border-bottom-width: 0;
  }

  .md\:rte :where(tbody td):not(:where([class~="not-rte"] *)) {
    vertical-align: baseline;
  }

  .md\:rte :where(tfoot):not(:where([class~="not-rte"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .md\:rte :where(tfoot td):not(:where([class~="not-rte"] *)) {
    vertical-align: top;
  }

  .md\:rte {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75;
  }

  .md\:rte :where(p):not(:where([class~="not-rte"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .md\:rte :where(video):not(:where([class~="not-rte"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:rte :where(figure):not(:where([class~="not-rte"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:rte :where(li):not(:where([class~="not-rte"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  .md\:rte :where(ol > li):not(:where([class~="not-rte"] *)) {
    padding-left: 0.375em;
  }

  .md\:rte :where(ul > li):not(:where([class~="not-rte"] *)) {
    padding-left: 0.375em;
  }

  .md\:rte :where(.md\:rte > ul > li p):not(:where([class~="not-rte"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .md\:rte :where(.md\:rte > ul > li > *:first-child):not(:where([class~="not-rte"] *)) {
    margin-top: 1.25em;
  }

  .md\:rte :where(.md\:rte > ul > li > *:last-child):not(:where([class~="not-rte"] *)) {
    margin-bottom: 1.25em;
  }

  .md\:rte :where(.md\:rte > ol > li > *:first-child):not(:where([class~="not-rte"] *)) {
    margin-top: 1.25em;
  }

  .md\:rte :where(.md\:rte > ol > li > *:last-child):not(:where([class~="not-rte"] *)) {
    margin-bottom: 1.25em;
  }

  .md\:rte :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-rte"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .md\:rte :where(hr + *):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
  }

  .md\:rte :where(h2 + *):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
  }

  .md\:rte :where(h3 + *):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
  }

  .md\:rte :where(h4 + *):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
  }

  .md\:rte :where(thead th:first-child):not(:where([class~="not-rte"] *)) {
    padding-left: 0;
  }

  .md\:rte :where(thead th:last-child):not(:where([class~="not-rte"] *)) {
    padding-right: 0;
  }

  .md\:rte :where(tbody td, tfoot td):not(:where([class~="not-rte"] *)) {
    padding-top: 0.5714286em;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
  }

  .md\:rte :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-rte"] *)) {
    padding-left: 0;
  }

  .md\:rte :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-rte"] *)) {
    padding-right: 0;
  }

  .md\:rte :where(.md\:rte > :first-child):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
  }

  .md\:rte :where(.md\:rte > :last-child):not(:where([class~="not-rte"] *)) {
    margin-bottom: 0;
  }

  .md\:rte :where(ol > li):not(:where([class~="not-rte"] *))::before {}

  .md\:rte :where(ul > li):not(:where([class~="not-rte"] *))::before {}

  .md\:rte :where(figure figcaption):not(:where([class~="not-rte"] *)) {}

   {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:rte-base {
    font-size: 1rem;
    line-height: 1.75;
  }

  .md\:rte-base :where(p):not(:where([class~="not-rte"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .md\:rte-base :where([class~="lead"]):not(:where([class~="not-rte"] *)) {
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .md\:rte-base :where(blockquote):not(:where([class~="not-rte"] *)) {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em;
  }

  .md\:rte-base :where(h1):not(:where([class~="not-rte"] *)) {
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }

  .md\:rte-base :where(h2):not(:where([class~="not-rte"] *)) {
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
  }

  .md\:rte-base :where(h3):not(:where([class~="not-rte"] *)) {
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }

  .md\:rte-base :where(h4):not(:where([class~="not-rte"] *)) {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
  }

  .md\:rte-base :where(img):not(:where([class~="not-rte"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:rte-base :where(video):not(:where([class~="not-rte"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:rte-base :where(figure):not(:where([class~="not-rte"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:rte-base :where(figure > *):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:rte-base :where(figcaption):not(:where([class~="not-rte"] *)) {
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
  }

  .md\:rte-base :where(code):not(:where([class~="not-rte"] *)) {
    font-size: 0.875em;
  }

  .md\:rte-base :where(h2 code):not(:where([class~="not-rte"] *)) {
    font-size: 0.875em;
  }

  .md\:rte-base :where(h3 code):not(:where([class~="not-rte"] *)) {
    font-size: 0.9em;
  }

  .md\:rte-base :where(pre):not(:where([class~="not-rte"] *)) {
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-right: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-left: 1.1428571em;
  }

  .md\:rte-base :where(ol):not(:where([class~="not-rte"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
  }

  .md\:rte-base :where(ul):not(:where([class~="not-rte"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
  }

  .md\:rte-base :where(li):not(:where([class~="not-rte"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  .md\:rte-base :where(ol > li):not(:where([class~="not-rte"] *)) {
    padding-left: 0.375em;
  }

  .md\:rte-base :where(ul > li):not(:where([class~="not-rte"] *)) {
    padding-left: 0.375em;
  }

  .md\:rte-base :where(.rte > ul > li p):not(:where([class~="not-rte"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

   {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .md\:rte-base :where(.rte > ul > li > *:first-child):not(:where([class~="not-rte"] *)) {
    margin-top: 1.25em;
  }

   {
    margin-top: 1.25em;
  }

  .md\:rte-base :where(.rte > ul > li > *:last-child):not(:where([class~="not-rte"] *)) {
    margin-bottom: 1.25em;
  }

   {
    margin-bottom: 1.25em;
  }

  .md\:rte-base :where(.rte > ol > li > *:first-child):not(:where([class~="not-rte"] *)) {
    margin-top: 1.25em;
  }

   {
    margin-top: 1.25em;
  }

  .md\:rte-base :where(.rte > ol > li > *:last-child):not(:where([class~="not-rte"] *)) {
    margin-bottom: 1.25em;
  }

   {
    margin-bottom: 1.25em;
  }

  .md\:rte-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-rte"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .md\:rte-base :where(hr):not(:where([class~="not-rte"] *)) {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .md\:rte-base :where(hr + *):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
  }

  .md\:rte-base :where(h2 + *):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
  }

  .md\:rte-base :where(h3 + *):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
  }

  .md\:rte-base :where(h4 + *):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
  }

  .md\:rte-base :where(table):not(:where([class~="not-rte"] *)) {
    font-size: 0.875em;
    line-height: 1.7142857;
  }

  .md\:rte-base :where(thead th):not(:where([class~="not-rte"] *)) {
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
  }

  .md\:rte-base :where(thead th:first-child):not(:where([class~="not-rte"] *)) {
    padding-left: 0;
  }

  .md\:rte-base :where(thead th:last-child):not(:where([class~="not-rte"] *)) {
    padding-right: 0;
  }

  .md\:rte-base :where(tbody td, tfoot td):not(:where([class~="not-rte"] *)) {
    padding-top: 0.5714286em;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
  }

  .md\:rte-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-rte"] *)) {
    padding-left: 0;
  }

  .md\:rte-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-rte"] *)) {
    padding-right: 0;
  }

  .md\:rte-base :where(.rte > :first-child):not(:where([class~="not-rte"] *)) {
    margin-top: 0;
  }

   {
    margin-top: 0;
  }

  .md\:rte-base :where(.rte > :last-child):not(:where([class~="not-rte"] *)) {
    margin-bottom: 0;
  }

   {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:visible {
    visibility: visible;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .md\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:m-3\.5 {
    margin: 0.875rem;
  }

  .md\:m-3 {
    margin: 0.75rem;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mr-7 {
    margin-right: 1.75rem;
  }

  .md\:mb-7 {
    margin-bottom: 1.75rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:min-h-\[10rem\] {
    min-height: 10rem;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-1\/5 {
    width: 20%;
  }

  .md\:w-1\/6 {
    width: 16.666667%;
  }

  .md\:w-1\/12 {
    width: 8.333333%;
  }

  .md\:w-1\/1 {
    width: 100%;
  }

  .md\:w-1\/10 {
    width: 10%;
  }

  .md\:w-2\/10 {
    width: 20%;
  }

  .md\:w-3\/10 {
    width: 30%;
  }

  .md\:w-4\/10 {
    width: 40%;
  }

  .md\:w-5\/10 {
    width: 50%;
  }

  .md\:w-6\/10 {
    width: 60%;
  }

  .md\:w-7\/10 {
    width: 70%;
  }

  .md\:w-8\/10 {
    width: 80%;
  }

  .md\:w-36 {
    width: 9rem;
  }

  .md\:w-40 {
    width: 10rem;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-5\/12 {
    width: 41.666667%;
  }

  .md\:min-w-1\/4 {
    min-width: 25%;
  }

  .md\:min-w-1\/3 {
    min-width: 33.33333333%;
  }

  .md\:max-w-1\/4 {
    max-width: 25%;
  }

  .md\:max-w-1\/3 {
    max-width: 33.33333333%;
  }

  .md\:max-w-1\/2 {
    max-width: 50%;
  }

  .md\:max-w-none {
    max-width: none;
  }

  .md\:max-w-md {
    max-width: 28rem;
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-7 {
    gap: 1.75rem;
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .md\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .md\:p-32 {
    padding: 8rem;
  }

  .md\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .md\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-right {
    text-align: right;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  [dir="ltr"] .ltr\:md\:ml-7 {
    margin-left: 1.75rem;
  }

  [dir="ltr"] .ltr\:md\:mr-7 {
    margin-right: 1.75rem;
  }

  [dir="rtl"] .rtl\:md\:mr-7 {
    margin-right: 1.75rem;
  }

  [dir="rtl"] .rtl\:md\:mr-0 {
    margin-right: 0px;
  }

  [dir="rtl"] .rtl\:md\:ml-7 {
    margin-left: 1.75rem;
  }

  [dir="rtl"] .rtl\:md\:pr-7 {
    padding-right: 1.75rem;
  }
}
@media (min-width: 1024px) {

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:max-w-1\/4 {
    max-width: 25%;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .lg\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .lg\:divide-primary-text-10 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--primary-text-color-10);
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir="ltr"] .ltr\:lg\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir="rtl"] .lg\:rtl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1;
  }

  [dir="rtl"] .rtl\:lg\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1;
  }

  [dir="rtl"] .rtl\:lg\:pl-0 {
    padding-left: 0px;
  }

  [dir="rtl"] .rtl\:lg\:pr-2 {
    padding-right: 0.5rem;
  }
}

/*# sourceMappingURL=base.css.map*/


.announcement-bar .px-5{
color: #000000;
  background-color: #000000;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 4px;
  line-height: 6px;  /* adjust the height of the black bar above the header */
}
.header-menu__link-item{
  Font-family: abc;
  font-size: 1rem;
  margin-left: -10px;
  padding-bottom: .5px;
  padding-top: .1px;
  text-align: left;
}
.py-section{
  padding-top: 8px;
}
   #MainProduct .product__detailsmain {
	position: sticky;
	top: 108px;
}
/* HC - Editing theme - Nov 8 '22 */
.header-top__right svg{
  width:23px;
  height:23px;
}
.header-top__right a{
  display:flex;
  align-items:center;
}
#cart-button span{
  font-size:1.2em;
}
.footer-primary__link{
  display: block;
  font-family: var(--heading-font-family);
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: var(--heading-weight);
  color: var(--header-title-color);
  padding-top:25px;
}
.modal{
  padding: 0;
}
.modalImage{
  width: 90vw;
}
.modal--lightbox img {
  width: 80%;
  border-radius: 0px; /* 0px makes 4 corners of product image in product zoom-in page not rounded */
  margin: 10px 0px;
}
.modal--lightbox .modal__container{
  max-height: 100%;
  max-width: 100%;
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal__background{
  background-color: white;
  opacity:1;
}
.modal__close svg{
  color: black;
}
.modal__close{
  right: 20px;
  cursor:pointer;
}
.modal__close:focus-visible{
    --tw-ring-offset-shadow: white;
    --tw-ring-shadow: white;
    box-shadow: white;
    --tw-ring-color: var(--primary-accent-color);
}
/* HC - theme revision - Nov 8 '22 */
.header-top__right img{
  width:20px;
}

@media only screen and (min-width: 768px) {
#MainProduct .product .splide__list {
	display: unset;
}
  #MainProduct .product .splide__list li {
	margin-bottom: 15px;
}
  #MainProduct .product media-slideshow .media__thumbnails-container {
	display: none;
}
}
@media only screen and (max-width:767px){
.header-top a.header-top__cart-button {
  padding-left:  0.5rem;
  padding-right: 0.5rem;
}
     #MainProduct .product__detailsmain {
	position: unset;
}
  .menu-drawer__account img{
    width: 33px;
    height: auto;
    display:inline-block;
  }
}
@media only screen and (min-width:768px){
.header--horizontal {
    align-items: end;
}
  .header-secondary, .header-primary {
    margin-top: 30px;
    clear: both;
}
}
/* HC - disabling zoom header ... - 23 Nov '22 */
.search__input{
  border:none;
  border-bottom: 1px solid black;
}
.search-bar__input-group .clear_button{
  display: none;
  right: 59px;
  align-items: center;

}
.header-secondary-mobile, .custom-account-mobile{
  display:none;
}
/*hiding mobile header*/
#shopify-section-header-top{
  /*display:none;*/
}


.header-top a.header-top__cart-button {
  border-width: 0px;
}
.search-bar__input-group .search-bar__icon img{
  position: absolute;
  top:6px;
}
.header-top .cart-notification__container {
  position: fixed;
  width: 50%;
  top:0px;
  z-index: 10;
  background:white;
}
.header-top .cart-notification__title{
  position: relative;
  display: flex;
  justify-content: center;
}
.header-top .cart-notification__title span{
  font-weight: bold;
    font-size: 1.8em;
    letter-spacing: 1px;
}
.cart-notification__close{
  position: absolute;
  right: 0px;
}
#cart-notification-product{
  display:block;
  max-height: 200px;
  overflow: auto;
}
.cartProductContainer{
  display:flex;
  align-items:center;
}
.cartProductImageDiv{
  width: 20%;
  padding: 0px 10px;
}
.cartProductImageDiv img{
  width: 100%;
}
.cartProductContentDiv{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80%;
}
.cartProductTitle{
  font-size: 1.2em;
  font-weight: 600;
}
.cartProductPrice{
  font-weight: 400;
}
.cartProductVal{
    font-weight: 600;
    margin-right: 11px;
}
.cartItemsDiv{
  display:flex;
  justify-content:space-between;
}
.cartBackground{
  backdrop-filter: blur(5px);
    position: fixed;
    background: rgba(255,255,255,0.2);
    width: 100vw;
    height: 100vh;
    z-index: 0;
    left: 0;
    top: 0;

}
#cart-button{
  cursor:pointer;
}
.MainProduct .splide__pagination{
  display:none;
}
#cart-notification .bg-primary-secondary-background{
  background:white;
}
#cart-notification .cart-item__media{
  display:flex;
}
#cart-notification .cart-item__quantity{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#cart-notification .quantity__input{
  padding:0px;
}
#cart-notification {
  
}
#cart-notification .cart-item__total{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 15%;
}
#cart-notification .cart-item__media img{
  width:100%;
}
@media (max-width: 768px) {
  .header-secondary-mobile{
    display: flex;
  }
  .custom-account-mobile {
    display:block;
  }
  .header-secondary-mobile .header-top__search{
    display:block;
  }
  .header-top__account-mobile{
    display:block;
  }
  .header-secondary-mobile .header-secondary__navigation{
    display:flex;
  }
  .header-secondary-mobile .header-secondary__navigation .header-top__search img{
     width:1em;
  }
  .header-top{
    background:white;
    padding:3px 10px;
    padding-top: 0px
  }
  .mobileHeaderNew{
    position: sticky;
    z-index: 300;
    top:0;
  }
  .mobileHeaderNew .section__header{
    position: relative;
    top:0;
    z-index:0;
  }
  .mobileHeaderNew .section__header-top{
    position:relative;
    top:0;
    z-index:0;
  }
  .header-top button:focus,  .header-top a:focus {
    --tw-ring-offset-shadow: none;
  }
  #mobileSearchButton{
    display:block;
  }
  .header-top__buttons{
    display:flex;
  }
  .header-top__account{
    margin:0px;
  }
  .header-top__wrapper .header-top__account{
    display:block;
  }
  .header-top__wrapper button, .header-top__wrapper a{
    padding:0px 5px;
  }
  .header-top__wrapper button img, .header-top__wrapper a img{
    width:15px;
  }
  .header-wrapper{
      padding-top: 8px;
      padding-bottom: 0px;
  }
  .header-top .cart-notification__container{
    width:100%;
  }
  .modal__close{
    right:0px;
  }
  .menu-drawer{
    position:fixed;
    z-index:100;
  }
  .menuLogo{
    width:85%;
    margin: 10px auto auto auto;
  }
  .MainProduct .splide__pagination{
  display:flex;
  }
  #cart-notification .cart-item__total{
    width: 15%;
}
}
/* HC - cart count new style - 08 Dec '22 */
.header-top__right #cart-button .cart-button__count{
    margin: 0px;
    margin-left: -3px;
    margin-top: -10px;
    font-size: 1.1em;
}
@media (max-width: 768px) {
  .header-top__right #cart-button .cart-button__count{
    margin: 0px;
    margin-left: -1px;
    margin-top: -10px;
    font-size: 1em;
  }
}
/* HC - Animation added - 16 Dec '22 */
header.header-top{
  position: relative;
}
.hc-animation-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 9999999;
}
.hc-animation-inner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
}
.hc-animation-overlay{
  width: 100vw;
  height: 100vh;
  background-color: #fff3;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.hc-animation-overlay.hc-shown{
  opacity: 1;
}
@media only screen and (min-width : 769px) {     
  .hc-animation-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 75%;
  }
} 






@font-face{
  font-family: abc;
   -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;  
  webkit-font-smoothing: antialiased;
font-variant: none;
  src:   
    url(/cdn/shop/files/copperplatecc-bold-webfont.woff2?v=1735166209) format(woff2),
    url(/cdn/shop/files/copperplatecc-bold-webfont.woff?v=1735166209) format(woff);
}
/* url(/cdn/shop/files/CopperplateCC-Heavy.ttf?v=1735186070) -this has not been converted yet. */

h1, h2, h3, h4, h5, h6{
  font-family: abc;
}

/* Add space above and below the header */
.header-primary{
 padding-bottom: 26px; /* add space below the header - 26px */
  padding-top: 15px; /* add space above the header - 8px */
  padding-right: 35px;
}

/* Add space below the menu items that are right below the header at the top of the main page */
.header-wrapper{
  padding-bottom: 2px;
}

.header-secondary{
  padding-left: 22px;
}

/* This format the account, search and bag icon in the header section */
.header-top__right svg{
 width: 20px;
  height: 20px;
}

.header-top__right{
  padding-right: 18px;
}

/* Add space above and below the header */

@media (max-width: 480px){
.header-primary{
 padding-bottom: 2px; /* 26px add space below the header - 26px */
  padding-top: 8px; /* 15px add space above the header - 8px */
  padding-left: 1px;
  padding-right: 15px;
  height: 75px;
}
}




/* This is to hide the "phone number | Contact Us" that appears right below "Get In Touch" in the footer */
.footer-contact__meta{
  display: none!important;
}

/* This changes font size of clickable items under any column in the footer
.text-sm {
    font-size: 15px;
} */

/* This hides the credit card icons that are accepted by Shopify */
.footer-section__payment-types{
  display: none!important;
}




/* background of the size and price selection section */
.bg-primary-secondary-background{
  background: transparent !important;
}



/* font color and font size of the product name under each product image in the Women's and Men's Collection page */
.product-card__title{
  color: #727272;
  font-size: 15px;
  font-family: abc;
}

.collection__grid.max-auto{
  font-size: 20px;
}

#shopify-section-template--17603569615020__collection a{
  font-size: 20px;
}



/* This make border of the color swatch circle highlighted with grey when hovering over it in the collection page */
.swatches input[type=radio]:checked+label, .swatch-item__label:hover {
border-color: #727272!important;
}
.product__variants .product-form__radio-swatch:checked+.product-form__radio-swatch-label .swatch-item__color{
  box-shadow: visible;
}



/*.product-form__radio-swatch-label*/

*************************************************


/* This makes the fonts Copperplate */
.font-body{
font-family: abc;
}
/*
body{
  font-family: copperplate;
}
h1, h2, h3, h4, h5, h6{
  font-family: copperplate;
}
*/

/* This makes the font of the paragraphs in the About Us page Copperplate 
.font-body{
font-family: Copperplate;
}
/*
This makes the title "About Us" in the About Us page white font 
body#about h1 {
    color: #ffffff;
} 

 This formats the title/header (no colon after the title/header, such as "Our Story:"") of each paragraph in the "About Us" page 
body#about h3 {
    color: #000000;
  font-size: 20px;
}

This makes the title "Shipping" in the Shipping page white fonte 
body#shipping-policy h1 {
    color: #ffffff;

}

body#returns-amp-exchanges h1{
  color: #ffffff;

}

body#payment-policy h1{
  color: #ffffff;

} 
*/

/* format the header of all pages */
h1.text-3xl{
  color: #727272; /* #918A8A light grey */
 font-family: abc; 
  font-size: 25px;
}
/*This makes the title "Payment Policy" in the PAYMENT POLICY page white font */
body#payment-policy h1{
  color: #ffffff;
} 

/*This makes the title "Returns & Exchange" in the RETURNS page white font - body#returns-amp-exchanges is for the words returns and exchanges */
body#returns-and-refunds h1{
  color: #ffffff;
}

/*This makes the title "Shipping Policy" in the SHIPPING POLICY page white font */
body#shipping-policy h1{
    color: #ffffff;
  padding-top: 30px;
}
body#shipping-policy a{
  font-weight: normal;
}
body#privacy-policy h1{
  color: #ffffff;
}
body#terms-of-service h1{
  color: #ffffff;
}
body#terms-of-service strong{
  font-weight: 600px;
}
#shopify-section-template--17603569909932__main strong{
  font-weight: 800px;
}

.rte :where(strong):not(:where([class~="not-rte"] *)){
  font-weight: bold;
}


/* This adds space to the bottom of the Shipping Policy, Payment Policy, FAQ and Returns page */
#shopify-section-template--17513622044844__main{
  padding-bottom: 700px;
}

/* this adds space to below the "shipping policy" description */
#shopify-section-template--17421613793452__main .py-section{
  margin-bottom: 160px;
}
/*This makes the title "FAQ" in the FAQ page white font */
body#faq h1{
    color: #ffffff;
}
/*This makes the title "CONTACT US" in the CONTACT US page white font */
body#contact h1{
  color: #ffffff;
}


/* this turns titles of all pages into white font 
h1 {
  color: #ffffff;
}

*/

/* this code around line 4427 above, which is to move the header menu, such as "SHOP  ABOUT US" to the far left
.header-secondary {
  display: none;
  justify-content: left;  
}

*/
/* This removes header sections in all pages, add line and padding top of page.  Need to change the number for it to work.
#shopify-section-template--17312133447852__main .main-page__header{
display: none;
} */




#shopify-section-template--17312133447852__main  .main-page__container{
  /* border-top: 1px solid black; */ /* this add a thin grey line right above the page and below the header section */
  /* border-color: #ececec; */ /*#f3f4f6; #ececec; #e5e7eb; dcdcdc; #9ca3af #8e949c; */  
   /* color: #81878f; */
}



/* This makes the page "Header" white in the page that shows the Search Bar */
#shopify-section-template--17312133447852__main .collection__title{
  color: #ffffff;
}

/* this turns titles of all pages into white font 
h1 {
  color: #ffffff;
}

*/


/* this code around line 4427 above, which is to move the header menu, such as "SHOP  ABOUT US" to the far left
.header-secondary {
  display: none;
  justify-content: left;  
}
*/




/*This is to make the Promotional Bar at the top
.text-sm{
  font-size: .01rem;
line-height: .01rem;
  paddingtop: 0rem;
  padding-bottom: 0rem;
}
*/

/* Adjust the height of the first promotional announcement bar.  .py3 is the 2nd one bar 
.py-4{
  Padding-top: .25rem;
  padding-bottom: .25rem;
}
*/


/* current black bar above the header */
.announcement-bar .px-5{
  line-height: 6px; /* 8px as of 09 24 2025, which was used with header of 480px adjusted in the customize screen */
}


/******* Formatting the "Add To Bag" screen *******/

/* background of the size, color and price selection area */
.product__info-container .bg-primary-secondary-background{
  background-color: #ffffff;
}

/* This adds space to above the product image and product name in the "ADD TO BAG" screen */
#shopify-section-template--17603569778860__product{
  padding-top: 40px;
}


/* This was hidden.  This can be used for promotional announcement on a particular product */
#shopify-section-template--17603569778860__product .product__popup-link {
  font-family: abc;
}
/* product name in the "Add To Bag" page */
.product__info-container .product__title{
  font-size: 18px;
  font-weight: bold;
  color: #727272;
}


.product__variants--radio .product-form__radio-label{
 
  background-color: #ffffff; 
  border: none; 
  color: #727272;
  font-family: abc;
  font-size: 100px;
   font-weight: normal;
   padding-top: 10px;
} 

/* This format Size: and Color: headings in the page that has the Add To Bag screen */
.product__info-container .product-form__option-name{
  font-size: 15px;
  font-family: abc;
  color: #333333; /* #81878f; light gray */
  font-weight: 600;

}

/* This formats the color name under the color heading in the "Add To Bag" screen */
.product__info-container .product-form__swatch-name{
  font-family: abc;
  font-size: 12px;
  color: #727272;
  font-weight: normal;
  
}

/* All collection grid - this makes the corners of the square swatch color rounded
.collection__grid .swatch-item__color{
  border-radius: 30%;
}
*/


/* This was hidden.  This can be used for promotional announcement on a particular product */
#shopify-section-template--17603569778860__product .product__popup-link {
  font-family: abc;
}


/* This format size name under the size heading in the "Add To Bag" screen */
 #shopify-section-template--17603569778860__product .product-form__radio-label {
  padding-left: 24px;
  background-color: #ffffff; 
  border: none; 
  color: #727272;
  font-family: abc;
  font-size: 12px;
   font-weight: normal;
   padding-top: 10px;
} 

/* This format Size: and Color: headings in the page that has the Add To Bag screen */
#shopify-section-template--17603569778860__product .product-form__option-name{
  font-size: 15px;
  font-family: abc;
  color: #333333; /* #81878f; light gray */
  font-weight: 600;

}

/* This formats the color name under the color heading in the "Add To Bag" screen */
#shopify-section-template--17603569778860__product .product-form__swatch-name{
  font-family: abc;
  font-size: 12px;
  color: #727272;
  font-weight: normal;
}

/* All collection grid - this makes the corners of the square swatch color rounded
.collection__grid .swatch-item__color{
  border-radius: 30%;
}
*/

/* Format the color swatch icons in the “Add To Bag” page */
#shopify-section-template--17603569778860__product .swatch-item__color{
    margin: .25rem;
  block-size: 1px;
  border-radius: 30%; 
  width: 34px;
  height: 34px;
  margin-top: 15px;
  margin-bottom: 30px;
}
/* Price in the "Add To Cart" page */
#shopify-section-template--17603569778860__product .price-item{
  font-size: 20px;
  font-family: abc;
  color: #333333;
  font-weight: 500;
}
/* space between price and the word "COLOR" in the "ADD TO BAG" page */
#shopify-section-template--17603569778860__product .price__regular{
  padding-bottom: 50px;
}

/* This formats the word "QUANTITY" in the "Add To Bag" screen */
#shopify-section-template--17603569778860__product .quantity__label{
font-size: 15px;
  font-family: abc;
  color: #333333;
  font-weight: 600;
  padding-top: 13px;
}

.product__variants--radio{
  font-size: 10px;
}

/* This adds space to below the container holding the quantity number in the 'ADD TO BAG" page */
.quantity__container{
  padding-bottom: 50px;
}

/* space above the words "Product Details", which is below the "ADD TO BAG" button in the "ADD TO BAG" screen */
.product__content{
  padding-top: 18px;
}

/* This formats social media icons below the Product Details tab.  However, the "Share This Product" social media icons are hidden */
.social-share__link{
 font-family: abc;
font-weight: normal; 
}

/* This format the words "Share This Product" in the "Add To Bag" screen */
span.product__share-label.label{
  font-family: abc;
}

/* This adds space above above the words "Share This Product" in the "Add To Bag" screen */
.product__share{
  padding-top: 15px;
}

/* This adds space below the product image in the "ADD TO BAG" screen */
#shopify-section-template--17603569778860__product-recommendations{
  padding-top: 40px;
  padding-bottom: 80px;
}
#shopify-section-template--17603569778860__product-recommendations .border-b{
border: none;
} 




/* This does not display the "shopify interest free installment" option offered by Shopify in the check-out page */
.shopify-installments{
  display: none;
}

/* this modifies the title "About Us" in the About Us page
#shopify-section-template--15897226838188__main .main-page__content{
  font-size: 50px;
  color: #000000;
}
*/

/*
.collection__title{
  font-weight: bold;
}
*/

/* This is to hide all social icons on the site
#shopify-section-template--15897226412204__breadcrumbs .social-icon__item{
  display: none!important;
}
/* This blank out all texts/items in the footer
.mx-auto.max-w-screen{
  display: none!important;
}
*/

/* This is to remove all breadcrumbs that contain Home+ page name to the left of the screen and the socila media icons to the right of the screen */
.breadcrumbs{
  display: none;
}

.header{
  background-color: #fff;
}



/* This is to hide the "phone number | Contact Us" that appears right below "Get In Touch" in the footer */
.footer-contact__meta{
  display: none!important;
}

/* This changes font size of clickable items under any column in the footer
.text-sm {
    font-size: 15px;
} */

/* This hides the credit card icons that are accepted by Shopify */
.footer-section__payment-types{
  display: none!important;
}




/* This formats the word "SAFAROAR", "PRIVACY POLICY" AND "TERMS OF SERVICE" in Footer section */
.footer-section__credits a{
    font-family: abc;
  font-size: 13px;
   color: #9c9595;
font-weight: 500;
  line-height: 18px;
  padding-bottom: 5px;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* This formats "@ YYYY" and the words "ALL RIGHTS RESERVED" in Footer section */
.footer-section__copyright{
    font-family: abc;
  font-size: 11px;
   color: #9c9595;
  line-height: 18px;
font-weight: 500;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;  
  /* padding-top: 150px; this control the space between the line that has the All Rights Reserver... and the footer menu items above it. */
}

.footer-section__credits a:hover{
  color: #333333;
  text-decoration: underline;
}

.footer-section__credits a:focus{
  color: #333333;
  text-decoration: underline;
}


/* This formats the column heading "Connect" of Social Media icons in Footer section */
.footer-contact__title{
  font-size: 20px;
  font-weight: 800;
  color: #333333;
  font-family: abc;

}


/* This formats the social media icons, such as Facebook, Instragram, etc., under the column heading "Connect" in Footer section */
.footer-section .social-icons a{
  color: #727272;
}



/* Change the word "Email" in the newsletter/subscribe email input box in the footer to "Enter Your Email..." */ 
/* line 71 in the en.default.json file under the locales folder. 
"newsletter": {
    "label": "Enter Email Address. . .",
    "success": "Thanks for subscribing",
    "button_label": "Go"
  }, 
*/


/* space right above and below the product image in the Check-out Page */
#shopify-section-template--17603569778860__product .px-rail{
 padding-bottom: 120px;
  padding-top: 20px;
} 

/* the thick black bar right above the footer */
.footer-section {
border-top-width:  24px; /* 8px or 18px does also look nice */
border-top-color: #fcfbfb; /* #332015; dark brown 09192025 */ /* #362216; this is dark brown */    /*#fcfbfb; very light grey.  This makes the bar color */
border-style: solid;
}

/* Bar right above the footer on the Mobile phone */
@media (max-width: 480px){
.footer-section {
border-top-width: 24px; /* 8px or 18px does also look nice */
border-top-color: #fcfbfb; /* #362216; this is dark brown */    /*#fcfbfb; very light grey.  This makes the bar color */
border-style: solid;
background-color: #fcfbfb;
}
}



/* When clicking the product image in the check-out page, the zoom-in version opens 
with the product image showing 4 rounded corners.  Change the "border-radius: 30px;" to zeropx
in .modal--lightbox img{} code above makes the corners not rounded */

/* subtotal amount in mini cart in mobile phone vertical view */
@media only screen and (max-width:767px){
.amount-price-parent {
  margin-bottom: 26px;
}
}


@media (max-width: 768px){
/* space between product image and product name in mobile phone vertical view  */
.bg-primary-secondary-background{
  margin-top: 2px;
}
/* space between the dots below the product image and the product title in mobile phone */
 #shopify-section-template--17603569778860__product .product__title{
  line-height: 22px;
   margin-top: -15px;

} 
}


@media (max-width: 768px){
/* Add space between the header and the menu items below the header.  Header size used to be 480px, but currently at 380px */
.header-primary{
 padding-bottom: .2px;
  padding-top: 14px;
}
/* This adjusts the space to the left of the hamburger in mobile phone.  .header-top__wrapper covers from hamburger to the shopping bag below header */
.header-top__wrapper{
  padding-left: 10px;
  padding-right: 6px;
}
/* This makes the background of the Shpping Bag to the right of the header "SAFAROAR" at the top in the Mobile phone white, instead of black */
#cart-button:focus, #cart-button:hover{
  background-color: #ffffff;
}

}

/* Space between the lines within the product title in the Check-out Page if there is more than 1 line */
@media only screen and (orientation: landscape) and (max-width: 1000px){
#shopify-section-template--17603569778860__product .product__title{
  line-height: 22px;  
}
/* Add space between the header and the menu items below the header */
.header-primary{
 padding-bottom: 18px;
}
/* Add space below the menu items */
.header-wrapper{
  padding-bottom: 3px;
}  
}

/*
.search__input{
  border-bottom: 3px solid black;
}

p.cart-items__empty-text{
  margin-top: 180px;
}
.hc-image-container{
  margin-left:35px;
  padding-left: 1px;
  padding-right: 1px;
}
.hc-cart-line-items{
  margin-right: 40px;
}
.hc-cart-count{
  color: #ffffff;
}

div.hc-head{
  color: #ffffff;
}

.hc-cart-content{
  margin-left: 20px;
  margin-right: 20px;
}

.hc-remove.hc-clickable{
  padding-bottom: 70px;
  font-size: .8em;
  color: #ffffff;
}
*/
/*
div.hc-item-quantity{
  padding-top: 5px;
  /*padding-bottom: 2px;*/ /*
  height: 8px
}

/*
.hc-item-quantity-negative{
  padding-top: 10px;

}
.hc-item-quantity-positive{
  padding-top: 10px;
}

.hc-item-variant{
  padding-top: 9px;
}

span.amount-price-parent{
  padding-top: 11px;
  margin-right: 42px;
  font-size: 20px;
}
.hc-cart-subtotal{
  margin-left: 20px;
}
*/


/* currency type selection below header in mobile phone */
@media (max-width: 768px){
.header-top__selectors-form {
  display: none!important;
}
}

/* This formats menu items to the left but under the Header "SAFAROAR", such as Women  Men or Shop at the top of the screen */
.header-menu__link-item {
  color: #727272;
  font-family: abc;
  font-weight: 400;
  font-size: 14px;
}


/******* Male Lion image at bottom of Men's Collection Page *******/

/* This format texts and button in the Male Lion image at the bottom of the Men's collection page */
#shopify-section-template--17603569615020__slideshow_G7JmKJ h5{
  font-size: 14px;
  font-family: abc;
  color: #ffffff; /* #332015; dark brown */
  font-weight: 500px;
  line-height: 17px; 
}
#shopify-section-template--17603569615020__slideshow_G7JmKJ h3{
  color: #ffffff;
 font-size: 22px;
}
#shopify-section-template--17603569615020__slideshow_G7JmKJ a.button.button--outline{
  color: #ffffff;
  border-color: #ffffff;
  font-size: 15px;
  line-height: 25px;
  margin-top: 25px;
  font-family: abc;
  border-width: 4px;
}
#shopify-section-template--17603569615020__slideshow_G7JmKJ a.button.button--outline:hover{
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
#shopify-section-template--17603569615020__slideshow_G7JmKJ a.button.button--outline:focus{
  background-color: #ffffff;
  border-color: #ffffff;
   color: #000000  
}
#shopify-section-template--17603569615020__slideshow_G7JmKJ{
  padding-bottom: 120px;
}


@media (max-width: 480px){
/* This format texts and button in the Male Lion image at the bottom of the Men's collection page */

#shopify-section-template--17603569615020__slideshow_G7JmKJ{
  padding-bottom: 80px;
}
#shopify-section-template--17603569615020__slideshow_G7JmKJ h5{
  font-size: 10px;
  font-family: abc;
  color: #ffffff; /* #332015; dark brown*/
  font-weight: 500px;
  line-height: 20px
}
#shopify-section-template--17603569615020__slideshow_G7JmKJ h3{
  color: #ffffff;
  font-size: 18px
  /* display: none !important; */

}
#shopify-section-template--17603569615020__slideshow_G7JmKJ a.button.button--outline{
  color: #ffffff;
  border-color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
#shopify-section-template--17603569615020__slideshow_G7JmKJ a.button.button--outline:hover{
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
#shopify-section-template--17603569615020__slideshow_G7JmKJ a.button.button--outline:focus{
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
}



/******* Female Lion image at bottom of Women's Collection Page *******/

/* This adds space below the Women's Sock Collection that is above the Female lion image */
#shopify-section-template--17550528315564__collection{
  padding-bottom: 80px;
}

/* h2 is title & h6 is body text color on Female lion image at bottom of Women's Collection Page */
#shopify-section-template--17603569582252__slideshow_3HEEYW h2{
  color: #ffffff; /* #332015; */
}

#shopify-section-template--17603569582252__slideshow_3HEEYW h6{
  color: #ffffff;
    font-size: 14px;
  line-height: 17px;}


/* color of border of button on Female lion image at bottom of Women's Collection Page */
#shopify-section-template--17603569582252__slideshow_3HEEYW .button--outline{
  color: #ffffff;
  border-color: #ffffff;
  font-size: 15px;
  line-height: 25px;
  margin-top: 25px;
  font-family: abc;
  border-width: 4px;
}
#shopify-section-template--17603569582252__slideshow_3HEEYW .button--outline:hover{
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
  
}
#shopify-section-template--17603569582252__slideshow_3HEEYW .button--outline:focus{
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}

#shopify-section-template--17603569582252__slideshow_3HEEYW{
  padding-bottom: 100px;
}


@media (max-width: 480px){
/* h2 is title & h6 is body text color on Female lion image at bottom of Women's Collection Page */
#shopify-section-template--17603569582252__slideshow_3HEEYW h2{
  color: #ffffff; /* #332015; */
  font-size: 18px;
}
#shopify-section-template--17603569582252__slideshow_3HEEYW h6{
  color: #ffffff;
  font-size: 11px;
  line-height: 20px;
  font-family: abc;
  font-weight: normal;
}
/* color of border of button on Female lion image at bottom of Women's Collection Page */
#shopify-section-template--17603569582252__slideshow_3HEEYW .button--outline{
  color: #ffffff;
  border-color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  margin-top: 10px;
  width: 230px;
}
#shopify-section-template--17603569582252__slideshow_3HEEYW .button--outline:hover{
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
#shopify-section-template--17603569582252__slideshow_3HEEYW .button--outline:focus{
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
}




/* About Page - text color on "It Looks Like School Is Out.  Isn't It" */
#shopify-section-template--17419811324076__slideshow_cWRfTi h2{
  color: #ffffff;
}

#shopify-section-template--17042281005228__slideshow_rKMHBe .rte{
  font-size: 25px;
}


/* Store name inside the Hamburger screen on Mobile Phone */
.header-primary__link{
  font-family: abc;
  font-weight: 800;
  font-size: 22px;
}
/* menu items in the Hamburger screen on Mobile Phone */
.menu-drawer__menu{
  font-family: abc;
  font-weight: 800;
  font-size: 14px;
  padding-top: 16px;
  color: #9c9595;
}
/* account in the Hamburger screen on Mobile Phone */
.menu-drawer__account{
  font-family: abc;
  font-weight: 800;
  font-size: 14px;
  color: #9c9595;
}



@media (max-width: 768px){
/* This format the words "Product Details" tab in the check-out page */
.tab__title h3{
  font-family: abc;
  font-size: 15px;
  padding-top: 12px;
  color: #333333;
}
  
/* Hover color of the words "Product Details" under the "Add To Cart" button */
.tab_title h3:focus,
.tab__title h3:hover{
  color: #727272;
}

details svg.icon {
  display: inline;
  width: .7rem;
  color: #333333; /* var(--section-text-color); */ /* This makes the "product details" icon below the "Add To Cart" button black */
  /* opacity: 0.4; */ /* This makes the black icon lighter */
}
details:not([open]) > summary:hover svg.icon {
  color: #727272; /* var(--section-accent-color); */ /* hover color of the icon to the right of words "Product Details" under the "Add To Cart" buton to show product details */
  opacity: 2;
}  
}

/* in the search-bar.liquid code under Snippets, text-primary-accent was replaced by #000000 to make the word "Clear" 
black when it appears due to triggered by typing into the search bar.  Clear_utton */

/* Add to Cart button.  Product-form__submit is the same as .button--primary */
.button--primary{
  background-color: #333333; /*e1d6ba lightest lion color*/ /*#f2efe8*/
  font-family: abc;
  color: #ffffff;
  font-size: 1rem;
}

/* Add To Cart button hover over color */
.button--primary:focus, 
  .button--primary:hover {
  border-color: #727272; /* var(--primary-accent-color); */
  background-color: #727272; /* var(--section-accent-hover-color); */
  }

/* This format the words "Product Details" tab in the check-out page */
.tab__title h3{
  font-family: abc;
  font-size: 16px;
  padding-top: 12px;
  color: #333333;
}

/* Hover color of the words "Product Details" under the "Add To Cart" button */
.tab_title h3:focus,
.tab__title h3:hover{
  color: #727272;
}


details svg.icon {
  display: inline;
  width: .7rem;
  color: #333333; /* var(--section-text-color); */ /* This makes the details icon below the "Add To Cart" button black */
  /* opacity: 0.4; */ /* This makes the black icon lighter */
}
details:not([open]) > summary:hover svg.icon {
  color: #727272; /* var(--section-accent-color); */ /* hover color of the icon to the right of words "Product Details" under the "Add To Cart" buton to show product details */
  opacity: 2;
}

/* Line 3415 above.  Hover color of the words "Product Details" (tab__title) under the "Add To Cart" button */

/* Line 3229 above.  Hover color of the icon (details svg.icon) to the right of words "Product Details" under the "Add To Cart" buton to show product details */


/* button on home page's slide - "Shop All Socks" */
#shopify-section-template--17603569811628__slideshow .button--outline{
  border-color: #ffffff;
  color: #ffffff;
  font-size: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#shopify-section-template--17042208653484__slideshow_3HEEYW h2, h6{
  color: #ffffff;
  font-size: 18px;
}

/* Slide below header on main page */
#shopify-section-template--17603569811628__slideshow{
  margin-bottom: 55px;
}



/* Line 2860 above: This formats the "Continue Shopping" button inside the mini Shopping Bag that appears once a click is applied to the Add To Cart button */
.hc-cart-contoiner .button--outline, 
 .rte .button--outline {
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  border-color: #727272; /* var(--section-primary-border-color); */
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  /* font-family: var(--navigation-font-family); */
  font-family: abc;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: var(--navigation-weight-bolder);
  text-transform: uppercase;
  color: #727272; /* var(--section-text-color); */
  background-color: #ffffff;
}
.button--outline:hover, 
  .button--outline:focus, 
  .rte .button--outline:hover, 
  .rte .button--outline:focus {
  border-color: #000000; /* var(--section-accent-color); */
    background-color: #000000;
  color: #ffffff; /* var(--section-accent-color); */
}
p.cart-items__empty-text{
  font-family: abc;
  color: #727272;
  font-weight: 500;
}


/*this is for iMac 24 inch screen add space above Copyright
@media only screen and (min-width: 1025px){
.footer-section__copyright{
padding-top: 485px;
}
}
*/

  /* this is for iMac 24 inch screen 
@media only screen and (max-width: 1025px){
.footer-section__copyright{
padding-top: 450px;
}
} */

  
/* on line 8 on theme.liquid file replaced 
settings.general_accent_color with #ffffff

<meta name=“theme.color”  content=“{{settings.general_accent_color}}” >
*/


/* make the word "SEARCH" appeared at the top of the search page white to hide it */
.main-search .collection__title{
  color: #ffffff;
  padding-bottom: 80px;
}

/*Move the search icon to the left side of the Search Bar*/
.search-bar__icon img{
  right: 610px;
  padding-top: 10px;
}

/*Move the word “Search to the right of Search Bar by 3.5rem:*/
input[type='search']{
  padding-left: 6rem;
  font-family: abc;

}
/*Thickness and color of the Search Bar*/
.search__input{
  border-bottom: 3px solid black;
  font-size: 26px; /*font size of the word "SEARCH" and search texts entered */
}

/*
.search__bar{
  padding-bottom: 150px;
}
*/

/* control space below the screen showing the search results generated by the search optiop on the search bar */
#shopify-section-template--17392972628140__main.shopify-section.main-search{
  padding-bottom: 380px;
}

/* mobile phone */
@media screen and (max-width: 480px){
  #shopify-section-template--17392972628140__main.shopify-section.main-search{
  padding-bottom: 350px;
}

/*Move the search icon to the left side of the Search Bar*/
.search-bar__icon img{
  right: 600px;
  padding-top: 10px;
}

/*Move the word “Search to the right of Search Bar by 3.5rem:*/
input[type='search']{
  padding-left: 5rem;
}
/*Thickness and color of the Search Bar*/
.search__input{
  border-bottom: 3px solid black;
  font-size: 30px; /*font size of the word "SEARCH" and search texts entered */
}
}


/* quantity input in the "Add To Bag" screen */
.quantity__input{
  height: 22px;
}

  

/* Mobile phone - Footer */
@media (max-width: 480px){
.footer-primary__link_mt {
      padding-bottom: 130px; /* 155px; */
    padding-top: 110px; /* 125px; */
      cursor: pointer;
  }

  /* space above the line that has the Copyright at the bottom of the footer */
  .footer-section__grid.footer-section__grid_mt {
    /*margin-bottom: 5px;  70px  95px */
    padding-bottom: 100Px; /* this adds space to below the last dropdown list in Mobile phone footer */
}

/* This is from line 56 in the mandasa.css file, which format the email subscription title on the Mobile footer "JOIN US" 
h4#nav-join-us {
    font-family: var(--heading-font-family);
    font-size: 1.45rem;
    font-weight: bold;
    padding-bottom: 3px;
    color:#d4cbcb;
    letter-spacing: 0.5px;
  font-family: copperplate;
}
*/

  
/* text below the email subscription title */
.footer-newsletter__text.rte.rte-sm{
  font-size: 12px;
  color: #9c9595; /* #b1abab; #D3CECE; under white background footer */
  font-weight: 500;
  font-family: abc;
}
  
  /* left and right of the Copyright line at bottom of footer */ 
  .footer-section__credits{
    padding-left: 30px; /* 70px */
    margin-right: 30px; /* 70px */
  }
/* below the box where the customers enter the email address to subscribe */
 .footer-section__item.footer-section__item--newsletter{
   padding-bottom: 40px; /* 30px; */
 }

  .footer-section__credits a{
    font-size: 11px;
    color: #9c9595;
  }
 
  .footer-section__copyright{
  margin-bottom: -40px !important;
  /* padding-top: 50px !important; this adds space above the line that has the word copyright */
  font-size: 11px;
    color: #9c9595;
}

/* text in the button to submit the email */
.email-subscription .inline-block{
  margin-left: -10px;
  margin-right: 10px;
  font-size: 12px;
   color: #9c9595; /* #b1abab; */
  font-family: abc;
  border-color: #efe8e8;
}

/* This formats items under column heading in Footer section */
.footer-section .footer-menu__link-item{
  font-size: 12px;
  line-height: 1.7rem;
  color: #fcfbfb; 
  font-family: abc;
 font-weight: 600;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
  
/* Hover over the email subscription button that has an envelope in it in the footer */
.email-subscription .inline-block:hover {
 background-color: #9c9595;
 border-color: #9c9595;
  color: #ffffff;     /* #362216; /* #402216; */
} 

.email-subscription .inline-block:focus {
   background-color: #9c9595;
   border-color: #9c9595;
  color: #ffffff; /* #362216 */
}

/* This changes color of the lines separating each footer heading in the mobile phone */
.divide-section-text-25 > :not([hidden]) ~ :not([hidden]) {
border-color: #efe8e8; /* #423325; for dark brown background 09192025 */ /* 463628; a bit lighter than 423325 /* 3b2d20; /*564333;  /* 695340; /*7e6a58; */
 }
  
}

@media (max width: 768px){

  .email-subscription button{
  border-color: #ffffff;
}

.footer-newsletter__title{
  color: #727272;
}

.footer-menu__title{
color: #727272;
}
}




#shopify-section-template--17419811455148__product{
  padding-top: 25px;
}

/* add space above product image in the "Add To Bag" screen
.splide__slide img{
  padding-top: 25px;
  background-color: transparent !important;
}
*/
#shopify-section-template--17340513878188__product .swatch-item__color {
  width:35px;
  height: 35px;
}












*******************************************************


/* Newsletter Email Subscription popup after entering the site and in the footer */

/* 

---line 65 in the email-subscription.liquid file: <span class="inline-block w-3.5">{%- render 'icon-ui-envelope'-%}</span> where
  {%- render 'icon-ui-envelope'-%} was replaced with the word "Join".

/* an envelope in the button to submit the newsletter/subcribe email in the footer */
.icon.fill-current.icon-ui-envelope{

 display: none; 
}

/* not to show the envelope */
.footer-section .icon-ui-envelope{
  display: none!important; 
 
}

/* not to show the envelope in the email subscription popup */
.popup__modal-container .icon-ui-envelope{
  display: none!important; 
} 

/*
---add the word "SUBMIT" to the email subscription button 
 .email-subscription button::before{
 content: "\f0e0";
  content: "Join" !important;
  color: #ffffff;  #ececec; 
  align-items: center;
  width: 5px;
  margin-right: 5px;
  font-size: 13px;
 margin-left: -8px;
 font-weight: none;
}

*/


/* texts in the Newsletter email subscription button */
.email-subscription .inline-block{
  margin-left: -10px;
  margin-right: 10px;
  font-size: 12px;
  font-weight: bold;
     -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;  

}

/* Newsletter email subscription button */
 .email-subscription button{
  color: #9c9595;  /* #ececec; */
  width: 54px;
  height: 47px;
  /* margin-right: 15px; */
font-weight: bold;
  background-color: #ffffff; /* #fcfbfb;  #362216; #402216; */
  box-sizing: border-box;
  border-width: 4px;
  border-color: #ececec; /* #d3cece; #b1abab; #9c9595; */ /* #ececec this is good when the footer background is white */ 
  border-radius: 8px;
   font-family: abc;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; 
}




/* format both the "Enter Email Address..." and Join buttons in the subscription popup screen */
.popup__modal-container .email-subscription__row{
 padding-left: 55px;
  padding-right: 55px;
  height: 50px;
      -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;  
}

/* format button to submit the email in the popup subscription screen */
.popup__modal-container .button--solid{
  border-radius: 8px;
  border-color: #ececec; /*    #D3CECE; */
  background-color: #ffffff;
  color: #b1abab;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;  
  height: 50px;
}

.popup__modal-container .email-subscription button:hover{
background-color: #9c9595; /* #727272 */
color: #ffffff;
  border-color: #9c9595;
}

.popup__modal-container .email-subscription button:focus{
background-color: #9c9595;
color: #ffffff;
  border-color: #9c9595;
}



/* format the words "Enter Email Address..." in the long box in the email subscription popup */
.popup__modal-container .email-subscription input::placeholder,
textarea::placeholder{
    color: #b1abab;
  font-size: 12px;
  font-weight: 400;
  font-family: abc;
  align-content: center;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;  
}

/* This formats the title "JOIN US" in the email subscription popup */
.popup__modal-content h2{
  font-size: 18px;
  color: #9c9595;
}

/* format the description section of the email subscription popup */
.popup__modal-content .rte-sm{
  font-weight: 400;
  font-size: 12px;
  color: #b1abab;
  font-family: abc;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;  
}

/* format the long box that has the words "Enter Email Address..." in the subscription popup screen */
input#Email-popup_bf64DW-promotional-signup-bar{
  border-radius: 8px;
  border-width: 4px;
  border-color: #ececec; /*  #b1abab; #D3CECE;for dark brown background */ /* #ececec; this is good when the background of the footer is white */
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;    
}

/* hover over the words "Continue Shopping" in the email subscription popup screen & texts color is #333333 */
.popup-bottom-btn:hover,
.popup-bottom-btn:focus{
  color: #000000;
  text-decoration: underline;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;  
}

/* Footer 
.footer-section {
  padding-top: 20px;  /* margin-top: 60px; margin is outside of the area and will get the same color as that area
}
*/

input.signup-form__email{
  color: #ffffff;
}

/* Column heading "SUBSCRIBE"/JOIN US in the Footer */
.footer-newsletter__title{
  font-size: 17px;
  color: #333333; /* #d4cbcb; brighter than b1abab    /*9c9595; /* #333333; */
  font-family: abc;
  font-weight: 800;
}

/* This changes the font-size of the text and text color under SUBSCRIBE/NEWSLETTER column in the footer */
.footer-newsletter__text{
  font-size: 13px;
  color: #9c9595;    /* #b1abab;  a29c9c;   a9a4a4; 7c7a7a; */
  font-family: abc;
  font-weight: bolder; /* used to be 500 with white background footer */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


/* Subscribe/Newsletter email submitting button after entering the email address */
/*  .footer-newsletter__email .button{}, this is the same as .email-subscription button{}  */
 

/* Hover over the email subscription button that has an envelope in it in the footer */
.footer-section .email-subscription button:hover {
  background-color: #9c9595;
  border-color: #9c9595;
  color: #ffffff; /* #362216; /* #402216; */
} 

.footer-section .email-subscription button:focus {
  background-color: #9c9595;  /* #ededed lighter grey than #727272 */
  border-color: #9c9595;
  color: #ffffff; /* #362216; */
}


/* color of borders of rectangular box with the words "Enter Email Address" in it.  This also format what is typed into the box */
 .footer-section .email-subscription input[type="email"]{
  border-color: #ececec; /* #ececec; is good with wihte footer background */ /* #6b7280; */
  font-size: 14px;
  color: #9c9595;
  background-color: #ffffff; /* #fcfbfb; */ 
  width: 270px; /* width of the box */
  height: 47px;
  border-width: 4px;
  /* border-bottom: 2px; This is to make the thickness of the bottom border of the rectangular box */
  box-sizing: border-box;
   border-radius: 8px;
   font-family: abc;
}

/* Format the words "Enter Email Address. . ." in the email subscription box in footer */
.footer-section .email-subscription input::placeholder,
textarea::placeholder{
   color:  #9c9595; /* #b1abab; */
   background-color: #ffffff; /* #fcfbfb; */ 
   font-size: 12px;
  align-items: center;
  font-family: abc;
  font-weight: 500;
  align-content: center;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;  
  /* border-bottom: solid 1px black; this create a solid black line under the texts */ 
}


/* format texts in all pages */
.main-page__content{
   font-family: abc;
  color: #9c9595; /* #b1abab;*/
  font-synthesis: none !important;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6{
   font-family: abc;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* format the column headings in the Footer */
.footer-menu__title{
  font-family: abc;
  font-size: 17px;
  color: #333333; /* #d4cbcb; this is brighter than #b1abab /* #d9d0d0; /*#ddd4d4; /* #fcfbfb; */
  font-weight: 700;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  align-items: left;
}  

/* This formats items under column heading in Footer section */
.footer-section .footer-menu__link-item{
  font-size: 13px;
  line-height: 1.7rem;
  color: #9c9595; /* b1abab; */
  font-family: abc;
 font-weight: bolder;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* this change the color of the texts under each column in the footer when over over the texts */
.footer-section .footer-menu__link-item:hover{
  color: #333333;
}
.footer-section .footer-menu__link-item:focus{
  color: #333333;
}

/* The word SPACES is between the Privacy Policy line and the Copyright line at the bottom of the footer to create
   spaces between the 2 lines.  This makes the word spaces the same color as the backbround of the footer */
li.blank-line-between{
  color: #ffffff;
} 


/*
.footer-section__credits{
  padding-left: 540px;
  margin-right: 540px;
}
*/
/******* Bottom Footer Padding and Margin *******/
/* This adjust the left and right of the copyright line and the line right above the copyright line in the footer */
@media (max-width: 480px){
  .footer-section__credits{
    padding-left: 5px; /* 25px; /* 70px */
    margin-right: 5px; /* 25px; /* 70px */ 
}
}

/* Home Page slideshow */
#shopify-section-template--17603569811628__slideshow h1{
   font-family: abc;
  font-weight: 800; 
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.PopupModal-Title-popup_bf64DW{
   font-family: abc;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}



********************************************



/* this makes the boldness of font the same on both Mac computers and PC computers 
*{
  font-synthesis: bold !important;   none !important; is to to make the boldness the same on Mac and PC 
}
*/



/******* LOGIN *******/

/* LOGIN screen - this changes background color of buttons in account icon in main menu at the top, contact us link in footer */
#shopify-section-template--17603569975468__main .button.button.button--cta.button--solid{
  background-color: #727272;
  font-family: abc;
  font-size: 16px;
  color: #ffffff;
    font-weight: normal;
}
/* Button in the Account Login screen - this code and the one above together format the texts in the buton */
.button.button.button--cta.button--solid{
  font-family: abc;
  font-size: 15px;
  font-weight: normal;
  background-color: #333333;
}

.button.button.button--cta.button--solid:focus,
.button.button.button--cta.button--solid:hover{
  background-color: #727272;
}
/* Hover over color of "Forgot Your Password" and "Create Password" link in account icon in main menu at the top */
.main-login__content.mx-auto .text-primary-text-70:focus,
.main-login__content.mx-auto .text-primary-text-70:hover{
  color: #333333;
}
/* add space above the word Login in the Login page after clicking the account icon */
.main-login__container h1{
padding-top: 120px;
}
.main-login__content.mx-auto{
  font-family: abc;
  font-size: 10px;
}
.main-login__content label{
  font-family: abc;
}
/* This adds space below the SIGN IN button in the login screen after clicking the Login icon */
.main-login__container{
  padding-bottom: 550px;
}



/* This adds space below the image that is below the login section in the Login screen
#shopify-section-template--17603569975468__image_with_text_hCmG6w{
  padding-bottom: 500px;
}
#shopify-section-template--17603569975468__image_with_text_hCmG6w h4{
  color: #000000;
  font-size: 22px;
}
#shopify-section-template--17603569975468__image_with_text_hCmG6w h6{
  color: #9c9595;
  font-size: 12px;
}
#shopify-section-template--17603569975468__image_with_text_hCmG6w .button.button--outline{
  color: #727272;
  font-size: 15px;
  line-height: 32px;
  font-family: abc;
  border-color: #727272;
  font-weight: 400px;
}
#shopify-section-template--17603569975468__image_with_text_hCmG6w .button.button--outline:hover{
  background-color: #333333;
border-color: #333333;
  color: #ffffff;
}
#shopify-section-template--17603569975468__image_with_text_hCmG6w .button.button--outline:focus{
  background-color: #333333;
border-color: #333333;
  color: #ffffff;
}

*/



/******* Search bar screen *******/

/* .py-section and .main-search below must be used together to add space below the Search bar */
#shopify-section-template--17603569516716__main .py-section{
  margin-bottom: 140px;
  padding-top:  used to be 90px;
}
.main-search{
  padding-bottom: 700px;
}

/* This formats texts to the right of the image below the Search bar in the Search screen, but the image was removed 
#shopify-section-template--17603569516716__image_with_text_kF93y9 .image-with-text__title{
   font-family: abc;
  font-size: 20px;
}
#shopify-section-template--17603569516716__image_with_text_kF93y9 h6{
  color: #9c9595;
  font-size: 12px;
}
#shopify-section-template--17603569516716__image_with_text_kF93y9 a.button.button--outline{
 font-size: 15px;
 border-color: #727272;
 color: #727272;
 line-height: 32px;
}
#shopify-section-template--17603569516716__image_with_text_kF93y9 a.button.button--outline:hover,
#shopify-section-template--17603569516716__image_with_text_kF93y9 a.button.button--outline:focus{
background-color: #332015;
border-color: #332015;
color: #ffffff;
font-size: 15px;
}

/* This adds space to below the image that is below the Search bar in the Search screen resulted from clicking the Search icon below, but to the right of the header 
#shopify-section-template--17603569516716__image_with_text_kF93y9{
padding-bottom: 500px;
}
  
*/



/******* Contact Us *******/

/* The below codes format the words and buttons to the right of the image that is below the email form */
#shopify-section-template--17603569549484__slideshow_KyUtcJ{
  margin-top: 120px;
  padding-bottom: 250px;
}

#shopify-section-template--17603569549484__slideshow_KyUtcJ h3{
  color: #ffffff;
  font-weight: bold;
  font-size: 25px;
  font-family: abc;
}
#shopify-section-template--17603569549484__slideshow_KyUtcJ p{
  color: #ffffff;
  font-family: abc;
  font-weight: normal;
  font-size: 12px;
}
#shopify-section-template--17603569549484__slideshow_KyUtcJ a.button.button--outline{
 font-size: 16px;
  color: #ffffff;
  border-color: #ffffff;
  font-family: abc;
}
#shopify-section-template--17603569549484__slideshow_KyUtcJ a.button.button--outline:hover,
#shopify-section-template--17603569549484__slideshow_KyUtcJ a.button.button--outline:focus{
background-color: #332015;
border-color: #332015;
color: #ffffff;
font-size: 16px;
}
/* This adds space below the email form */
#shopify-section-template--17603569549484{
  padding-bottom: 250px;
}
/* This formats the light grey border below the form in the CONTACT US screen */
#shopify-section-template--17603569549484__form .border-b{
  border-bottom-color: #ffffff;
}

/* This adds space below the image that is below the email form */
#shopify-section-template--17603569549484__slideshow_KyUtcJ{
  padding-bottom: 250px;
}
/* This formats the field names in the "CONTACT US" page */
.contact-form__contain label{
  font-family: abc;
  font-size: 12px;
  font-weight: normal;
}
/* This formats the words "CONTACT US" in the 'CONTACT US' page */
##shopify-section-template--17603569549484 h3{
  color: #727272;
  font-weight: bold;
  font-family: abc;
  font-size: 24px;
}
/* This format the email suppoert@safaroar.com in the "CONTACT US" PAGE */
#shopify-section-template--17603569549484 a{
  color: #727272;
}
/* This formats the word "SEND" inside the "SEND" button in the "CONTACT US" page */
#shopify-section-template--17603569549484 .button--solid{
  font-family: abc;
  font-weight: normal;
  font-size: 16px;
}


@media (max-width: 480px){
#shopify-section-template--17603569549484__slideshow_KyUtcJ h3{
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  font-family: abc;
}
#shopify-section-template--17603569549484__slideshow_KyUtcJ p{
  color: #ffffff;
  font-family: abc;
  font-weight: normal;
  font-size: 10px;
}
#shopify-section-template--17603569549484__slideshow_KyUtcJ a.button.button--outline{
 font-size: 13px;
  color: #ffffff;
  border-color: #ffffff;
  font-family: abc;
}
#shopify-section-template--17603569549484__slideshow_KyUtcJ a.button.button--outline:hover,
#shopify-section-template--17603569549484__slideshow_KyUtcJ a.button.button--outline:focus{
background-color: #332015;
border-color: #332015;
color: #ffffff;
font-size: 16px;
}
}


/* OUR STORY page */
/* About Us - Title*/
#shopify-section-template--17603569647788__rich_text_ttEk4L h3{
    font-family: abc;
  font-size: 20px;
  padding-top: 40px;
}
/* About US - Paragraph */
#shopify-section-template--17603569647788__rich_text_ttEk4L h5{
    font-family: abc;
  color: #9c9595;
  font-size: 13px;
}
#shopify-section-template--17603569647788__rich_text_ttEk4L .border-b{
  border: none;
}
  /* Lion Population - Paragraph */
#shopify-section-template--17603569647788__image_with_text_LGAARb h5{
   font-family: abc;
  color: #9c9595;
  font-size: 13px;
}
#shopify-section-template--17603569647788__image_with_text_LGAARb .border-b{
  border: none;
}
/* Making a Difference - Paragraph */
#shopify-section-template--17603569647788__image_with_text_JqeRXw h5{
     font-family: abc;
     color: #9c9595;
     font-size: 13px;
}
#shopify-section-template--17603569647788__image_with_text_JqeRXw h5{
 border: none;
}
#shopify-section-template--17603569647788__image_with_text_JqeRXw{
  padding-bottom: 80px;
}
#shopify-section-template--17603569647788__image_with_text_JqeRXw .border-b{
  border: none;
}

/* It looks like School Is Out.  Isn't It? */

#shopify-section-template--17603569647788__slideshow_cWRfTi h3{
    font-family: abc;
     color: #ffffff;
}
#shopify-section-template--17603569647788__slideshow_cWRfTi{
  margin-bottom: 80px;
}

/* Lioness showing love to her teenage son */

#shopify-section-template--17603569647788__image_with_text_bEERiN{
  padding-bottom: 80px;
}
#shopify-section-template--17603569647788__image_with_text_bEERiN .border-b{
  border: none;
}
#shopify-section-template--17603569647788__slideshow_rKMHBe{
  padding-bottom: 80px;
}



/***** Lion Cub image on Home page to show Wild Lion conservation *****/

#shopify-section-template--17603569811628__image_with_text_HrNwDK H4{
  font-family: abc;
  color: #000000;
  font-size: 26px;
}
#shopify-section-template--17603569811628__image_with_text_HrNwDK H6{
  font-family: abc;
  color: #9c9595;
  font-size: 14px;
}
#shopify-section-template--17603569811628__image_with_text_HrNwDK .button.button--outline{
  color: #727272;
  font-size: 15px;
  line-height: 32px;
  font-family: abc;
  border-color: #727272;
  font-weight: 400px;
}
#shopify-section-template--17603569811628__image_with_text_HrNwDK .button.button--outline:hover{
  background-color: #333333;
border-color: #333333;
  color: #ffffff;
}
#shopify-section-template--17603569811628__image_with_text_HrNwDK .button.button--outline:focus{
  background-color: #333333;
border-color: #333333;
  color: #ffffff;
} 
/* light grey line right below the image_with_text to separate it from the section below it on the Home page */
#shopify-section-template--17603569811628__image_with_text_HrNwDK .border-b{
border-color: #ffffff;
}








/***** Lion Family Picnic *****/

#shopify-section-template--17603569647788__slideshow_jrCBx9{
  padding-bottom: 80px;
}
#shopify-section-template--17603569647788__slideshow_jrCBx9 h5{
      font-family: abc;
     color: #ffffff;
     font-size: 15px;
}
#shopify-section-template--17603569647788__slideshow_jrCBx9 h2{
     font-family: abc;
     color: #ffffff;
  font-size: 40px;
}  


@media (max-width: 480px){
/* Lion Family Picnic */
#shopify-section-template--17603569647788__slideshow_jrCBx9 h5{
      font-family: abc;
     color: #ffffff;
     font-size: 10px;
}
#shopify-section-template--17603569647788__slideshow_jrCBx9 h2{
  font-size: 20px;
  font-weight: 800px
  
}  
/* About Us paragraph under the slide in the About Us page */
#shopify-section-template--17603569647788__rich_text_ttEk4L h5, h3{
  text-align: left;
}  
}  


/* these format the items in the mini Shopping Bag that pops out after clicking the "ADD TO BAG" button */

.hc-cart-contoiner input[type=number]{
  font-size: 13px;
}
.hc-cart-items{
  font-family: abc;
}
.hc-item-color{
  font-size: 10px;
}
.hc-item-size{
  font-size: 10px;
}
.hc-item_price{
  font-size: 12px;
  font-weight: 400;
}
.hc-remove.hc-clickable{
  font-size: 10px;
}


/* formatting texts in the Product Details tab in the page that has the "Add To Bag" button */
@media (max-width: 767px){
  body.gradient{
    background-color:  #000000 !important;} 
}
.product__description-container p{
  color: #727272; /* color of title of each paragraph */
}
.product__description-container .rte{
    font-family: abc;
  color: #9c9595;   /* color of texts in the paragraph */
  font-size: 13px;
  font-weight: 500;
}


/******* HOME PAGE *******/


/* space below the slide at the top of the Home page */

/* This formats texts in the slide at the top of the Home page */
#shopify-section-template--17603569811628__slideshow p{
  font-family: abc;
  font-weight: normal;
  color: #ffffff;
}

/* This formats the button in the slide at the top of the Home page */
#shopify-section-template--17603569811628__slideshow .button.button--outline{
  font-size: 20px;
  width: 230px;
 align-content: center; 
  color: #332015;
  background-color: #ffffff;
/* box-sizing: content; */
  padding: 0px;
  line-height: 40px;
  font-weight: normal;
  font-family: abc;
  background-color: transparent;
  border-width: 4px;
  color: #ffffff;
}
#shopify-section-template--17603569811628__slideshow .button.button--outline:hover{
background-color: #ffffff;    /* #332015; */
  color: #000000;
    border-color: #ffffff;
}
#shopify-section-template--17603569811628__slideshow .button.button--outline:focus{
background-color: #ffffff;    /* #332015; */
  color: #000000;
    border-color: #ffffff;
}

/* This formats the button in the slide at the top of the Home page */
@media (max-width: 480px){
#shopify-section-template--17603569811628__slideshow .button.button--outline{
  font-size: 17px;
  width: 180px;
 align-content: center; 
  /* color: #332015; */
  color: #ffffff;
  background-color: #ffffff;
/* box-sizing: content; */
  padding: 0px;
  line-height: 30px;
  font-weight: 600;
  background-color: transparent;
}
}



/******* This formats the button in the beach slide that shows the socks and shoes on the Home page *******/

#shopify-section-template--17603569811628__slideshow_rLDXYR  h2{
  color: #ffffff;
  font-weight: 600;
}

#shopify-section-template--17603569811628__slideshow_rLDXYR P{
  font-family: abc;
  font-size: 18px;
  font-weight: 500px;
  color: #ffffff;
}
#shopify-section-template--17603569811628__slideshow_rLDXYR .button.button--outline{
  font-size: 20px;
  width: 260px;
text-align: center; 
  color: #ffffff;
  background-color: transparent;
/* box-sizing: content; */
  padding: 0px;
  line-height: 32px;
  font-weight: 600px;
  font-family: abc;
border-color: #ffffff;
  border-width: 4px;
  /* margin-bottom: 30px; */
}
#shopify-section-template--17603569811628__slideshow_rLDXYR .button.button--outline:hover{
background-color: #333333;
  color: #ffffff;
    border-color: #333333;
}
#shopify-section-template--17603569811628__slideshow_rLDXYR .button.button--outline:focus{
background-color: #333333;
  color: #ffffff;
    border-color: #333333;
}  
#shopify-section-template--17603569811628__slideshow_rLDXYR{
  padding-top: 25px;
  padding-bottom: 25px;
}


/* This formats the button in the slide that shows the socks and shoes on the Home page */
@media (max-width: 480px){
#shopify-section-template--17603569811628__slideshow_rLDXYR  h2{
  color: #ffffff;
  font-weight: 800;
  font-size: 18px;
}  
#shopify-section-template--17603569811628__slideshow_rLDXYR P{
  font-family: abc;
  font-size: 11px;
  font-weight: 500px;
  color: #ffffff;
  padding-left: 50px;
  padding-right: 50PX;
}  
#shopify-section-template--17603569811628__slideshow_rLDXYR .button.button--outline{
  font-size: 13px;
  width: 185px;
 align-content: center; 
  color: #ffffff;
  background-color: transparent;
/* box-sizing: content; */
  padding: 0px;
  line-height: 22px;
  font-weight: 600;
  border-color: #ffffff;
  margin-bottom: 0px;
}
#shopify-section-template--17603569811628__slideshow_rLDXYR .button.button--outline:hover{
background-color: #332015;
  color: #ffffff;
    border-color: #332015;
}
#shopify-section-template--17603569811628__slideshow_rLDXYR .button.button--outline:focus{
background-color: #332015;
  color: #ffffff;
    border-color: #332015;
}
}



/******* Format texts in LION FAMILY BONDING video on the Home page *******/

/* space below the "Lion Family Bonding" video on the Home page */
#shopify-section-template--17603569811628__slideshow_pdKzpN{
  padding-bottom: 0px;
  padding-top: 70px;
}
 
#shopify-section-template--17603569811628__slideshow_pdKzpN h2{
  color: #ffffff;
  font-size: 28px;
}
#shopify-section-template--17603569811628__slideshow_pdKzpN h5{
  color: #ffffff;
  font-size: 14px;
}
#shopify-section-template--17603569811628__slideshow_pdKzpN .button.button--outline{
  font-size: 15px;
  width: 350px;
align-content: center;
  color: #ffffff;
line-height: 32px;
  padding: 0px;
  font-weight: 400px;
  font-family: abc;
  
}
#shopify-section-template--17603569811628__slideshow_pdKzpN .button.button--outline:hover{
background-color: #332015;
border-color: #332015;
  color: #ffffff;
}
#shopify-section-template--17603569811628__slideshow_pdKzpN .button.button--outline:focus{
background-color: #332015;
  border-color: #332015;
  color: #ffffff;
}

/*******      Mobile       *******/

/******* Lion Family Bonding at bottom of Home Page *******/
@media (max-width: 480px){
#shopify-section-template--17603569811628__slideshow_pdKzpN h2{
  color: #ffffff;
  font-size: 19px;
}
#shopify-section-template--17603569811628__slideshow_pdKzpN h5{
  color: #ffffff;
  font-size: 11px;
}
#shopify-section-template--17603569811628__slideshow_pdKzpN .button.button--outline{
  font-size: 14px;
  width: 320px;
  align-content: center;
  color: #ffffff;
  padding: 0px;
  line-height: 20px;
  font-family: abc;
}
#shopify-section-template--17603569811628__slideshow_pdKzpN .button.button--outline:hover{
background-color: #332015;
border-color: #332015;
  color: #ffffff;
}
#shopify-section-template--17603569811628__slideshow_pdKzpN .button.button--outline:focus{
background-color: #332015;
  border-color: #332015;
  color: #ffffff;
}
#shopify-section-template--17603569811628__slideshow_pdKzpN{
  padding-bottom: 0px;
}  
}




/******* Site Background Color and Black Bar on Mobile *******/

/* This changes the background color of section right above the thick black bar that is right above the header on the mobile */
.font-body.bg-section-background{
  background-color: #ffffff;
}
/* this changes the background color right below the Copyright line at the bottom of the footer */
  html.js {
    background-color: #ffffff; /* #332015; dark brown 09192025 */
}
.collection__grid-item .title-wrapper {
  border-color: #000000;
  color: #ffffff;
}




/******* Women and Men collections on Home page ******/

/* This adds space above the Women and Men collection grid that is right below the Home page slideshow */ 
#shopify-section-template--17603569811628__featured_grid{
  padding-top: 10px;
}
/* This format the Men and Women collection name/collection title under collection image on the Home page */
#shopify-section-template--17603569811628__featured_grid .text-center{
    color: #000000;
  font-size: 24px;
  font-family: abc;
  font-weight: 800px;
}

/* this removes the thin light grey border at the bottom of the Men and Women collection section on the Home Page */
#shopify-section-template--17603569811628__featured_grid .border-b{
  border-color: #ffffff;
}




/******* ALL PRODUCTS screen *******/

/* This formats the words "ALL PRODUCTS" in the "ALL PRODUCTS" page */
#shopify-section-template--17603569746092__collection .collection__title{
  color: #332015;
  font-weight: 800px;
}

/* This adds space below the ALL PRODUCTS page */
#shopify-section-template--17603569746092__collection{
  padding-bottom: 150px;
  padding-top: 80px;
}

@media (max-width: 480px){
/* This adds space below the ALL PRODUCTS page */
#shopify-section-template--17603569746092__collection{
  padding-bottom: 150px;
  padding-top: 40px;
  font-size: 20px;
  font-weight: 800px;
}
}



@media (max-width: 480px){
/* This format the Men and Women collection name/collection title under collection image on the Home page */
#shopify-section-template--17603569811628__featured_grid .text-center{
    color: #000000;
  font-size: 20px;
  font-family: abc;
  font-weight: 800px;
}
}





/******* Women and Men Collection Pages *******/

/* This formats collection name above the Women's collection page */
#shopify-section-template--17603569582252__collection .collection__title{
   /* display: none!important; This makes the collection title not show */
  font-weight: bold;
  color: #332015;
  padding-top: 30px;
  font-family: abc;
}

/* This formats collection name above the Men's collection page */
#shopify-section-template--17603569615020__collection .collection__title{
  /* display: none!important; This makes the collection title not show */
  font-weight: bold;
  color: #332015;
  padding-top: 30px;
  font-family: abc;
  padding-bottom: 20px;
}
#shopify-section-template--17603569615020__collection{
  padding-bottom: 80px;
}

/* This adds space below the Women's collection page and above the footer */
#shopify-section-template--17603569582252__slideshow_3HEEYW{
  padding-bottom: 80px;
  padding-top: 80px;
}

/******* MOBILE phone *******/

@media (max-width: 480px){
/* This formats collection name above the Women's collection page */
#shopify-section-template--17603569582252__collection .collection__title{
   /* display: none!important; This makes the collection title not show */
  font-weight: bold;
  color: #332015;
  padding-top: 30px;
  font-family: abc;
  font-size: 20px;
}

/* This formats collection name above the Men's collection page */
#shopify-section-template--17550528282796__collection .collection__title{
  /* display: none!important; This makes the collection title not show */
  font-weight: bold;
  color: #332015;
  padding-top: 30px;
  font-family: abc;
  padding-bottom: 20px;
  font-size: 20px;
}
/* This adds space below the Women's collection page and above the footer */
#shopify-section-template--17603569582252__slideshow_3HEEYW{
  padding-bottom: 80px;
  padding-top: 80px;
}  
}




/******* Redirect the click on the 'CONTINUE SHOPPING' button in the SHOPPING BAG screen:

The <a href line below that was commented out is on line 63 in the hc-mini-cart-tempplate.liquid file in the snippets folder.  
Replacing href="{{routes.all_products_collection_url}}" with href="/" direct the user to the Home page when the user clicks the "CONTINUE SHOPPING" button
in the SHOPPING BAG".  In the main-cart-items.liquid file in the sections folder, there is a line that is exactly the same as the <a href line shown
shown below, but no change needs to made to that line.

{% comment %}  <a href="{{ routes.all_products_collection_url }}" class="button button--outline">{{ 'general.continue_shopping' | t }}</a></p>  {% endcomment %}
<a href="/" class="button button--outline">{{ 'general.continue_shopping' | t }}</a></p>        

*******/      


/******* LOGIN

Replacing <h1 class="text-3xl md:text-4xl text-center" tabindex="-1">{{ 'customer.login_page.title' | t }}</h1> in the code below with 
<h1 class="text-3xl md:text-4xl text-center" tabindex="-1">ACCOUNT LOGIN</h1> makes the title "LOGIN" 
at the top of the LOGIN page read as ACCOUNT LOGIN. 

The code below is from line 46 in the main-login.liquid file in the "sections" folder.

    <div id="login" tabindex="-1" class="main-login__header mb-6 pb-4 border-b border-primary-section-border"> 
    {% comment %} <h1 class="text-3xl md:text-4xl text-center" tabindex="-1">{{ 'customer.login_page.title' | t }}</h1> {% endcomment %}
    <h1 class="text-3xl md:text-4xl text-center" tabindex="-1">ACCOUNT LOGIN</h1>    
    </div>
    <div class="main-login__content mx-auto">

The code below is on line 216 from the "header-top.liquid" file in the "sections" is used to add the word "My" to the front of the word "Account",
so that in the hamburger screen on the mobile phone shows "MY ACCOUNT", instead of "ACCOUNT".

    <a href="{{ routes.account_login_url }}" class="header-top__link">My Account</a>
*******/



/* This increases the size of the header name "SAFAROAR" in the Mobile phone - The setting on the desktop is 420px or 480px */
@media (max-width: 480px){
  .header-primary__link{
  height: 35px; /* 40px as of 09-24-2025, but 30px makes the space above and below the header even */ /* 42px */
min-width: 290px;  /* this changes the size of the header.  380px as of 09-24-2025 */
/* padding-top: -40px; */
/* padding-bottom: 16px; */
  }
}

/* This formats the header name "SAFAROAR" in the Hamburger screen on Mobile phone */
#MenuDrawer .header-primary__link{
  min-width: 300px;
  padding-top: 10px;
}

/* This formats the letter X in the upper corner of the Hamburger screen on Mobile phone */
.header-primary__heading-close-btn{
  padding-top: 15px;
}

/* This is to remove the cicle with the big letter S inside, which is a Shopify logo, from popping up in the lower left corner 
of the screen when enable the Cookie popup for the customer to accept or reject cookie */
#admin-bar-iframe{
  display: none !important;
}





/* This format the Email Subscription that is above the footer on the Home page 
#shopify-section-template--17603569811628__email_signup_EtYReV .text-2xl{
  color: #b1abab;
  font-size: 22px;
}
#shopify-section-template--17603569811628__email_signup_EtYReV p{
  color: #9c9595;
  font-family: abc;
  font-weight: 600px;
  font-size: 13px;
}
input#Email-template--17603569811628__email_signup_EtYReV-newsletter-section{
  border-color: #9c9595;
  border-width: 3px;
  border-radius: 8px;
  color: #9c9595;
  font-size: 18px;
width: 100px;
}
#shopify-section-template--17603569811628__email_signup_EtYReV input::placeholder,
textarea::placeholder{
  color: #9c9595;
  font-family: abc;
  font-weight: 600px;
  font-size: 13px;
  width: 100px;
}
#shopify-section-template--17603569811628__email_signup_EtYReV input[type='email']{
  font-weight: 600px;
  font-family: abc;
  font-size: 13px;
  width: 100px;
} 
#shopify-section-template--17603569811628__email_signup_EtYReV .email-subscription button:hover{
   background-color: #9c9595;
  border-color: #9c9595;
  color: #332015;
}
#shopify-section-template--17603569811628__email_signup_EtYReV .email-subscription button:focus{
  background-color: #9c9595;
  border-color: #9c9595;
    color: #332015;
}
#shopify-section-template--17603569811628__email_signup_EtYReV .max-w-lg{
  max-width: 27rem;
}
#shopify-section-template--17603569811628__email_signup_EtYReV{
  padding-bottom: 120px;
}
div#Section-template--17603569811628__slideshow_pdKzpN {
  padding-bottom: 0rem;
}
@media (max-width: 480px){
/* #shopify-section-template--17603569811628__email_signup_EtYReV{
  display: none !important;
} 
div#Section-template--17603569811628__slideshow_pdKzpN {
  padding-bottom: 0rem;
}
}
*/

/* Remove space below the Lion Family video right above the footer */
#Section-template--17603569811628__slideshow_pdKzpN{
  padding-bottom: 0px;
}


/* This format the Email Subscription that is above the footer in the About Us page */
#shopify-section-template--17603569647788__email_signup_nhwATd{
  background-color: #ffffff; /* #fcfbfb */
  padding-bottom: 120px; /* margin-bottom: 150px; */
}
#shopify-section-template--17603569647788__email_signup_nhwATd .text-2xl{
  color: #9c9595;
  font-size: 22px;
  text-align: center;
  font-family: abc;
  font-weight: 600px;
}
#shopify-section-template--17603569647788__email_signup_nhwATd p{
  color: #9c9595;
  font-family: abc;
  font-weight: 600px;
  font-size: 12px;
}
/* this formats the long box that has the word "Enter Email Address" */
input#Email-template--17603569647788__email_signup_nhwATd-newsletter-section{
  border-color: #ececec; /*  #fcfbfb; */
  border-width: 4px;
  border-radius: 8px;
  color: #9c9595;
width: 230px;
line-height: 14px;
font-size: 12px;
font-family: abc;
font-weight: 600px;
background-color: #ffffff; /* #fcfbfb */
height: 47px;
 
}
/* This formats the words " Enter Email Address" in the long box  */
#shopify-section-template--17603569647788__email_signup_nhwATd input::placeholder,
textarea::placeholder{
  color: #9c9595;
  font-family: abc;
  font-weight: 600px;
  font-size: 12px;
  line-height: 14px;


}
/* this formats what is typed into the long box that has the word "Enter Email Address" */
#shopify-section-template--17603569647788__email_signup_nhwATd input[type='email']{
  font-weight: 600px;
  font-family: abc;
  font-size: 12px;
    color: #9c9595;
} 

button#Subscribe-template--17603569647788__email_signup_nhwATd-newsletter-section{
line-height: 14px;
  font-size: 12px;
  font-weight: 600px;
     -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;  
  background-color: #ffffff; /* #fcfbfb; */
  border-color: #ececec; /* #b1abab; */
  color: #9c9595;
  font-family: abc;
  border-width: 4px;
  height: 47px;
}

button#Subscribe-template--17603569647788__email_signup_nhwATd-newsletter-section:hover{
  background-color: #9c9595;
   border-color: #9c9595;
    color: #ffffff;
}

button#Subscribe-template--17603569647788__email_signup_nhwATd-newsletter-section:focus{
 background-color: #9c9595;
   border-color: #9c9595;
    color: #ffffff;
}

#shopify-section-template--17603569647788__slideshow_jrCBx9{
  padding-bottom: 0px;
}

div#Section-template--17603569647788__slideshow_jrCBx9{
  padding-bottom: 0rem;
}

/* length of the email subscription box */
#shopify-section-template--17603569647788__email_signup_nhwATd .max-w-lg{
  max-width: 390px;
  height: 50px;
  line-height: 20px;
}


  @media (max-width: 480px){
/* #shopify-section-template--17603569647788__email_signup_nhwATd{
  display: none !important;  This is to not display the email subscription right above the footer in the About Us page on the Mobile Phone 
} */

#shopify-section-template--17603569647788__email_signup_nhwATd .max-w-lg{
  max-width: 390px;
  height: 70px;
  line-height: 25px;
  cursor: pointer;
  margin-left: -1px;
  margin-right: -1px;
}    
#shopify-section-template--17603569647788__email_signup_nhwATd{
  background-color: #fcfbfb;
  padding-bottom: 40px; /* margin-bottom: 150px; */ 
}

#shopify-section-template--17603569647788__email_signup_nhwATd p{
  font-size: 12px;
}
    
/* text in the button to submit the email */
button#Subscribe-template--17603569647788__email_signup_nhwATd-newsletter-section{
line-height: 17px;
  font-size: 12px;
   color: #9c9595; /* #b1abab; */
  font-family: abc;
  font-weight: 500px;
}  
input#Email-template--17603569647788__email_signup_nhwATd-newsletter-section{
  line-height: 17px;
}    

#shopify-section-template--17603569647788__email_signup_nhwATd .text-2xl{
  text-align: center;
}    
}




 /* This format the Cookies popup when user enter the site was able to change font family, but not color.*/
.shopify-pc__banner__wrapper{
  font-family: abc;
  font-weight: normal;
  color: #727272;
}
.shopify-pc__banner__body p{
  font-size: 14px;
}
button#shopify-pc__banner__btn-manage-prefs:hover,
button#shopify-pc__banner__btn-manage-prefs:focus{
    color: #727272;
}
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept:hover,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept:focus{
  background-color: #332015;
  border-color: #332015;
  color: #ffffff; 
}
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline:hover,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline:focus{
   background-color: #332015;
  border-color: #332015;
  color: #ffffff; 
}



#shopify-section-template--17603569909932__rich_text_imTght{
  padding-bottom: 200px;
}

#shopify-section-template--17603569909932__rich_text_imTght .border-b{
  border: none;
}
#shopify-section-template--17603569909932__main{
  padding-top: 40px;
}


/*******  Format price in collection page *******/
/* This formats the word "SALE" inside the product image.  The word SALE shows only when there is a Sale Price */
.product-card__labels .label{
  color: #000000;
  background-color: transparent;
  height: 40px; /* background height */
  width: 40p;
  font-size: 30px;
  text-align: center;
  font-family: abc;
  font-weight: 400px;
}

/* This formats price under the product image in the collection */
.product-card__price .price{
  font-size: 18px;
  font-family: abc;
  font-weight: normal;
  color: #333333;
  padding-top: 7px;
}

/*******  Sale Price formatting  *******/

/* Sale Price 
.price__sale{
  color: red !important;
} */
/* Original Price with a line through it 
.product-card__price .price-item--compare{
  color: #727272;
} */


.footer-section{
  background-color: #ffffff; /* #332015; dark brown 09192025 */
}


  @media (max-width: 480px){
  .footer-section{
    background-color: #fcfbfb;
  }

/* format the column headings in the Footer */
.footer-menu__title{
  font-family: abc;
  font-size: 17px;
  color: #333333; /* #d4cbcb; this is brighter than #b1abab /* #d9d0d0; /*#ddd4d4; /* #fcfbfb; */
  font-weight: 700;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  align-items: left;
}  

/* This formats items under column heading in Footer section */
.footer-section .footer-menu__link-item{
  font-size: 13px;
  line-height: 1.7rem;
  color: #b1abab; 
  font-family: abc;
 font-weight: bolder;
    -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
  }

 

svg{
  height: 14px;
  width: 14px;
}

/* size of the hamburger menu in the mobile phone or other mobile device */
svg.icon{
  height: 22px;
  width: 22px;
}

/*    this code is to adjust the size of the search icon and the Hamburger below the header in the mobile phone
@media screen and (max-width: 767px){

.header-top svg{
  height: 18px;
  width: 18px;

svg.icon{
  height: 22px;
  width: 22px;
}
}    
*/
/* Adjusting the size of the LOGIN and SHOPPING bag icons, use the akuna.css file */


/*
.header-top__search{
  display: none !important;
}
*/

/* To make the images keep sliding from right to left even when the mouse is hovered over the image in the slideshow
set pauseOnHover and pauseOnFocus to false in the code that starts with 
"const I18N = {..." on line 2269 in the package-splide.js file.  The pauseOnHover: false; and pauseOnfocus: false;
are on line 2278 and 2279, respectively. */

/* This makes the had icon show when hovering the mouse over the header "SAFAROAR" at the top of the home page */
.header-primary__link{
  cursor: pointer;
}