/** Shopify CDN: Minification failed

Line 7518:32 Unexpected "--right"

**/
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/main.css ***!
  \**********************************************************************************************************************************************************************/
/*
  Moonbase Stylesheets 🚀
  - Make sure to use @layer base, @layer components and @layer utilities to ensure that your styles are applied in the correct order.
    - The base layer is for things like reset rules or default styles applied to plain HTML elements.
    - The components layer is for class-based styles that you want to be able to override with utilities.
    - The utilities layer is for small, single-purpose classes that should always take precedence over any other styles.
    - ref: https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layer
*/

/**
 * Tailwind CSS Required Files
**/

/*
  ! tailwindcss v3.3.1 | 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.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: gill-sans-nova, Helvetica, Arial, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

label{
  font-size: 0.75rem;
  line-height: 1rem;
}

label:hover{
  cursor: pointer;
}

.input,
  input[type="text"],
  input[type="email"], 
  input[type="password"]{
  width: 100%;
  resize: none;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.24px;
}

.input::placeholder,
  input[type="text"]::placeholder,
  input[type="email"]::placeholder, 
  input[type="password"]::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(119 119 119 / var(--tw-placeholder-opacity));
}

.input,
  input[type="text"],
  input[type="email"], 
  input[type="password"]{
  transition-duration: 200ms;
}

.input:focus,
  input[type="text"]:focus,
  input[type="email"]:focus, 
  input[type="password"]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.input:focus-visible,
  input[type="text"]:focus-visible,
  input[type="email"]:focus-visible, 
  input[type="password"]:focus-visible{
  outline-color: #f9fafb;
}

input{
  padding: 0.5rem;
}

textarea{
  padding: 0.5rem;
}

.form-select{
  width: 100%;
  resize: none;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding: 1rem;
}

select{
  font-size: 0.75rem;
  line-height: 1rem;
}

.form-checkbox,
  .form-radio{
  margin-right: 0.25rem;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  user-select: none;
  resize: none;
  appearance: none;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-origin: border-box;
  padding: 0px;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(226 226 219 / var(--tw-text-opacity));
}

.form-checkbox:hover,
  .form-radio:hover{
  cursor: pointer;
  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(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-opacity: 1;
  --tw-ring-color: rgb(226 226 219 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
}

.form-checkbox{
  border-radius: 0px;
}

.form-radio{
  border-radius: 9999px;
}

.form-checkbox:checked,
  .form-radio:checked{
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 219 / var(--tw-bg-opacity));
  background-size: cover;
  background-repeat: no-repeat;
}

.form-checkbox:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.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'/%3e%3c/svg%3e")
  }

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

h1,.h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
  margin-bottom: 0px;
  margin-top: 1rem;
}

h1, .h1{
  font-family: FK Roman, Georgia, Times New Roman, serif;
  font-size: 1.5rem;
  line-height: 2rem;
}

@media (min-width: 768px){

  h1, .h1{
    font-size: 3rem;
    line-height: 3.913rem;
  }
}

h2, .h2{
  font-family: FK Roman, Georgia, Times New Roman, serif;
  font-size: 1.25rem;
  line-height: 1.631;
}

@media (min-width: 768px){

  h2, .h2{
    font-size: 2.25rem;
    line-height: 3rem;
  }
}

h3, .h3{
  font-family: FK Roman, Georgia, Times New Roman, serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

@media (min-width: 768px){

  h3, .h3{
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}

h4, .h4{
  font-family: FK Roman, Georgia, Times New Roman, serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 768px){

  h4, .h4{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h5, .h5{
  font-size: 0.75rem;
  line-height: 1rem;
}

h6, .h6{
  font-size: 10px;
}

p{
  margin-top: 1rem;
}

code{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

*, ::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%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@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;
  }
}

.button{
  margin-bottom: 0px;
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.125rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 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);
  transition-duration: 200ms;
}

.content-card__content.button p{
  text-align: center;
}

.button:disabled{
  cursor: not-allowed;
  opacity: 0.5;
}

.button-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(33 32 32 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(119 119 119 / var(--tw-bg-opacity));
}

.button-primary:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 219 / var(--tw-bg-opacity));
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

.button-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

.button-secondary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(119 119 119 / var(--tw-bg-opacity));
}

.button-secondary:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.button-tertiary{
  --tw-bg-opacity: 1;
  background-color: rgb(225 187 135 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-tertiary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(179 140 90 / var(--tw-bg-opacity));
}

.button-tertiary:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(242 233 217 / var(--tw-bg-opacity));
}

.button-outline{
  box-sizing: border-box;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.button-outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(33 32 32 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-outline-inverse{
  box-sizing: border-box;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-pill{
  margin-right: 0.5rem;
  display: inline-block;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

.button-pill:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(119 119 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-pill {
      text-wrap: nowrap;
    }

.button-pill.active{
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-preorder{
  --tw-bg-opacity: 1;
  background-color: rgb(207 80 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

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

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.\!-bottom-3{
  bottom: -0.75rem !important;
}

.\!bottom-2{
  bottom: 0.5rem !important;
}

.\!left-0{
  left: 0px !important;
}

.\!left-10{
  left: 2.5rem !important;
}

.\!right-10{
  right: 2.5rem !important;
}

.\!right-\[-10px\]{
  right: -10px !important;
}

.-top-0{
  top: -0px;
}

.-top-0\.5{
  top: -0.125rem;
}

.bottom-0{
  bottom: 0px;
}

.bottom-3{
  bottom: 0.75rem;
}

.bottom-6{
  bottom: 1.5rem;
}

.left-0{
  left: 0px;
}

.left-1\/2{
  left: 50%;
}

.left-6{
  left: 1.5rem;
}

.left-8{
  left: 2rem;
}

.left-\[10px\]{
  left: 10px;
}

.left-\[20\%\]{
  left: 20%;
}

.left-\[25\%\]{
  left: 25%;
}

.left-\[5vw\]{
  left: 5vw;
}

.left-auto{
  left: auto;
}

.right-0{
  right: 0px;
}

.right-2{
  right: 0.5rem;
}

.right-3{
  right: 0.75rem;
}

.right-4{
  right: 1rem;
}

.right-5{
  right: 1.25rem;
}

.right-\[10px\]{
  right: 10px;
}

.top-0{
  top: 0px;
}

.top-0\.5{
  top: 0.125rem;
}

.top-1\/2{
  top: 50%;
}

.top-12{
  top: 3rem;
}

.top-2{
  top: 0.5rem;
}

.top-3{
  top: 0.75rem;
}

.top-8{
  top: 2rem;
}

.top-9{
  top: 2.25rem;
}

.top-\[10px\]{
  top: 10px;
}

.top-\[12rem\]{
  top: 12rem;
}

.top-\[23px\]{
  top: 23px;
}

.top-\[32\%\]{
  top: 32%;
}

.top-\[45\%\]{
  top: 45%;
}

.top-\[55\%\]{
  top: 55%;
}

.top-auto{
  top: auto;
}

.\!z-\[29\]{
  z-index: 29 !important;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-30{
  z-index: 30;
}

.z-\[18\]{
  z-index: 18;
}

.z-\[19\]{
  z-index: 19;
}

.z-\[1\]{
  z-index: 1;
}

.z-\[2\]{
  z-index: 2;
}

.z-\[3\]{
  z-index: 3;
}

.order-1{
  order: 1;
}

.order-2{
  order: 2;
}

.order-first{
  order: -9999;
}

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

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

.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-6{
  grid-column: span 6 / span 6;
}

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

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

.col-start-3{
  grid-column-start: 3;
}

.col-start-5{
  grid-column-start: 5;
}

.row-span-1{
  grid-row: span 1 / span 1;
}

.row-span-2{
  grid-row: span 2 / span 2;
}

.float-left{
  float: left;
}

.\!m-0{
  margin: 0px !important;
}

.m-0{
  margin: 0px;
}

.m-2{
  margin: 0.5rem;
}

.m-4{
  margin: 1rem;
}

.m-auto{
  margin: auto;
}

.\!mx-4{
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.\!mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}

.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-48{
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

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

.\!mb-4{
  margin-bottom: 1rem !important;
}

.\!mr-0{
  margin-right: 0px !important;
}

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

.-mr-\[2px\]{
  margin-right: -2px;
}

.-mt-40{
  margin-top: -10rem;
}

.-mt-\[1px\]{
  margin-top: -1px;
}

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

.mb-0\.5{
  margin-bottom: 0.125rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-2\.5{
  margin-bottom: 0.625rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.mb-9{
  margin-bottom: 2.25rem;
}

.mb-\[15px\]{
  margin-bottom: 15px;
}

.ml-0{
  margin-left: 0px;
}

.ml-1{
  margin-left: 0.25rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.ml-\[2px\]{
  margin-left: 2px;
}

.ml-auto{
  margin-left: auto;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-2{
  margin-right: 0.5rem;
}

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

.mr-5{
  margin-right: 1.25rem;
}

.mr-8{
  margin-right: 2rem;
}

.mr-auto{
  margin-right: auto;
}

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

.mt-1{
  margin-top: 0.25rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-24{
  margin-top: 6rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-4\.5{
  margin-top: 1.125rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-\[--top-margin-mobile\]{
  margin-top: var(--top-margin-mobile);
}

.mt-\[-5px\]{
  margin-top: -5px;
}

.mt-\[100\%\]{
  margin-top: 100%;
}

.mt-\[17px\]{
  margin-top: 17px;
}

.mt-auto{
  margin-top: auto;
}

.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.\!block{
  display: block !important;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.\!flex{
  display: flex !important;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.\!hidden{
  display: none !important;
}

.hidden{
  display: none;
}

.\!aspect-\[4\/5\]{
  aspect-ratio: 4/5 !important;
}

.\!aspect-auto{
  aspect-ratio: auto !important;
}

.aspect-\[3\/4\]{
  aspect-ratio: 3/4;
}

.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}

.aspect-\[9\/16\]{
  aspect-ratio: 9/16;
}

.aspect-portrait{
  aspect-ratio: 9 / 16;
}

.aspect-square{
  aspect-ratio: 1 / 1;
}

.aspect-video{
  aspect-ratio: 16 / 9;
}

.\!h-6{
  height: 1.5rem !important;
}

.\!h-7{
  height: 1.75rem !important;
}

.\!h-auto{
  height: auto !important;
}

.h-1{
  height: 0.25rem;
}

.h-12{
  height: 3rem;
}

.h-14{
  height: 3.5rem;
}

.h-2\/5{
  height: 40%;
}

.h-3{
  height: 0.75rem;
}

.h-4{
  height: 1rem;
}

.h-4\/5{
  height: 80%;
}

.h-40{
  height: 10rem;
}

.h-5{
  height: 1.25rem;
}

.h-52{
  height: 13rem;
}

.h-6{
  height: 1.5rem;
}

.h-7{
  height: 1.75rem;
}

.h-8{
  height: 2rem;
}

.h-9{
  height: 2.25rem;
}

.h-\[22px\]{
  height: 22px;
}

.h-\[2px\]{
  height: 2px;
}

.h-\[300px\]{
  height: 300px;
}

.h-\[50vh\]{
  height: 50vh;
}

.h-\[60vh\]{
  height: 60vh;
}

.h-\[80vh\]{
  height: 80vh;
}

.h-auto{
  height: auto;
}

.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}

.h-full{
  height: 100%;
}

.h-screen-1\/2{
  height: 50vh;
}

.h-screen-1\/3{
  height: 33.333333vh;
}

.h-screen-3\/4{
  height: 75vh;
}

.max-h-12{
  max-height: 3rem;
}

.max-h-60{
  max-height: 15rem;
}

.max-h-72{
  max-height: 18rem;
}

.max-h-9{
  max-height: 2.25rem;
}

.max-h-\[180px\]{
  max-height: 180px;
}

.max-h-\[36px\]{
  max-height: 36px;
}

.max-h-\[40px\]{
  max-height: 40px;
}

.max-h-\[50px\]{
  max-height: 50px;
}

.max-h-\[50vh\]{
  max-height: 50vh;
}

.max-h-\[60dvh\]{
  max-height: 60dvh;
}

.max-h-\[63dvh\]{
  max-height: 63dvh;
}

.max-h-\[80dvh\]{
  max-height: 80dvh;
}

.max-h-\[80vh\]{
  max-height: 80vh;
}

.max-h-fit{
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.min-h-\[30px\]{
  min-height: 30px;
}

.min-h-\[75vh\]{
  min-height: 75vh;
}

.min-h-full{
  min-height: 100%;
}

.\!w-6{
  width: 1.5rem !important;
}

.\!w-7{
  width: 1.75rem !important;
}

.\!w-fit{
  width: -moz-fit-content !important;
  width: fit-content !important;
}

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

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

.w-10{
  width: 2.5rem;
}

.w-11\/12{
  width: 91.666667%;
}

.w-12{
  width: 3rem;
}

.w-16{
  width: 4rem;
}

.w-2{
  width: 0.5rem;
}

.w-2\/3{
  width: 66.666667%;
}

.w-2\/6{
  width: 33.333333%;
}

.w-20{
  width: 5rem;
}

.w-3{
  width: 0.75rem;
}

.w-3\.5{
  width: 0.875rem;
}

.w-3\/4{
  width: 75%;
}

.w-3\/6{
  width: 50%;
}

.w-4{
  width: 1rem;
}

.w-5{
  width: 1.25rem;
}

.w-52{
  width: 13rem;
}

.w-6{
  width: 1.5rem;
}

.w-7{
  width: 1.75rem;
}

.w-8{
  width: 2rem;
}

.w-9{
  width: 2.25rem;
}

.w-\[100px\]{
  width: 100px;
}

.w-\[270px\]{
  width: 270px;
}

.w-\[34px\]{
  width: 34px;
}

.w-\[35px\]{
  width: 35px;
}

.w-\[36px\]{
  width: 36px;
}

.w-\[40px\]{
  width: 40px;
}

.w-\[42px\]{
  width: 42px;
}

.w-\[60\%\]{
  width: 60%;
}

.w-\[60px\]{
  width: 60px;
}

.w-\[70px\]{
  width: 70px;
}

.w-\[85px\]{
  width: 85px;
}

.w-auto{
  width: auto;
}

.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}

.w-full{
  width: 100%;
}

.w-max{
  width: max-content;
}

.w-screen{
  width: 100vw;
}

.min-w-\[104px\]{
  min-width: 104px;
}

.min-w-\[115px\]{
  min-width: 115px;
}

.min-w-\[200px\]{
  min-width: 200px;
}

.min-w-\[50\%\]{
  min-width: 50%;
}

.min-w-fit{
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.max-w-3xl{
  max-width: 48rem;
}

.max-w-5xl{
  max-width: 64rem;
}

.max-w-\[150px\]{
  max-width: 150px;
}

.max-w-\[240px\]{
  max-width: 240px;
}

.max-w-\[33vw\]{
  max-width: 33vw;
}

.max-w-\[400px\]{
  max-width: 400px;
}

.max-w-\[50\%\]{
  max-width: 50%;
}

.max-w-\[50px\]{
  max-width: 50px;
}

.max-w-\[95vw\]{
  max-width: 95vw;
}

.max-w-fit{
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.max-w-full{
  max-width: 100%;
}

.max-w-lg{
  max-width: 32rem;
}

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

.max-w-sm{
  max-width: 24rem;
}

.max-w-xs{
  max-width: 20rem;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-grow{
  flex-grow: 1;
}

.grow{
  flex-grow: 1;
}

.basis-1\/2{
  flex-basis: 50%;
}

.-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));
}

.-rotate-90{
  --tw-rotate: -90deg;
  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));
}

.rotate-180{
  --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));
}

.rotate-90{
  --tw-rotate: 90deg;
  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-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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));
}

.cursor-pointer{
  cursor: pointer;
}

.resize-none{
  resize: none;
}

.resize{
  resize: both;
}

.scroll-mt-20{
  scroll-margin-top: 5rem;
}

.scroll-mt-32{
  scroll-margin-top: 8rem;
}

.list-none{
  list-style-type: none;
}

.auto-rows-fr{
  grid-auto-rows: minmax(0, 1fr);
}

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

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

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

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

.grid-rows-1{
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.\!flex-row{
  flex-direction: row !important;
}

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

.flex-row-reverse{
  flex-direction: row-reverse;
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

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

.place-content-center{
  place-content: center;
}

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

.content-end{
  align-content: flex-end;
}

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

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

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

.items-baseline{
  align-items: baseline;
}

.\!justify-start{
  justify-content: flex-start !important;
}

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

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

.justify-center{
  justify-content: center;
}

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

.justify-items-center{
  justify-items: center;
}

.\!gap-0{
  gap: 0px !important;
}

.\!gap-4{
  gap: 1rem !important;
}

.\!gap-5{
  gap: 1.25rem !important;
}

.gap-0{
  gap: 0px;
}

.gap-1{
  gap: 0.25rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-8{
  gap: 2rem;
}

.\!gap-x-0{
  column-gap: 0px !important;
}

.\!gap-y-6{
  row-gap: 1.5rem !important;
}

.gap-x-2{
  column-gap: 0.5rem;
}

.gap-x-3{
  column-gap: 0.75rem;
}

.gap-x-4{
  column-gap: 1rem;
}

.gap-y-10{
  row-gap: 2.5rem;
}

.gap-y-4{
  row-gap: 1rem;
}

.self-start{
  align-self: flex-start;
}

.self-end{
  align-self: flex-end;
}

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

.self-stretch{
  align-self: stretch;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis{
  text-overflow: ellipsis;
}

.whitespace-normal{
  white-space: normal;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded-sm{
  border-radius: 0.125rem;
}

.rounded-tl-md{
  border-top-left-radius: 0.375rem;
}

.rounded-tr-md{
  border-top-right-radius: 0.375rem;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-2{
  border-width: 2px;
}

.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-r{
  border-right-width: 1px;
}

.border-t{
  border-top-width: 1px;
}

.border-none{
  border-style: none;
}

.\!border-primary-darkest{
  --tw-border-opacity: 1 !important;
  border-color: rgb(33 32 32 / var(--tw-border-opacity)) !important;
}

.border-\[\#E2E2DB\]{
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
}

.border-\[\#EEECE9\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 236 233 / var(--tw-border-opacity));
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-contrast-darkest{
  --tw-border-opacity: 1;
  border-color: rgb(33 32 32 / var(--tw-border-opacity));
}

.border-contrast-light{
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity));
}

.border-contrast-medium{
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
}

.border-primary-dark{
  --tw-border-opacity: 1;
  border-color: rgb(119 119 119 / var(--tw-border-opacity));
}

.border-primary-darkest{
  --tw-border-opacity: 1;
  border-color: rgb(33 32 32 / var(--tw-border-opacity));
}

.border-primary-light{
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity));
}

.border-primary-medium{
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
}

.border-status-error{
  --tw-border-opacity: 1;
  border-color: rgb(193 39 29 / var(--tw-border-opacity));
}

.border-steel{
  --tw-border-opacity: 1;
  border-color: rgb(222 228 221 / var(--tw-border-opacity));
}

.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#8BB646\]{
  --tw-bg-opacity: 1;
  background-color: rgb(139 182 70 / var(--tw-bg-opacity));
}

.bg-\[\#DEE4DD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(222 228 221 / var(--tw-bg-opacity));
}

.bg-\[\#E2E2DB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 219 / var(--tw-bg-opacity));
}

.bg-\[\#EEECE9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 236 233 / var(--tw-bg-opacity));
}

.bg-\[--background-colour\]{
  background-color: var(--background-colour);
}

.bg-\[--bg-color\]{
  background-color: var(--bg-color);
}

.bg-\[--content-background-colour\]{
  background-color: var(--content-background-colour);
}

.bg-\[var\(--bg-color\)\]{
  background-color: var(--bg-color);
}

.bg-contrast-darkest{
  --tw-bg-opacity: 1;
  background-color: rgb(33 32 32 / var(--tw-bg-opacity));
}

.bg-contrast-medium{
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 219 / var(--tw-bg-opacity));
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 219 / var(--tw-bg-opacity));
}

.bg-primary-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(119 119 119 / var(--tw-bg-opacity));
}

.bg-primary-darkest{
  --tw-bg-opacity: 1;
  background-color: rgb(33 32 32 / var(--tw-bg-opacity));
}

.bg-primary-light{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
}

.bg-primary-lightest{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-primary-medium{
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 219 / var(--tw-bg-opacity));
}

.bg-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(212 67 43 / var(--tw-bg-opacity));
}

.bg-secondary-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(159 50 32 / var(--tw-bg-opacity));
}

.bg-secondary-darkest{
  --tw-bg-opacity: 1;
  background-color: rgb(106 33 21 / var(--tw-bg-opacity));
}

.bg-secondary-light{
  --tw-bg-opacity: 1;
  background-color: rgb(223 114 96 / var(--tw-bg-opacity));
}

.bg-secondary-lightest{
  --tw-bg-opacity: 1;
  background-color: rgb(233 161 149 / var(--tw-bg-opacity));
}

.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.bg-status-error{
  --tw-bg-opacity: 1;
  background-color: rgb(193 39 29 / var(--tw-bg-opacity));
}

.bg-status-success{
  --tw-bg-opacity: 1;
  background-color: rgb(129 172 71 / var(--tw-bg-opacity));
}

.bg-status-warning{
  --tw-bg-opacity: 1;
  background-color: rgb(207 80 0 / var(--tw-bg-opacity));
}

.bg-steel{
  --tw-bg-opacity: 1;
  background-color: rgb(222 228 221 / var(--tw-bg-opacity));
}

.bg-tertiary{
  --tw-bg-opacity: 1;
  background-color: rgb(225 187 135 / var(--tw-bg-opacity));
}

.bg-tertiary-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(179 140 90 / var(--tw-bg-opacity));
}

.bg-tertiary-darkest{
  --tw-bg-opacity: 1;
  background-color: rgb(132 98 45 / var(--tw-bg-opacity));
}

.bg-tertiary-light{
  --tw-bg-opacity: 1;
  background-color: rgb(234 210 176 / var(--tw-bg-opacity));
}

.bg-tertiary-lightest{
  --tw-bg-opacity: 1;
  background-color: rgb(242 233 217 / var(--tw-bg-opacity));
}

.bg-transparent{
  background-color: transparent;
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-opacity-0{
  --tw-bg-opacity: 0;
}

.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}

.bg-opacity-80{
  --tw-bg-opacity: 0.8;
}

.bg-opacity-90{
  --tw-bg-opacity: 0.9;
}

.fill-gray-400{
  fill: #9ca3af;
}

.\!object-contain{
  object-fit: contain !important;
}

.object-contain{
  object-fit: contain;
}

.\!object-cover{
  object-fit: cover !important;
}

.object-cover{
  object-fit: cover;
}

.\!p-0{
  padding: 0px !important;
}

.p-0{
  padding: 0px;
}

.p-1{
  padding: 0.25rem;
}

.p-10{
  padding: 2.5rem;
}

.p-12{
  padding: 3rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

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

.px-24{
  padding-left: 6rem;
  padding-right: 6rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

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

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[6px\]{
  padding-left: 6px;
  padding-right: 6px;
}

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

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

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

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

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

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

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}

.\!pb-0{
  padding-bottom: 0px !important;
}

.\!pb-1{
  padding-bottom: 0.25rem !important;
}

.\!pb-1\.5{
  padding-bottom: 0.375rem !important;
}

.\!pb-12{
  padding-bottom: 3rem !important;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pb-24{
  padding-bottom: 6rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pl-0{
  padding-left: 0px;
}

.pl-10{
  padding-left: 2.5rem;
}

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

.pl-3{
  padding-left: 0.75rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pl-6{
  padding-left: 1.5rem;
}

.pr-0{
  padding-right: 0px;
}

.pr-4{
  padding-right: 1rem;
}

.pr-5{
  padding-right: 1.25rem;
}

.pr-6{
  padding-right: 1.5rem;
}

.pt-0{
  padding-top: 0px;
}

.pt-0\.5{
  padding-top: 0.125rem;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-20{
  padding-top: 5rem;
}

.pt-24{
  padding-top: 6rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-8{
  padding-top: 2rem;
}

.pt-9{
  padding-top: 2.25rem;
}

.\!text-left{
  text-align: left !important;
}

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

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

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

.font-body{
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
}

.font-heading{
  font-family: FK Roman, Georgia, Times New Roman, serif;
}

.font-sans{
  font-family: gill-sans-nova, Helvetica, Arial, sans-serif;
}

.font-serif{
  font-family: FK Roman, Times New Roman, serif;
}

.\!text-3xl{
  font-size: 1.875rem !important;
  line-height: 2.5rem !important;
}

.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

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

.\!text-xl{
  font-size: 1.25rem !important;
  line-height: 1.631 !important;
}

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

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

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.5rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 3rem;
}

.text-5xl{
  font-size: 3rem;
  line-height: 3.913rem;
}

.text-8xl{
  font-size: 6rem;
  line-height: 1;
}

.text-\[10px\]{
  font-size: 10px;
}

.text-\[11px\]{
  font-size: 11px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.5rem;
}

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

.text-xl{
  font-size: 1.25rem;
  line-height: 1.631;
}

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

.text-xxs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-xxxs{
  font-size: 0.625rem;
  line-height: 1rem;
}

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

.font-light{
  font-weight: 300;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.capitalize{
  text-transform: capitalize;
}

.normal-case{
  text-transform: none;
}

.italic{
  font-style: italic;
}

.\!leading-6{
  line-height: 1.5rem !important;
}

.\!leading-7{
  line-height: 1.75rem !important;
}

.\!leading-\[25\.6px\]{
  line-height: 25.6px !important;
}

.\!leading-\[26px\]{
  line-height: 26px !important;
}

.leading-10{
  line-height: 2.5rem;
}

.leading-4{
  line-height: 1rem;
}

.leading-5{
  line-height: 1.25rem;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-\[0\.6\]{
  line-height: 0.6;
}

.leading-\[20px\]{
  line-height: 20px;
}

.leading-\[3rem\]{
  line-height: 3rem;
}

.leading-none{
  line-height: 1;
}

.leading-normal{
  line-height: 1.5;
}

.tracking-\[0\.015rem\]{
  letter-spacing: 0.015rem;
}

.tracking-\[0\.24px\]{
  letter-spacing: 0.24px;
}

.tracking-\[0\.28px\]{
  letter-spacing: 0.28px;
}

.tracking-\[0\.32px\]{
  letter-spacing: 0.32px;
}

.tracking-\[0\.48px\]{
  letter-spacing: 0.48px;
}

.tracking-\[0\.56px\]{
  letter-spacing: 0.56px;
}

.tracking-\[0\.66px\]{
  letter-spacing: 0.66px;
}

.tracking-\[0\.72px\]{
  letter-spacing: 0.72px;
}

.tracking-\[1\.2px\]{
  letter-spacing: 1.2px;
}

.tracking-\[1\.6px\]{
  letter-spacing: 1.6px;
}

.tracking-lg{
  letter-spacing: 0.72px;
}

.tracking-sm{
  letter-spacing: 0.28px;
}

.tracking-wide{
  letter-spacing: 0.025em;
}

.tracking-wider{
  letter-spacing: 0.05em;
}

.tracking-widest{
  letter-spacing: 0.1em;
}

.\!text-\[\#D0B690\]{
  --tw-text-opacity: 1 !important;
  color: rgb(208 182 144 / var(--tw-text-opacity)) !important;
}

.\!text-primary-dark{
  --tw-text-opacity: 1 !important;
  color: rgb(119 119 119 / var(--tw-text-opacity)) !important;
}

.\!text-primary-darkest{
  --tw-text-opacity: 1 !important;
  color: rgb(33 32 32 / var(--tw-text-opacity)) !important;
}

.\!text-primary-lightest{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-\[\#8BB646\]{
  --tw-text-opacity: 1;
  color: rgb(139 182 70 / var(--tw-text-opacity));
}

.text-\[\#CF5000\]{
  --tw-text-opacity: 1;
  color: rgb(207 80 0 / var(--tw-text-opacity));
}

.text-\[\#D0B690\]{
  --tw-text-opacity: 1;
  color: rgb(208 182 144 / var(--tw-text-opacity));
}

.text-\[\#FF0000\]{
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}

.text-\[\#cf5000\]{
  --tw-text-opacity: 1;
  color: rgb(207 80 0 / var(--tw-text-opacity));
}

.text-\[--text-color\]{
  color: var(--text-color);
}

.text-\[var\(--text-color\)\]{
  color: var(--text-color);
}

.text-\[var\(--text-color-mobile\)\]{
  color: var(--text-color-mobile);
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-contrast-dark{
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

.text-contrast-darkest{
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

.text-contrast-light{
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity));
}

.text-contrast-medium{
  --tw-text-opacity: 1;
  color: rgb(226 226 219 / var(--tw-text-opacity));
}

.text-current{
  color: currentColor;
}

.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-primary-dark{
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

.text-primary-darkest{
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

.text-primary-lightest{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-status-error{
  --tw-text-opacity: 1;
  color: rgb(193 39 29 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline{
  text-decoration-line: underline;
}

.no-underline{
  text-decoration-line: none;
}

.underline-offset-1{
  text-underline-offset: 1px;
}

.underline-offset-2{
  text-underline-offset: 2px;
}

.underline-offset-4{
  text-underline-offset: 4px;
}

.underline-offset-8{
  text-underline-offset: 8px;
}

.placeholder-primary-dark::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(119 119 119 / var(--tw-placeholder-opacity));
}

.opacity-0{
  opacity: 0;
}

.opacity-100{
  opacity: 1;
}

.opacity-30{
  opacity: 0.3;
}

.opacity-75{
  opacity: 0.75;
}

.mix-blend-multiply{
  mix-blend-mode: multiply;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --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);
}

.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);
}

.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 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);
}

.shadow-neutral-200{
  --tw-shadow-color: #e5e5e5;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline{
  outline-style: solid;
}

.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{
  --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);
}

.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);
}

.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

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

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-100{
  transition-duration: 100ms;
}

.duration-200{
  transition-duration: 200ms;
}

.duration-300{
  transition-duration: 300ms;
}

.duration-700{
  transition-duration: 700ms;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/**
 * Global
**/

/* Tailwind Override */

.container {
  max-width: 1800px!important;
  width: 100%;
}

html.drawer-open{
  overflow: hidden;
}

/* Min-height applied so header and footer aren't flush */

main{
  position: relative;
  z-index: 10;
  max-width: 100vw;
}

/* Policy Pages Styling */

.shopify-policy__container .rte{
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.shopify-policy__container p, .shopify-policy__container ul li{
  margin-top: 0px;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.shopify-policy__container h1{
  margin-bottom: 1rem;
  text-align: left;
  font-size: 1.875rem;
  line-height: 2.5rem;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.shopify-policy__container h2, .shopify-policy__container h3{
  margin-bottom: 0.5rem;
  margin-top: 2rem;
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.631;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.shopify-policy__container p{
  margin-top: 0px;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.shopify-policy__container .shopify-policy__body{
  padding-bottom: 5rem;
}

span p{
  margin-bottom: 0.5rem;
}

/** Moonbase grid class. Default: 12 col on desktop, 6 on mobile **/

.moonbase{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 0.5rem;
}

@media (min-width: 1024px){

  .moonbase{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 2rem;
  }
}

/* Style Guide Only */

.color-block{
  margin-bottom: 0px;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.content-card__content.color-block p{
  text-align: center;
}

.color-block:nth-of-type(1){
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rte{
  margin-top: 1rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

/* Placed on Anchor Tags to cover the area of the element */

.cover-link:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

/* Hide browser default number spinner arrows */

input.hide-spinner[type='number']::-webkit-outer-spin-button,
input.hide-spinner[type='number']::-webkit-inner-spin-button,
input.hide-spinner[type='number'] {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield !important;
}

.sr-only {
  color: black;
}

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

/* Firefox */

input[type=number] {
  -moz-appearance: textfield;
}

/* Swiper Styling */

.swiper-button-prev, .swiper-button-next {
  color: #212020 !important;
}

.swiper-button-prev svg, .swiper-button-next svg {
    width: 20px !important;
    height: 20px !important;
  }

/* Apply Hover Line */

.line-hover {
  position: relative;
}

.line-hover:after{
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
}

.line-hover:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }

/* Restricted Items info */

.restricted-items-info a {
    text-decoration: underline;
  }

/* 404 Page Styling */

.template-404 main { padding-bottom: 96px; }

/* Parallax sections */

@media (max-width: 1023px) {

.parallax-section .rellax { transform: translate3d(0,0,0) !important
} }

/* Product Form */

[data-ajax-cart-messages="form"] {
  position: absolute;
  width: max-content;
  right: 0;
}

[data-ajax-cart-messages="form"] .js-ajax-cart-message {
    background: #ffffff;
    font-size: 0.75rem;
    line-height: 1.5;
    border: 1px solid #E2E2DB;
    padding: 0.1rem 0.25rem;
    margin: 0 0 0 auto;
    max-width: calc(100% - 7.5rem);
    width: 100%;
  }

/* clerk.io */

.clerk-slider-item .feefo-product-stars-widget {
    display: none;
  }

.clerk-slider-nav-prev, .clerk-slider-nav-next {
  box-shadow: none !important; border-radius: 200px; border: 1px solid #E2E2DB; background: rgba(255, 255, 255, 0.90);
}

.product__description strong {
  font-weight: 600;
}

/* clerk.io: search page */

#clerk-search-filters {
  --facet-group-height: 220px;
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}

@media only screen and (min-width: 768px) {

#clerk-search-filters {
    flex-direction: row
}
  }

.clerk-facets {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {

.clerk-facets {
    flex-direction: row;
    width: 80%;
    margin-right: auto;
    gap: 1.5rem
}
  }

.clerk-facet-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: var(--facet-group-height);
  padding: 10px 0;
}

@media only screen and (min-width: 768px) {

.clerk-facet-group {
    width: 50%
}
  }

@media only screen and (min-width: 1280px) {

.clerk-facet-group {
    width: 33%
}
  }

@media only screen and (min-width: 1600px) {

.clerk-facet-group {
    width: 25%
}
  }

.clerk-facet-group.clerk-facet-price .clerk-facet-group-facets{
  max-height: calc(var(--facet-group-height) - 58px);
}

.clerk-facet-group-title {
  display: flex;
  align-items: center;
  height: auto !important;
  padding: 0;
}

.clerk-facet-group-title:before {
  top: calc(50% + 3px);
  right: 5px;
  border: 2px solid #212020;
  border-top: none;
  border-left: none;
  height: 7px;
  width: 7px;
}

.clerk-facet-group-title.active:before {
  top: 50%;
}

.clerk-facet-group-title:after {
  display: none;
}

.clerk_clear_filters {
  position: static;
  transform: none;
  margin-left: 4px;
  padding: 3px;
}

.clerk_clear_filters svg {
  stroke-width: 3px;
}

.clerk-facet-group-facets {
  display: block;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.clerk-facet-group-facets::-webkit-scrollbar {
  display: none;
}

.clerk-sort {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 10px 0;
}

@media only screen and (min-width: 768px) {

.clerk-sort {
    align-content: flex-start
}
  }

.clerk-sort:before {
  content: '';
  position: absolute;
  text-align: center;
  transform: translateY(calc(-50% - 5px)) rotate(45deg) translateX(0px);
  transition: 0.3s ease-in-out;
  font-size: 18px;
  z-index: 1;

  top: 21px;
  right: 5px;
  border: 2px solid #212020;
  border-top: none;
  border-left: none;
  height: 7px;
  width: 7px;
}

.clerk-sort .sorting-preamble {
  margin: 0 !important;
}

.clerk-sort select {
  appearance: none;
  background-image: none;
  background-color: transparent;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: 8px;
}

#clerk-search-results img {
  width: 100%;
}

#clerk-search-results .product-image-secondary {
  inset: 0;
}

/**
 * Layout
**/

.moonbase-header{
  position: relative;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.moonbase-header .topHeader {}

/* Mega Menu */

.mega-menu{
  position: static;
}

.mega-menu__list{
  display: grid;
  list-style-type: none;
  column-gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (min-width: 768px){

  .mega-menu__list{
    column-gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.mega-menu__list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

.mega-menu__list--condensed{
  display: block;
}

.mega-menu__list--condensed .mega-menu__link{
  padding-bottom: 0px !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.mega-menu__link{
  display: block;
  padding-bottom: 0.75rem;
  padding-top: 0.5rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

.mega-menu__link--level-2{
  font-size: 1rem;
  line-height: 1.5rem;
}

.mega-menu__link--level-2:not(:only-child){
  margin-bottom: 1rem;
}

.mega-menu__content{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 100%;
  z-index: 10;
  overflow-y: auto;
  border-radius: 0px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mega-menu .cutlery .nav-column{
  grid-column: span 3 / span 3;
  display: flex;
  align-items: stretch;
}

.mega-menu .cutlery .nav-column__ul{
  display: flex;
  width: 100%;
  flex-direction: column;
}

.mega-menu .cutlery .blocks-column{
  grid-column: span 9 / span 9;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
      border-left: 1px solid #E2E2DB;
}

.mega-menu[open] .mega-menu__content{
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  opacity: 1;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mega-menu:not([open]) .mega-menu__content{
  --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: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mega-menu__content-item{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-left: 1px solid #E2E2DB;
}

.mega-menu__content-item:first-of-type {
    border: none;
  }

.header--top-center .mega-menu__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0px;
}

.header--top-center .mega-menu__list li{
  width: 16.666667%;
  padding-right: 2.5rem;
}

.header__menu-item{
  margin-right: 2rem;
  display: flex;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.72px;
}

.content-card__content.header__menu-item p{
  text-align: center;
}

.header__menu-item svg{
  margin-left: 0.5rem;
}

@media screen and (min-width: 1024px) {
      @media (pointer:coarse) {

.header__menu-item.has_children {
        pointer-events: none !important
}
    }
  }

.mega-menu__list_heading{
  margin-bottom: 1rem;
  display: block;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.moonbase-header img{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* Sticky Header */

.shopify-section-header-sticky{
  position: sticky;
  top: 0px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.shopify-section-header-sticky.scrolled-past-header [data-sticky-type="reduce-logo-size"] img{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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));
}

.shopify-section-header-sticky.scrolled-past-header *{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.shopify-section-header-sticky.scrolled-past-header .container .moonbase{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.search-form__mobile{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){

  .search-form__mobile{
    display: none;
  }
}

.scroll-down .search-form__mobile{
  position: sticky;
  top: -6rem;
  z-index: 20;
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px){

  .scroll-down .search-form__mobile{
    display: none;
  }
}

.scroll-up .search-form__mobile{
  position: sticky;
  top: 52px;
  z-index: 20;
  opacity: 1;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px){

  .scroll-up .search-form__mobile{
    display: none;
  }
}

.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}

.shopify-section-header-hidden.menu-open{
  top: 0px;
}

.section-header.animate{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.shopify-section-group-header-group{
  z-index: 30;
}

.section-header ~ .shopify-section-group-header-group{
  z-index: auto;
}

dialog{
  pointer-events: none;
  --tw-translate-y: -0.5rem;
  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));
  align-items: center;
  justify-content: center;
  padding: 0px;
  opacity: 0;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

dialog.content-card__content p{
  text-align: center;
}

dialog[open]{
  pointer-events: auto;
  display: flex;
  --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-delay: 200ms;
  transition-duration: 300ms;
}

dialog:not([open])::backdrop{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.side-drawer-container .drawer-open{
  display: block;
  transition-duration: 0s;
}

.side-drawer-container .drawer-close{
  display: none;
  transition-duration: 0s;
}

.side-drawer-container[open] .drawer-open{
  display: none;
  transition-duration: 0s;
}

.side-drawer-container[open] .drawer-close{
  display: block;
  transition-duration: 0s;
}

/* Search Form */

.search-form__input, .search-form__input__mobile {
  display: flex;
  min-width: 288px;
  width: 100%;
  height: 44px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #E2E2DB !important;
  z-index: 2;
  background-color: transparent;
}

.search-form__inputinput[type=text]:active,
      .search-form__inputinput[type=text]:focus,
      .search-form__input__mobileinput[type=text]:active,
      .search-form__input__mobileinput[type=text]:focus{
  z-index: 3;
  opacity: 1;
        background-color: #F7F7F6 !important;
        border: 1px solid #E2E2DB!important;
}

.search-form__input__mobile {
  display: flex;
  max-width: 100%;
  height: 48px;
  padding: 12px;
  flex-shrink: 0;
}

.search-form__input-content, .search-form__input-content__mobile {  
  z-index: 1;
  background: #F7F7F6;
  width: 100%;
  height: 100%;
  align-items: center;
  color: #777777;
}

.search-form__input-content__mobile {
  max-height: 48px;
  /* max-width: 335px; */
  max-width: 100%;
}

/* Shipping Box/Header Icons */

.header__shipping-content img {
      max-height: 34px;
    }

.header__shipping-content p {
      margin: 0 !important;
    }

@media screen and (min-width: 1024px) {
    .header__shipping .swiper-button-next, .header__shipping .swiper-button-prev {
        display: none !important;
    }
  }

.header__shipping .swiper-button-next, .header__shipping .swiper-button-prev {
    top: 50%;
  }

/* &[open] .header__menu-item {
  @apply underline underline-offset-4;
} */

.link__underline {
 display: inline-block;
 position: relative;

}

@media screen and (min-width: 1024px) {
  .link__underline:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #212020;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
   }
   
   .link__underline:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
   }
}

.cart-bubble{
  position: absolute;
  bottom: -0.5rem;
  right: -7px;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(222 228 221 / var(--tw-bg-opacity));
  text-align: center;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
}

.menu-block__content {
    text-wrap: wrap;
  }

.currency-switcher__item input[type="checkbox"] {
    accent-color: #212020;
  }

.moonbase-footer{
  position: relative;
  height: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .moonbase-footer{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.moonbase-footer details{
  min-height: 52px;
}

@media (min-width: 768px){

  .moonbase-footer details{
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.moonbase-footer .footer__container{
  position: relative;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}

@media (min-width: 768px){

  .moonbase-footer .footer__container{
    row-gap: 3rem;
  }
}

@media (min-width: 1024px){

  .moonbase-footer .footer__container{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
    padding-top: 1.5rem;
  }
}

.moonbase-footer .footer__column{
  text-align: left;
}

.moonbase-footer .footer__column:not(.moonbase-footer .footer__column--newsletter){
  grid-column: span 6 / span 6;
}

@media (min-width: 1024px){

  .moonbase-footer .footer__column:not(.moonbase-footer .footer__column--newsletter){
    grid-column: span 2 / span 2;
  }
}

.moonbase-footer .footer__column--newsletter{
  grid-column: span 6 / span 6;
  padding-bottom: 3rem;
}

@media (min-width: 768px){

  .moonbase-footer .footer__column--newsletter{
    grid-column: span 4 / span 4;
    padding-right: 2.5rem;
  }
}

.moonbase-footer .footer__column-title{
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

@media (min-width: 768px){

  .moonbase-footer .footer__column-title{
    text-align: left;
  }
}

@media (min-width: 1024px){

  .moonbase-footer .footer__column-title{
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.moonbase-footer .footer__column-text{
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 2;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .moonbase-footer .footer__column-text{
    text-align: left;
  }
}

.moonbase-footer .footer__column-text__newsletter{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.moonbase-footer .footer__powered_by{
  order: 2;
  grid-column: span 6 / span 6;
  margin-top: 1.5rem;
}

.product-main__gallery .swiper-wrapper .swiper-slide.moonbase-footer .footer__powered_by {
          order: 2;
        }

@media (min-width: 768px){

  .moonbase-footer .footer__powered_by{
    order: 1;
    margin-top: 0px;
    display: flex;
    align-items: center;
  }
}

.moonbase-footer .footer__powered_by-text{
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .moonbase-footer .footer__powered_by-text{
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.moonbase-footer .footer__payment-icons{
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.content-card__content.moonbase-footer .footer__payment-icons p{
  text-align: center;
}

@media (min-width: 768px){

  .moonbase-footer .footer__payment-icons{
    margin-top: 0px;
    justify-content: flex-end;
  }
}

.moonbase-footer .footer__payment-icons.full{
  grid-column: span 12 / span 12;
  align-items: flex-end;
}

.content-card__content.moonbase-footer .footer__payment-icons.full p{
  text-align: right;
}

.moonbase-footer .footer__payment-list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.content-card__content.moonbase-footer .footer__payment-list p{
  text-align: center;
}

@media (min-width: 768px){

  .moonbase-footer .footer__payment-list{
    gap: 1rem;
  }
}

@media (min-width: 1024px){

  .moonbase-footer .footer__payment-list{
    justify-content: flex-end;
  }
}

.moonbase-footer .footer__payment-list .payment-icon svg{
  height: 22px;
  max-height: 22px;
  width: 36px;
}

.moonbase-footer .footer__accordion-content{
  margin-bottom: 1rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.045rem;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

.moonbase-footer .klaviyo__form{
  margin-top: 1rem;
}

.moonbase-footer .klaviyo__form input{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.moonbase-footer .klaviyo__form button{
  position: relative !important;
  width: 100%;
  min-width: 25px;
  padding: 0px !important;
  color: transparent !important;
}

@media (min-width: 1024px){

  .moonbase-footer .klaviyo__form button{
    width: 2.5rem;
  }
}

.moonbase-footer .klaviyo__form button::after {
        content: '';
        background-image: url('data:image/svg+xml, <svg class="{{ class }}" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 16 16" ><path d="M5.5 3L10.5 8L5.5 13" stroke="%23ffffff" stroke-linecap="square"/></svg>');
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
      }

.collection-header__content{
  position: relative;
  grid-column: 1 / -1;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
}

.content-card__content.collection-header__content p{
  text-align: center;
}

@media (min-width: 1024px){

  .collection-header__content{
    width: 50%;
  }
}

.collection-header__content.left{
  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));
}

@media not all and (min-width: 1280px){

  .collection-header__content.left{
    left: 50%;
    --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));
  }
}

@media (min-width: 1024px){

  .collection-header__content.left{
    margin-top: 0px;
    margin-bottom: 0px;
    --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));
  }
}

@media (min-width: 1280px){

  .collection-header__content.left{
    left: 0px;
    top: 0px;
    margin-left: 1rem;
  }
}

.collection-header__content.right{
  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));
}

@media not all and (min-width: 1280px){

  .collection-header__content.right{
    left: 50%;
    --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));
  }
}

@media (min-width: 1024px){

  .collection-header__content.right{
    margin-top: 0px;
    margin-bottom: 0px;
    --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));
  }
}

@media (min-width: 1280px){

  .collection-header__content.right{
    right: 0px;
    top: 0px;
    margin-right: 1rem;
  }
}

.collection-header__content.center{
  justify-self: center;
}

.collection-header__content .collection-header__content__container{
  max-width: 90vw;
  text-align: center;
}

@media (min-width: 768px){

  .collection-header__content .collection-header__content__container{
    grid-column: span 6 / span 6;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 1024px){

  .collection-header__content .collection-header__content__container{
    padding-top: 3rem;
    padding-bottom: 1.5rem;
  }
}

.collection-header__content .collection-header__title{
  margin-bottom: 0.5rem;
  font-family: FK Roman, Georgia, Times New Roman, serif;
  font-size: 1.875rem;
  line-height: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

.collection-header__content .collection-header__description{
  font-family: FK Roman, Georgia, Times New Roman, serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .collection-header__content .collection-header__description{
    font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.collection-header{
  height: 100%;
  min-height: 60dvh;
}

.collection-header__image{
  height: 100%;
  width: 100%;
}

.collection-header__image--img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.collection-content__container{
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 1.5rem;
}

@media (min-width: 768px){

  .collection-content__container{
    padding-bottom: 1rem;
  }
}

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

.collection-header__tags .tag-filters__item{
  box-sizing: border-box;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.collection-header__tags .tag-filters__item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(33 32 32 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.collection-header__tags .tag-filters__item{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.collection-header__tags .tag-filters__item a{
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
}

.collection-header__tags .tag-filters__item.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  #product-grid .group:hover{
    --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);
  }
}

.facets__disclosure{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

@media not all and (min-width: 1024px){

  .grid__item.gridPadding:nth-of-type(odd) .product-card__content{
    margin-left: 1.25rem;
    margin-right: 10px;
  }

  .grid__item.gridPadding:nth-of-type(even) .product-card__content{
    margin-right: 1.25rem;
    margin-left: 10px;
  }
}

.js-add-to-compare.active .icon-check-bg{
  fill: #212020;
}

.close_popup .close-icon{
  --tw-rotate: 90deg;
  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: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.close_popup.active{
  margin-bottom: 0.5rem;
}

.close_popup.active .close-icon{
  --tw-rotate: -90deg;
  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: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.compare-products-popup{
  position: fixed;
  bottom: 1.5rem;
  left: 4%;
  z-index: 20;
  height: -moz-fit-content;
  height: fit-content;
  width: 91.666667%;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 236 233 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  --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);
}

dialog.compare-products-popup {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

@media (min-width: 1024px){

  .compare-products-popup{
    left: 16.666%;
    max-height: 7rem;
    width: 66.666667%;
  }
}

@media (min-width: 1536px){

  .compare-products-popup{
    left: 25%;
    width: 50%;
  }
}

.compare-products-popup__list{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

@media not all and (min-width: 1024px){

  .compare-products-popup__list{
    position: absolute;
    bottom: -24rem;
  }
}

@media (min-width: 1024px){

  .compare-products-popup__list{
    flex-direction: row;
  }
}

.compare-products-popup__list.active{
  position: relative;
  bottom: 0px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.compare-products-popup__placeholder{
  height: 66px;
  width: 100%;
  align-content: center;
  border-radius: 4px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 236 233 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

@media not all and (min-width: 1024px){

  .compare-products-popup__placeholder{
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 1024px){

  .compare-products-popup__placeholder{
    margin-right: 0.5rem;
  }
}

.compare-products-popup__actions{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  font-size: 0.75rem;
  line-height: 1rem;
}

@media not all and (min-width: 1024px){

  .compare-products-popup__actions{
    margin-top: 0.75rem;
  }
}

@media (min-width: 1024px){

  .compare-products-popup__actions{
    max-height: 66px;
    max-width: 200px;
  }
}

.compare-products-popup__actions .js-clear-all{
  margin-top: 0.5rem;
  cursor: pointer;
  padding: 0.5rem;
  padding-bottom: 0px !important;
  text-align: center;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.compare-products-popup__populated{
  position: relative;
  display: flex;
  height: 64px;
  width: 100%;
  column-gap: 0.5rem;
  border-radius: 4px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: left;
}

.compare-products-popup__populated h3{
  margin-top: 0px;
  align-content: center;
  text-align: center;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.625rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .compare-products-popup__populated h3{
    margin-top: 1.25rem;
  }
}

.compare-products-popup__populated__image img{
  height: 4rem;
  width: 4rem;
  object-fit: cover;
}

.compare-products-popup__populated .js-remove-compare-product{
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.swiper-wrapper .swiper-slide video{
  width: 100%;
}

.content-card__content.justify-end{
  margin-bottom: 1.5rem;
}

@media(min-width: 1024px) {
        #comparison-mobile-swiper .comparison-mobile-only.swiper-wrapper {
        display: grid !important;
        width: unset !important;
        overflow: hidden !important;
    }
   

        #comparison-mobile-swiper .comparison-mobile-only.swiper-wrapper .compare-products-grid__placeholder.swiper-slide {
            width: unset !important;
            margin: unset !important;
            overflow: auto !important;
            height: unset !important;
            min-height: 100% !important;
  
        }
}

.custom-sticky-anchors {
    --header-height-mobile: 57px;
    --header-height-desktop: 127px;

    position: sticky;
    top: calc(var(--header-height-mobile) - 3px);
    padding-top: 10px;
    overflow-x: auto;
}

@media only screen and (min-width: 1024px) {

.custom-sticky-anchors {
        top: calc(var(--header-height-desktop) - 3px)
}
    }

.custom_collection_grid .grid__item .swiper-slide:not(.swiper-slide-active) {
                opacity: 0;
            }

#login-page #recover {
    display: none;
  }

#login-page #recover:target {
      display: block
    }

#login-page #recover:target ~ #login {
      display: none;
    }

#login-page #recover,
  #login-page #login {
    scroll-margin-top: 20rem;
  }

#customer-account__register #recover {
    display: none;
  }

#customer-account__register #recover:target {
      display: block
    }

#customer-account__register #recover:target ~ #register {
      display: none;
    }

#customer-account__register #recover,
  #customer-account__register #register {
    scroll-margin-top: 20rem;
  }

.account-nav li{
  display: flex;
  flex: 1 1 auto;
}

@media (min-width: 640px){

  .account-nav li{
    flex: none;
  }
}

.account-nav .account-nav__item{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  outline-style: solid;
  outline-width: 1px;
  outline-color: #E2E2DB;
}

.content-card__content.account-nav .account-nav__item p{
  text-align: center;
}

.account-nav .account-nav__item.active{
  position: relative;
  z-index: 1;
  background-color: transparent;
  outline-color: #000;
}

.customer-order-history,
.customer-order-view{
  border-width: 0px;
  border-top-width: 1px;
}

@media (min-width: 640px){

  .customer-order-history,
.customer-order-view{
    border-top-width: 0px;
  }
}

.customer-order-history tr, .customer-order-view tr{
  margin-bottom: 0px;
  border-bottom-width: 1px;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
}

.customer-order-history th,
  .customer-order-history td,
  .customer-order-view th,
  .customer-order-view td{
  border-width: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: right;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: none;
}

@media (min-width: 640px){

  .customer-order-history th,
  .customer-order-history td,
  .customer-order-view th,
  .customer-order-view td{
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: left;
  }
}

.customer-order-history th::before, .customer-order-history td::before, .customer-order-view th::before, .customer-order-view td::before{
  text-transform: none;
}

@media (min-width: 640px){

  .customer-order-history th.col-product, .customer-order-history td.col-product, .customer-order-view th.col-product, .customer-order-view td.col-product{
    width: auto;
  }

  .customer-order-history th.col-price, .customer-order-history td.col-price, .customer-order-view th.col-price, .customer-order-view td.col-price{
    width: 16.666667%;
    text-align: center;
  }

  .customer-order-history th.col-quantity, .customer-order-history td.col-quantity, .customer-order-view th.col-quantity, .customer-order-view td.col-quantity{
    width: 16.666667%;
    text-align: center;
  }

  .customer-order-history th.col-total, .customer-order-history td.col-total, .customer-order-view th.col-total, .customer-order-view td.col-total{
    width: -moz-fit-content;
    width: fit-content;
    text-align: right;
  }
}

.customer-order-history td.view-order, .customer-order-view td.view-order{
  text-align: right;
}

.customer-order-history tfoot tr, .customer-order-view tfoot tr{
  border-width: 0px;
}

.customer-order-history tfoot td, .customer-order-view tfoot td{
  padding-bottom: 0px;
  text-align: right;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.customer-order-history tfoot td:last-child, .customer-order-view tfoot td:last-child{
  padding-left: 1rem;
}

@media(max-width: 1023px) {
  .customer-order-history td.view-order,
  .customer-order-view td.view-order {
    text-align: left;
  }
}

.customer-order-view {
  table-layout: auto;
  width: 100%;
}

.customer-order-view__footer{
  margin-top: 1rem;
  width: 60%;
  align-self: flex-end;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 640px){

  .customer-order-view__footer{
    width: 33.333333%;
  }
}

.customer-order-view__footer .footer-row{
  margin-bottom: 0.75rem;
  display: flex;
  justify-content: space-between;
  column-gap: 0.5rem;
}

.customer-order-view__footer .footer-row__title{
  font-weight: 600;
}

.customer-addresses [aria-expanded=false]~[id] {
    display: none;
  }

.customer-addresses [aria-expanded=true]~[id] {
    display: block;
  }

.shopify-challenge__container { 
  padding: 96px 0;
}

.shopify-challenge__message { 
  padding: 40px 0; 
}

.shopify-challenge__button{
  --tw-bg-opacity: 1;
  background-color: rgb(33 32 32 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.shopify-challenge__button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(119 119 119 / var(--tw-bg-opacity));
}

.shopify-challenge__button:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 219 / var(--tw-bg-opacity));
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

.shopify-challenge__button{
  margin-top: 2.5rem !important;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.account-nav .account-nav__item:not(.active) {
  outline: none !important;
}

.account-nav .account-nav__item.active { 
  outline-color: #212020 !important; 
}

.account-details {
  box-shadow: 16px 16px 30px 0px rgba(0, 0, 0, 0.03), 0px 0px 30px 0px rgba(0, 0, 0, 0.04); border: 1px solid #EEECE9;
}

.change-password-link{
  max-width: 250px;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(33 32 32 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.24px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.change-password-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(119 119 119 / var(--tw-bg-opacity));
}

/*  Gift registry page */

.giftreggie-front {
  width: 100% !important; max-width: 100%; padding: 0 2.5rem 100px !important;
}

.giftreggie-front .giftreggie-body { border: 0 !important; }

.giftreggie-front h3 { margin-top: 40px; }

.giftreggie-front input[type="submit"], .giftreggie-front input[type="button"], .giftreggie-front button, .giftreggie-front .button{
  max-width: 250px;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(33 32 32 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.24px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.giftreggie-front input[type="submit"]:hover, .giftreggie-front input[type="button"]:hover, .giftreggie-front button:hover, .giftreggie-front .button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(119 119 119 / var(--tw-bg-opacity));
}

.giftreggie-front .remove-button { 
    display: flex; align-items: center; background-color: transparent; color: #777777; text-decoration: underline; text-underline-offset: 4px;
  }

.giftreggie-front .remove-button svg { margin-right: 8px; }

.giftreggie-front table {
    border: 0 !important;
  }

.giftreggie-front table tr {
      background-color: transparent; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important;
    }

.giftreggie-front table tr td, .giftreggie-front table tr th {
        border: 0 !important; font-size: 14px;
      }

.giftreggie-front .giftreggie-landing-row { padding: 10px 20px !important; margin-right: 16px; border: 1px solid #212020; margin-top: 40px; border-radius: 2px; }

.giftreggie-front .action-buttons { margin-top: 40px !important; }

.giftreggie-front .giftreggie-header h3 { display: block; }

.giftreggie-front #giftreggie-admin-menu { 
    margin-top: 24px; text-transform: uppercase; font-size: 12px; letter-spacing: 0.72px;
  }

.giftreggie-front #giftreggie-admin-menu li { margin: 0 16px 0 0; }

.giftreggie-front .giftreggie-band.background { position: relative; height: 200px; display: flex; justify-content: center; align-items: center; color: #fff; margin: 0; padding: 0; background-size: cover;  background-position: center; background-repeat: no-repeat;
  }

.giftreggie-front .giftreggie-band.background:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.2); }

.giftreggie-front .giftreggie-band.background h2 { z-index: 1; }

.giftreggie-front .giftreggie-no-products { 
    background-color: #fff; margin: 0; padding-bottom: 24px;
  }

.giftreggie-front .giftreggie-no-products a { font-size: 14px; }

.giftreggie-front .giftreggie-registry { background-color: #F7F7F6; }

.giftreggie-front .giftreggie-registry-summary table { margin: 0; }

.giftreggie-front .giftreggie-registry-summary th { text-transform: none; padding: 16px 0 0; }

.giftreggie-front .giftreggie-registry-summary tr { border: 0 !important; }

.giftreggie-front .giftreggie-registry-summary td { padding: 16px 0; }

.giftreggie-front .giftreggie-registry-summary .giftreggie-mobile { padding: 20px; }

@media(max-width: 1023px) {
  .giftreggie-front { 
    padding: 0 1.25rem 100px !important;
  }
    .giftreggie-front .giftreggie-registry-variant-delete { top: 10px; }
    .giftreggie-front .giftreggie-view-registry { margin-top: 20px; }
}

.giftreggie-registry .registry-variant img { width: 187px !important; height: 187px !important; max-height: 100% !important; object-fit: cover; }

/* Wishlist page */

.wishlistpage .btn { background-color: transparent; }

/* Returns page */

.esc-returns-container {
  max-width: 100% !important; padding: 2.5rem !important;
}

.esc-returns-container div { padding-left: 0 !important; padding-right: 0 !important; }

.template-account .shopify-section {
  opacity: 1 !important;
}

.js-ajax-cart-empty .cart--not-empty {
    display: none;
  }

.js-ajax-cart-empty .cart--empty {
    display: block;
  }

.js-ajax-cart-not-empty .cart--not-empty {
    display: block;
  }

.js-ajax-cart-not-empty .cart--empty {
    display: none;
  }

.js-ajax-cart-request-in-progress .main-cart {
    opacity: 0.6;
    pointer-events: none;
  }

.cart__summary {
  position: sticky;
  top: calc(var(--header-height) + 1rem);
}

.cart-items__list{
  row-gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 0.5rem;
}

@media (min-width: 1024px){

  .cart-items__list{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 2rem;
  }
}

.shopify-section-header-sticky.scrolled-past-header .container .cart-items__list{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px){

  .cart-items__list{
    margin-left: 1.5rem;
    row-gap: 2rem;
  }
}

.cart-item{
  grid-column: span 6 / span 6;
  border-bottom-width: 1px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 0.5rem;
}

@media (min-width: 1024px){

  .cart-item{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 2rem;
  }
}

.shopify-section-header-sticky.scrolled-past-header .container .cart-item{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px){

  .cart-item{
    grid-column: span 12 / span 12;
  }
}

.cart-item {
  grid-template-rows: auto 1fr;
}

.cart-item .gift-wrapping{
  display: none;
}

.cart-item__image{
  grid-column: span 2 / span 2;
  grid-row: span 2 / span 2;
}

@media (min-width: 1024px){

  .cart-item__image{
    grid-column: span 4 / span 4;
  }
}

.cart-item__details{
  grid-column: span 3 / span 3;
}

@media (min-width: 1024px){

  .cart-item__details{
    grid-column: span 6 / span 6;
  }
}

.cart-item__remove{
  grid-column: span 1 / span 1;
  grid-column-start: 6;
  grid-row-start: 1;
  display: flex;
  justify-content: flex-end;
  align-self: flex-start;
}

.content-card__content.cart-item__remove{
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px){

  .cart-item__remove{
    grid-column: span 2 / span 2;
    grid-column-start: 11;
  }
}

.cart-item__price-qty{
  grid-column: span 4 / span 4;
  grid-column-start: 3;
  margin-bottom: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
}

@media (min-width: 1024px){

  .cart-item__price-qty{
    grid-column: span 8 / span 8;
  }
}

.cart-item__qty{
  grid-column: span 3 / span 3;
  grid-column-start: 3;
  grid-row-start: 2;
  margin-top: auto;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  justify-self: end;
  border-radius: 0.125rem;
  border-width: 1px;
  padding: 0.25rem;
  padding-bottom: 0.25rem;
}

@media (min-width: 1024px){

  .cart-item__qty{
    grid-column: span 8 / span 8;
    grid-column-start: 5;
    justify-content: flex-end;
    padding-bottom: 0.5rem;
  }
}

.cart-item__gift{
  grid-column: span 6 / span 6;
  margin-bottom: 1.5rem;
  justify-content: flex-end;
  border-width: 1px;
}

.content-card__content.cart-item__gift{
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px){

  .cart-item__gift{
    grid-column: span 8 / span 8;
    grid-column-start: 5;
  }
}

.cart-item__gift button.added .check{
  display: block;
}

.cart-item__gift button.added .gift{
  display: none;
}

.cart-item__gift button.added .add_cta{
  display: none !important;
}

.cart-item__gift button.added .remove_cta{
  display: block !important;
}

.cart__note-popup{
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 50;
  margin-left: auto;
  margin-right: auto;
  display: none;
  width: 100%;
  max-width: 24rem;
  flex-direction: column;
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.cart__note-popup .close{
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  border-radius: 9999px;
  padding: 0.25rem;
    backdrop-filter: blur(20px) !important;
    background-color: rgba(255, 255, 255, 0.80);
}

.maincart-bubble{
  position: absolute;
  top: -0.5rem;
  right: -2rem;
  width: 1.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(222 228 221 / var(--tw-bg-opacity));
  padding: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

.cart__payment-list .payment-icon{
  width: 2rem !important;
}

p a{
  text-decoration-line: underline;
  text-underline-offset: 1px;
}

@media screen and (max-width: 1024px) {
    .fixed_mobile_summary.hide {
      visibility: visible;
      display: flex;
    }
  }

.cart-checkout-btn{
  border-radius: 0.5rem;
}

@media not all and (min-width: 1024px){

  .cart-checkout-btn{
    height: 52px;
    padding: 14px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.05em;
  }
}

/**
 * Bespoke Pages
**/

.password-page{
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.password-page picture{
  position: relative;
  display: block;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  object-fit: cover;
}

.password-page picture img{
  min-height: 100vh;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 768px){

  .password-page picture img{
    height: 100%;
  }
}

.password-page .password{
  position: relative;
}

.password-page .password svg{
  position: absolute;
  top: 0.625rem;
}

.password-page input[type="password"]{
  margin-bottom: 1rem;
  border-width: 1px;
  padding-top: 0.75rem;
  padding-left: 1.5rem;
  padding-bottom: 1rem;
}

.password-page .password-form{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.content-card__content.password-page .password-form p{
  text-align: center;
}

.password-page .password_owner-text{
  margin-top: 0.75rem;
  text-align: center;
}

.storefront-password-form{
  margin-left: 1rem;
  margin-right: 1rem;
  width: 100%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2.5rem;
  --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);
  --tw-shadow-color: #d1d5db;
  --tw-shadow: var(--tw-shadow-colored);
}

@media (min-width: 768px){

  .storefront-password-form{
    max-width: 28rem;
  }
}

.storefront-password-form img{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  width: 5rem;
}

.storefront-password-form label{
  margin-bottom: 1rem;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
}

.storefront-password-form input{
  width: 100%;
}

.storefront-password-form input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.product .container{
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 1024px){

  .product .container{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.product-main__gallery{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

@media (min-width: 1024px){

  .product-main__gallery{
    margin-left: 0px;
    margin-right: 0px;
  }
}

.product-main__gallery .swiper-slide{
  align-content: center;
  align-self: center;
}

.product-main__gallery .swiper-slide img {
        object-fit: contain !important;
        /* max-height: 50dvh; */
        width: 100vw;
      }

@media screen and (min-width: 630px) {

.product-main__gallery .swiper-slide {

        max-height: 60dvh

    }
        
        .product-main__gallery .swiper-slide img {
          object-fit: contain !important;
          max-height: 60dvh;
          width: 100vw;
        }

        
      }

@media screen and (min-width: 1024px) {

.product-main__gallery .swiper-slide {
        max-height: unset

    }
          .full-width-image .product-main__gallery .swiper-slide.order-0 {
            grid-column: span 6 / span 3 !important;
            aspect-ratio: 3 / 2 !important;
          }

        .product-main__gallery .swiper-slide img {
          object-fit: cover !important;
          max-height: unset;
          width: 100vw;
        }

        
      }

@media (min-width: 1024px){

  .product-main__gallery.full-width-image.template-cutlery .swiper-wrapper .swiper-slide:first-child{
    grid-column: span 6 / span 6;
  }
}

/* SWIPER */

.product-main__gallery .swiper-wrapper{
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0px;
}

@media (min-width: 1024px){

  .product-main__gallery .swiper-wrapper{
    display: grid;
    gap: 0.5rem;
  }

  .product-main__gallery .swiper-wrapper .swiper-slide{
    grid-column: span 3 / span 3;
    overflow: hidden;
  }
}

.product-main__gallery .swiper-wrapper .swiper-slide a{
  height: 100%;
}

.product-main__gallery .swiper-wrapper .swiper-slide img{
  height: 100%;
  object-fit: cover;
}

.product-main__gallery .swiper-wrapper .swiper-slide .magnifying-glass{
  position: absolute;
  top: 25%;
  left: 33.333333%;
  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: 0;
  transition-property: all;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.product-main__gallery .swiper-wrapper .swiper-slide .magnifying-glass path{
  fill: #fff;
}

.product-main__gallery .swiper-wrapper .swiper-slide:hover img {
            cursor: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 3.81055V8.31055M3.75 3.81055H8.25M3.75 3.81055L9 9.06055M3.75 20.3105V15.8105M3.75 20.3105H8.25M3.75 20.3105L9 15.0605M20.25 3.81055L15.75 3.81055M20.25 3.81055V8.31055M20.25 3.81055L15 9.06055M20.25 20.3105H15.75M20.25 20.3105V15.8105M20.25 20.3105L15 15.0605" stroke="%23212020" stroke-linecap="round"/></svg>'), auto;
          }

.product-main__gallery .swiper-wrapper .swiper-slide video{
  width: 100%;
}

.product-main__gallery .swiper-wrapper .swiper-slide.order-0 {
          order: 0 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-1 {
          order: 1 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-2 {
          order: 2 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-3 {
          order: 3 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-4 {
          order: 4 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-5 {
          order: 5 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-6 {
          order: 6 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-7 {
          order: 7 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-8 {
          order: 8 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-9 {
          order: 9 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-10 {
          order: 10 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-11 {
          order: 11 !important;
        }

.product-main__gallery .swiper-wrapper .swiper-slide.order-12 {
          order: 12 !important;
        }

.product-main__gallery .swiper-pagination{
  bottom: -0.25rem !important;
}

.product-main__gallery .swiper-pagination-bullet{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 219 / var(--tw-bg-opacity));
  opacity: 1;
}

.product-main__gallery .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(119 119 119 / var(--tw-bg-opacity));
}

.product-main__gallery.show-more.show_1 .swiper-slide:nth-child(n+2){
  display: none;
}

.product-main__gallery.show-more.show_2 .swiper-slide:nth-child(n+3){
  display: none;
}

.product-main__gallery.show-more.show_3 .swiper-slide:nth-child(n+4){
  display: none;
}

.product-main__gallery.show-more.show_4 .swiper-slide:nth-child(n+5){
  display: none;
}

.product-main__gallery.show-more.show_5 .swiper-slide:nth-child(n+6){
  display: none;
}

.product-main__gallery.show-more.show_6 .swiper-slide:nth-child(n+7){
  display: none;
}

.product-main__gallery.show-more.show_7 .swiper-slide:nth-child(n+8){
  display: none;
}

.product-main__gallery.show-more.show_8 .swiper-slide:nth-child(n+9){
  display: none;
}

.product-main__gallery.show-more.show_9 .swiper-slide:nth-child(n+10){
  display: none;
}

.product-main__gallery.show-more.show_10 .swiper-slide:nth-child(n+11){
  display: none;
}

.product-main__gallery.show-more.show_11 .swiper-slide:nth-child(n+12){
  display: none;
}

.product-main__gallery.show-more.show_12 .swiper-slide:nth-child(n+13){
  display: none;
}

.product-main__gallery.show-more .open-button, .product-main__gallery.show-more .close-button{
  position: absolute;
  left: 50%;
  z-index: 10;
  display: flex;
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  --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));
  align-items: center;
  justify-content: space-between;
  border-radius: 0.125rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

.content-card__content.product-main__gallery.show-more .open-button p,.content-card__content .product-main__gallery.show-more .close-button p{
  text-align: center;
}

.product-main__gallery.show-more .open-button, .product-main__gallery.show-more .close-button {
        --tw-translate-y: 2.75rem;
        min-width: 11.25rem;
        max-height: 2.625rem;
        border-color: #212020;
      }

.product .quantity-wrapper{
  margin-right: 0.5rem;
  display: flex;
  width: 33.333333%;
  border-width: 1px;
}

.product .quantity-wrapper .quantity{
  display: flex;
  width: 100%;
}

.product .quantity-wrapper button{
  width: 25%;
  text-align: center;
}

.product .quantity-wrapper button svg{
  margin-left: auto;
  margin-right: auto;
  height: 1rem;
  width: 1rem;
}

.product .quantity-wrapper .input{
  width: 50%;
  border-style: none;
}

@media (min-width: 1024px){

  .product .quantity-wrapper .input{
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

/* This needs to be the header height and the height of the breadcrumbs so that the top of the pattern name is exactly aligned with the top of the gallery */

.product-form {
  position: sticky;
  top: calc(var(--header-height) + 32.5px);
}

.product-countdown * {
  padding: 0;
  margin: 0;
}

.variant-option__label{
  display: inline-block;
  appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 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);
}

.variant-option__radio:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* If .variant-option__radio has the attribute of disabled, make the label unclickable */

.variant-option__radio.disabled{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}

.variant-option__radio.disabled + label{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}

.button.loading > .loading-overlay__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.button.loading > .loading-overlay__spinner .spinner {
  width: -moz-fit-content;
  width: fit-content;
}

.button.loading > .loading-overlay__spinner .path {
  stroke: black;
}

.product-form__label{
  display: inline-block;
}

@media (min-width: 1024px){

  .product-form__label{
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

.js-ajax-cart-form-in-progress .product-form__label{
  display: none;
}

.loading-overlay__spinner{
  position: relative;
  display: none;
  height: 1rem;
  width: 1rem;
}

.js-ajax-cart-form-in-progress .loading-overlay__spinner{
  display: inline-block;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

.path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: white;
    animation: dash 1.4s ease-in-out infinite;
}

.product-form__submit.loading span {
  display: none;
}

.product-form__buttons{
  width: 100%;
}

badge.price--sold-out{
  margin-left: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

badge.price__badge-sale{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}

badge.price__badge-sold-out{
  margin-left: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

badge.price--on-sale{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  text-decoration-line: line-through;
}

.product-form__input .form__label{
  display: block;
  padding-bottom: 0.5rem;
  padding-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.quantity__input{
  width: 2.5rem;
  padding: 0px;
  text-align: center;
}

.close-modal__icon{
  z-index: 20;
}

dialog#cutlery-related, dialog#cutlery-finish, dialog#variant-picker, dialog#how-it-works{
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: auto;
  margin: 0px;
  margin-bottom: 0px;
  display: block;
  min-height: 100%;
  width: 100vw;
  max-width: 100%;
  --tw-translate-y: 100%;
  --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));
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

dialogdialog#cutlery-related,dialog dialog#cutlery-finish,dialog dialog#variant-picker,dialog dialog#how-it-works {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

@media (min-width: 768px){

  dialog#cutlery-related, dialog#cutlery-finish, dialog#variant-picker, dialog#how-it-works{
    --tw-translate-y: 0px;
    --tw-translate-x: 100%;
    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));
  }
}

@media (min-width: 1024px){

  dialog#cutlery-related, dialog#cutlery-finish, dialog#variant-picker, dialog#how-it-works{
    max-height: 75dvh;
    width: 500px; right: 0; left: auto;
  }
}

dialog#cutlery-related[open], dialog#cutlery-finish[open], dialog#variant-picker[open], dialog#how-it-works[open]{
  --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;
}

@media (min-width: 768px){

  dialog#cutlery-related[open], dialog#cutlery-finish[open], dialog#variant-picker[open], dialog#how-it-works[open]{
    --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));
  }
}

dialog#cutlery-related .cutlery-related-modal, dialog#cutlery-finish .cutlery-related-modal, dialog#variant-picker .cutlery-related-modal, dialog#how-it-works .cutlery-related-modal{
  position: relative;
  min-height: 100vh;
}

@media (min-width: 1024px){

  dialog#cutlery-related .cutlery-related-modal, dialog#cutlery-finish .cutlery-related-modal, dialog#variant-picker .cutlery-related-modal, dialog#how-it-works .cutlery-related-modal{
    max-height: 75dvh;
  }
}

.cutlery-related__wrapper{
  min-height: 100vh;
}

@media (min-width: 1024px){

  .cutlery-related__wrapper{
    max-height: 75dvh;
  }
}

/* Laying the Table Upsell */

.pdp-upsell__content{
  position: absolute;
  left: 50%;
  top: 0px;
  margin: auto;
  display: flex;
  height: 100%;
  width: max-content;
  --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));
  flex-direction: column;
  align-content: space-between;
  text-align: center;
}

@media (min-width: 1024px){

  .pdp-upsell__content{
    top: 50%;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.pdp-upsell__content h4{
  font-size: 1.5rem;
  line-height: 2rem;
}

.pdp-upsell__content p{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  width: 50%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

.pdp-upsell__fork{
  bottom: -10%;
  left: 15%;
  height: 100%;
  max-width: 4%;
}

.pdp-upsell__spoon{
  top: -16%;
  left: 37%;
  height: 100%;
  max-width: 25%;
}

@media (min-width: 1024px){

  .pdp-upsell__spoon{
    max-width: 33%;
  }
}

.pdp-upsell__knife{
  bottom: -10%;
  right: 18.5%;
  height: 100%;
  max-width: 3.2%;
}

/* Clearpay Styling  */

square-placement{
  margin-top: 17px !important;
  display: block;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
  text-align: center;
  font-size: 0.75rem !important;
  text-transform: capitalize !important;
  line-height: 1rem !important;
  letter-spacing: 0.24px !important;
}

@media not all and (min-width: 1024px){

  square-placement{
    order: -1;
  }
}

square-placement {
  min-height: 2.375rem;
}

square-placement + square-placement{
  display: none !important;
}

/* Feefo Styling  */

.feefo-product-stars-widget {
  pointer-events: none !important;
  min-height: 30px;
}

.feefowidget-header-information-title h2{
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 600 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 32 32 / var(--tw-text-opacity)) !important;
}

.summary-rating{
  display: flex !important;
  align-items: center !important;
}

.rating-label{
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 600 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 32 32 / var(--tw-text-opacity)) !important;
}

.rating-label span{
  display: none !important;
}

.feefowidget-tooltip{
  display: none !important;
}

.sentiment-features-chips-container{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity)) !important;
}

.feefo-rating-stars{
  display: flex !important;
}

/* End Feefo Styling  */

.sentiment-features-title{
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 32 32 / var(--tw-text-opacity)) !important;
}

.chip{
  background-color: transparent !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 32 32 / var(--tw-text-opacity)) !important;
}

.chip-selected{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(226 226 219 / var(--tw-bg-opacity)) !important;
}

.sentiment-features-title-container{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity)) !important;
}

.on-product-page-comment-header{
  display: flex;
  align-items: center;
}

.content-card__content.on-product-page-comment-header p{
  text-align: center;
}

.snippets-container{
  flex-wrap: nowrap !important;
  gap: 0.5rem;
}

.snippets-container .snippet-container{
  border-width: 1px;
  padding: 1.5rem;
}

.snippets-container .snippet-container button{
  display: none !important;
}

.snippets-container .snippet-container .snippet-text{
  margin-bottom: 0.5rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  --tw-text-opacity: 1 !important;
  color: rgb(33 32 32 / var(--tw-text-opacity)) !important;
}

.on-product-page-comment-footer{
  display: none !important;
}

.on-page-footer{
  align-content: center !important;
}

.on-page-footer div:nth-of-type(2){
  margin-left: auto;
  margin-right: auto;
}

.on-page-footer img{
  display: none;
}

.on-page-footer .vendor-tagline{
  display: none !important;
}

.on-page-footer button.current{
  background-color: transparent !important;
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.on-page-footer .feefo-pag-nav-btn{
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600 !important;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

.on-page-footer button.on-page-button.next-prev{
  background-color: transparent !important;
    color: black !important;
}

.on-page-footer .read-more{
  display: none !important;
}

.on-page-container .feefo-rating-stars{
  display: flex !important;
}

.product__options-metafields-title{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .product__options-metafields-title{
    margin-top: 17px;
    margin-bottom: 0.25rem;
  }
}

.product__options-metafields__button{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  justify-content: space-between;
  gap: 0.25rem;
}

.product__options-metafields__button-item{
  grid-column: span 2 / span 2;
  width: 100%;
  border-width: 1px;
  padding: 0.75rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
}

.product__options-metafields__button-item.checked{
  --tw-border-opacity: 1;
  border-color: rgb(33 32 32 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(33 32 32 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.product__options-metafields__button-item.unavailable{
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
      background: 
      linear-gradient(to top left,
          rgba(226,226,219,0) 0%,
          rgba(226,226,219,0) calc(50% - 0.8px),
          rgba(226,226,219,1) 50%,
          rgba(226,226,219,0) calc(50% + 0.8px),
          rgba(226,226,219,0) 100%),
      linear-gradient(to top right,
          rgba(226,226,219,0) 0%,
          rgba(226,226,219,0) calc(50% - 0.8px),
          rgba(226,226,219,1) 50%,
          rgba(226,226,219,0) calc(50% + 0.8px),
          rgba(226,226,219,0) 100%);
}

.product__options-metafields__button .product__options-metafields__list{
  display: block;
}

.check-green path {
      stroke: #8BB646 !important;
    }

.clerk-slider-nav {
    display: block;
  }

.fixed-buy-button.active {
      visibility: visible;
    }

#smartwishlist{
  display: none !important;
}

/* GiftReggie Styling  */

.giftreggie-pdp-cta-area{
  margin-top: 1rem !important;
  margin-bottom: 0px !important;
  flex-direction: row-reverse !important;
  gap: 0px !important;
}

.giftreggie-pdp-registry-cta--button{
  justify-content: normal !important;
  border-style: none !important;
  padding-left: 10% !important;
  padding-right: 10% !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  text-decoration-line: underline !important;
  text-underline-offset: 4px !important;
}

.giftreggie-pdp-registry-cta--button::before {
    content: '';
    background-image: url('data:image/svg+xml, <svg class="{{ class }}" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 9.375V16.25C18 16.9404 17.4404 17.5 16.75 17.5H4.875C4.18464 17.5 3.625 16.9404 3.625 16.25V9.375M10.5 4.0625C10.5 2.85438 9.52062 1.875 8.3125 1.875C7.10438 1.875 6.125 2.85438 6.125 4.0625C6.125 5.27062 7.10438 6.25 8.3125 6.25C8.92459 6.25 10.5 6.25 10.5 6.25M10.5 4.0625C10.5 4.65853 10.5 6.25 10.5 6.25M10.5 4.0625C10.5 2.85438 11.4794 1.875 12.6875 1.875C13.8956 1.875 14.875 2.85438 14.875 4.0625C14.875 5.27062 13.8956 6.25 12.6875 6.25C12.0754 6.25 10.5 6.25 10.5 6.25M10.5 6.25V17.5M3.3125 9.375H18.3125C18.8303 9.375 19.25 8.95527 19.25 8.4375V7.1875C19.25 6.66973 18.8303 6.25 18.3125 6.25H3.3125C2.79473 6.25 2.375 6.66973 2.375 7.1875V8.4375C2.375 8.95527 2.79473 9.375 3.3125 9.375Z" stroke="%23212020" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    top: 25%;
    left: 0px;
    height: 1.25rem;
    width: 1.25rem;
    background-size: contain;
    background-repeat: no-repeat;
  }

.giftreggie-pdp-wishlist-cta--button{
  justify-content: normal !important;
  border-style: none !important;
  padding-left: 10% !important;
  padding-right: 10% !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  text-decoration-line: underline !important;
  text-underline-offset: 4px !important;
}

.giftreggie-pdp-wishlist-cta--button::before {
    content: '';
    background-image: url('data:image/svg+xml, <svg class="{{ class }}" width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.3211 1.61123C12.3937 0.0919274 9.56911 0.398453 8.02397 2.29358L7.99958 2.3229L7.97518 2.29091C6.43005 0.395788 3.60544 0.089262 1.67809 1.61123C0.745589 2.34689 0.157354 3.39707 0.0272376 4.56453C-0.102879 5.73199 0.235966 6.88346 0.984135 7.80037C0.994978 7.8137 1.00582 7.82436 1.01666 7.83769L7.71495 14.2454C7.79356 14.32 7.89657 14.3574 7.99958 14.3574C8.10259 14.3574 8.20288 14.32 8.28421 14.2454L14.9825 7.83769C14.9933 7.82703 15.0069 7.8137 15.015 7.80037C15.7632 6.88346 16.1047 5.73199 15.9719 4.56453C15.8391 3.39707 15.2563 2.34689 14.3211 1.61123ZM14.3943 7.28328L7.99958 13.4031L1.6049 7.28328C1.00311 6.53429 0.729324 5.60139 0.835043 4.65249C0.943474 3.6956 1.42328 2.83733 2.185 2.23494C3.76266 0.992846 6.07494 1.24073 7.33815 2.79202L7.67971 3.21316C7.83422 3.4024 8.15951 3.4024 8.31402 3.21316L8.65558 2.79468C9.91879 1.2434 12.2311 0.992846 13.8087 2.23761C14.5732 2.83999 15.053 3.69827 15.1587 4.65516C15.2698 5.60139 14.9988 6.53696 14.3943 7.28328Z" fill="%23212020"/></svg>');
    position: absolute;
    top: 25%;
    left: 0.25rem;
    height: 1.25rem;
    width: 1.25rem;
    background-size: contain;
    background-repeat: no-repeat;
  }

/* CSS last minute lifted and tweaksed from old site for Klaviyo BIS */

.stock-notify{
  width: 100%;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
}

.stock-notify-inner{
  margin-top: 1rem;
  display: block;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
  padding: 1.5rem;
  text-align: center;
}

.stock-notify-inner .stock-notify-title{
  margin-bottom: 0.5rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.stock-notify-inner .klaviyo-bis-trigger{
  display: inline-block;
}

.stock-notify-inner p{
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.icons-box-item + .icons-box-item{
  margin-top: 0.5rem;
}

@media (min-width: 1024px){

  .icons-box-item + .icons-box-item{
    margin-top: 0.75rem;
  }
}

.product-note.rte{
  margin-top: 17px;
}

.product-note.rte *{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.product-note.rte a {
      color: var(--brand-color-metafield, var(--brand-color));
    }

.product-note .metafield-rich_text_field{
  margin-top: 0px;
}

.product-note .metafield-rich_text_field > *:first-child{
  margin-top: 0px;
}

.product-loyalty-lion {
  background: var(--ll-background);
  color: var(--ll-color);
  padding: 14px 16px;
  line-height: 1.25;
}

.product-loyalty-lion a {
    text-decoration: underline;
  }

/**
 * Components
**/

.accordion{
  margin-top: 1rem;
  overflow: hidden;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
  padding-bottom: 0.5rem;
}

.accordion.accordion__active h4::after{
  --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));
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg class="{{ class }}" baseProfile="tiny" height="24px" id="Layer_1" version="1.2" viewBox="0 0 24 24" width="24px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M18,11H6c-1.104,0-2,0.896-2,2s0.896,2,2,2h12c1.104,0,2-0.896,2-2S19.104,11,18,11z"/></svg> ');
}

.accordion__intro{
  position: relative;
  cursor: pointer;
  padding-top: 0px;
}

.accordion__intro h4 p{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.accordion__content{
  max-height: 0px;
  overflow: hidden;
  padding-left: 0px;
  padding-right: 0px;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.accordion h4,
	.accordion p{
  margin: 0px;
  margin-bottom: 0.5rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  line-height: 1rem;
}

.accordion h4{
  position: relative;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.accordion h4::after {
      content: '';
      background-image: url('data:image/svg+xml,<svg class="{{ class }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" ><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99h144v-144C192 62.32 206.33 48 224 48s32 14.32 32 32.01v144h144c17.7-.01 32 14.29 32 31.99z"/></svg>');
      position: absolute;
      top: 25%;
      right: 0.25rem;
      height: 0.75rem;
      width: 0.75rem;
      background-size: cover;
      background-repeat: no-repeat;
      transition-property: all;
      transition-duration: 200ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

.accordion p{
  margin: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.accordion__active .accordion__content{
  opacity: 1;
}

.accordion__active .accordion__content .table table{
  border-width: 0px !important;
}

.accordion__active .accordion__content .table tr{
  width: 100%;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media screen and (max-width: 768px) {

.accordion__active .accordion__content .table tr {
           width: calc(100vw - 40px)
      }
          }

.accordion__active .accordion__content .table tr td:first-of-type{
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  border-bottom-width: 0px !important;
}

.accordion__active .accordion__content .table tr td:first-of-type figure img{
  height: 3rem !important;
  width: 3rem !important;
}

.accordion__active .accordion__content .table tr td:last-of-type{
  border-bottom-width: 0px !important;
  text-align: left !important;
}

.accordion__active .accordion__content .table tr td:last-of-type p{
  letter-spacing: 0.025em !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 32 32 / var(--tw-text-opacity)) !important;
}

.accordion__active .accordion__content .table tr td:last-of-type p strong{
  font-weight: 600 !important;
}

.article-tag{
  min-width: 100px;
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
}

.breadcrumbs{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: left;
  vertical-align: middle;
  text-transform: uppercase;
}

@media (min-width: 1024px){

  .breadcrumbs{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.breadcrumbs__list {
      @appy pb-4;
    }

.breadcrumbs__item{
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1px;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .breadcrumbs__item{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.breadcrumbs__item:not(:last-of-type)::after{
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
        content: '/';
}

.breadcrumbs__item_link{
  display: inline-block;
  padding-top: 0.5rem;
  font-size: 11px;
  letter-spacing: 1px;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.breadcrumbs__link{
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

/*
  This file is a part of the Moonbase framework.

*/

.shopify-payment-button__button--hidden{
  margin: 0px !important;
  display: none !important;
  padding: 0px !important;
}

.content-card{
  position: relative;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 0.75rem;
}

.content-card__media-wrapper{
  position: relative;
  height: 100%;
  width: 100%;
}

@media not all and (min-width: 1024px){

  .content-card__media-wrapper{
    min-height: 500px;
  }
}

.content-card__media{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.content-card__content{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
}

.content-card__content.items-center p{
  text-align: center;
}

.content-card__content.items-end p{
  text-align: right;
}

.content-card.one-row-two-cols{
  grid-column: span 6 / span 6;
  aspect-ratio: 5/4.75;
}

@media (min-width: 1024px){

  .content-card.one-row-two-cols{
    aspect-ratio: auto;
  }
}

.content-card.two-rows-two-cols{
  grid-column: span 6 / span 6;
  grid-row: span 2 / span 2;
  aspect-ratio: 4/5.25;
}

@media (min-width: 1024px){

  .content-card.two-rows-two-cols{
    aspect-ratio: auto;
  }
}

details[open] .header__icon--menu:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0px;
  display: block;
  width: 100%;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
}

details summary{
  list-style-type: none;
}

details summary::-webkit-details-marker{
  display: none;
}

li.list-menu__item.facets__item::marker{
  display: none !important;
  list-style-type: none !important;
}

.side-drawer-container > details > summary::before,
  .side-drawer-container details[open]:not(.menu-opening) > summary::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 20;
    width: 100%;
    cursor: default;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    height: calc(100vh - 100%); 
    height: calc(
      var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
    );
  }

.side-drawer-container > details[open] > summary::before{
  visibility: visible;
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.side-drawer{
  visibility: hidden;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0px;
}

dialog.side-drawer {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

@media (min-width: 640px){

  .side-drawer{
    max-width: 20rem;
  }
}

.side-drawer {
  transform: translate(-100%);
}

.side-drawer--right {
    transform: translate(100%);
  }

side-drawer{
  position: relative;
  z-index: 20;
}

.side-drawer {
  height: calc(100vh - 100%); 
  height: calc(100vh - var(--header-height));
  top: var(--header-height);
}

details[open] .side-drawer,
    details[open] .side-drawer__submenu {
      transition: transform 200ms ease, visibility 200ms ease;
    }

details[open]:not(.menu-opening) .side-drawer,
      details[open]:not(.menu-opening) .side-drawer__submenu{
  visibility: visible;
  --tw-translate-x: -100%;
  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));
}

details[open]:not(.menu-opening)--right{
  --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));
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
      details[open] .side-drawer,
      details[open] .side-drawer__submenu {
        transition: none;
      }
}

details[open] > .side-drawer,
details[open].menu-opening > .side-drawer,
details[open].menu-opening > .side-drawer__submenu {
  transform: translateX(0);
  visibility: visible;
}

details[open]:not(.menu-opening) > .side-drawer,
details[open]:not(.menu-opening) > .side-drawer__submenu {
  transform: translateX(-100%);
  visibility: visible;
}

details[open]:not(.menu-opening) > .side-drawer--right,
details[open]:not(.menu-opening) > .side-drawer__submenu {
  transform: translateX(100%);
  visibility: visible;
}

details[open]:not(.menu-opening) > .header__icon:before {
  opacity: 0;
  transition: transform 200ms ease, visibility 200ms ease;
}

.header-drawer {

    height: 100dvh; 
    height: 100vh;   /* Fallback for older browsers */
    top: 0;
    max-width: 100vw;
}

.mob_search_wrapper{
  border-top-width: 0px !important;
  padding: 0px !important;
  max-width: calc(100vw - 40px);
}

/* Top Level Listing */

.side-drawer__navigation{
  border-width: 0px;
  padding: 0px;
}

.side-drawer__navigation li{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity));
  padding: 1.25rem;
}

.side-drawer__navigation .submenu-open{
  visibility: hidden;
}

.side-drawer__submenu{
  visibility: hidden;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  --tw-translate-x: 100%;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.side-drawer__submenu .side-drawer__submenu{
  overflow-y: auto;
}

.side-drawer__inner-container{
  position: relative;
  margin-bottom: 1.25rem;
  height: 100dvh;
  overflow-y: auto;
}

.side-drawer__inner-submenu{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Close Button */

.side-drawer__close-button{
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  background-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-size: 1rem;
  line-height: 1.5rem;
}

.content-card__content.side-drawer__close-button p{
  text-align: center;
}

.side-drawer__close-button .icon-arrow{
  margin-right: 1rem;
  --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));
}

.side-drawer__navigation-container{
  display: flex;
  height: 100%;
  flex-direction: column;
  align-content: space-between;
  overflow-y: auto;
  overflow-x: hidden;
}

.side-drawer__menu-item{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.side-drawer__menu-item .icon-arrow{
  position: absolute;
  right: 2.5rem;
  top: 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));
}

.side-drawer__menu-item .icon-caret{
  right: 3rem;
  display: none;
}

.side-drawer__account{
  margin-left: -1.25rem;
  display: inline-flex;
  align-items: center;
  padding: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity));
}

.content-card__content.side-drawer__account p{
  text-align: center;
}

.side-drawer__account .icon-account{
  margin-right: 1rem;
  height: 2rem;
  width: 2rem;
}

.side-drawer__account:hover .icon-account{
  --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));
}

.side-drawer .list-social{
  margin-left: -1.25rem;
  margin-top: 2rem;
  justify-content: flex-start;
}

.side-drawer .list-social__link{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.side-drawer .list-social:empty{
  display: none;
}

.side-drawer summary.side-drawer__menu-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.content-card__content.side-drawer summary.side-drawer__menu-item p{
  text-align: center;
}

/* Custom Web Component */

drawer-component{
  position: fixed;
  top: 0px;
  z-index: 99;
  margin-bottom: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  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));
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

dialogdrawer-component {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

drawer-component[direction="left"]{
  left: 0px;
  --tw-translate-x: -100%;
  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));
}

drawer-component[direction="right"]{
  right: 0px;
  --tw-translate-x: 100%;
  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));
}

drawer-component.drawer-open[direction="left"]{
  --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));
  opacity: 1;
}

drawer-component.drawer-open[direction="right"]{
  --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));
  opacity: 1;
}

drawer-component button[drawer-close-button]{
  position: absolute;
  top: 0.5rem;
  right: 1.25rem;
  padding: 0.75rem;
}

html:not(.drawer-open) #site::before {
  content: '';
  pointer-events: none;
  position: fixed;
  inset: 0px;
  z-index: 29;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

dialoghtml:not(.drawer-open) #site::before {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

html.drawer-open #site::before {
  content: '';
  position: fixed;
  inset: 0px;
  z-index: 29;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0.5;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

dialoghtml.drawer-open #site::before {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

.fancy-field{
  position: relative;
  margin-top: 1rem;
}

.fancy-field input::placeholder, .fancy-field textarea::placeholder{
  opacity: 0;
}

.fancy-field label{
  pointer-events: none;
  font-size: 0.75rem;
  line-height: 1rem;
  opacity: 0.75;
    line-height: inherit;
    transition: .1s ease-in-out;
}

.fancy-field input:focus~label,
  .fancy-field input:-webkit-autofill~label,
  .fancy-field textarea:focus~label{
  top: 0px;
    font-size: 0.7rem;
    opacity: 0.5;
}

.non-fancy-field{
  margin-top: 1rem;
}

.hotspot__tooltip{
  visibility: hidden;
  position: absolute;
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  opacity: 0;
  --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);
}

.hotspot__tooltip--btn{
  margin-top: 0.5rem;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 2rem;
  align-items: center;
  justify-content: space-around;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
  padding: 0.5rem;
}

.content-card__content.hotspot__tooltip--btn p{
  text-align: center;
}

.hotspot__tooltip--content{
  display: flex;
  flex-direction: column;
}

.hotspot__tooltip--content p{
  margin: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-transform: uppercase;
}

.hotspot__tooltip__fork{
  position: absolute;
  bottom: 14%;
  left: 5%;
}

.hotspot__tooltip__fork.active{
  visibility: visible;
  z-index: 20;
  --tw-translate-x: 5%;
  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-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.hotspot__tooltip__spoon{
  position: absolute;
  top: 22%;
  left: 20%;
}

.hotspot__tooltip__spoon.active{
  visibility: visible;
  z-index: 20;
  --tw-translate-x: -5%;
  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-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.hotspot__tooltip__knife{
  position: absolute;
  bottom: 14%;
  right: 2%;
}

.hotspot__tooltip__knife.active{
  visibility: visible;
  z-index: 20;
  --tw-translate-x: -5%;
  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-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.hotspot__tooltip.active{
  visibility: visible;
  z-index: 20;
  opacity: 1;
}

.hotspot__tooltip:hover{
  visibility: visible;
  z-index: 20;
}

.hotspot__fork-image.active{
  opacity: 1;
}

.hotspot__spoon-image.active{
  opacity: 1;
}

.hotspot__knife-image.active{
  opacity: 1;
}

.shopify-section-minicart{
  position: relative;
  display: none;
}

@media (min-width: 1024px){

  .shopify-section-minicart{
    display: block;
  }

  .shopify-section-minicart::first-letter{
    z-index: 40;
  }
}

@media (min-width: 768px){

  .section-featured-product{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

.header-bar{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
}

dialog.header-bar {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

.header-bar {
  transition: right 0.3s;
  z-index: 2;
}

@media screen and (min-width: 1280px) {
  body {
    padding-right: 0;
    transition: all 0.3s;
  }
  body.js-ajax-cart-open {
    padding-right: 500px;
  }
  .js-ajax-cart-open .header-bar {
    right: 500px;
  }
}

.shopify-section-minicart .minicart__header h2{
  margin-top: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.js-ajax-cart-request-in-progress
  .shopify-section-minicart
  > form
  > div:nth-child(2) {
  opacity: 0.6;
}

.ajax-cart__line-item {
  border-bottom: 1px solid rgba(27, 30, 47, 0.15);
  padding: 0 0 30px;
  margin-bottom: 30px;
  position: relative;
}

.ajax-cart__line-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.shopify-section-minicart > form > div:last-child {
  flex: auto;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

form[action="/cart/add"] button {
  position: relative;
}

form[action="/cart/add"] button:after {
  content: "";
  position: absolute;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid white;
  border-bottom-color: transparent !important;
  animation: 0.5s linear infinite spin;
  right: 5px;
  top: 5px;
  opacity: 0;
  transition: all 0.3s;
}

.cart-page-link {
  position: relative;
}

.js-ajax-cart-request-in-progress .cart-page-link:after {
  content: "";
  position: absolute;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  border: 2px solid white;
  border-bottom-color: transparent !important;
  animation: 0.5s linear infinite spin;
  right: -15px;
  top: 7px;
  opacity: 1;
  transition: all 0.3s;
}

.header-bar__module:first-child .cart-page-link:after {
  display: none;
}

.cart-page-link .cart-count:before {
  display: inline;
  content: "(";
}

.cart-page-link .cart-count:after {
  display: inline;
  content: ")";
}

.product-single__prop {
  margin-bottom: 1em;
}

.product-single__prop input,
.product-single__prop select {
  margin-bottom: 0;
}

@media(min-width: 768px) {
  .product-single__prop > input,
  .product-single__prop > select {
    width: 50%;
  }
}

body:not(.cart){
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 1024px) {
      body:not(.cart).js-minicart-open .shopify-section-minicart{
    --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));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    transition-timing-function: linear;
  }
      @media (min-width: 768px){

    body:not(.cart).js-minicart-open .shopify-section-minicart{
      right: 1.5rem;
    }
  }
  }

.shopify-section-minicart{
  position: fixed;
  z-index: 50;
  max-height: 100vh;
  width: 100%;
  max-width: 28rem;
  --tw-translate-x: 100%;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-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);
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

dialog.shopify-section-minicart {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

@media (min-width: 768px){

  .shopify-section-minicart{
    top: 1.5rem;
    bottom: auto;
    right: 0px;
  }
}

.mini-cart{
  margin-bottom: 0px;
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px){

  .mini-cart{
    max-width: 50vw;
  }
}

@media (min-width: 1024px){

  .mini-cart{
    max-width: 33vw;
  }
}

.mini-cart.tooltip-open::after {
    content: '';
    position: fixed;
    inset: 0px;
    z-index: 40;
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    opacity: 0.5;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

dialog.mini-cart.tooltip-open::after {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

.mini-cart.tooltip-open .js-age-tooltip{
  z-index: 99;
}

/* Make the area with controls visually disabled */

body.js-ajax-cart-request-in-progress .minicart__items {
  opacity: .7;
}

/* Items show in Minicart */

.minicart__item{
  margin-left: 2rem;
  margin-right: 2rem;
  display: grid;
  gap: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
    grid-template-columns: 110px auto 80px;
}

/* Minicart Actions */

.minicart__item-actions{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

.content-card__content.minicart__item-actions p{
  text-align: right;
}

/* Minicart Totals i.e. discounts */

.minicart__totals{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Minicart Item Content */

.minicart__item-content{
  display: flex;
  flex-direction: column;
}

.minicart__items{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  overflow-y: auto;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (max-width: 1400px) {

.minicart__items {
      max-height: 150px
  }
    }

.minicart__meta{
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: auto;
  margin-bottom: 2rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
  padding: 2.25rem;
}

.minicart__meta h2{
  margin-top: 0px;
  margin-bottom: 1.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
  padding: 0px;
  padding-bottom: 1.5rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.631;
}

.minicart-bubble{
  position: absolute;
  top: 1.5rem;
  right: 0px;
  width: 1.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(222 228 221 / var(--tw-bg-opacity));
  padding: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

.js-age-tooltip::after {
  content: '';
  position: absolute;
  width: 0; 
  height: 0; 
  right: -2%;
  top: 50%;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid white;
}

.cart-loyalty-lion {
  background: var(--ll-background);
  color: var(--ll-color);
  padding: 14px 16px;
  line-height: 1.25;
}

.cart-loyalty-lion a {
    text-decoration: underline;
  }

/*Polyfill Fix Styles for older browsers
  Leaving as non-Tailwind classes for ease of updating from https://github.com/GoogleChrome/dialog-polyfill if required
*/

dialog {
  position: fixed !important; 
  left: 0; right: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  display: block;

}

dialog + .backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.75);
}

._dialog_overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

/*Main Modal styling*/

dialog[data-modal]{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

dialog[data-modal]::backdrop{
  background-color: rgb(0 0 0 / 0.5);
    animation: modal-fadein 0.5s forwards;
}

dialog[data-modal] > div:not([data-modal-close]){
  padding: 0.25rem;
}

dialog[data-modal] [data-modal-close].close-modal__icon{
  position: absolute;
  top: 2rem;
  right: 3rem;
  cursor: pointer;
}

@keyframes modal-fadein {
  from  {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

body.modal-open {
  overflow: hidden;
}

.newsletter-section form.klaviyo-form{
  margin-top: 1rem;
}

.newsletter-section form.klaviyo-form input{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.newsletter-section form.klaviyo-form button{
  position: relative !important;
  width: 100%;
  min-width: 25px;
  padding: 0px !important;
  color: transparent !important;
}

@media (min-width: 1024px){

  .newsletter-section form.klaviyo-form button{
    width: 2.5rem;
  }
}

.newsletter-section form.klaviyo-form button::after {
        content: '';
        background-image: url('data:image/svg+xml, <svg class="{{ class }}" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 16 16" ><path d="M5.5 3L10.5 8L5.5 13" stroke="%23ffffff" stroke-linecap="square"/></svg>');
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
      }

.price,
.clerk-price,
.price > *{
  margin: 0px;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.875rem;
  vertical-align: top;
}

.price.price--unavailable{
  visibility: hidden;
}

.price--end{
  text-align: right;
}

.price .price-item{
  margin-right: 0.25rem;
  display: inline-block;
}

.price__regular .price-item--regular{
  margin-right: 0.25rem;
}

.price:not(.price--show-badge) .price-item--last:last-of-type{
  margin: 0px;
}

@media screen and (min-width: 768px) {
  .price{
    margin-bottom: 0px;
  }
}

.price--large{
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale {
  display: inline-block;
}

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}

.price--center {
  display: initial;
  justify-content: center;
}

.price__sale .price-item.price-item--regular{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

.price__out-of-stock{
  margin: 0px;
  font-weight: 600;
  color: #CF5000;
}

.price__out-of-stock--desktop{
  display: inline-block;
}

.price__out-of-stock--mobile{
  display: none;
  font-size: 11px;
}

@media only screen and (max-width: 1024px) {
  .price__out-of-stock--desktop{
    display: none;
  }

  .price__out-of-stock--mobile{
    display: block;
  }
}

.search-product-card:not(.product-card--compare), .product-card:not(.product-card--compare){
  display: flex;
  height: 100%;
  flex-direction: column;
}

.search-product-card:not(.product-card--compare) .product-card-content, 
    .search-product-card:not(.product-card--compare) .cover-link, 
    .product-card:not(.product-card--compare) .product-card-content, 
    .product-card:not(.product-card--compare) .cover-link{
  display: flex;
  flex-direction: column;
}

.search-product-card:not(.product-card--compare) .search-product-card-content, 
    .search-product-card:not(.product-card--compare) .search-card-content-wrapper, 
    .search-product-card:not(.product-card--compare) .search-card-content, 
    .search-product-card:not(.product-card--compare) .product-card-content-wrapper, 
    .search-product-card:not(.product-card--compare) .product-card__content, 
    .product-card:not(.product-card--compare) .search-product-card-content, 
    .product-card:not(.product-card--compare) .search-card-content-wrapper, 
    .product-card:not(.product-card--compare) .search-card-content, 
    .product-card:not(.product-card--compare) .product-card-content-wrapper, 
    .product-card:not(.product-card--compare) .product-card__content{
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.search-product-card:not(.product-card--compare) .search-card-footer, 
    .search-product-card:not(.product-card--compare) .product-card-footer, 
    .product-card:not(.product-card--compare) .search-card-footer, 
    .product-card:not(.product-card--compare) .product-card-footer { /* Clerk */ margin-top: 0px; display: flex; flex: 1 1 0%; flex-direction: column;
    }

.search-product-card:not(.product-card--compare) .search-card-footer > a, 
    .search-product-card:not(.product-card--compare) .product-card-footer > a, 
    .product-card:not(.product-card--compare) .search-card-footer > a, 
    .product-card:not(.product-card--compare) .product-card-footer > a { /* Clerk */ display: flex; flex: 1 1 0%; flex-direction: column;
    }

.search-product-card:not(.product-card--compare) .search-card-footer > a > .product-name-YMAL, 
    .search-product-card:not(.product-card--compare) .product-card-footer > a > .product-name-YMAL, 
    .product-card:not(.product-card--compare) .search-card-footer > a > .product-name-YMAL, 
    .product-card:not(.product-card--compare) .product-card-footer > a > .product-name-YMAL { /* Clerk */ margin-bottom: auto;
    }

.search-product-card:not(.product-card--compare) .search-card-footer-wrapper, .product-card:not(.product-card--compare) .search-card-footer-wrapper { /* Clerk */ display: flex; flex-direction: row; align-items: center; justify-content: space-between;
    }

.content-card__content.search-product-card:not(.product-card--compare) .search-card-footer-wrapper p,.content-card__content .product-card:not(.product-card--compare) .search-card-footer-wrapper p{
  text-align: center;
}

.search-product-card:not(.product-card--compare) .atbclerkrecommendation, .product-card:not(.product-card--compare) .atbclerkrecommendation { /* Clerk */
      min-width: -moz-fit-content;
      min-width: fit-content;
    }

.search-product-card:not(.product-card--compare) .product-card__button, .product-card:not(.product-card--compare) .product-card__button {
      font-size: 0.863rem;
      line-height: initial;
      color: #000000;
    }

.search-product-card:not(.product-card--compare) .product-card__button svg, .product-card:not(.product-card--compare) .product-card__button svg {
        width: 1.15rem;
        height: 1.15rem;
        margin: 0.25rem 0 0;
      }

.search-product-card .product-card__badge-wrapper, .product-card .product-card__badge-wrapper{
  margin-top: 0.75rem;
  display: grid;
  gap: 0.125rem;
}

.search-product-card .product-card__badge-wrapper .product-card__badge, .product-card .product-card__badge-wrapper .product-card__badge{
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  padding: 0.25rem;
  font-family: FK Roman, Georgia, Times New Roman, serif;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.product-card__button{
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 2rem;
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

.summary-rating .feefo-rating-stars {
  display: flex !important; 
}

.summary-rating .feefo-rating-stars svg{
  height: 12px;
  width: 12px;
}

.summary-rating .reviews-count {
  color: #212020 !important;
  font-size: 10px !important;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.feefo-rating-stars svg path { 
  fill: #212020 !important; 
  border: #212020 !important;
}

.wishlist-text{
  padding: 0px;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

.comparison-card-swiper .swiper-slide{
  overflow: hidden !important;
}

.recently-viewed-pdp{
  padding-bottom: 3rem;
}

@media (min-width: 1024px){

  .recently-viewed-pdp{
    padding-bottom: 1.5rem;
  }
}

.clerkio-slider{
  display: none;
}

.clerkio-slider.active{
  display: block;
}

.rv-section-header{
  display: flex;
  overflow: auto;
  padding-top: 3rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 1024px){

  .rv-section-header{
    padding-top: 1.5rem;
    padding-bottom: 0px;
  }
}

.rv-section-header .title{
  margin-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
    text-wrap: nowrap;
}

.rv-section-header .title.active{
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.rv-section-header{
  scrollbar-width: none;
}

/* Hide scrollbar visually */

.rv-section-header::-webkit-scrollbar {
    display: none;
  }

table{
  margin: 0px;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding: 0px;
}

table caption{
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

table tr{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.375rem;
}

table th,
table td{
  padding: 0.75rem;
  text-align: center;
}

table th{
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

@media screen and (max-width: 768px) {
  table{
    border-width: 0px;
  }

  table caption{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  table thead{
    position: absolute;
    margin: -0.125rem;
    height: 0.125rem;
    width: 0.125rem;
    overflow: hidden;
    border-style: none;
    padding: 0px;
    clip: rect(0 0 0 0);
  }

  table tr{
    margin-bottom: 0.75rem;
    display: block;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
  }

  table td{
    display: block;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    text-align: right;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: 600;
    text-transform: uppercase;
  }

  table td:last-child{
    border-style: none;
  }
}

.tint-overlay::before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
    content: '';
}

@media only screen and (min-width: 1024px) {
    .lg\:tint-overlay::before{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
      content: '';
  }
}

/*
  This file is a part of the Moonbase framework.
*/

.facets-wrapper{
  column-gap: 1.5rem;
  border-bottom-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 219 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 768px){

  .facets-wrapper{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.facets-wrapper__desktop details{
  margin-right: 1.5rem;
  width: 100%;
}

@media (min-width: 768px){

  .facets-wrapper__desktop details{
    grid-column: span 12 / span 12;
  }
}

.accordion__active .facets-accordion__content {
    max-height: unset;
    height: 100%;
    height: 100dvh;
  }

.facets-container{
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
}

@media (min-width: 768px){

  .facets-container{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.facet__header{
  grid-column: span 6 / span 6;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  display: grid;
  align-items: center;
  justify-content: space-between;
}

.content-card__content.facet__header p{
  text-align: center;
}

@media (min-width: 768px){

  .facet__header{
    grid-column: span 12 / span 12;
  }
}

.facets__heading{
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-family: FK Roman, Georgia, Times New Roman, serif;
  font-size: 1.5rem;
  line-height: 2rem;
}

.facets__disclosure{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}

.facets__disclosure[open]{
  height: max-content;
  padding-bottom: 0.5rem;
}

@media (min-width: 1024px){

  .facets__disclosure[open]{
    min-height: 256px;
  }
}

.facets__disclosure[open] .facets__display{
  position: relative;
  left: 0px;
}

@media (min-width: 1024px){

  .facets__disclosure[open] .facets__display{
    position: absolute;
  }
}

.facets__disclosure[open] .facets__display {
      width: calc(100vw - 80px);
    }

.facets__disclosure[open] .icon-caret { transform: rotate(-180deg); transition: 0.3s ease; }

.facets-open details:not([open]){
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

.facets__summary{
  cursor: pointer;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@media (min-width: 768px){

  .facets__summary{
    border-width: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.facets__summary > div{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-card__content.facets__summary > div p{
  text-align: center;
}

.facets__display{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.facets__list .list-menu__item{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.range{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.active-facets{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.active-facets__button-inner, .active-facets__button-wrapper{
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

.content-card__content.active-facets__button-inner p,.content-card__content .active-facets__button-wrapper p{
  text-align: center;
}

.active-facets__button-inner > svg, .active-facets__button-wrapper > svg{
  margin-left: 0.75rem;
}

.facet-checkbox{
  display: flex;
  flex-grow: 1;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.75rem;
  line-height: 1rem;
}

.content-card__content.facet-checkbox{
  margin-bottom: 1.5rem;
}

.content-card__content.facet-checkbox p{
  text-align: center;
}

.facet-checkbox {
  flex-grow: 1;
  position: relative;
  display: flex;
  word-break: break-word;

}

.facet-checkbox input[type='checkbox']{
  position: absolute;
  opacity: 1;
    width: 1.6rem;
    height: 1.6rem;
    top: 0.7rem;
    left: -0.4rem;
    z-index: -1;
    appearance: none;
    -webkit-appearance: none;
}

.facet-checkbox input[type='checkbox']:checked + .checkbox-container svg{
  fill: #212020;
}

.facet-checkbox > svg {
    margin-right: 1.2rem;
    flex-shrink: 0;
  }

.facet-checkbox .checkbox-container {
    position: relative;
    margin-right: 8px;
  }

.facet-checkbox .icon-checkmark {
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
  }

.facet-checkbox > input[type='checkbox']:checked ~ .checkbox-container .icon-checkmark {
    visibility: visible;
  }

.no-js .facet-checkbox input[type='checkbox'] {
  z-index: 0;
}

.facets__price .field + .field-currency {
    margin-left: 2rem;
  }

.facets__price .field {
    align-items: center;
  }

.facets__price .field-currency {
    align-self: center;
  }

.facets__price .field__label {
    left: 1.5rem;
  }

.facet-filters{
  width: 100%;
  cursor: pointer;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@media (min-width: 768px){

  .facet-filters{
    border-width: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.facet-filters .select{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-card__content.facet-filters .select p{
  text-align: center;
}

.facet-filters__label{
  margin-right: 0.5rem;
}

.facets__sort-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.content-card__content.facets__sort-wrapper p{
  text-align: center;
}

#FacetSortForm .facet-filters__sort + .icon-caret {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
  }

@media (min-width: 768px) {

#FacetSortForm .facet-filters__sort + .icon-caret {
      right: 0px
  }
    }

.facet-filters__sort{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase !important;
  letter-spacing: 0.05em;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  height: auto;
  margin: 0;
  padding-left: 0;
  padding-right: 1.75rem;
  box-shadow: none;
  filter: none;
  transition: none;
  appearance: none;
  -webkit-appearance: none;
  min-width: auto;
  min-height: auto;
  width: 100%;
  position: relative;
}

.facet-filters__sort:hover {
    box-shadow: none;
    filter: none;
    transition: none;
  }

.facet-filters__sort + .icon-caret {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
  }

@media (min-width: 768px) {

.facet-filters__sort + .icon-caret {
    right: 80px
  }
    }

/*  Grid Layout Toggle */

.toggleDesktopGrid_icon {
  opacity: 0.2;
}

.toggleDesktopGrid_icon.active {
    opacity: 1;
  }

.toggleDesktopGrid_icon:first-of-type {
  margin-right: 8px;
}

.toggleMobileGrid_icon {
  opacity: 0.2;
}

.toggleMobileGrid_icon.active {
    opacity: 1;
  }

.toggleMobileGrid_icon:first-of-type {
  margin-right: 8px;
}

.toggleXLGrid_icon {
  opacity: 0.2;
}

.toggleXLGrid_icon.active {
    opacity: 1;
  }

.toggleXLGrid_icon:first-of-type {
  margin-right: 8px;
}

.facets__mobile-btn{
  height: 2.5rem;
}

#facets-drawer {
  z-index: 99 !important;
  width: 100vw;
}

#facets-drawer facet-filters-form{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#facets-drawer button[drawer-close-button]{
  top: 2rem;
  right: 1.25rem;
  padding: 0px;
}

.pagination__list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.content-card__content.pagination__list p{
  text-align: center;
}

@media (min-width: 1024px){

  .pagination__list{
    gap: 0.25rem;
  }
}

.pagination__item{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.pagination__item--last{
  padding-right: 0.5rem;
}

@media screen and (max-width: 1024px) {

.pagination__item{
    display: none;
  }

      .pagination__item:has(+ .pagination__item--current),
      .pagination__item:has(+ .pagination__item--last){
    display: list-item;
  }
  
      .pagination__item--first + .pagination__item,
      .pagination__item--current + .pagination__item{
    display: list-item;
  }
  
      .pagination__item--first,
      .pagination__item--current,
      .pagination__item--no-link,
      .pagination__item--last{
    display: list-item;
  }
    }

.pagination__nav{
  margin-top: 0.125rem;
  padding: 0px;
}

.pagination__nav + .pagination__item{
  padding-left: 0.5rem;
}

.paginate-button{
  display: flex;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  font-family: FK Roman, Georgia, Times New Roman, serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.paginate-button a{
  display: inline-block;
  width: auto;
  padding: 1rem;
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}

/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */

.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}

/* :active to override grabbing cursor */

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: zoom-out;
}

/* Prevent selection and tap highlights */

.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */

.pswp__content {
  pointer-events: none;
}

.pswp__content > * {
  pointer-events: auto;
}

/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/

.pswp__error-msg-container {
  display: grid;
}

.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */

.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */

.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */

.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/

div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}

.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}

/*

  Close button

*/

.pswp__button--close {
  margin-right: 6px;
}

/*

  Arrow buttons

*/

.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */

.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */

.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}

.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/

.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}

/*

  Loading indicator

*/

.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*

  "1 of 10" counter

*/

.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

:root {
    --swiper-pagination-bottom: 50px !important;
    --swiper-pagination-color: #FFFFFF;
    --swiper-pagination-bullet-inactive-color: #FFFFFF;
    --swiper-pagination-bullet-inactive-opacity: 0.4; 
    --swiper-pagination-bullet-height: 6px;
    --swiper-pagination-bullet-width: 6px;
    --swiper-pagination-active-bullet-width: 24px;
  }

.swiper {
    --swiper-navigation-color: #0A0B11;
    --swiper-navigation-size: 18px;
  }

.swiper-nav {
    --swiper-navigation-sides-offset: 0;
    --swiper-navigation-top-offset: 40%;
  }

.swiper-nav.swiper-button-prev,
    .swiper-nav.swiper-button-next{
  height: 1.5rem;
  width: 1.5rem;
      opacity: 10% !important;
      backdrop-filter: blur(20px) !important;
}

.swiper-nav.swiper-button-prev:not(.swiper-button-lock), .swiper-nav.swiper-button-next:not(.swiper-button-lock){
  display: none;
}

@media (min-width: 1024px){

  .swiper-nav.swiper-button-prev:not(.swiper-button-lock), .swiper-nav.swiper-button-next:not(.swiper-button-lock){
    display: block;
  }
}

.swiper-nav.swiper-button-prev::after, .swiper-nav.swiper-button-next::after {
        content: none;
      }

.swiper-pagination.swiper-pagination-bullets__animated .swiper-pagination-bullet {
      margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2.5px) !important;
    }

.swiper-pagination.swiper-pagination-bullets__animated .swiper-pagination-bullet:after {
        content: ''; display: block; width: 0; height: var(--swiper-pagination-bullet-height); background-color: #fff; border-radius: 10px;
      }

.swiper-pagination.swiper-pagination-bullets__animated .swiper-pagination-bullet.swiper-pagination-bullet-active {
      transition: width cubic-bezier(0.33,0,0.67,1) 400ms, background-color linear 250ms; transition: all 0.3s ease;
      width: var(--swiper-pagination-active-bullet-width); border-radius: 10px;
    }

.swiper-pagination.swiper-pagination-bullets__animated .swiper-pagination-bullet.swiper-pagination-bullet-active:after { 
        width: var(--swiper-pagination-active-bullet-width); transition: width 5s ease;
      }

.swiper-dots-outline .swiper-pagination-bullet {
        background-color: rgba(255,255,255,0.5);
      }

.swiper-dots-dark .swiper-pagination-bullet {
        background-color: #212020;
        border-color: #212020;
      }

.swiper-dots-large .swiper-pagination-bullet-active {
        width: var(--swiper-pagination-active-bullet-width) !important; 
        border-radius: 10px;
        transition: width 0.3s ease;
      }

@media (min-width: 1024px){

  .swiper-mobile{
    margin-left: auto;
    margin-right: auto;
  }
}

.swiper-mobile {
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
  }

@media (min-width: 1024px){

  .swiper-mobile > .swiper-wrapper{
    gap: 0.5rem;
  }
}

.swiper-mobile > .swiper-wrapper .swiper-slide{
  flex-shrink: 0;
}

@media (min-width: 768px){

  .swiper-mobile > .swiper-wrapper .swiper-slide{
    width: auto;
  }
}

@media (min-width: 1024px){

  .swiper-mobile > .swiper-wrapper .swiper-slide{
    width: auto;
    flex-shrink: 1;
  }

  .swiper-mobile .swiper-button-next, .swiper-mobile .swiper-button-prev{
    display: none;
  }
}

.swiper-mobile .swiper-button-next, .swiper-mobile .swiper-button-prev {
      transition: 0.5s ease-in-out;
      opacity: 10% !important;
      backdrop-filter: blur(20px) !important;
    }

.swiper-mobile .swiper-button-disabled {
      visibility: hidden;
      opacity: 0;
      transition: 0.5s ease-in-out;
    }

.swiper-rounded-btn {
      width: 42px !important;
      height: 42px !important;
      padding: 8px !important;

      gap: 8px !important;
      border-radius: 200px !important;
      border: 1px solid var(--Dark, #E2E2DB) !important;
      background: var(--Lightest, #FFF) !important;
      box-shadow: 0px 0px 2px 0px rgba(4, 13, 47, 0.04), 1px 1px 4px 0px rgba(4, 13, 47, 0.05) !important;
      opacity: 90% !important;
      backdrop-filter: blur(20px) !important;

  }

@media screen and (max-width: 767px) {
      .mobile-dark-dots .swiper-pagination-bullet {
        background-color: rgba(119, 119, 119, 0.5);
        border-color: rgba(119, 119, 119, 0.5);
      }
            .mobile-dark-dots.swiper-pagination-bullets__animated .swiper-pagination-bullet.swiper-pagination-bullet-active:after { 
              background-color: #777777 !important; 
            }
    }

@media screen and (min-width: 768px) {
      .desktop-dark-dots .swiper-pagination-bullet {
        background-color: rgba(119, 119, 119, 0.5);
        border-color: rgba(119, 119, 119, 0.5);
      }
          .desktop-dark-dots.swiper-pagination-bullets__animated .swiper-pagination-bullet.swiper-pagination-bullet-active:after { 
            background-color: #777777 !important; 
          }
    }

dialog {
  position: absolute;
  left: 0; right: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}

dialog:not([open]) {
  display: none;
}

dialog + .backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.1);
}

._dialog_overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

.fade-enabled .shopify-section {
        transition-delay: 2s;
         transition: 2s;
         opacity: 0;
    }

.fade-enabled .shopify-section .move-up{
             transition: all 1s var(--ease-out);
             transform: translateY(80px);
             transition-delay: 0s;
              opacity: 0;
         }

.fade-enabled .shopify-section.no-horizon{
    opacity: 1;
    }

.fade-enabled .shopify-section.horizon{
        opacity: 1;
      
      }

.fade-enabled .shopify-section.horizon .move-up{
            transform: translateY(0px);
            opacity: 1;
        }

.fade-enabled .design-mode .shopify-section{
          opacity: 1;
        }

.fade-enabled .design-mode .shopify-section .move-up{
              transform: translateY(0px);
          }

.fade-enabled .design-mode .shopify-section{
          opacity: 1;
        }

.fade-enabled .design-mode .shopify-section .move-up{
              transform: translateY(0px);
          }

.product-added-notification{
  position: relative;
  z-index: -1;
}

.product-added-notification .product-added-notification-content{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  display: flex;
  height: 3.5rem;
  --tw-translate-y: -3.5rem;
  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: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: linear;
}

.js-minicart-open .product-added-notification .product-added-notification-content{
  --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;
}

@media (min-width: 1024px){

  .product-added-notification.mobile{
    display: none;
  }
}

.product-added-notification.desktop{
  pointer-events: none;
  z-index: 10;
  display: none;
}

@media (min-width: 1024px){

  .product-added-notification.desktop{
    display: block;
  }
}

.product-added-notification.desktop .product-added-notification-content{
  top: -0.625rem;
  right: 2rem;
  left: auto;
  width: max-content;
  padding-left: 7rem;
  padding-right: 7rem;
}

@media screen and (max-width: 1024px) {

.js-minicart-open.scroll-up .search-form__mobile{
    top: -6rem;
    opacity: 0;
  }
  }

/* Swym */

#swym-wishlist-pdp-div {
  display: flex;
  justify-content: space-evenly;
}

#swym-wishlist-pdp-div > * {
  flex: 1;
  max-width: 50%;
}

span#swym-registry-add-btn-label {
  position: relative;
  font-size: 13px;
  line-height: 1 !important;
  text-decoration: underline;
  text-underline-offset: 4px;
  left: 5px;
}

button#swym-registry-add-modal-btn {
  padding: unset;
  display: flex;
  margin-left: 2.5% !important;
}

button#swym-registry-add-modal-btn:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16' height='16' width='16'%3E%3Cg id='heroicons-outline/gift'%3E%3Cpath stroke-linejoin='round' stroke-linecap='round' stroke-width='0.8' stroke='%23212020' d='M14 7.5V13C14 13.5523 13.5523 14 13 14H3.5C2.94772 14 2.5 13.5523 2.5 13V7.5M8 3.25C8 2.2835 7.2165 1.5 6.25 1.5C5.2835 1.5 4.5 2.2835 4.5 3.25C4.5 4.2165 5.2835 5 6.25 5C6.73967 5 8 5 8 5M8 3.25C8 3.72683 8 5 8 5M8 3.25C8 2.2835 8.7835 1.5 9.75 1.5C10.7165 1.5 11.5 2.2835 11.5 3.25C11.5 4.2165 10.7165 5 9.75 5C9.26033 5 8 5 8 5M8 5V14M2.25 7.5H14.25C14.6642 7.5 15 7.16421 15 6.75V5.75C15 5.33579 14.6642 5 14.25 5H2.25C1.83579 5 1.5 5.33579 1.5 5.75V6.75C1.5 7.16421 1.83579 7.5 2.25 7.5Z' id='Vector'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
  position: relative;
  margin-right: 16px;
}

button.swym-button.swym-add-to-wishlist.swym-iconbtnlink.swym-heart.swym-loaded:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 14' height='14' width='16'%3E%3Cpath stroke-width='0.2' stroke='%23212020' fill='%23212020' d='M13.5309 1.84714C11.8445 0.517753 9.37297 0.785963 8.02098 2.4442L7.99963 2.46985L7.97828 2.44187C6.62629 0.783631 4.15476 0.515421 2.46833 1.84714C1.65239 2.49084 1.13768 3.40975 1.02383 4.43128C0.909981 5.45281 1.20647 6.46035 1.86112 7.26264C1.87061 7.27431 1.88009 7.28364 1.88958 7.2953L7.75058 12.902C7.81936 12.9673 7.9095 13 7.99963 13C8.08976 13 8.17752 12.9673 8.24868 12.902L14.1097 7.2953C14.1192 7.28597 14.131 7.27431 14.1381 7.26264C14.7928 6.46035 15.0917 5.45281 14.9754 4.43128C14.8592 3.40975 14.3492 2.49084 13.5309 1.84714ZM13.595 6.81019L7.99963 12.1651L2.40429 6.81019C1.87772 6.15482 1.63816 5.33853 1.73066 4.50825C1.82554 3.67097 2.24537 2.91998 2.91188 2.39289C4.29233 1.30606 6.31557 1.52296 7.42088 2.88033L7.71974 3.24883C7.85494 3.41442 8.13957 3.41442 8.27477 3.24883L8.57363 2.88266C9.67894 1.52529 11.7022 1.30606 13.0826 2.39522C13.7515 2.92231 14.1713 3.6733 14.2639 4.51058C14.3611 5.33853 14.1239 6.15715 13.595 6.81019Z' id='Vector'%3E%3C/path%3E%3C/svg%3E%0A");
  margin-right: 16px;
  position: relative;
  top: 2.6px;
}

button.swym-button.swym-add-to-wishlist.swym-iconbtnlink.swym-heart.swym-loaded {
  position: relative;
  right: 14px;
  text-decoration: underline;
  text-transform: unset;
  font-size: 13px;
  display: flex;
  text-underline-offset: 4px;
}

.swym-button-bar.swym-wishlist-button-bar.swym-inject {
  display: none;
}

.swym-button.swym-add-to-wishlist.swym-added > span#swym-wishlist-pdp-text {
  display: none !important;
}

.swym-button.swym-add-to-wishlist:not(.swym-added) > span#swym-wishlist-pdp-text-after {
  display: none !important;
}

span#swym-wishlist-pdp-text {
  position: relative;
  left: 5px;
  top: 1px;
}

span#swym-wishlist-pdp-text-after {
  position: relative;
  left: 5px;
  top: 1px;
}

@media screen and (min-width: 570px) and (max-width: 1023px) {
  button#swym-registry-add-modal-btn {
    margin-left: 1.2% !important;
  }
}

a#swym-wishlist-account-nav {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

a#swym-wishlist-account-nav:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 14' height='14' width='16'%3E%3Cpath stroke-width='0.2' stroke='%23212020' fill='%23212020' d='M13.5309 1.84714C11.8445 0.517753 9.37297 0.785963 8.02098 2.4442L7.99963 2.46985L7.97828 2.44187C6.62629 0.783631 4.15476 0.515421 2.46833 1.84714C1.65239 2.49084 1.13768 3.40975 1.02383 4.43128C0.909981 5.45281 1.20647 6.46035 1.86112 7.26264C1.87061 7.27431 1.88009 7.28364 1.88958 7.2953L7.75058 12.902C7.81936 12.9673 7.9095 13 7.99963 13C8.08976 13 8.17752 12.9673 8.24868 12.902L14.1097 7.2953C14.1192 7.28597 14.131 7.27431 14.1381 7.26264C14.7928 6.46035 15.0917 5.45281 14.9754 4.43128C14.8592 3.40975 14.3492 2.49084 13.5309 1.84714ZM13.595 6.81019L7.99963 12.1651L2.40429 6.81019C1.87772 6.15482 1.63816 5.33853 1.73066 4.50825C1.82554 3.67097 2.24537 2.91998 2.91188 2.39289C4.29233 1.30606 6.31557 1.52296 7.42088 2.88033L7.71974 3.24883C7.85494 3.41442 8.13957 3.41442 8.27477 3.24883L8.57363 2.88266C9.67894 1.52529 11.7022 1.30606 13.0826 2.39522C13.7515 2.92231 14.1713 3.6733 14.2639 4.51058C14.3611 5.33853 14.1239 6.15715 13.595 6.81019Z' id='Vector'%3E%3C/path%3E%3C/svg%3E%0A");
  position: relative;
  top: 1.5px;
  right: 4px;
}

/* swym-registry-how-to-content July 17 2025 */

.swym-registry-manage-page-header-title-parent .swym-registry-how-to-content,
.swym-registry-wrapper .swym-registry-how-to-content {
  padding: 0 8rem;
}

@media only screen and (max-width: 600px) {
  .swym-registry-manage-page-header-title-parent .swym-registry-how-to-content,
  .swym-registry-wrapper .swym-registry-how-to-content {
    padding: 0 3rem;
  }
}

/**
 * Sections
**/

.section-50-50-hero__sticky-grid{
  position: relative;
  display: grid;
  width: 100%;
    grid-template-columns: auto auto auto;
}

.section-50-50-hero__content{
  position: sticky;
  bottom: 3rem;
  top: auto;
  grid-column: span 3 / span 3;
  margin-top: auto;
  width: 100%;
  padding-top: 1.5rem;
  text-align: center;
}

@media (min-width: 1024px){

  .section-50-50-hero__content{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.multi-col {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

.multi-col::-webkit-scrollbar{
  display: none;
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
}

.multi-col__block{
  width: 100%;
}

@media (min-width: 1024px){

  .multi-col__block{
    width: auto;
    flex-grow: 1;
  }
}

@media screen and (max-width: 1024px) {

.multi-col__block{
    flex-shrink: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
      }

.multi-col.single-col{
  padding-right: 1.25rem;
}

@media (min-width: 1024px){

  .multi-col.single-col{
    padding-right: 0px;
  }
}

@media screen and (max-width: 1024px) {

.multi-col{
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    scroll-padding-inline-start: 1.25rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding-left: 1.25rem;
    padding-right: 35%;
  }
    }

.swiper:not(.swiper-initialized),
  .video-swiper:not(.swiper-initialized){
  opacity: 0;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.swiper.swiper-initialized,
  .video-swiper.swiper-initialized{
  opacity: 1;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.section-multiple-media-text__content p{
  margin: 0px;
}

.section-multiple-media-text h4 {
    color: var(--text-color);
  }

.section-multiple-media-text h4::after {
      background-color: var(--text-color) !important;
    }

.section-multiple-media-text h5 {
    color: var(--text-color);
  }

.section-multiple-media-text p {
    color: var(--text-color);
  }

.section-multiple-media-text .button {
    color: var(--cta-text-color);
    background-color: var(--cta-background-color);
  }

.section-multiple-media-text .button:hover {
      background-color: var(--cta-hover-color);
    }

.section-timeline__card {
    z-index: 1;
}

.section-timeline__card::before {
    content:'';
    border-bottom: 2px solid #E2E2DB;
    height: 1px;
    width: 75vw;
    top: 50%;
    position: absolute;
    z-index: -1;
    left: 5vw;
}

.section-timeline__card::after {
    content:'';
    border-right: 2px solid #E2E2DB;
    height: 100%;
    width: 1px;
    top: 0;
    position: absolute;
    z-index: -1;
    left: calc(5vw + 20px);
}

@media screen and (min-width: 1024px) {
    .section-timeline__wrapper::after {
        content:'';
        border-right: 2px solid #E2E2DB;
        height: calc(100% - 40px);
        width: 1px;
        top: 0;
        position: absolute;
        z-index: 0;
        left: 50%;
    }

        .section-timeline__block__right .section-timeline__card::before {
            content:'';
            border-bottom: 2px solid #E2E2DB;
            height: 1px;
            width: 11vw;
            top: 50%;
            position: absolute;
            z-index: -1;
            left: 0;
            right: unset;
        }
    
        .section-timeline__block__right .section-timeline__card::after {
        content:'';
        border-left: none;
        border-right: none;
        }
        
        .section-timeline__block__right .section-timeline__content::after {
            content:'';
            border-right: 2px solid #E2E2DB;
            height: 48px;
            width: 1px;
            top: calc(50% - 24px);
            position: absolute;
            z-index: -1;
            left: 11vw;
        }

        .section-timeline__block__left .section-timeline__card::before {
            content:'';
            border-bottom: 2px solid #E2E2DB;
            height: 1px;
            width: 11vw;
            top: 50%;
            position: absolute;
            z-index: -1;
            right: 0;
            left: unset;
        }
    
        .section-timeline__block__left .section-timeline__card::after {
        content:'';
        border-left: none;
        border-right: none;
        }
        
        .section-timeline__block__left .section-timeline__content::after {
            content:'';
            border-right: 2px solid #E2E2DB;
            height: 48px;
            width: 1px;
            top: calc(50% - 24px);
            position: absolute;
            z-index: -1;
            right: 11vw;
        }
}

.video-carousel__section{
  position: relative;
  overflow: hidden;
  padding-top: 5rem;
}

.video-carousel__section .video-carousel__image{
  position: absolute;
  top: 0px;
  z-index: -1;
  aspect-ratio: 16 / 9;
  height: 100%;
  max-height: 50%;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 1024px){

  .video-carousel__section .video-carousel__image{
    max-height: 65%;
  }
}

.video-carousel__section .video-carousel__subtitle{
  margin-bottom: 0.5rem;
  margin-top: 0px;
  text-align: center;
}

.video-carousel__section .video-carousel__title{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 3rem;
  text-align: center;
}

.video-carousel__section video-carousel {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
  }

.video-carousel__section video-carousel .swiper-slide video{
  aspect-ratio: 16/9;
  object-fit: cover;
}

@media (min-width: 768px){

  .video-carousel__section video-carousel .swiper-slide video{
    aspect-ratio: 16 / 9;
  }
}

.video-carousel__section video-carousel .swiper-slide .video-carousel__content{
  text-align: center;
}

.video-carousel__section video-carousel .swiper-slide .video-carousel__content h4{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(226 226 219 / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .video-carousel__section video-carousel .swiper-slide .video-carousel__content h4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

@media(max-width: 1023px) {

.video-carousel__section video-carousel .swiper-slide .video-carousel__content h4{
    font-size: 1.25rem;
    line-height: 1.631;
  }
          }

.video-carousel__section video-carousel .swiper-slide .video-carousel__content p{
  margin-top: 0px;
  margin-bottom: 0.75rem;
  font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 1024px){

  .video-carousel__section video-carousel .swiper-slide .video-carousel__content p{
    margin-bottom: 1rem;
  }
}

.last\:mx-2:last-child{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.hover\:scale-125:hover{
  --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));
}

.hover\:border-contrast-dark:hover{
  --tw-border-opacity: 1;
  border-color: rgb(119 119 119 / var(--tw-border-opacity));
}

.hover\:bg-contrast-light:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity));
}

.hover\:bg-primary-darkest:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(33 32 32 / var(--tw-bg-opacity));
}

.hover\:bg-primary-lightest:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-secondary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(212 67 43 / var(--tw-bg-opacity));
}

.hover\:fill-black:hover{
  fill: #000;
}

.hover\:\!text-primary-lightest:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.hover\:text-\[--primary-color\]:hover{
  color: var(--primary-color);
}

.hover\:text-primary-darkest:hover{
  --tw-text-opacity: 1;
  color: rgb(33 32 32 / var(--tw-text-opacity));
}

.hover\:text-primary-lightest:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:no-underline:hover{
  text-decoration-line: none;
}

.hover\:shadow-xl:hover{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:bg-gray-200:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.focus-visible\:outline-gray-50:focus-visible{
  outline-color: #f9fafb;
}

.group:hover .group-hover\:rotate-45{
  --tw-rotate: 45deg;
  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-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\:stroke-white{
  stroke: #fff;
}

.group:hover .group-hover\:opacity-0{
  opacity: 0;
}

.peer\/draft:checked ~ .peer-checked\/draft\:text-primary-medium{
  --tw-text-opacity: 1;
  color: rgb(226 226 219 / var(--tw-text-opacity));
}

.peer\/published:checked ~ .peer-checked\/published\:text-primary-medium{
  --tw-text-opacity: 1;
  color: rgb(226 226 219 / var(--tw-text-opacity));
}

@media print{

  .print\:hidden{
    display: none;
  }
}

@media not all and (min-width: 1280px){

  .max-xl\:hidden{
    display: none;
  }
}

@media not all and (min-width: 1024px){

  .max-lg\:-order-1{
    order: -1;
  }

  .max-lg\:order-1{
    order: 1;
  }

  .max-lg\:order-2{
    order: 2;
  }

  .max-lg\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .max-lg\:hidden{
    display: none;
  }

  .max-lg\:h-14{
    height: 3.5rem;
  }

  .max-lg\:min-h-screen{
    min-height: 100vh;
  }

  .max-lg\:max-w-\[2\/3\]{
    max-width: 2/3;
  }

  .max-lg\: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));
  }

  .max-lg\:\!gap-x-1{
    column-gap: 0.25rem !important;
  }

  .max-lg\:overflow-hidden{
    overflow: hidden;
  }

  .max-lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .max-lg\:underline{
    text-decoration-line: underline;
  }
}

@media not all and (min-width: 768px){

  .max-md\:\!bottom-0{
    bottom: 0px !important;
  }

  .max-md\:border-b{
    border-bottom-width: 1px;
  }
}

@media not all and (min-width: 640px){

  .max-sm\:mb-12{
    margin-bottom: 3rem;
  }
}

@media (min-width: 640px){

  .sm\:\!z-30{
    z-index: 30 !important;
  }

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

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

  .sm\:col-start-1{
    grid-column-start: 1;
  }

  .sm\:col-start-3{
    grid-column-start: 3;
  }

  .sm\:block{
    display: block;
  }

  .sm\:h-\[160px\]{
    height: 160px;
  }

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

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

  .sm\:max-w-fit{
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

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

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

  .sm\:gap-4{
    gap: 1rem;
  }

  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:font-semibold{
    font-weight: 600;
  }
}

@media (min-width: 768px){

  .md\:absolute{
    position: absolute;
  }

  .md\:left-0{
    left: 0px;
  }

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

  .md\:order-2{
    order: 2;
  }

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

  .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\:mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .md\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .md\:mb-10{
    margin-bottom: 2.5rem;
  }

  .md\:mb-16{
    margin-bottom: 4rem;
  }

  .md\:ml-2{
    margin-left: 0.5rem;
  }

  .md\:mt-12{
    margin-top: 3rem;
  }

  .md\:mt-6{
    margin-top: 1.5rem;
  }

  .md\:mt-\[--top-margin-desktop\]{
    margin-top: var(--top-margin-desktop);
  }

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:hidden{
    display: none;
  }

  .md\:aspect-video{
    aspect-ratio: 16 / 9;
  }

  .md\:h-\[150px\]{
    height: 150px;
  }

  .md\:h-\[90vh\]{
    height: 90vh;
  }

  .md\:h-screen-1\/4{
    height: 25vh;
  }

  .md\:w-2\/6{
    width: 33.333333%;
  }

  .md\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }

  .md\:max-w-2xl{
    max-width: 42rem;
  }

  .md\:max-w-4xl{
    max-width: 56rem;
  }

  .md\:justify-center{
    justify-content: center;
  }

  .md\:gap-x-4{
    column-gap: 1rem;
  }

  .md\:border-none{
    border-style: none;
  }

  .md\:p-0{
    padding: 0px;
  }

  .md\:p-20{
    padding: 5rem;
  }

  .md\:p-4{
    padding: 1rem;
  }

  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:pb-0{
    padding-bottom: 0px;
  }

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

  .md\:text-\[0\.781vw\]{
    font-size: 0.781vw;
  }

  .md\:text-responsive-subtitle{
    font-size: 0.938vw;
    line-height: 1.25vw;
  }

  .md\:text-responsive-title{
    font-size: 2.813vw;
    line-height: 3.75vw;
  }

  .md\:text-\[var\(--text-color\)\]{
    color: var(--text-color);
  }
}

@media (min-width: 1024px){

  .lg\:visible{
    visibility: visible;
  }

  .lg\:absolute{
    position: absolute;
  }

  .lg\:relative{
    position: relative;
  }

  .lg\:sticky{
    position: sticky;
  }

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

  .lg\:left-auto{
    left: auto;
  }

  .lg\:top-0{
    top: 0px;
  }

  .lg\:top-\[-8px\]{
    top: -8px;
  }

  .lg\:top-auto{
    top: auto;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:order-2{
    order: 2;
  }

  .lg\:order-3{
    order: 3;
  }

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

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

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

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

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

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

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

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

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

  .lg\:col-start-10{
    grid-column-start: 10;
  }

  .lg\:col-start-2{
    grid-column-start: 2;
  }

  .lg\:col-start-3{
    grid-column-start: 3;
  }

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

  .lg\:col-start-5{
    grid-column-start: 5;
  }

  .lg\:col-start-7{
    grid-column-start: 7;
  }

  .lg\:col-start-8{
    grid-column-start: 8;
  }

  .lg\:col-start-9{
    grid-column-start: 9;
  }

  .lg\:row-span-1{
    grid-row: span 1 / span 1;
  }

  .lg\:row-span-2{
    grid-row: span 2 / span 2;
  }

  .lg\:m-0{
    margin: 0px;
  }

  .lg\:m-2{
    margin: 0.5rem;
  }

  .lg\:mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .lg\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .lg\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

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

  .lg\:mb-1{
    margin-bottom: 0.25rem;
  }

  .lg\:mb-10{
    margin-bottom: 2.5rem;
  }

  .lg\:mb-12{
    margin-bottom: 3rem;
  }

  .lg\:mb-20{
    margin-bottom: 5rem;
  }

  .lg\:mb-3{
    margin-bottom: 0.75rem;
  }

  .lg\:mb-32{
    margin-bottom: 8rem;
  }

  .lg\:mb-5{
    margin-bottom: 1.25rem;
  }

  .lg\:mb-6{
    margin-bottom: 1.5rem;
  }

  .lg\:ml-0{
    margin-left: 0px;
  }

  .lg\:ml-4{
    margin-left: 1rem;
  }

  .lg\:ml-5{
    margin-left: 1.25rem;
  }

  .lg\:ml-6{
    margin-left: 1.5rem;
  }

  .lg\:mr-0{
    margin-right: 0px;
  }

  .lg\:mr-3{
    margin-right: 0.75rem;
  }

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

  .lg\:mr-5{
    margin-right: 1.25rem;
  }

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

  .lg\:mt-10{
    margin-top: 2.5rem;
  }

  .lg\:mt-16{
    margin-top: 4rem;
  }

  .lg\:mt-2{
    margin-top: 0.5rem;
  }

  .lg\:mt-20{
    margin-top: 5rem;
  }

  .lg\:mt-24{
    margin-top: 6rem;
  }

  .lg\:mt-32{
    margin-top: 8rem;
  }

  .lg\:mt-4{
    margin-top: 1rem;
  }

  .lg\:mt-6{
    margin-top: 1.5rem;
  }

  .lg\:mt-8{
    margin-top: 2rem;
  }

  .lg\:mt-\[--top-margin-desktop\]{
    margin-top: var(--top-margin-desktop);
  }

  .lg\:mt-\[68px\]{
    margin-top: 68px;
  }

  .lg\:\!block{
    display: block !important;
  }

  .lg\:block{
    display: block;
  }

  .lg\:inline-block{
    display: inline-block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:\!hidden{
    display: none !important;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:aspect-auto{
    aspect-ratio: auto;
  }

  .lg\:h-10{
    height: 2.5rem;
  }

  .lg\:h-16{
    height: 4rem;
  }

  .lg\:h-\[220px\]{
    height: 220px;
  }

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

  .lg\:min-h-0{
    min-height: 0px;
  }

  .lg\:min-h-\[40px\]{
    min-height: 40px;
  }

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

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

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

  .lg\:w-2\/6{
    width: 33.333333%;
  }

  .lg\:w-\[115px\]{
    width: 115px;
  }

  .lg\:w-\[42px\]{
    width: 42px;
  }

  .lg\:w-\[65px\]{
    width: 65px;
  }

  .lg\:w-\[75px\]{
    width: 75px;
  }

  .lg\:w-\[82px\]{
    width: 82px;
  }

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

  .lg\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }

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

  .lg\:min-w-\[120px\]{
    min-width: 120px;
  }

  .lg\:max-w-\[250px\]{
    max-width: 250px;
  }

  .lg\:max-w-\[50\%\]{
    max-width: 50%;
  }

  .lg\:max-w-\[700px\]{
    max-width: 700px;
  }

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

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

  .lg\:-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));
  }

  .lg\:scroll-mt-36{
    scroll-margin-top: 9rem;
  }

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

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

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

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

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

  .lg\:flex-col{
    flex-direction: column;
  }

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

  .lg\:content-center{
    align-content: center;
  }

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

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

  .lg\:justify-center{
    justify-content: center;
  }

  .lg\:justify-stretch{
    justify-content: stretch;
  }

  .lg\:justify-items-end{
    justify-items: end;
  }

  .lg\:gap-16{
    gap: 4rem;
  }

  .lg\:gap-2{
    gap: 0.5rem;
  }

  .lg\:gap-4{
    gap: 1rem;
  }

  .lg\:gap-5{
    gap: 1.25rem;
  }

  .lg\:self-start{
    align-self: flex-start;
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:p-20{
    padding: 5rem;
  }

  .lg\:p-3{
    padding: 0.75rem;
  }

  .lg\:p-4{
    padding: 1rem;
  }

  .lg\:p-6{
    padding: 1.5rem;
  }

  .lg\:p-8{
    padding: 2rem;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-\[30px\]{
    padding-left: 30px;
    padding-right: 30px;
  }

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

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

  .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .lg\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:\!pb-0{
    padding-bottom: 0px !important;
  }

  .lg\:\!pl-0{
    padding-left: 0px !important;
  }

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

  .lg\:pb-12{
    padding-bottom: 3rem;
  }

  .lg\:pb-4{
    padding-bottom: 1rem;
  }

  .lg\:pb-8{
    padding-bottom: 2rem;
  }

  .lg\:pl-0{
    padding-left: 0px;
  }

  .lg\:pl-10{
    padding-left: 2.5rem;
  }

  .lg\:pl-20{
    padding-left: 5rem;
  }

  .lg\:pl-5{
    padding-left: 1.25rem;
  }

  .lg\:pr-0{
    padding-right: 0px;
  }

  .lg\:pr-10{
    padding-right: 2.5rem;
  }

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

  .lg\:pr-20{
    padding-right: 5rem;
  }

  .lg\:pr-6{
    padding-right: 1.5rem;
  }

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

  .lg\:pt-1{
    padding-top: 0.25rem;
  }

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

  .lg\:pt-4{
    padding-top: 1rem;
  }

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

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

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

  .lg\:\!text-5xl{
    font-size: 3rem !important;
    line-height: 3.913rem !important;
  }

  .lg\:\!text-base{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

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

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

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

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

  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-responsive-subtitle{
    font-size: 0.938vw;
    line-height: 1.25vw;
  }

  .lg\:text-responsive-title{
    font-size: 2.813vw;
    line-height: 3.75vw;
  }

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

  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.631;
  }

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

  .lg\:font-medium{
    font-weight: 500;
  }

  .lg\:\!leading-5{
    line-height: 1.25rem !important;
  }

  .lg\:leading-4{
    line-height: 1rem;
  }

  .lg\:tracking-\[0\.02rem\]{
    letter-spacing: 0.02rem;
  }

  .lg\:tracking-wide{
    letter-spacing: 0.025em;
  }

  .lg\:text-primary-dark{
    --tw-text-opacity: 1;
    color: rgb(119 119 119 / var(--tw-text-opacity));
  }

  .lg\:text-primary-darkest{
    --tw-text-opacity: 1;
    color: rgb(33 32 32 / var(--tw-text-opacity));
  }

  .lg\:\!opacity-0{
    opacity: 0 !important;
  }

  .group:hover .lg\: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\:lg\:opacity-0{
    opacity: 0;
  }

  .group:hover .group-hover\:lg\:opacity-100{
    opacity: 1;
  }

  .group:hover .lg\:group-hover\:\!opacity-100{
    opacity: 1 !important;
  }

  .group:hover .lg\:group-hover\:opacity-0{
    opacity: 0;
  }
}

@media (min-width: 1280px){

  .xl\:block{
    display: block;
  }

  .xl\:flex{
    display: flex;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:aspect-\[3\/2\]{
    aspect-ratio: 3/2;
  }

  .xl\:h-\[200px\]{
    height: 200px;
  }

  .xl\:w-2\/6{
    width: 33.333333%;
  }

  .xl\:flex-col{
    flex-direction: column;
  }

  .xl\:font-body{
    font-family: gill-sans-nova, Trebuchet MS, Helvetica, Arial, sans-serif;
  }

  .xl\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1536px){

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

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

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

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

  .\32xl\:flex{
    display: flex;
  }

  .\32xl\:hidden{
    display: none;
  }

  .\32xl\:h-\[160px\]{
    height: 160px;
  }
}

/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/swiper/swiper.css ***!
  \************************************************************************************************************************************************************************************/
/**
 * Swiper 11.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 5, 2024
 */

/* FONT_START */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}

/* FONT_END */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/swiper/swiper-bundle.css ***!
  \*******************************************************************************************************************************************************************************************/
/**
 * Swiper 11.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 5, 2024
 */

/* FONT_START */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}

/* FONT_END */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

/* Navigation font end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}

/* Fraction */

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

/* Cube slide shadows end */

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

/* Flip slide shadows end */

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}