/** Shopify CDN: Minification failed

Line 2455:5 Unexpected "{"
Line 2474:5 Unexpected "{"

**/
/* 
    ⚠️ WARNING
    ---------
    Do not remove or edit this file unless you know what you're doing
*/

/* 
    ! tailwindcss v3.3.3 | 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: currentColor; /* 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 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  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]) {
  -webkit-text-decoration: underline dotted;
          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: MatterMono, sans-serif; /* 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-feature-settings: inherit; /* 1 */
  font-variation-settings: 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;
}

/*
Reset default styling for dialogs.
*/

dialog {
  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::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

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

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

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

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

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

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

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

::-webkit-datetime-edit{
    display: inline-flex;
}

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

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

[multiple],[size]:where(select:not([size="1"])){
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: unset;
            print-color-adjust: unset;
}

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

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

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

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

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

[type='checkbox']:checked{
    background-image: url("data:image/svg+xml,%3csvg viewBox='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");
}

[type='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");
}

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

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

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

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

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

.prose h1, .prose h2 {
            margin-bottom: .5em;
        }

.prose h1, .prose h2, .prose h3 {
            font-weight: 900;
        }

.prose a {
          transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }

:root {
        --animate-duration: 1s;
        --animate-delay: 1s;
        --animate-repeat: 1;
    }

* {
        --tw-ring-color: #000;
        outline: none;
        transition: box-shadow 200ms ease-out;
    }

*.focus-visible{
    outline-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-sand-dark) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 1px;
}

*:focus-visible{
    outline-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-sand-dark) / var(--tw-ring-opacity));
    --tw-ring-offset-width: 1px;
}

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

*::-moz-selection {
        color: rgb(var(--color-forest));
        background-color: rgb(var(--color-seafoam));
    }

*::selection {
        color: rgb(var(--color-forest));
        background-color: rgb(var(--color-seafoam));
    }

html {
        scroll-behavior: smooth;
    }

body{
    font-family: Matter, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

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

a {
        display: inline-block;
    }

img.lazyload:not([src]), img.lazyloading:not([src]){
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.slick-slide img.lazyoading{
    opacity: 1;
}

/* clears the 'X' from Internet Explorer */

input[type=search].appearance-none::-ms-clear,
        input[type=search].appearance-none::-ms-reveal {
            display: none;
            height: 0; width: 0;
        }

/* clears the 'X' from Chrome */

input[type=search].appearance-none::-webkit-search-decoration,
        input[type=search].appearance-none::-webkit-search-cancel-button,
        input[type=search].appearance-none::-webkit-search-results-button,
        input[type=search].appearance-none::-webkit-search-results-decoration {
            display: none;
        }

#preview-bar-iframe{
    display: none;
}

@media (min-width: 1280px) {
        .responsive-h h1 {
            font-size: 12.8vw;
            letter-spacing: -0.025em;
        }
    }

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

.slick-slider {
        position: relative;

        display: block;
        box-sizing: border-box;

        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;

        -webkit-touch-callout: none;
        -khtml-user-select: none;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

.slick-list {
        position: relative;

        display: block;
        overflow: hidden;

        margin: 0;
        padding: 0;
    }

.slick-list:focus {
        outline: none;
    }

.slick-list.draggable {
        cursor: grab;
    }

.slick-list.draggable:active {
        cursor: grabbing;
    }

.slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
    .slick-slider .slick-list {
        transform: translate3d(0, 0, 0);
    }

.slick-track {
        position: relative;
        top: 0; left: 0;

        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.slick-track::before, .slick-track::after {
        display: table;
        content: '';
    }

.slick-track::after {
        clear: both;
    }

.slick-loading .slick-track {
        visibility: hidden;
    }

.slick-slide {
        display: none;
        float: left;

        height: 100%;
        min-height: 1px;
    }

.slick-slide img {
        display: block;
    }

.slick-slide .slick-loading img {
        display: none;
    }

.slick-slide .dragging img {
        pointer-events: none;
    }

.slick-slide .slick-cloned * {
        animation: none;
        opacity: 1;
    }

[dir='rtl'] .slick-slide {
        float: right;
    }

.slick-initialized .slick-slide {
        display: block;
    }

.slick-loading .slick-slide {
        visibility: hidden;
    }

.slick-vertical .slick-slide {
        display: block;

        height: auto;

        border: 1px solid transparent;
    }

.slick-arrow.slick-hidden {
        display: none;
    }

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

.slick-dots {
        display: flex;
        justify-content: center;
        gap: 0.375rem;
    }

.slick-dots li button {
        height: 0.75rem;
        width: 0.75rem;

        border: 1px solid rgb(var(--color-forest));
        border-radius: 100%;

        transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    }

.slick-dots li.slick-active button {
        background-color: rgb(var(--color-forest));    
    }

.slick-autoplay-toggle-button {
        position: absolute;
        z-index: 10;
        top: 8px;
        right: 8px;
        bottom: 8px;
        padding: 4px 8px;
        border-radius: 0.25rem;
    }

#promotional-announcement-bar .slick-autoplay-toggle-button {
        position: absolute;
        z-index: 10;
        top: 8px;
        left: -16px;
        bottom: 8px;
        padding: 4px 8px;
        border-radius: 0.25rem;
    }

@media (max-width: 768px) {
        #promotional-announcement-bar .slick-list {
            padding-right: 25%;
        }
    }

[data-sync-heights] .slick-slide > div{
    height: 100%;
}

.product-testimonial--dots .slick-dots li button {
        height: 2px;
        width: 2rem;
        border: 0;
        background: rgb(var(--color-forest));
        border-radius: 0;
        opacity: 0.2;

        transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    }

.product-testimonial--dots .slick-dots li.slick-active button {
        opacity: 1;
    }

*, ::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-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --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-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}

.container{
    width: 100%;
}

@media (min-width: 576px){

    .container{
        max-width: 576px;
    }
}

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

@media (min-width: 1800px){

    .container{
        max-width: 1800px;
    }
}

.prose{
    color: var(--tw-prose-body);
    max-width: 65ch;
}

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

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-bold);
    font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-left-width: 0.25rem;
    border-left-color: var(--tw-prose-quote-borders);
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em;
}

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

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

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
}

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

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
}

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

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
}

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

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
}

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

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

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
    font-size: 0.875em;
    border-radius: 0.3125rem;
    padding-top: 0.1875em;
    padding-right: 0.375em;
    padding-bottom: 0.1875em;
    padding-left: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em;
}

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

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

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: inherit;
}

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

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

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

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

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

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

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-right: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-left: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}

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

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

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

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
}

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

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
}

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

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

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

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

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

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

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

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0;
    margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
    margin-top: 0.5em;
    padding-left: 1.625em;
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-input,.form-textarea,.form-select,.form-multiselect{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}

.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb;
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder{
    color: #6b7280;
    opacity: 1;
}

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

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

.form-input::-webkit-date-and-time-value{
    min-height: 1.5em;
    text-align: inherit;
}

.form-input::-webkit-datetime-edit{
    display: inline-flex;
}

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

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

.form-select:where([size]:not([size="1"])){
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: unset;
            print-color-adjust: unset;
}

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

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

.form-radio{
    border-radius: 100%;
}

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

.form-checkbox:checked,.form-radio:checked{
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    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");
}

.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{
    border-color: transparent;
    background-color: currentColor;
}

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

.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{
    border-color: transparent;
    background-color: currentColor;
}

[class*="underscore"]::after{
    content: var(--tw-content);
    display: block;
    background-color: currentColor;
    height: 1px;
    width: 100%;
    --tw-scale-x: 0;
    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-origin: left;
    transition: transform cubic-bezier(0.4, 0, 0.2, 1) 300ms;
}

.underscore-in-left::after{
    --tw-scale-x: 1;
    transform-origin: left;
}

.underscore-out-right::after{
    --tw-scale-x: 0;
    transform-origin: right;
}

@media (min-width: 1280px) {
    .sticky-add-to-cart-bar {
      box-shadow: 
        0 10px 15px -3px rgb(0 0 0 / 0.1), 
        0 4px 6px -4px rgb(0 0 0 / 0.1),
        0 -4px 6px -4px rgb(0 0 0 / 0.1);
    }
  }

.after-cloud::after{
    position: absolute;
    inset: 0px;
    z-index: -10;
    width: 100%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-cloud) / var(--tw-bg-opacity));
}

.article-prose p{
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 300;
}

.article-prose a{
    text-decoration-line: underline;
}

.article-prose h1,
  .article-prose h2, 
  .article-prose h3{
    margin-top: 4rem;
    margin-bottom: 1rem;
    font-family: Reckless, serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.article-prose blockquote p{
    text-align: center;
}

.article-prose blockquote p:first-of-type{
    margin-bottom: 2.5rem;
    font-family: Reckless, serif;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.25;
    --tw-text-opacity: 1;
    color: rgb(var(--color-moss) / var(--tw-text-opacity));
}

@media (min-width: 768px){

    .article-prose blockquote p:first-of-type{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

@media (min-width: 1280px){

    .article-prose blockquote p:first-of-type{
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 1.25;
    }
}

.article-prose ul, 
  .article-prose ol{
    margin-bottom: 1rem;
    padding-left: 1.75rem;
}

.article-prose ul li{
    margin-bottom: 0.75rem;
    list-style-type: disc;
}

.article-prose ol li{
    list-style-type: decimal;
}

.article-prose img,
  .article-prose table,
  .article-prose blockquote{
    margin-top: 3rem;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    .article-prose img,
    .article-prose table,
    .article-prose blockquote {
      max-width: 130%;
      width: 130%;    
      margin-left: -15%!important;
      margin-right: -5%!important;
    }
  }

@media (min-width: 1024px) {
    .article-prose img,
    .article-prose table,
    .article-prose blockquote {
      max-width: 150%;
      width: 150%;    
      margin-left: -25%!important;
      margin-right: -25%!important;
      margin-top: 4rem;
      margin-bottom: 4rem;
    }
  }

[class*="btn"] {
        --radius: 9999px;

        cursor: pointer;

        padding-top: var(--py, 14px);
        padding-bottom: var(--py, 14px);
        padding-left: var(--px, 2.25rem);
        padding-right: var(--px, 2.25rem);

        font-size: var(--text, 1rem);
        text-align: center;
        font-weight: 500;

        background-color: var(--bg);
        color: var(--clr);
        border-radius: var(--radius, 0);

        border: solid var(--border-width, 1px) var(--border, var(--bg));
    }

[class*="btn"]:active, [class*="btn"].focus-visible, [class*="btn"]:hover {
            background-color: var(--bg-hover, var(--bg));
            border-color: var(--border-hover, var(--border, var(--bg-hover, var(--bg))));
            color: var(--clr-hover, var(--clr));
        }

[class*="btn"]:active, [class*="btn"]:focus-visible, [class*="btn"]:hover {
            background-color: var(--bg-hover, var(--bg));
            border-color: var(--border-hover, var(--border, var(--bg-hover, var(--bg))));
            color: var(--clr-hover, var(--clr));
        }

[class*="btn"][disabled] {
            --bg: rgb(var(--color-disabled-grey));
            --border: rgb(var(--color-disabled-grey));
            pointer-events: none;
            cursor: default;
            --tw-text-opacity: 1;
            color: rgb(var(--color-black) / var(--tw-text-opacity));
        }

[class*="btn"].\!disabled {
            --bg: rgb(var(--color-disabled-grey)) !important;
            --border: rgb(var(--color-disabled-grey)) !important;
        }

[class*="btn"].disabled {
            --bg: rgb(var(--color-disabled-grey));
            --border: rgb(var(--color-disabled-grey));
        }

[class*="btn"].\!disabled{
    --tw-text-opacity: 1;
    color: rgb(var(--color-black) / var(--tw-text-opacity));
}

[class*="btn"].disabled{
    --tw-text-opacity: 1;
    color: rgb(var(--color-black) / var(--tw-text-opacity));
}

[class*="btn"]{

        transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
        transition-property: background-color, border-color, box-shadow, color, padding;
}

.btn-lg {
        --px: 3rem;
        --py: 1rem;
        --text: 1.25rem;
    }

.btn-forest {
        --bg: rgb(var(--color-forest));
        --border: rgb(var(--color-forest));
        --clr: rgb(var(--color-white));
        --bg-hover: rgb(var(--color-moss-accessible));
        --border-hover: rgb(var(--color-moss-accessible));
        --clr-hover: rgb(var(--color-white));
    }

.btn-forest-chartreuse {
        --bg: rgb(var(--color-forest));
        --border: rgb(var(--color-forest));
        --clr: rgb(var(--color-chartreuse));
        --bg-hover: rgb(var(--color-chartreuse));
        --border-hover: rgb(var(--color-chartreuse));
        --clr-hover: rgb(var(--color-forest));
    }

.btn-white {
        --bg: rgb(var(--color-white));
        --border: rgb(var(--color-white));
        --clr: rgb(var(--color-forest));
        --bg-hover: rgb(var(--color-sky));
        --border-hover: rgb(var(--color-sky));
        --clr-hover: rgb(var(--color-forest));
    }

.btn-forest-outline {
        --bg: transparent;
        --border: rgb(var(--color-forest));
        --clr: rgb(var(--color-forest));
        --bg-hover: rgb(var(--color-moss-accessible));
        --border-hover: rgb(var(--color-moss-accessible));
        --clr-hover: rgb(var(--color-white));
        --border-width: 1px;
    }

.btn-chartreuse {
        --bg: rgb(var(--color-chartreuse));
        --border: rgb(var(--color-chartreuse));
        --clr: rgb(var(--color-forest));
        --bg-hover: rgb(var(--color-sky));
        --border-hover: rgb(var(--color-sky));
        --clr-hover: rgb(var(--color-forest));
        --border-width: 1px;
    }

.btn-underline {
        --bg: transparent;
        --border: transparent;
        --clr: rgb(var(--color-black));
        --bg-hover: transparent;
        --border-hover: transparent;
        --clr-hover: rgb(var(--color-white));
        --radius: 0px;
        --border-width: rem(0);
        --px: 10px;
        --py: 10px;
        position: relative;
        z-index: 1;
    }

.btn-underline::before{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    height: 100%;
    width: 100%;
    transform-origin: bottom;
    --tw-scale-y: 0.04;
    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(var(--color-black) / var(--tw-bg-opacity));
    transition-property: transform;
    transition-duration: 500ms;
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-underline:hover::before{
    content: var(--tw-content);
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

[data-add-to-cart][disabled] {
        --bg: #f4f6f8;
        --border: #f4f6f8;
        color: #c4cdd5;
        pointer-events: none;
        cursor: default;
        font-weight: 300;
    }

[data-add-to-cart][disabled] span {
        color: #c4cdd5;
    }

[class*="btn-toggle"] {
        border: rem(1.5) solid var(--border);
    }

[class*="btn"][class*="link-icon"]:hover{
    padding-left: 4rem;
    padding-right: 4rem;
}

@media (min-width: 1280px){

    [class*="btn"][class*="link-icon"]:hover{
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.custom-item-list li{
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 1;
}

@media (min-width: 1024px){

    .custom-item-list li{
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: 1;
    }
}

ul:has(li.test-ride-marker), 
  ul:has(li.how-to-test-marker), 
  ul:has(li.easy-returns-marker){
    padding-left: 0px;
}

li.test-ride-marker,
  li.how-to-test-marker,
  li.easy-returns-marker{
    margin-bottom: 1.25rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.75rem;
    padding-left: 0px;
}

li.test-ride-marker::before,
  li.how-to-test-marker::before,
  li.easy-returns-marker::before{
    display: inline-flex;
    height: 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding-top: 1rem;
}

li.test-ride-marker::before {
    content: var(--test-ride-marker);
  }

li.how-to-test-marker::before {
    content: var(--how-to-test-marker);
  }

li.easy-returns-marker::before {
    content: var(--easy-returns-marker);
  }

.custom-item-list li::before {
    content: var(--custom-list-marker);
    display: inline-flex;
    height: 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding-top: 0.25rem;
  }

.custom-item-list li:has(em){
    font-weight: 400;
    font-style: normal;
    color: rgb(var(--color-forest) / 0.5);
}

.custom-item-list li:has(em) em{
    font-style: normal;
}

.custom-item-list li:has(em)::before {
      content: var(--custom-list-empty);
    }

.custom-check-list li{
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    line-height: 1.5;
}

.pdp-check-list li{
    margin-bottom: 0.625rem;
}

.cert-badge-list li{
    margin-bottom: 1.25rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.75rem;
    line-height: 1.5;
}

.x-badge-list li{
    margin-bottom: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    font-family: MatterMono, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
}

@media (min-width: 1024px){

    .x-badge-list li{
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 1;
    }
}

.custom-check-list li strong{
    font-weight: 500;
}

.custom-check-list li::before {
    content: var(--custom-check-marker);
    display: inline-flex;
    height: 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;
    align-items: center;
    justify-content: center;
  }

.custom-check-list li:has(strong)::before {
    content: var(--strong-check-marker);
  }

.cert-badge-list li::before {
    content: var(--cert-badge-marker);
    margin-top: 0.5rem;
    display: inline-flex;
    height: 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;
    align-items: center;
    justify-content: center;
  }

.x-badge-list li::before {
    content: var(--x-list-marker);
    display: inline-flex;
    height: 0.5rem;
    width: 0.5rem;
    min-width: 0.5rem;
    align-items: center;
    justify-content: center;
  }

@media (min-width: 1024px){

    .x-badge-list li::before{
        height: 0.75rem;
        width: 0.75rem;
        min-width: 0.75rem;
    }
}

.guide-grid--navigation {
    --grid-nav-top: calc(var(--nav-height) - var(--bar-height));
    top: var(--grid-nav-top, 0px);
  }

.interstitial-grid {
    grid-template-areas: 
      'header'
      'image'
      'body';
  }

.interstitial-header {
    grid-area: header;
  }

.interstitial-image {
    grid-area: image;
  }

.interstitial-body {
    grid-area: body;
  }

@media (min-width: 1024px) {
    .interstitial-grid {
      gap: 20px;
      grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
      grid-template-areas: 
        'header header'
        'image body';
    }
  }

.link-underline{
    position: relative;
}

.link-underline::after{
    position: absolute;
    bottom: -0.25rem;
    left: 0px;
    height: 1px;
    width: 100%;
    transform-origin: bottom right;
    --tw-scale-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-duration: 300ms;
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.link-underline:after {
      background: currentColor;
    }

.link-underline:hover::after, .link-underline.activated::after{
    transform-origin: bottom left;
    content: var(--tw-content);
    --tw-scale-x: 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));
}

 .link-underline.\!activated::after{
    transform-origin: bottom left;
    content: var(--tw-content);
    --tw-scale-x: 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));
}

.underlined-title em{
    position: relative;
    z-index: 1;
    font-style: normal;
}

.underlined-title em::before{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    height: 100%;
    width: 100%;
    transform-origin: bottom;
    --tw-scale-y: 0.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));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-seafoam) / var(--tw-bg-opacity));
    transition-property: transform;
    transition-duration: 500ms;
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.underlined-title em:hover::before{
    content: var(--tw-content);
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.normal-link:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--color-moss-accessible) / var(--tw-text-opacity));
}

[class*="link-icon"] svg{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

[class*="link-icon"].link-icon-right:hover svg{
    --tw-translate-x: 0.25rem;
    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));
}

[class*="link-icon"].link-icon-left:hover svg{
    --tw-translate-x: -0.25rem;
    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));
}

.arrow-sm svg{
    height: 0.625rem;
    width: 0.625rem;
}

.header-wrapper {
    padding-bottom: var(--nav-height, 95px);
  }

.main-header{
    position: fixed;
    z-index: 40;
    width: 100%;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    max-width: 100vw;
}

.featured-header .header-wrapper {
    padding-bottom: calc(var(--bar-height) - 1px);
  }

.featured-header .main-header:not(.activated):not(.open) li,
  .featured-header .main-header:not(.activated):not(.open) svg,
  .featured-header .main-header:not(.activated):not(.open) [data-toggle-cart]{
    --tw-text-opacity: 1;
    color: rgb(var(--color-white) / var(--tw-text-opacity));
}

.featured-header .main-header:not(.activated):not(.open) [data-hook="cart-count"]{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

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

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

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

.main-header.activated {
    top: calc(-1 * var(--bar-height));
  }

.main-header.\!activated {
    top: calc(-1 * var(--bar-height)) !important;
  }

.section-header{
    top: -1px;
}

.main-menu-toggle.\!activated svg line:first-of-type {
        transform: rotate(45deg) translate(6px, -7.5px) !important;
    }

.main-menu-toggle.activated svg line:first-of-type {
        transform: rotate(45deg) translate(6px, -7.5px);
    }

.main-menu-toggle.\!activated svg line:last-of-type {
      transform: rotate(-45deg) translate(-14px, 0.3px) !important;
    }

.main-menu-toggle.activated svg line:last-of-type {
      transform: rotate(-45deg) translate(-14px, 0.3px);
    }

.mega-menu--region {
    top: 0;
    bottom: 0;
    height: 100%;
  }

@media (min-width: 1024px) {
    .mega-menu--region {
      top: calc(var(--nav-height) - 1px);
      height: calc(100vh - var(--nav-height) + 1px);
    }

    .main-header.activated .mega-menu--region {
      top: calc(var(--nav-height) - var(--bar-height) - 1px);
      height: calc(100vh - var(--nav-height) + var(--bar-height));
    }
     {
      top: calc(var(--nav-height) - 1px) !important;
      height: calc(100vh - var(--nav-height) + 1px) !important;
    }

    .main-header.\!activated .mega-menu--region {
      top: calc(var(--nav-height) - var(--bar-height) - 1px) !important;
      height: calc(100vh - var(--nav-height) + var(--bar-height)) !important;
    }
  }

@media (min-width: 1280px) {
    .mega-menu--region [data-menu-image] {
      height: calc(100vh - var(--nav-height) + 1px);
    }

    .main-header.activated [data-menu-image] {
      height: calc(100vh - var(--nav-height) + var(--bar-height));
    }
     {
      height: calc(100vh - var(--nav-height) + 1px) !important;
    }

    .main-header.\!activated [data-menu-image] {
      height: calc(100vh - var(--nav-height) + var(--bar-height)) !important;
    }
  }

.marquee {
    --gap: 36px;
    position: relative;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    gap: var(--gap);
  }

/* Reverse animation */

.marquee--reverse .marquee--content {
    animation-direction: reverse;
  }

.marquee--content {
    flex-shrink: 0;
    min-width: 100%;
    animation: scroll var(--speed) linear infinite;
  }

.marquee:hover .marquee--content {
    animation-play-state: paused;
  }

/* Pause animation when reduced-motion is set */

@media (prefers-reduced-motion: reduce) {
    .marquee--content {
      animation-play-state: paused !important;
    }
  }

@keyframes scroll {
    from {
      transform: translateX(0);
    } to {
      transform: translateX(calc(-100% - var(--gap)));
    }
  }

@media (min-width: 1280px) {
    .marquee--content.marquee-desktop--false {
      animation-play-state: paused !important;
      margin-left: auto;
      margin-right: auto;
      justify-content: center;
    }
  }

.header--font-varies em{
    font-size: 3rem;
    line-height: 1;
    font-style: normal;
}

@media (min-width: 1280px) {
    .header--font-varies em{
        font-size: 4rem;
        line-height: 1;
    }
  }

.custom-pagination a {
        font-weight: 400;
        font-size: 1rem;
    }

.custom-pagination span.page {
        border: 1px solid transparent;
        text-align: center;
        display: flex;
        height: 1.75rem;
        width: 1.75rem;
        align-items: center;
        justify-content: center;
        border-radius: 9999px;
        font-family: MatterMono, sans-serif;
        line-height: 1;
    }

.custom-pagination span.page.current {
        border: 1px solid rgb(var(--color-forest));
        font-size: 1rem;
    }

@keyframes point-pulse {
    0% {
      transform: scale(.85);
    } 50% {
      transform: scale(1.15);
    } 100% {
      transform: scale(.85);
    }
  }

button.popover-point--button{
    position: absolute;
    height: 1rem;
    width: 1rem;
    min-height: 1rem;
    min-width: 1rem;
}

.popover-point{
    position: absolute;
    height: 1rem;
    width: 1rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-moss) / var(--tw-bg-opacity));
    outline-style: solid;
    outline-width: 1px;
    outline-offset: 6px;
    outline-color: rgb(var(--color-white));
}

.popover-point--button .popover-point {
    animation: point-pulse 3s ease infinite both;
  }

.popover-point--button:hover .popover-point,
  .popover-point--button:focus .popover-point,
  .popover-point--button:active .popover-point,
  .popover-point--button:focus-within .popover-point {
    animation-name: none;
    outline-color: rgb(var(--color-moss));
  }

.slide-cart--item {
        grid-template-columns: 6rem 1fr;
    }

#cart-additional-checkout-buttons ul{
    margin: 0px !important;
    display: grid !important;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

#cart-additional-checkout-buttons ul li{
    margin: 0px !important;
    display: none;
    width: 100% !important;
}

#cart-additional-checkout-buttons ul li:first-of-type,
    #cart-additional-checkout-buttons ul li:nth-of-type(2){
    display: block;
}

#afterpay-injector-cart + afterpay-placement{
    margin-top: 0px;
    margin-bottom: 0.375rem;
}

.article--track-container .slick-list{
    padding-right: 1.25rem;
}

.sets--track-container .slick-list{
    padding-right: 2rem;
}

.blog--track-container .slick-list,
  .about--track-container .slick-list{
    padding-right: 2.5rem;
}

.testimonial--track-container .slick-slide:not(.slick-active){
    opacity: 0.4;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.product-media--container:not(.slick-initialized) {
    overflow: hidden;
  }

.product-media--container .slick-list{
    padding-right: 2rem;
}

.product-media--container .slick-track{
    display: flex !important;
    gap: 1.25rem;
}

.included--track-container .slick-track{
    display: flex;
    width: 100%;
    gap: 1.25rem;
}

.included--track-container .slick-list{
    padding-right: 2rem;
}

.about--track-container .slick-track{
    display: flex;
    gap: 0.5rem;
}

.included--track-container .slick-track:before,
  .included--track-container .slick-track:after,
  .product-media--container .slick-track:before,
  .product-media--container .slick-track:after,
  .about--track-container .slick-track:before,
  .about--track-container .slick-track:after {
    content: none;
  }

@media (min-width: 768px) {
    .testimonial--track-container .slick-list{
        padding-right: 2.5rem;
    }
  }

@media (min-width: 1024px) {
    .product-media--container .slick-list{
        padding-right: 0px;
    }

    .product-navigation--track .slick-list{
        padding-right: 5rem;
    }

    .product-media--container:not(.slick-initialized) {
      overflow: auto;
    }
  }

@media (min-width: 1280px) {
    .included--track-container .slick-list,
    .testimonial--track-container .slick-list{
        padding-right: 5rem;
    }

    .included--track-container .slick-list{
        margin-left: auto;
        margin-right: auto;
        display: block;
        min-width: 100%;
    }
    
    .included--track-container .slick-track{
        margin-left: auto;
        margin-right: auto;
        display: block;
        min-width: 100%;
    }
    
    /* 
    .included--track-container .slick-track {
      @apply flex gap-10 w-full;
    } 
    */

    .product-navigation--track .slick-list{
        padding-right: 14rem;
    }
  }

.multi-select-label{
    position: relative;
    min-width: 100%;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-sky) / var(--tw-border-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.75rem;
    padding-right: 1.25rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.group\/multi.activated .multi-select-label{
    border-radius: 1.5rem;
}

@media (min-width: 768px){

    .multi-select-label{
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
}

.group\/multi.activated .multi-select-label{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-sky) / var(--tw-bg-opacity));
}

.group\/multi.\!activated .multi-select-label{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-sky) / var(--tw-bg-opacity));
}

.group\/multi.activated .multi-select-label.promo-active {
    background-color: var(--promo-sale-bg-color);
  }

.group\/multi.\!activated .multi-select-label.promo-active {
    background-color: var(--promo-sale-bg-color) !important;
  }

.promo-sale-savings-badge.promo-active {
    color: var(--promo-sale-text-color);
    background-color: var(--promo-sale-bg-color);
  }

.group\/multi.activated .promo-sale-savings-badge.promo-active {
    color: var(--promo-sale-bg-color);
    background-color: var(--promo-sale-text-color);
  }

.group\/multi.\!activated .promo-sale-savings-badge.promo-active {
    color: var(--promo-sale-bg-color) !important;
    background-color: var(--promo-sale-text-color) !important;
  }

/* Star Rating Customizations */

.yotpo.bottomLine .text-m{
    font-family: Matter, sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 1.25;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-forest) / var(--tw-text-opacity)) !important;
    vertical-align: middle;
}

.yotpo.bottomLine.stars-white .text-m{
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-white) / var(--tw-text-opacity)) !important;
}

.yotpo.bottomLine .yotpo-bottomline{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}

.filters-dropdown .yotpo-dropdown .list-category .non-selected-star, 
  .filters-dropdown .yotpo-dropdown .list-category .selected-stars {
    float: left!important;
  }

/* url({{ 'star-full.svg' | asset_url }}) */

.yotpo.yotpo-main-widget .yotpo-icon.yotpo-icon-star:before, 
  .yotpo.bottomLine .yotpo-icon.yotpo-icon-star:before,
  .yotpo.yotpo-main-widget .yotpo-icon.yotpo-icon-half-star:before,
  .yotpo.bottomLine .yotpo-icon.yotpo-icon-half-star:before,
  .yotpo.yotpo-main-widget .yotpo-icon.yotpo-icon-empty-star:before,
  .yotpo.bottomLine .yotpo-icon.yotpo-icon-empty-star:before {
    content: none;
  }

.yotpo.yotpo-main-widget .yotpo-icon.yotpo-icon-star, 
  .yotpo.bottomLine .yotpo-icon.yotpo-icon-star,
  .yotpo.yotpo-main-widget .yotpo-icon.yotpo-icon-half-star,
  .yotpo.bottomLine .yotpo-icon.yotpo-icon-half-star,
  .yotpo.yotpo-main-widget .yotpo-icon.yotpo-icon-empty-star,
  .yotpo.bottomLine .yotpo-icon.yotpo-icon-empty-star {
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: 100%!important;
  }

.yotpo.bottomLine .yotpo-icon,
  .yotpo.bottomLine .standalone-bottomline .yotpo-stars .yotpo-icon{
    height: 0.875rem !important;
    width: 0.875rem !important;
}

.yotpo.yotpo-main-widget .yotpo-icon.yotpo-icon-star,
  .yotpo.bottomLine .yotpo-icon.yotpo-icon-star {
    background-image: var(--full-star)!important;
  }

/* White stars */

.yotpo.bottomLine.stars-white .yotpo-icon.yotpo-icon-star,
  .yotpo.bottomLine.stars-white .yotpo-icon.yotpo-icon-half-star,
  .yotpo.bottomLine.stars-white .yotpo-icon.yotpo-icon-empty-star  {
    filter: brightness(10);
  }

/* url({{ 'star-half.svg' | asset_url }}) */

.yotpo.yotpo-main-widget .yotpo-icon.yotpo-icon-half-star,
  .yotpo.bottomLine .yotpo-icon.yotpo-icon-half-star {
    background-image: var(--half-star)!important;
  }

/* url({{ 'star-empty.svg' | asset_url }}) */

.yotpo.yotpo-main-widget .yotpo-icon.yotpo-icon-empty-star,
  .yotpo.bottomLine .yotpo-icon.yotpo-icon-empty-star {
    background-image: var(--empty-star)!important;
  }

/* Main Yotpo Review Widget CSS on PDP */

#product-reviews .yotpo-product-widget .yotpo-reviews {
      grid-area: reviews;
      max-width: 100vw;
      padding-top: 4rem;
      padding-bottom: 4rem;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }

@media (min-width: 1280px){

    #product-reviews .yotpo-product-widget .yotpo-reviews{
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-right: 9rem;
    }
}

/* Review Basics */

#product-reviews .yotpo-product-widget .yotpo-review{
    margin-left: 0px;
    margin-right: 0px;
    display: grid;
    gap: 0.625rem;
    border-top-width: 1px;
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-sand) / var(--tw-border-opacity)) !important;
      grid-template-columns: 3fr 1fr;
      
      grid-template-areas: 
        "stars date"
        "body body"
        "title title"
        "verified verified";
      
      padding-top: 3rem;
      
      padding-bottom: 3rem;
}

@media (min-width: 1280px){

    #product-reviews .yotpo-product-widget .yotpo-review{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

#product-reviews .yotpo-product-widget .yotpo-review:first-of-type{
    border-top-width: 0px;
}

#product-reviews .yotpo-product-widget .yotpo-icon-btn.more-filters-btn{
    border-radius: 9999px;
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-forest) / var(--tw-border-opacity)) !important;
}

#product-reviews .yotpo-product-widget .more-filters-btn .more-filters-icon{
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-forest) / var(--tw-text-opacity)) !important;
}

#product-reviews .yotpo-product-widget .more-filters-btn .more-filters-text{
    font-family: Matter, sans-serif;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

/* Hidden Elements */

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-footer,
    #product-reviews .yotpo-product-widget .yotpo-review .yotpo-clr,
    #product-reviews .yotpo-product-widget .yotpo-review .yotpo-icon-profile,
    #product-reviews .yotpo-product-widget .yotpo-reviews-header,
    #product-reviews .yotpo-product-widget .new-yotpo-small-box,
    #product-reviews .yotpo-product-widget .yotpo-label-container{
    display: none;
}

/* Grid Positioning */

#product-reviews .yotpo-product-widget .main-widget{
    display: grid !important;
    row-gap: 0px;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    padding-left: 0px;
    padding-right: 0px;

      grid-template-columns: 1fr;
      grid-template-areas: 
            "rating"
            "filters" 
            "write"
            "new"
            "reviews";
}

#product-reviews .yotpo-product-widget .yotpo-reviews-filters {
      grid-area: filters;
      margin-left: 0px;
      margin-right: 0px;
      max-width: 100%;
      border-bottom-width: 0px;
      --tw-bg-opacity: 1;
      background-color: rgb(var(--color-cloud) / var(--tw-bg-opacity));
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }

@media (min-width: 1280px){

    #product-reviews .yotpo-product-widget .yotpo-reviews-filters{
        padding-left: 5rem;
        padding-right: 5rem;
        padding-top: 4rem;
        padding-bottom: 2.5rem;
    }
}

#product-reviews .yotpo-product-widget .suggested-topic,
    #product-reviews .yotpo-product-widget .suggested-topic-expand{
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-forest) / var(--tw-border-opacity));
    background-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

#product-reviews .yotpo-product-widget .suggested-topic-text{
    font-family: Matter, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .suggested-topic.active-topic, 
    #product-reviews .yotpo-product-widget .suggested-topic[aria-checked="true"]{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
}

#product-reviews .yotpo-product-widget .suggested-topic.active-topic .suggested-topic-text, #product-reviews .yotpo-product-widget .suggested-topic[aria-checked="true"] .suggested-topic-text{
    --tw-text-opacity: 1;
    color: rgb(var(--color-white) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .filters-container .desktop-clear-all-btn{
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-forest) / var(--tw-border-opacity));
    background-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

#product-reviews .yotpo-product-widget .filters-container .desktop-clear-all-btn .desktop-clear-btn-text{
    font-family: Matter, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .write-review-button {
        --bg: rgb(var(--color-forest));
        --border: rgb(var(--color-forest));
        --clr: rgb(var(--color-white));
        --bg-hover: rgb(var(--color-moss-accessible));
        --border-hover: rgb(var(--color-moss-accessible));
        --clr-hover: rgb(var(--color-white));
        margin-bottom: 0px;
        height: auto;
        width: 100%;
        border-radius: 9999px;
        border-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-forest) / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(var(--color-white) / var(--tw-text-opacity));
    }

@media (min-width: 1024px){

    #product-reviews .yotpo-product-widget .write-review-button{
        width: auto;
    }
}

@media (min-width: 1280px){

    #product-reviews .yotpo-product-widget .write-review-button{
        padding-left: 3rem !important;
        padding-right: 3rem !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

#product-reviews .yotpo-product-widget .write-review-button .write-question-review-button-icon{
    display: none;
}

#product-reviews .yotpo-product-widget .write-review-button .write-question-review-button-text{
    font-family: Matter, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(var(--color-white) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .write-review-button:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-moss-accessible) / var(--tw-bg-opacity)) !important;
}

#product-reviews .yotpo-product-widget .write-question-review-buttons-container {
      grid-area: write;
      margin-left: 0px;
      margin-right: 0px;
      max-width: 100vw;
      border-bottom-width: 0px;
      --tw-bg-opacity: 1;
      background-color: rgb(var(--color-cloud) / var(--tw-bg-opacity));
      padding-left: 1.25rem;
      padding-right: 1.25rem !important;
      padding-bottom: 4rem;
    }

@media (min-width: 1280px){

    #product-reviews .yotpo-product-widget .write-question-review-buttons-container{
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

#product-reviews .yotpo-product-widget form[aria-label] {
      display: contents;
    }

#product-reviews .yotpo-product-widget .write-review-wrapper {
      grid-area: new;
      max-width: 100vw;
      border-bottom-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(var(--color-sand) / var(--tw-border-opacity));
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }

@media (min-width: 1280px){

    #product-reviews .yotpo-product-widget .write-review-wrapper{
        padding-left: 0px;
        padding-right: 9rem;
    }
}

#product-reviews .yotpo-product-widget .write-review-wrapper .yotpo-mandatory-explain{
    font-family: Matter, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .write-review-wrapper .write-review{
    border-top-width: 0px;
}

#product-reviews .yotpo-product-widget .write-review-wrapper label.y-label, #product-reviews .yotpo-product-widget .write-review-wrapper span.y-label{
    font-family: MatterMono, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .write-review-wrapper .y-label.yotpo-header-title{
    font-family: Reckless, serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    text-transform: lowercase;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

@media (min-width: 1280px){

    #product-reviews .yotpo-product-widget .write-review-wrapper .y-label.yotpo-header-title{
        font-size: 3rem;
        line-height: 1;
    }
}

#product-reviews .yotpo-product-widget .write-review-wrapper input.y-input,
      #product-reviews .yotpo-product-widget .write-review-wrapper textarea.y-input{
    margin-top: 0.375rem;
    margin-bottom: 1.5rem;
    height: auto;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-forest) / var(--tw-border-opacity));
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-family: Matter, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .write-review-wrapper .yotpo-icon-btn{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-moss) / var(--tw-bg-opacity));
}

#product-reviews .yotpo-product-widget .write-review-wrapper .yotpo-or{
    font-family: MatterMono, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: lowercase;
}

#product-reviews .yotpo-product-widget .write-review-wrapper .yotpo-submit {
        --bg: rgb(var(--color-forest));
        --border: rgb(var(--color-forest));
        --clr: rgb(var(--color-white));
        --bg-hover: rgb(var(--color-moss-accessible));
        --border-hover: rgb(var(--color-moss-accessible));
        --clr-hover: rgb(var(--color-white));
        height: auto;
        border-radius: 9999px;
        border-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-forest) / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
        font-family: Matter, sans-serif;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500 !important;
        text-transform: capitalize;
        --tw-text-opacity: 1;
        color: rgb(var(--color-white) / var(--tw-text-opacity));
    }

#product-reviews .yotpo-product-widget .write-review-wrapper .yotpo-submit:hover{
    border-width: 1px !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-moss-accessible) / var(--tw-bg-opacity)) !important;
}

#product-reviews .yotpo-product-widget .filters-container-title{
    padding-bottom: 1.25rem;
    font-family: MatterMono, sans-serif;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .yotpo-pager .yotpo-page-element{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display: inline-flex;
    height: 1.5rem !important;
    width: 1.5rem !important;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    font-family: MatterMono, sans-serif;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-forest) / var(--tw-text-opacity)) !important;
}

#product-reviews .yotpo-product-widget .yotpo-pager .yotpo-page-element:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-white) / var(--tw-text-opacity)) !important;
}

#product-reviews .yotpo-product-widget .yotpo-pager .yotpo-page-element.yotpo-active{
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-forest) / var(--tw-border-opacity));
}

#product-reviews .yotpo-product-widget .yotpo-pager .yotpo-page-element.yotpo-icon{
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-forest) / var(--tw-text-opacity)) !important;
}

#product-reviews .yotpo-product-widget .yotpo-pager .yotpo-page-element.yotpo-disabled{
    opacity: 0.3;
}

#product-reviews .yotpo-product-widget .yotpo-pager .yotpo-page-element.yotpo_previous::before {
        content: var(--left-arrow);
        height: 60%;
        width: 100%;
      }

#product-reviews .yotpo-product-widget .yotpo-pager .yotpo-page-element.yotpo_next::before {
        content: var(--right-arrow);
        height: 60%;
        width: 100%;
      }

#product-reviews .yotpo-product-widget .yotpo-pager .yotpo-page-element.yotpo_previous:hover::before, 
      #product-reviews .yotpo-product-widget .yotpo-pager .yotpo-page-element.yotpo_next:hover::before {
        filter: brightness(4);
      }

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-header,
    #product-reviews .yotpo-product-widget .yotpo-review .yotpo-header-element:not(.yotpo-icon-profile),
    #product-reviews .yotpo-product-widget .yotpo-nav-content{
    display: contents;
}

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-header .yotpo-user-name {
      grid-area: title;
      margin-left: 0px;
      margin-right: 0px;
      font-family: Matter, sans-serif;
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 500;
      --tw-text-opacity: 1;
      color: rgb(var(--color-forest) / var(--tw-text-opacity));
    }

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-header .yotpo-review-stars  {
      grid-area: stars;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
    }

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-header .yotpo-review-date  {
      grid-area: date;
      font-family: MatterMono, sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      --tw-text-opacity: 1;
      color: rgb(var(--color-forest) / var(--tw-text-opacity));
    }

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-header .label-with-tooltip  {
      grid-area: verified;
    }

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-header .label-with-tooltip .yotpo-user-title{
    margin-left: 0px;
    margin-right: 0px;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-family: Matter, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-header .label-with-tooltip .yotpo-user-title::before {
        content: var(--verified-badge);
        display: block;
      }

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-main {
      grid-area: body;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
    }

#product-reviews .yotpo-product-widget .yotpo-bottomline.bottom-line-items-container {
      grid-area: rating;
      margin-left: 0px;
      margin-right: 0px;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      padding-bottom: 2rem;
      padding-top: 3rem;
    }

@media (min-width: 1024px){

    #product-reviews .yotpo-product-widget .yotpo-bottomline.bottom-line-items-container{
        padding-bottom: 3rem;
    }
}

#product-reviews .yotpo-product-widget .yotpo-bottomline.bottom-line-items-container::before {
        content: "Reviews";
        font-family: Reckless, serif;
        font-size: 3rem;
        line-height: 1;
        --tw-text-opacity: 1;
        color: rgb(var(--color-forest) / var(--tw-text-opacity));
      }

#product-reviews .yotpo-product-widget .yotpo-bottomline.bottom-line-items-container .bottom-line-items{
    margin-top: 1rem;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.625rem;
}

#product-reviews .yotpo-product-widget .yotpo-bottomline.bottom-line-items-container .avg-score{
    height: auto;
    padding-top: 0px;
    font-family: Reckless, serif;
    font-size: 3rem;
    line-height: 1;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .yotpo-bottomline.bottom-line-items-container .rating-stars-container{
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
}

#product-reviews .yotpo-product-widget .yotpo-bottomline.bottom-line-items-container .rating-stars-container .yotpo-icon{
    height: 1.25rem !important;
    width: 1.25rem !important;
}

#product-reviews .yotpo-product-widget .yotpo-bottomline.bottom-line-items-container .reviews-qa-label{
    width: -moz-fit-content;
    width: fit-content;
    font-family: Matter, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .yotpo-bottomline.bottom-line-items-container .reviews-qa-labels-container {
        float: none;
        position: static;
        margin-left: 0;
        padding-top: 0;
      }

#product-reviews .yotpo-product-widget .yotpo-dropdown-button{
    display: flex;
    align-items: center;
    border-radius: 0px;
    border-width: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

#product-reviews .yotpo-product-widget .yotpo-dropdown-button label, 
      #product-reviews .yotpo-product-widget .yotpo-dropdown-button span.selected{
    font-family: Matter, sans-serif;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .yotpo-dropdown{
    border-width: 0px;
}

#product-reviews .yotpo-product-widget .yotpo-dropdown li.list-category:hover{
    background-color: rgb(var(--color-seafoam) / 0.2) !important;
}

#product-reviews .yotpo-product-widget .yotpo-dropdown li a{
    font-family: Matter, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .yotpo-dropdown a.selected-item{
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-forest) / var(--tw-text-opacity)) !important;
}

#product-reviews .yotpo-product-widget .yotpo-dropdown a.non-selected-item{
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-moss-accessible) / var(--tw-text-opacity)) !important;
}

#product-reviews .yotpo-product-widget .yotpo-dropdown .list-category .yotpo-icon{
    display: block !important;
}

#product-reviews .yotpo-product-widget .yotpo-dropdown .list-category .yotpo-filter-stars{
    display: flex !important;
}

/* Individual Review  */

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-main .content-title {
      display: block;
      float: none;
      margin-bottom: 0.75rem;
      padding-bottom: 0px;
      font-family: Reckless, serif;
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: 400;
      --tw-text-opacity: 1;
      color: rgb(var(--color-forest) / var(--tw-text-opacity));
    }

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-main .content-title .highlight-text{
    margin-bottom: 0.75rem;
    padding-bottom: 0px;
    font-family: Reckless, serif;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .yotpo-main .yotpo-review-images-wrapper{
    margin-top: 2.25rem;
    display: flex;
    gap: 1rem;
}

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-main .content-review,
    #product-reviews .yotpo-product-widget .yotpo-review .yotpo-main .rest-content-collapsed {
      float: none;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-bottom: 0px;
      font-family: Matter, sans-serif;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 400;
      --tw-text-opacity: 1;
      color: rgb(var(--color-forest) / var(--tw-text-opacity));
    }

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-main .content-review .highlight-text,
    #product-reviews .yotpo-product-widget .yotpo-review .yotpo-main .content-title .highlight-text{
    background-color: rgb(var(--color-seafoam) / 0.4);
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-main .yotpo-read-more{
    margin-left: 0.625rem;
    font-family: Matter, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
    text-decoration-line: underline;
}

#product-reviews .yotpo-product-widget .yotpo-review .yotpo-main .yotpo-read-more[data-position="opened"]{
    margin-top: 0.625rem;
    margin-left: 0px;
    display: block;
}

#product-reviews .yotpo-product-widget .yotpo-main .yotpo-review-images-wrapper .image-review{
    margin-bottom: 0px;
    margin-right: 0px;
    border-radius: 4px;
    border-width: 0px;
}

/* Mobile Filters */

.yotpo.mobile-filters-modal .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons .mobile-filter-radio-button .radio-selected-color{
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

.yotpo.mobile-filters-modal .mobile-filters-container .mobile-single-filter .mobile-filter-radio-buttons .mobile-filter-radio-button input[type="radio"]:checked+.radio-label:before{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-forest) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
}

.yotpo.mobile-filters-modal .mobile-filters-footer-btn {
        --bg: rgb(var(--color-forest));
        --border: rgb(var(--color-forest));
        --clr: rgb(var(--color-white));
        --bg-hover: rgb(var(--color-moss-accessible));
        --border-hover: rgb(var(--color-moss-accessible));
        --clr-hover: rgb(var(--color-white));
        margin-left: 0.625rem;
        margin-right: 0.625rem;
        margin-bottom: 0.625rem;
        height: auto;
        width: calc(100% - 20px);
        border-radius: 9999px;
        border-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-forest) / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(var(--color-white) / var(--tw-text-opacity));
    }

@media (min-width: 1024px){

    .yotpo.mobile-filters-modal .mobile-filters-footer-btn{
        width: auto;
    }
}

.yotpo.mobile-filters-modal .mobile-filters-footer-btn .footer-text {
    height: auto;
    padding: 0;
    font-family: Matter, sans-serif;
  }

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon-profile{
    display: none;
}

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-user-name{
    margin-left: 0px;
    margin-right: 0px;
    max-height: none !important;
    font-family: Matter, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-forest) / var(--tw-text-opacity)) !important;
}

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .label-with-tooltip .yotpo-user-title{
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    font-family: Matter, sans-serif;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-forest) / var(--tw-text-opacity)) !important;
}

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-review-date{
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    font-family: Matter, sans-serif;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-forest) / var(--tw-text-opacity)) !important;
}

/* url({{ 'star-full.svg' | asset_url }}) */

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon.yotpo-icon-star:before, 
      .yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon.yotpo-icon-half-star:before, 
      .yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon.yotpo-icon-empty-star:before {
        content: none;
      }

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon.yotpo-icon-star, 
      .yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon.yotpo-icon-half-star, 
      .yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon.yotpo-icon-empty-star {
        background-position: center!important;
        background-repeat: no-repeat!important;
        background-size: 100%!important;
      }

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon{
    height: 0.875rem !important;
    width: 0.875rem !important;
}

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon.yotpo-icon-star {
        background-image: var(--full-star)!important;
      }

/* url({{ 'star-half.svg' | asset_url }}) */

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon.yotpo-icon-half-star{
        background-image: var(--half-star)!important;
      }

/* url({{ 'star-empty.svg' | asset_url }}) */

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-header .yotpo-icon.yotpo-icon-empty-star{
        background-image: var(--empty-star)!important;
      }

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-main{
    margin-left: 0px;
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-main .content-title{
    font-family: Matter, sans-serif;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-forest) / var(--tw-text-opacity)) !important;
}

.yotpo.yotpo-lightbox .yotpo-lightbox-content-container .yotpo-review .yotpo-main .yotpo-review-wrapper .content-review{
    font-family: Matter, sans-serif;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-forest) / var(--tw-text-opacity)) !important;
}

@media (min-width: 1280px) {
      /* Grid Positioning */
      #product-reviews .yotpo-product-widget .main-widget{
        display: grid;
        row-gap: 0px;
        -moz-column-gap: 0.5rem;
             column-gap: 0.5rem;
    }
      @media (min-width: 1280px){

        #product-reviews .yotpo-product-widget .main-widget{
            padding-left: 9rem;
            padding-right: 0px;
        }
    }
      #product-reviews .yotpo-product-widget .main-widget {

        overflow: hidden;
        grid-template-columns: 22rem 1fr;
        grid-template-areas: 
              "rating filters filters filters"
              "rating write write write"
              "new new new new"
              "reviews reviews reviews reviews";
      }

      #product-reviews .yotpo-product-widget .yotpo-review{
        display: grid;
        gap: 0.5rem;

        grid-template-columns: 22rem 1fr;
        grid-template-areas: 
                    "title stars stars date"
                    "verified body body body";
    }
  }

.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.pointer-events-none{
    pointer-events: none;
}

.pointer-events-auto{
    pointer-events: auto;
}

.visible{
    visibility: visible;
}

.invisible{
    visibility: hidden;
}

.collapse{
    visibility: collapse;
}

.static{
    position: static;
}

.fixed{
    position: fixed;
}

.absolute{
    position: absolute;
}

.relative{
    position: relative;
}

.sticky{
    position: sticky;
}

.inset-0{
    inset: 0px;
}

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

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

.-left-16{
    left: -4rem;
}

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

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

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

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

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

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

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

.bottom-0{
    bottom: 0px;
}

.bottom-2{
    bottom: 0.5rem;
}

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

.bottom-4{
    bottom: 1rem;
}

.bottom-40{
    bottom: 10rem;
}

.bottom-5{
    bottom: 1.25rem;
}

.left-0{
    left: 0px;
}

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

.left-2{
    left: 0.5rem;
}

.left-3{
    left: 0.75rem;
}

.left-3\.5{
    left: 0.875rem;
}

.left-4{
    left: 1rem;
}

.left-5{
    left: 1.25rem;
}

.left-8{
    left: 2rem;
}

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

.right-0{
    right: 0px;
}

.right-16{
    right: 4rem;
}

.right-2{
    right: 0.5rem;
}

.right-2\.5{
    right: 0.625rem;
}

.right-3{
    right: 0.75rem;
}

.right-3\.5{
    right: 0.875rem;
}

.right-4{
    right: 1rem;
}

.right-5{
    right: 1.25rem;
}

.right-6{
    right: 1.5rem;
}

.top-0{
    top: 0px;
}

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

.top-2{
    top: 0.5rem;
}

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

.top-3{
    top: 0.75rem;
}

.top-5{
    top: 1.25rem;
}

.top-6{
    top: 1.5rem;
}

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

.top-full{
    top: 100%;
}

.isolate{
    isolation: isolate;
}

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

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

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

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

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

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

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

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

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

.order-1{
    order: 1;
}

.order-none{
    order: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row-start-1{
    grid-row-start: 1;
}

.row-start-10{
    grid-row-start: 10;
}

.row-start-11{
    grid-row-start: 11;
}

.row-start-12{
    grid-row-start: 12;
}

.row-start-2{
    grid-row-start: 2;
}

.row-start-3{
    grid-row-start: 3;
}

.row-start-4{
    grid-row-start: 4;
}

.row-start-5{
    grid-row-start: 5;
}

.row-start-6{
    grid-row-start: 6;
}

.row-start-7{
    grid-row-start: 7;
}

.row-start-8{
    grid-row-start: 8;
}

.row-start-9{
    grid-row-start: 9;
}

.m-0{
    margin: 0px;
}

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

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

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

.mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}

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

.mx-2\.5{
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

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

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

.my-0{
    margin-top: 0px;
    margin-bottom: 0px;
}

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

.my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.my-11{
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
}

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

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

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

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

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

.my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

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

.my-7{
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
}

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

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

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

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

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

.-mb-14{
    margin-bottom: -3.5rem;
}

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

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

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

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

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

.-mb-28{
    margin-bottom: -7rem;
}

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

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

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

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

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

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

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

.-ml-10{
    margin-left: -2.5rem;
}

.-ml-12{
    margin-left: -3rem;
}

.-ml-14{
    margin-left: -3.5rem;
}

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

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

.-ml-2\.5{
    margin-left: -0.625rem;
}

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

.-ml-24{
    margin-left: -6rem;
}

.-ml-28{
    margin-left: -7rem;
}

.-ml-3{
    margin-left: -0.75rem;
}

.-ml-32{
    margin-left: -8rem;
}

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

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

.-ml-6{
    margin-left: -1.5rem;
}

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

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

.-mr-10{
    margin-right: -2.5rem;
}

.-mr-12{
    margin-right: -3rem;
}

.-mr-14{
    margin-right: -3.5rem;
}

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

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

.-mr-2\.5{
    margin-right: -0.625rem;
}

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

.-mr-24{
    margin-right: -6rem;
}

.-mr-28{
    margin-right: -7rem;
}

.-mr-3{
    margin-right: -0.75rem;
}

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

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

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

.-mr-6{
    margin-right: -1.5rem;
}

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

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

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

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

.-mt-14{
    margin-top: -3.5rem;
}

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

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

.-mt-2\.5{
    margin-top: -0.625rem;
}

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

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

.-mt-28{
    margin-top: -7rem;
}

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

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

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

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

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

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

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

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

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

.mb-1\.5{
    margin-bottom: 0.375rem;
}

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

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

.mb-14{
    margin-bottom: 3.5rem;
}

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

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

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

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

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

.mb-28{
    margin-bottom: 7rem;
}

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

.mb-3\.5{
    margin-bottom: 0.875rem;
}

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

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

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

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

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

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

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

.mb-\[20\%\]{
    margin-bottom: 20%;
}

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

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

.ml-10{
    margin-left: 2.5rem;
}

.ml-12{
    margin-left: 3rem;
}

.ml-14{
    margin-left: 3.5rem;
}

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

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

.ml-2\.5{
    margin-left: 0.625rem;
}

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

.ml-24{
    margin-left: 6rem;
}

.ml-28{
    margin-left: 7rem;
}

.ml-3{
    margin-left: 0.75rem;
}

.ml-32{
    margin-left: 8rem;
}

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

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

.ml-6{
    margin-left: 1.5rem;
}

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

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

.mr-0{
    margin-right: 0px;
}

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

.mr-10{
    margin-right: 2.5rem;
}

.mr-12{
    margin-right: 3rem;
}

.mr-14{
    margin-right: 3.5rem;
}

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

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

.mr-2\.5{
    margin-right: 0.625rem;
}

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

.mr-24{
    margin-right: 6rem;
}

.mr-28{
    margin-right: 7rem;
}

.mr-3{
    margin-right: 0.75rem;
}

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

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

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

.mr-6{
    margin-right: 1.5rem;
}

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

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

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

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

.mt-1\.5{
    margin-top: 0.375rem;
}

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

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

.mt-14{
    margin-top: 3.5rem;
}

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

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

.mt-2\.5{
    margin-top: 0.625rem;
}

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

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

.mt-28{
    margin-top: 7rem;
}

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

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

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

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

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

.mt-7{
    margin-top: 1.75rem;
}

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

.mt-9{
    margin-top: 2.25rem;
}

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

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

.block{
    display: block;
}

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

.inline{
    display: inline;
}

.flex{
    display: flex;
}

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

.table{
    display: table;
}

.table-caption{
    display: table-caption;
}

.table-cell{
    display: table-cell;
}

.grid{
    display: grid;
}

.contents{
    display: contents;
}

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

.hidden{
    display: none;
}

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

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

.aspect-\[2\/1\]{
    aspect-ratio: 2/1;
}

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

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

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

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

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

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

.\!h-\[4\.5rem\]{
    height: 4.5rem !important;
}

.h-1{
    height: 0.25rem;
}

.h-10{
    height: 2.5rem;
}

.h-12{
    height: 3rem;
}

.h-14{
    height: 3.5rem;
}

.h-16{
    height: 4rem;
}

.h-2{
    height: 0.5rem;
}

.h-2\.5{
    height: 0.625rem;
}

.h-20{
    height: 5rem;
}

.h-24{
    height: 6rem;
}

.h-28{
    height: 7rem;
}

.h-3{
    height: 0.75rem;
}

.h-3\.5{
    height: 0.875rem;
}

.h-32{
    height: 8rem;
}

.h-4{
    height: 1rem;
}

.h-40{
    height: 10rem;
}

.h-44{
    height: 11rem;
}

.h-48{
    height: 12rem;
}

.h-5{
    height: 1.25rem;
}

.h-6{
    height: 1.5rem;
}

.h-7{
    height: 1.75rem;
}

.h-8{
    height: 2rem;
}

.h-80{
    height: 20rem;
}

.h-9{
    height: 2.25rem;
}

.h-\[1\.125rem\]{
    height: 1.125rem;
}

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

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

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

.h-\[calc\(100\%_\+_6rem\)\]{
    height: calc(100% + 6rem);
}

.h-auto{
    height: auto;
}

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

.h-full{
    height: 100%;
}

.h-px{
    height: 1px;
}

.h-screen{
    height: 100vh;
}

.max-h-\[15\.5rem\]{
    max-height: 15.5rem;
}

.max-h-\[30rem\]{
    max-height: 30rem;
}

.max-h-\[32rem\]{
    max-height: 32rem;
}

.max-h-\[calc\(100\%_-_70px\)\]{
    max-height: calc(100% - 70px);
}

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

.max-h-screen{
    max-height: 100vh;
}

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

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

.min-h-\[calc\(100vw_-_2\.5rem\)\]{
    min-height: calc(100vw - 2.5rem);
}

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

.\!w-16{
    width: 4rem !important;
}

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

.w-0{
    width: 0px;
}

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

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

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

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

.w-10{
    width: 2.5rem;
}

.w-10\/12{
    width: 83.333333%;
}

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

.w-12{
    width: 3rem;
}

.w-14{
    width: 3.5rem;
}

.w-16{
    width: 4rem;
}

.w-2{
    width: 0.5rem;
}

.w-2\.5{
    width: 0.625rem;
}

.w-2\/12{
    width: 16.666667%;
}

.w-20{
    width: 5rem;
}

.w-24{
    width: 6rem;
}

.w-28{
    width: 7rem;
}

.w-3{
    width: 0.75rem;
}

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

.w-3\/12{
    width: 25%;
}

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

.w-3\/5{
    width: 60%;
}

.w-32{
    width: 8rem;
}

.w-4{
    width: 1rem;
}

.w-4\/12{
    width: 33.333333%;
}

.w-4\/5{
    width: 80%;
}

.w-40{
    width: 10rem;
}

.w-5{
    width: 1.25rem;
}

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

.w-52{
    width: 13rem;
}

.w-6{
    width: 1.5rem;
}

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

.w-64{
    width: 16rem;
}

.w-7{
    width: 1.75rem;
}

.w-7\/12{
    width: 58.333333%;
}

.w-8{
    width: 2rem;
}

.w-8\/12{
    width: 66.666667%;
}

.w-80{
    width: 20rem;
}

.w-9{
    width: 2.25rem;
}

.w-9\/12{
    width: 75%;
}

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

.w-\[56rem\]{
    width: 56rem;
}

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

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

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

.w-\[calc\(100\%_-_3\.5rem\)\]{
    width: calc(100% - 3.5rem);
}

.w-auto{
    width: auto;
}

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

.w-full{
    width: 100%;
}

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

.w-px{
    width: 1px;
}

.w-screen{
    width: 100vw;
}

.w-\[calc\(100\%_-_40px\)\]{
    width: calc(100% - 40px);
}

.min-w-\[1\.25rem\]{
    min-width: 1.25rem;
}

.min-w-\[1\.5rem\]{
    min-width: 1.5rem;
}

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

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

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

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

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

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

.min-w-\[calc\(100\%_-_3\.5rem\)\]{
    min-width: calc(100% - 3.5rem);
}

.min-w-\[calc\(100vw_-_2\.5rem\)\]{
    min-width: calc(100vw - 2.5rem);
}

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

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

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

.max-w-2xl{
    max-width: 42rem;
}

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

.max-w-6xl{
    max-width: 72rem;
}

.max-w-7xl{
    max-width: 80rem;
}

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

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

.max-w-\[27\.733rem\]{
    max-width: 27.733rem;
}

.max-w-\[3\.5rem\]{
    max-width: 3.5rem;
}

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

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

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

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

.max-w-\[calc\(100vw_-_2\.5rem\)\]{
    max-width: calc(100vw - 2.5rem);
}

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

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

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

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

.max-w-screen-2xl{
    max-width: 1536px;
}

.max-w-screen-3xl{
    max-width: 1800px;
}

.max-w-screen-xl{
    max-width: 1280px;
}

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

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

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

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

.grow{
    flex-grow: 1;
}

.origin-top{
    transform-origin: top;
}

.-translate-x-1{
    --tw-translate-x: -0.25rem;
    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-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-x-full{
    --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));
}

.-translate-y-1{
    --tw-translate-y: -0.25rem;
    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));
}

.-translate-y-full{
    --tw-translate-y: -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));
}

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

.translate-y-full{
    --tw-translate-y: 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));
}

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

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

@keyframes fadeIn{

    from{
        opacity: 0;
    }
}

.animate-fadeIn{
    animation: 1s both fadeIn;
}

@keyframes fadeInLeftBig{

    from{
        transform: translate3d(calc(-1 * var(--animate-distance, 2000px)), 0, 0);
        opacity: 0;
    }
}

.animate-fadeInLeftBig{
    animation: 1s both fadeInLeftBig;
}

@keyframes fadeInRightBig{

    from{
        transform: translate3d(var(--animate-distance, 2000px), 0, 0);
        opacity: 0;
    }
}

.animate-fadeInRightBig{
    animation: 1s both fadeInRightBig;
}

@keyframes fadeInUp{

    from{
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
}

.animate-fadeInUp{
    animation: 1s both fadeInUp;
}

@keyframes fadeOutUp{

    to{
        transform: translate3d(0, -100%, 0);
        opacity: 0;
        visibility: hidden;
    }
}

.animate-fadeOutUp{
    animation: 1s both fadeOutUp;
}

@keyframes rotateIn{

    from{
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
}

.animate-rotateIn{
    animation: 1s both rotateIn;
}

@keyframes spin{

    0%{
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    100%{
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(360deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.animate-spin-slow{
    animation: spin 10s linear infinite;
}

.cursor-auto{
    cursor: auto;
}

.cursor-pointer{
    cursor: pointer;
}

.resize-none{
    resize: none;
}

.resize{
    resize: both;
}

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

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

.appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

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

.grid-flow-row-dense{
    grid-auto-flow: row dense;
}

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

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

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

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

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

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

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

.grid-cols-\[1fr_1px_1fr\]{
    grid-template-columns: 1fr 1px 1fr;
}

.grid-cols-\[50\%_repeat\(1\2c _100\%\)\]{
    grid-template-columns: 50% repeat(1, 100%);
}

.grid-cols-\[50\%_repeat\(2\2c _100\%\)\]{
    grid-template-columns: 50% repeat(2, 100%);
}

.grid-cols-\[50\%_repeat\(3\2c _100\%\)\]{
    grid-template-columns: 50% repeat(3, 100%);
}

.grid-cols-\[50\%_repeat\(4\2c _100\%\)\]{
    grid-template-columns: 50% repeat(4, 100%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-0{
    gap: 0px;
}

.gap-1{
    gap: 0.25rem;
}

.gap-1\.5{
    gap: 0.375rem;
}

.gap-10{
    gap: 2.5rem;
}

.gap-12{
    gap: 3rem;
}

.gap-16{
    gap: 4rem;
}

.gap-2{
    gap: 0.5rem;
}

.gap-2\.5{
    gap: 0.625rem;
}

.gap-20{
    gap: 5rem;
}

.gap-28{
    gap: 7rem;
}

.gap-3{
    gap: 0.75rem;
}

.gap-3\.5{
    gap: 0.875rem;
}

.gap-4{
    gap: 1rem;
}

.gap-5{
    gap: 1.25rem;
}

.gap-6{
    gap: 1.5rem;
}

.gap-7{
    gap: 1.75rem;
}

.gap-8{
    gap: 2rem;
}

.gap-9{
    gap: 2.25rem;
}

.gap-\[inherit\]{
    gap: inherit;
}

.gap-x-0{
    -moz-column-gap: 0px;
         column-gap: 0px;
}

.gap-x-0\.5{
    -moz-column-gap: 0.125rem;
         column-gap: 0.125rem;
}

.gap-x-1{
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
}

.gap-x-10{
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
}

.gap-x-12{
    -moz-column-gap: 3rem;
         column-gap: 3rem;
}

.gap-x-14{
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
}

.gap-x-16{
    -moz-column-gap: 4rem;
         column-gap: 4rem;
}

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

.gap-x-2\.5{
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem;
}

.gap-x-24{
    -moz-column-gap: 6rem;
         column-gap: 6rem;
}

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

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

.gap-x-5{
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
}

.gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
}

.gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
}

.gap-x-px{
    -moz-column-gap: 1px;
         column-gap: 1px;
}

.gap-y-0{
    row-gap: 0px;
}

.gap-y-0\.5{
    row-gap: 0.125rem;
}

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

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

.gap-y-12{
    row-gap: 3rem;
}

.gap-y-14{
    row-gap: 3.5rem;
}

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

.gap-y-2{
    row-gap: 0.5rem;
}

.gap-y-3{
    row-gap: 0.75rem;
}

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

.gap-y-5{
    row-gap: 1.25rem;
}

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

.gap-y-7{
    row-gap: 1.75rem;
}

.gap-y-8{
    row-gap: 2rem;
}

.gap-y-px{
    row-gap: 1px;
}

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

.overflow-auto{
    overflow: auto;
}

.overflow-hidden{
    overflow: hidden;
}

.overflow-scroll{
    overflow: scroll;
}

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

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

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

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

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

.rounded{
    border-radius: 0.25rem;
}

.rounded-2xl{
    border-radius: 1rem;
}

.rounded-3xl{
    border-radius: 1.5rem;
}

.rounded-\[10px\]{
    border-radius: 10px;
}

.rounded-\[20px\]{
    border-radius: 20px;
}

.rounded-\[24px\]{
    border-radius: 24px;
}

.rounded-\[2px\]{
    border-radius: 2px;
}

.rounded-\[2rem\]{
    border-radius: 2rem;
}

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

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

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

.rounded-none{
    border-radius: 0px;
}

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

.rounded-xl{
    border-radius: 0.75rem;
}

.rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.rounded-b-\[2rem\]{
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

.rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

.rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.\!border-0{
    border-width: 0px !important;
}

.border{
    border-width: 1px;
}

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

.border-\[4px\]{
    border-width: 4px;
}

.border-x{
    border-left-width: 1px;
    border-right-width: 1px;
}

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

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

.border-l{
    border-left-width: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

.border-mossAccessible{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-moss-accessible) / var(--tw-border-opacity));
}

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

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

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

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

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

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

.bg-\[\#617B7A\]{
    --tw-bg-opacity: 1;
    background-color: rgb(97 123 122 / var(--tw-bg-opacity));
}

.bg-\[\#7F9594\]{
    --tw-bg-opacity: 1;
    background-color: rgb(127 149 148 / var(--tw-bg-opacity));
}

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

.bg-black\/20{
    background-color: rgb(var(--color-black) / 0.2);
}

.bg-black\/30{
    background-color: rgb(var(--color-black) / 0.3);
}

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

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

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

.bg-forest\/40{
    background-color: rgb(var(--color-forest) / 0.4);
}

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

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

.bg-mossAccessible{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-moss-accessible) / var(--tw-bg-opacity));
}

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

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

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

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

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

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

.bg-white\/20{
    background-color: rgb(var(--color-white) / 0.2);
}

.bg-cover{
    background-size: cover;
}

.bg-no-repeat{
    background-repeat: no-repeat;
}

.stroke-2{
    stroke-width: 2;
}

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

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

.object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
}

.object-left{
    -o-object-position: left;
       object-position: left;
}

.object-top{
    -o-object-position: top;
       object-position: top;
}

.p-0{
    padding: 0px;
}

.p-1{
    padding: 0.25rem;
}

.p-1\.5{
    padding: 0.375rem;
}

.p-10{
    padding: 2.5rem;
}

.p-12{
    padding: 3rem;
}

.p-2{
    padding: 0.5rem;
}

.p-2\.5{
    padding: 0.625rem;
}

.p-3{
    padding: 0.75rem;
}

.p-4{
    padding: 1rem;
}

.p-5{
    padding: 1.25rem;
}

.p-8{
    padding: 2rem;
}

.p-\[4\%\]{
    padding: 4%;
}

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

.px-0\.5{
    padding-left: 0.125rem;
    padding-right: 0.125rem;
}

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

.px-1\.5{
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

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

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

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

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

.px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

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

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

.px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.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-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

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

.px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}

.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-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.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-28{
    padding-top: 7rem;
    padding-bottom: 7rem;
}

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

.py-3\.5{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

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

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

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

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

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

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

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

.pb-0{
    padding-bottom: 0px;
}

.pb-0\.5{
    padding-bottom: 0.125rem;
}

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

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

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

.pb-14{
    padding-bottom: 3.5rem;
}

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

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

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

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

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

.pb-28{
    padding-bottom: 7rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pl-14{
    padding-left: 3.5rem;
}

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

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

.pl-2\.5{
    padding-left: 0.625rem;
}

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

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

.pl-28{
    padding-left: 7rem;
}

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

.pl-32{
    padding-left: 8rem;
}

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

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

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

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

.pl-7{
    padding-left: 1.75rem;
}

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

.pl-\[86px\]{
    padding-left: 86px;
}

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

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

.pr-10{
    padding-right: 2.5rem;
}

.pr-12{
    padding-right: 3rem;
}

.pr-14{
    padding-right: 3.5rem;
}

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

.pr-2{
    padding-right: 0.5rem;
}

.pr-2\.5{
    padding-right: 0.625rem;
}

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

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

.pr-28{
    padding-right: 7rem;
}

.pr-3{
    padding-right: 0.75rem;
}

.pr-32{
    padding-right: 8rem;
}

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

.pr-40{
    padding-right: 10rem;
}

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

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

.pr-8{
    padding-right: 2rem;
}

.pr-9{
    padding-right: 2.25rem;
}

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

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

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

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

.pt-14{
    padding-top: 3.5rem;
}

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

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

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

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

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

.pt-28{
    padding-top: 7rem;
}

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

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

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

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

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

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

.pt-7{
    padding-top: 1.75rem;
}

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

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

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

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

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

.font-body{
    font-family: Matter, sans-serif;
}

.font-mono{
    font-family: MatterMono, sans-serif;
}

.font-serif{
    font-family: Reckless, serif;
}

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

.text-14xl{
    font-size: 10.75rem;
    line-height: 1;
}

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

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

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

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

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

.text-7xl{
    font-size: 4.5rem;
    line-height: 1;
}

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

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

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

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

.text-\[2\.5rem\]{
    font-size: 2.5rem;
}

.text-\[33vw\]{
    font-size: 33vw;
}

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

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

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

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

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

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

.font-black{
    font-weight: 900;
}

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

.font-extrabold{
    font-weight: 800;
}

.font-extralight{
    font-weight: 200;
}

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

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

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

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

.font-thin{
    font-weight: 100;
}

.uppercase{
    text-transform: uppercase;
}

.lowercase{
    text-transform: lowercase;
}

.capitalize{
    text-transform: capitalize;
}

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

.italic{
    font-style: italic;
}

.not-italic{
    font-style: normal;
}

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

.leading-loose{
    line-height: 2;
}

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

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

.leading-relaxed{
    line-height: 1.625;
}

.leading-snug{
    line-height: 1.375;
}

.leading-tight{
    line-height: 1.25;
}

.tracking-\[\.14em\]{
    letter-spacing: .14em;
}

.tracking-\[\.25em\]{
    letter-spacing: .25em;
}

.tracking-\[\.35em\]{
    letter-spacing: .35em;
}

.tracking-\[\.45em\]{
    letter-spacing: .45em;
}

.tracking-\[0\.2em\]{
    letter-spacing: 0.2em;
}

.tracking-\[0\.3em\]{
    letter-spacing: 0.3em;
}

.tracking-\[0\.4em\]{
    letter-spacing: 0.4em;
}

.tracking-normal{
    letter-spacing: 0em;
}

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

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

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

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

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

.text-\[\#2E2E2E99\]{
    color: #2E2E2E99;
}

.text-\[\#2E2E2E\]{
    --tw-text-opacity: 1;
    color: rgb(46 46 46 / var(--tw-text-opacity));
}

.text-\[\#B5C5C5\]{
    --tw-text-opacity: 1;
    color: rgb(181 197 197 / var(--tw-text-opacity));
}

.text-\[\#dc2626\]{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}

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

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

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

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

.text-forest\/60{
    color: rgb(var(--color-forest) / 0.6);
}

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

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

.text-mossAccessible{
    --tw-text-opacity: 1;
    color: rgb(var(--color-moss-accessible) / var(--tw-text-opacity));
}

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

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

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

.text-transparent{
    color: transparent;
}

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

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

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

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

.opacity-0{
    opacity: 0;
}

.opacity-10{
    opacity: 0.1;
}

.opacity-20{
    opacity: 0.2;
}

.opacity-30{
    opacity: 0.3;
}

.opacity-40{
    opacity: 0.4;
}

.opacity-50{
    opacity: 0.5;
}

.opacity-60{
    opacity: 0.6;
}

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

.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-\[0_0_35px_20px_rgba\(256\2c 256\2c 256\2c 0\.6\)\]{
    --tw-shadow: 0 0 35px 20px rgba(256,256,256,0.6);
    --tw-shadow-colored: 0 0 35px 20px 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-black{
    --tw-shadow-color: rgb(var(--color-black));
    --tw-shadow: var(--tw-shadow-colored);
}

.outline{
    outline-style: solid;
}

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

.outline-forest{
    outline-color: rgb(var(--color-forest));
}

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

.grayscale{
    --tw-grayscale: grayscale(100%);
    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);
}

.\!invert{
    --tw-invert: invert(100%) !important;
    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) !important;
}

.invert{
    --tw-invert: invert(100%);
    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);
}

.sepia{
    --tw-sepia: sepia(100%);
    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) !important;
}

.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{
    -webkit-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);
            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, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

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

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

.transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

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

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

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

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

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

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

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

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

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

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

.animate-rotateIn{
    transform-origin: center;
}

.animate-faster{
    animation-duration: 0.5s;
}

.animate-ease{
    animation-timing-function: cubic-bezier(.25,.1,.25,1);
}

.animate-duration-500{
    animation-duration: 500ms;
}

.animate-delay-300{
    animation-delay: 300ms;
}

.grid-track{
    grid-template-columns: var(--gutter) 1fr var(--gutter);
}

:where(.grid-track > *){
    grid-column-start: 2;
}

.rotate-x-90 {
        transform: rotateX(90deg);
    }

[class*="reveal:"]:not(.revealing, .revealed)  {
        animation-name: none !important;
        opacity: 0;
        animation-duration: 1s;
        animation-duration: var(--animate-duration);
        animation-fill-mode: both;   
    }

.loading {
        cursor: not-allowed;
        opacity: .5;
    }

.loading * {
            pointer-events: none;
        }

.overlay::after{
    pointer-events: none;
    position: fixed;
    inset: 0px;
    cursor: var(--cursor-close);
    opacity: 0;
    transition-property: opacity;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-content: "";
    content: var(--tw-content);
}

.no-scrollbar {
        -ms-overflow-style: none; /* IE & Edge */

        scrollbar-width: none; /* Chrome, Safari, & Opera */
    }

/* Firefox */

.no-scrollbar::-webkit-scrollbar { display: none; }

/* Import all other files here */

/* BASE */

.shopify-challenge__container {
    padding-top: 2rem;
}

@media (min-width: 640px) {

.shopify-challenge__container {
        padding-top: 4rem
}
    }

.shopify-challenge__container .shopify-challenge__message {
        font-size: 1.875rem;
        font-weight: 900;
        margin-bottom: 1.25rem;
        padding-inline: 1.25rem;
    }

@media (min-width: 640px) {

.shopify-challenge__container .shopify-challenge__message {
            font-size: 2.25rem
    }
        }

.shopify-challenge__container form iframe[title="reCAPTCHA"] {
            /* margin: auto; */
        }

.shopify-challenge__container form .shopify-challenge__button {
            margin-top: 1.25rem;
            padding-inline: 1.25rem;
        }

/* TODO - clean up */

.transition-transform-visibility, [data-menu], [data-search] {
    transition: visibility 0s linear .3s,
                transform .3s ease-out;
}

.transition-transform-visibility.activated, [data-menu].activated, [data-search].activated {
        transition: visibility 0s linear,
                    transform .3s ease-out 50ms;
    }

/* TODO - Clean up */

/* UTILITIES */

/* COMPONENTS */

/* DEPENDENCIES */

/* Slider */

:root {
  --color-white: 255 255 255;
  --color-black: 46 46 46;
  --color-forest: 61 81 80;
  --color-moss-accessible: 97 123 122;
  --color-moss: 127 149 148;
  --color-seafoam: 181 197 197;
  --color-sky: 230 234 235;
  --color-sand-dark: 165 143 122;
  --color-sand: 205 191 177;
  --color-linen: 233 227 220;
  --color-cloud: 247 246 247;
  --color-disabled-grey: 214 214 214;
  --color-chartreuse: 215 239 66;
}

.group\/button:hover .group-hover\/button\:underscore-in-left::after{
    --tw-scale-x: 1;
    transform-origin: left;
}

.group:hover .group-hover\:underscore-out-right::after{
    --tw-scale-x: 0;
    transform-origin: right;
}

.activated\:underscore-in-left.activated::after{
    --tw-scale-x: 1;
    transform-origin: left;
}

.interact\:underscore-in-left:where(:hover,.focus-visible)::after{
    --tw-scale-x: 1;
    transform-origin: left;
}

.interact\:underscore-in-left:where(:hover,:focus-visible)::after{
    --tw-scale-x: 1;
    transform-origin: left;
}

.interact\:underscore-out-right:where(:hover,.focus-visible)::after{
    --tw-scale-x: 0;
    transform-origin: right;
}

.interact\:underscore-out-right:where(:hover,:focus-visible)::after{
    --tw-scale-x: 0;
    transform-origin: right;
}

.activated\:interact\:underscore-out-right:where(:hover,.focus-visible).activated::after{
    --tw-scale-x: 0;
    transform-origin: right;
}

.activated\:interact\:underscore-out-right:where(:hover,:focus-visible).activated::after{
    --tw-scale-x: 0;
    transform-origin: right;
}

.group\/button:where(:hover,.focus-visible) .group-interact\/button\:underscore-in-left::after{
    --tw-scale-x: 1;
    transform-origin: left;
}

.group\/button:where(:hover,:focus-visible) .group-interact\/button\:underscore-in-left::after{
    --tw-scale-x: 1;
    transform-origin: left;
}

.group:where(:hover,.focus-visible) .group-interact\:underscore-in-left::after{
    --tw-scale-x: 1;
    transform-origin: left;
}

.group:where(:hover,:focus-visible) .group-interact\:underscore-in-left::after{
    --tw-scale-x: 1;
    transform-origin: left;
}

.group\/button:where(:hover,.focus-visible) .group-interact\/button\:underscore-out-right::after{
    --tw-scale-x: 0;
    transform-origin: right;
}

.group\/button:where(:hover,:focus-visible) .group-interact\/button\:underscore-out-right::after{
    --tw-scale-x: 0;
    transform-origin: right;
}

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

    .max-md\:underscore-in-left::after{
        --tw-scale-x: 1;
        transform-origin: left;
    }
}

@media (min-width: 768px){

    .md\:prose-lg{
        font-size: 1.125rem;
        line-height: 1.7777778;
    }

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

    .md\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-top: 1.0909091em;
        margin-bottom: 1.0909091em;
    }

    .md\:prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        padding-left: 1em;
    }

    .md\:prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: 0.8333333em;
        line-height: 1;
    }

    .md\:prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        font-size: 1.6666667em;
        margin-top: 1.8666667em;
        margin-bottom: 1.0666667em;
        line-height: 1.3333333;
    }

    .md\:prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        font-size: 1.3333333em;
        margin-top: 1.6666667em;
        margin-bottom: 0.6666667em;
        line-height: 1.5;
    }

    .md\:prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        margin-top: 1.7777778em;
        margin-bottom: 0.4444444em;
        line-height: 1.5555556;
    }

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

    .md\:prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
    }

    .md\:prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        margin-top: 0;
        margin-bottom: 0;
    }

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

    .md\:prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        font-size: 0.8888889em;
        border-radius: 0.3125rem;
        padding-top: 0.2222222em;
        padding-right: 0.4444444em;
        padding-bottom: 0.2222222em;
        padding-left: 0.4444444em;
    }

    .md\:prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        font-size: 0.8888889em;
    }

    .md\:prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        font-size: 0.8666667em;
    }

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

    .md\:prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        font-size: 0.8888889em;
        line-height: 1.75;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: 0.375rem;
        padding-top: 1em;
        padding-right: 1.5em;
        padding-bottom: 1em;
        padding-left: 1.5em;
    }

    .md\:prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-left: 1.5555556em;
    }

    .md\:prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-left: 1.5555556em;
    }

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

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

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

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

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

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

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

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

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

    .md\:prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
    }

    .md\:prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        margin-top: 1.3333333em;
    }

    .md\:prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        margin-top: 0.6666667em;
        padding-left: 1.5555556em;
    }

    .md\:prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        margin-top: 3.1111111em;
        margin-bottom: 3.1111111em;
    }

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

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

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

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

    .md\:prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        font-size: 0.8888889em;
        line-height: 1.5;
    }

    .md\:prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        padding-right: 0.75em;
        padding-bottom: 0.75em;
        padding-left: 0.75em;
    }

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

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

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

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

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

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

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

    .md\:prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
        font-size: 0.8888889em;
        line-height: 1.5;
        margin-top: 1em;
    }

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

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

@media (min-width: 1280px){

    .xl\:btn-lg {
        --px: 3rem;
        --py: 1rem;
        --text: 1.25rem;
    }
}

.marker\:text-forest *::marker{
    color: rgb(var(--color-forest) );
}

.marker\:text-forest::marker{
    color: rgb(var(--color-forest) );
}

.placeholder\:text-transparent::-moz-placeholder{
    color: transparent;
}

.placeholder\:text-transparent::placeholder{
    color: transparent;
}

.placeholder\:opacity-0::-moz-placeholder{
    opacity: 0;
}

.placeholder\:opacity-0::placeholder{
    opacity: 0;
}

.before\:absolute::before{
    content: var(--tw-content);
    position: absolute;
}

.before\:-left-4::before{
    content: var(--tw-content);
    left: -1rem;
}

.before\:top-2::before{
    content: var(--tw-content);
    top: 0.5rem;
}

.before\:top-2\.5::before{
    content: var(--tw-content);
    top: 0.625rem;
}

.before\:h-2::before{
    content: var(--tw-content);
    height: 0.5rem;
}

.before\:w-2::before{
    content: var(--tw-content);
    width: 0.5rem;
}

.before\:rounded-full::before{
    content: var(--tw-content);
    border-radius: 9999px;
}

.before\:bg-forest::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
}

.before\:content-\[\'\'\]::before{
    --tw-content: '';
    content: var(--tw-content);
}

.after\:top-1\/2::after{
    content: var(--tw-content);
    top: 50%;
}

.placeholder-shown\:py-6:-moz-placeholder-shown{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

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

.placeholder-shown\:pl-\[84px\]:-moz-placeholder-shown{
    padding-left: 84px;
}

.placeholder-shown\:pl-\[84px\]:placeholder-shown{
    padding-left: 84px;
}

.placeholder-shown\:pt-4:-moz-placeholder-shown{
    padding-top: 1rem;
}

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

.hover\:rotate-0:hover{
    --tw-rotate: 0deg;
    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\:scale-110:hover{
    --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));
}

.hover\:border-opacity-40:hover{
    --tw-border-opacity: 0.4;
}

.hover\:bg-moss:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-moss) / var(--tw-bg-opacity));
}

.hover\:bg-sky:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-sky) / var(--tw-bg-opacity));
}

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

.hover\:bg-white\/80:hover{
    background-color: rgb(var(--color-white) / 0.8);
}

.hover\:bg-mossAccessible:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-moss-accessible) / var(--tw-bg-opacity));
}

.hover\:text-moss:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--color-moss) / var(--tw-text-opacity));
}

.hover\:text-mossAccessible:hover{
    --tw-text-opacity: 1;
    color: rgb(var(--color-moss-accessible) / var(--tw-text-opacity));
}

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

.focus\:border-white:focus{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-white) / var(--tw-border-opacity));
}

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

.focus\:shadow-none:focus{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.focus-visible\:-translate-x-10.focus-visible{
    --tw-translate-x: -2.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));
}

.focus-visible\:-translate-x-10:focus-visible{
    --tw-translate-x: -2.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));
}

.focus-visible\:translate-x-10.focus-visible{
    --tw-translate-x: 2.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));
}

.focus-visible\:translate-x-10:focus-visible{
    --tw-translate-x: 2.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));
}

.focus-visible\:translate-y-5.focus-visible{
    --tw-translate-y: 1.25rem;
    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));
}

.focus-visible\:translate-y-5:focus-visible{
    --tw-translate-y: 1.25rem;
    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));
}

.disabled\:opacity-60:disabled{
    opacity: 0.6;
}

.group\/card:focus-within .group-focus-within\/card\:block{
    display: block;
}

.group:focus-within .group-focus-within\:block{
    display: block;
}

.group:hover .group-hover\:visible{
    visibility: visible;
}

.group\/card:hover .group-hover\/card\:block{
    display: block;
}

.group:hover .group-hover\:block{
    display: block;
}

.group\/card:hover .group-hover\/card\:scale-105{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/addon:hover .group-hover\/addon\:bg-forest{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
}

.group\/card:hover .group-hover\/card\:bg-sand{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-sand) / var(--tw-bg-opacity));
}

.group\/multi:hover .group-hover\/multi\:bg-forest{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
}

.group\/video:hover .group-hover\/video\:bg-white\/30{
    background-color: rgb(var(--color-white) / 0.3);
}

.group:hover .group-hover\:bg-mossAccessible{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-moss-accessible) / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-white\/30{
    background-color: rgb(var(--color-white) / 0.3);
}

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

.group\/card:hover .group-hover\/card\:opacity-80{
    opacity: 0.8;
}

.group:hover .group-hover\:opacity-0{
    opacity: 0;
}

.group:hover .group-hover\:opacity-100{
    opacity: 1;
}

.group.focus-visible .group-focus-visible\:bg-mossAccessible{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-moss-accessible) / var(--tw-bg-opacity));
}

.group:focus-visible .group-focus-visible\:bg-mossAccessible{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-moss-accessible) / var(--tw-bg-opacity));
}

.group.focus-visible .group-focus-visible\:text-white{
    --tw-text-opacity: 1;
    color: rgb(var(--color-white) / var(--tw-text-opacity));
}

.group:focus-visible .group-focus-visible\:text-white{
    --tw-text-opacity: 1;
    color: rgb(var(--color-white) / var(--tw-text-opacity));
}

.group.focus-visible .group-focus-visible\:opacity-0{
    opacity: 0;
}

.group:focus-visible .group-focus-visible\:opacity-0{
    opacity: 0;
}

.group.focus-visible .group-focus-visible\:opacity-100{
    opacity: 1;
}

.group:focus-visible .group-focus-visible\:opacity-100{
    opacity: 1;
}

.group:active .group-active\:block{
    display: block;
}

.peer:checked ~ .peer-checked\:left-\[30px\]{
    left: 30px;
}

.peer:checked ~ .peer-checked\:flex{
    display: flex;
}

.peer:checked ~ .peer-checked\:hidden{
    display: none;
}

.peer:checked ~ .peer-checked\:outline-1{
    outline-width: 1px;
}

.peer:checked ~ .peer-checked\:outline-offset-2{
    outline-offset: 2px;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:top-1\/2{
    top: 50%;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:top-1\/2{
    top: 50%;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:top-6{
    top: 1.5rem;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:top-6{
    top: 1.5rem;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-0{
    --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));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0{
    --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));
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:bg-transparent{
    background-color: transparent;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:bg-transparent{
    background-color: transparent;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:p-0{
    padding: 0px;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:p-0{
    padding: 0px;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:font-normal{
    font-weight: 400;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:font-normal{
    font-weight: 400;
}

.peer:hover ~ .peer-hover\:pt-2{
    padding-top: 0.5rem;
}

.peer:disabled ~ .peer-disabled\:opacity-60{
    opacity: 0.6;
}

.prose-headings\:font-serif :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-family: Reckless, serif;
}

.prose-headings\:text-3xl :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.prose-headings\:text-forest :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

.prose-p\:flex :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    display: flex;
}

.prose-p\:gap-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    gap: 1rem;
}

.prose-p\:text-forest :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

.prose-a\:font-normal :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-weight: 400;
}

.prose-a\:text-forest :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

.prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    text-decoration-line: underline;
}

.prose-strong\:min-w-\[5rem\] :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    min-width: 5rem;
}

.prose-strong\:text-lg :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.prose-strong\:font-medium :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-weight: 500;
}

.prose-strong\:font-normal :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-weight: 400;
}

.prose-strong\:text-forest :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

.prose-ul\:pl-5 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    padding-left: 1.25rem;
}

.prose-li\:list-disc :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    list-style-type: disc;
}

.prose-li\:text-base :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 1rem;
    line-height: 1.5rem;
}

.\>\:overflow-visible > *{
    overflow: visible;
}

.\>\:leading-normal > *{
    line-height: 1.5;
}

.peer:checked ~ .peer-checked\:\>\:text-white > *{
    --tw-text-opacity: 1;
    color: rgb(var(--color-white) / var(--tw-text-opacity));
}

.activated\:visible.activated{
    visibility: visible;
}

.activated\:block.activated{
    display: block;
}

.activated\:flex.activated{
    display: flex;
}

.activated\:translate-x-0.activated{
    --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));
}

.activated\:translate-y-0.activated{
    --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));
}

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

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

.activated\:rounded-b-none.activated{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.activated\:border-white.activated{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-white) / var(--tw-border-opacity));
}

.activated\:border-opacity-100.activated{
    --tw-border-opacity: 1;
}

.activated\:bg-sky.activated{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-sky) / var(--tw-bg-opacity));
}

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

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

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

.activated\:text-forest.activated{
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

.activated\:text-mossAccessible.activated{
    --tw-text-opacity: 1;
    color: rgb(var(--color-moss-accessible) / var(--tw-text-opacity));
}

.activated\:opacity-100.activated{
    opacity: 1;
}

.activated\:overlay-shown.activated::after{
    pointer-events: auto;
    opacity: 0.4;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
}

.activated\:overlay-shown.activated::after::after{
    pointer-events: none;
    position: fixed;
    inset: 0px;
    cursor: var(--cursor-close);
    opacity: 0;
    transition-property: opacity;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-content: "";
    content: var(--tw-content);
}

.interact\:-skew-x-6:where(:hover,.focus-visible){
    --tw-skew-x: -6deg;
    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));
}

.interact\:-skew-x-6:where(:hover,:focus-visible){
    --tw-skew-x: -6deg;
    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));
}

.interact\:bg-cloud:where(:hover,.focus-visible){
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-cloud) / var(--tw-bg-opacity));
}

.interact\:bg-cloud:where(:hover,:focus-visible){
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-cloud) / var(--tw-bg-opacity));
}

.interact\:bg-forest:where(:hover,.focus-visible){
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
}

.interact\:bg-forest:where(:hover,:focus-visible){
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
}

.interact\:bg-sandDark:where(:hover,.focus-visible){
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-sand-dark) / var(--tw-bg-opacity));
}

.interact\:bg-sandDark:where(:hover,:focus-visible){
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-sand-dark) / var(--tw-bg-opacity));
}

.interact\:bg-white:where(:hover,.focus-visible){
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
}

.interact\:bg-white:where(:hover,:focus-visible){
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
}

.interact\:text-forest:where(:hover,.focus-visible){
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

.interact\:text-forest:where(:hover,:focus-visible){
    --tw-text-opacity: 1;
    color: rgb(var(--color-forest) / var(--tw-text-opacity));
}

.interact\:text-mossAccessible:where(:hover,.focus-visible){
    --tw-text-opacity: 1;
    color: rgb(var(--color-moss-accessible) / var(--tw-text-opacity));
}

.interact\:text-mossAccessible:where(:hover,:focus-visible){
    --tw-text-opacity: 1;
    color: rgb(var(--color-moss-accessible) / var(--tw-text-opacity));
}

.interact\:text-white:where(:hover,.focus-visible){
    --tw-text-opacity: 1;
    color: rgb(var(--color-white) / var(--tw-text-opacity));
}

.interact\:text-white:where(:hover,:focus-visible){
    --tw-text-opacity: 1;
    color: rgb(var(--color-white) / var(--tw-text-opacity));
}

.off\:hidden:not(.on){
    display: none;
}

.on\:flex.on{
    display: flex;
}

.on\:contents.on{
    display: contents;
}

@keyframes fadeIn{

    from{
        opacity: 0;
    }
}

.reveal\:animate-fadeIn.revealing{
    animation: 1s both fadeIn;
}

@keyframes fadeInLeft{

    from{
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
}

.reveal\:animate-fadeInLeft.revealing{
    animation: 1s both fadeInLeft;
}

@keyframes fadeInRight{

    from{
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
}

.reveal\:animate-fadeInRight.revealing{
    animation: 1s both fadeInRight;
}

@keyframes fadeInUp{

    from{
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
}

.reveal\:animate-fadeInUp.revealing{
    animation: 1s both fadeInUp;
}

@keyframes slideInUp{

    from{
        transform: translate3d(0, 100%, 0);
    }
}

.reveal\:animate-slideInUp.revealing{
    animation: 1s both slideInUp;
}

@keyframes zoomIn{

    from{
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }

    50%{
        opacity: 1;
    }
}

.reveal\:animate-zoomIn.revealing{
    animation: 1s both zoomIn;
}

.group\/content.activated .group-activated\/content\:sticky{
    position: sticky;
}

.group\/content.activated .group-activated\/content\:top-0{
    top: 0px;
}

.group\/addon.activated .group-activated\/addon\:block{
    display: block;
}

.group\/multi.activated .group-activated\/multi\:block{
    display: block;
}

.group\/video.activated .group-activated\/video\:block{
    display: block;
}

.group\/wrapper.activated .group-activated\/wrapper\:block{
    display: block;
}

.group\/guarantee.activated .group-activated\/guarantee\:flex{
    display: flex;
}

.group\/read-more-trigger.activated .group-activated\/read-more-trigger\:flex{
    display: flex;
}

.group\/video.activated .group-activated\/video\:flex{
    display: flex;
}

.group\/wrapper.activated .group-activated\/wrapper\:flex{
    display: flex;
}

.group.activated .group-activated\:flex{
    display: flex;
}

.group\/guarantee.activated .group-activated\/guarantee\:hidden{
    display: none;
}

.group\/read-more-trigger.activated .group-activated\/read-more-trigger\:hidden{
    display: none;
}

.group\/video.activated .group-activated\/video\:hidden{
    display: none;
}

.group\/wrapper.activated .group-activated\/wrapper\:hidden{
    display: none;
}

.group.activated .group-activated\:hidden{
    display: none;
}

.group\/wrapper.activated .group-activated\/wrapper\: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.activated .group-activated\:-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));
}

@keyframes fadeInUp{

    from{
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
}

.group\/read-more-content.activated .group-activated\/read-more-content\:animate-fadeInUp{
    animation: 1s both fadeInUp;
}

.group\/addon.activated .group-activated\/addon\:border-mossAccessible{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-moss-accessible) / var(--tw-border-opacity));
}

.group\/addon.activated .group-activated\/addon\:border-white{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-white) / var(--tw-border-opacity));
}

.group\/addon.activated .group-activated\/addon\:bg-mossAccessible{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-moss-accessible) / var(--tw-bg-opacity));
}

.group\/addon.activated .group-activated\/addon\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
}

.group\/card.activated .group-activated\/card\:bg-sand{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-sand) / var(--tw-bg-opacity));
}

.group\/multi.activated .group-activated\/multi\:bg-forest{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
}

.group\/multi.activated .group-activated\/multi\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
}

.group\/addon.activated .group-activated\/addon\:stroke-\[2px\]{
    stroke-width: 2px;
}

.group\/multi.activated .group-activated\/multi\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.group\/card.activated .group-activated\/card\:font-medium{
    font-weight: 500;
}

.group\/multi.activated .group-activated\/multi\:font-semibold{
    font-weight: 600;
}

.group\/addon.activated .group-activated\/addon\:text-white{
    --tw-text-opacity: 1;
    color: rgb(var(--color-white) / var(--tw-text-opacity));
}

.group\/card.activated .group-activated\/card\:underline{
    text-decoration-line: underline;
}

.group.activated .group-activated\:opacity-100{
    opacity: 1;
}

.group\/wrapper.on .group-on\/wrapper\:overlay-shown::after{
    pointer-events: auto;
    opacity: 0.4;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-forest) / var(--tw-bg-opacity));
}

.group\/wrapper.on .group-on\/wrapper\:overlay-shown::after::after{
    pointer-events: none;
    position: fixed;
    inset: 0px;
    cursor: var(--cursor-close);
    opacity: 0;
    transition-property: opacity;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-content: "";
    content: var(--tw-content);
}

.activated .group-\[\.activated\]\: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));
}

.activated .group-\[\.activated\]\:outline{
    outline-style: solid;
}

.activated .group-\[\.activated\]\:outline-1{
    outline-width: 1px;
}

.activated .group-\[\.activated\]\:outline-offset-1{
    outline-offset: 1px;
}

.activated .group-\[\.activated\]\:outline-mossAccessible{
    outline-color: rgb(var(--color-moss-accessible));
}

.peer.activated ~ .peer-activated\:hidden{
    display: none;
}

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

    .max-lg\:-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));
    }
}

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

    .max-md\:left-7{
        left: 1.75rem;
    }

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

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

    .max-md\:translate-y-0{
        --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));
    }

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

    .max-md\:border-seafoam{
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-seafoam) / var(--tw-border-opacity));
    }

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

    .max-md\:py-5{
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

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

    .max-md\:pb-2\.5{
        padding-bottom: 0.625rem;
    }
}

@media (min-width: 576px){

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

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

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

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

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

    .xs\:gap-16{
        gap: 4rem;
    }

    .xs\:gap-5{
        gap: 1.25rem;
    }

    .xs\:gap-8{
        gap: 2rem;
    }

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

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

@media (min-width: 640px){

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

    .sm\:mb-40{
        margin-bottom: 10rem;
    }

    .sm\:flex{
        display: flex;
    }

    .sm\:hidden{
        display: none;
    }

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

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

    .sm\:grid-flow-col{
        grid-auto-flow: column;
    }

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

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

    .sm\:gap-10{
        gap: 2.5rem;
    }

    .sm\:gap-12{
        gap: 3rem;
    }

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

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

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

    .sm\:pr-8{
        padding-right: 2rem;
    }

    .sm\:pt-32{
        padding-top: 8rem;
    }

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

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

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

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

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

@media (min-width: 768px){

    .md\:invisible{
        visibility: hidden;
    }

    .md\:static{
        position: static;
    }

    .md\:relative{
        position: relative;
    }

    .md\:sticky{
        position: sticky;
    }

    .md\:right-0{
        right: 0px;
    }

    .md\:right-5{
        right: 1.25rem;
    }

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

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

    .md\:top-5{
        top: 1.25rem;
    }

    .md\:order-1{
        order: 1;
    }

    .md\:order-none{
        order: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:row-span-full{
        grid-row: 1 / -1;
    }

    .md\:row-start-1{
        grid-row-start: 1;
    }

    .md\:row-start-10{
        grid-row-start: 10;
    }

    .md\:row-start-11{
        grid-row-start: 11;
    }

    .md\:row-start-12{
        grid-row-start: 12;
    }

    .md\:row-start-2{
        grid-row-start: 2;
    }

    .md\:row-start-3{
        grid-row-start: 3;
    }

    .md\:row-start-4{
        grid-row-start: 4;
    }

    .md\:row-start-5{
        grid-row-start: 5;
    }

    .md\:row-start-6{
        grid-row-start: 6;
    }

    .md\:row-start-7{
        grid-row-start: 7;
    }

    .md\:row-start-8{
        grid-row-start: 8;
    }

    .md\:row-start-9{
        grid-row-start: 9;
    }

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

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

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

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

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

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

    .md\:-mb-14{
        margin-bottom: -3.5rem;
    }

    .md\:-mb-16{
        margin-bottom: -4rem;
    }

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

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

    .md\:-mb-20{
        margin-bottom: -5rem;
    }

    .md\:-mb-24{
        margin-bottom: -6rem;
    }

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

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

    .md\:-mb-32{
        margin-bottom: -8rem;
    }

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

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

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

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

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

    .md\:-ml-10{
        margin-left: -2.5rem;
    }

    .md\:-ml-12{
        margin-left: -3rem;
    }

    .md\:-ml-14{
        margin-left: -3.5rem;
    }

    .md\:-ml-16{
        margin-left: -4rem;
    }

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

    .md\:-ml-2\.5{
        margin-left: -0.625rem;
    }

    .md\:-ml-20{
        margin-left: -5rem;
    }

    .md\:-ml-24{
        margin-left: -6rem;
    }

    .md\:-ml-28{
        margin-left: -7rem;
    }

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

    .md\:-ml-32{
        margin-left: -8rem;
    }

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

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

    .md\:-ml-6{
        margin-left: -1.5rem;
    }

    .md\:-ml-8{
        margin-left: -2rem;
    }

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

    .md\:-mr-10{
        margin-right: -2.5rem;
    }

    .md\:-mr-12{
        margin-right: -3rem;
    }

    .md\:-mr-14{
        margin-right: -3.5rem;
    }

    .md\:-mr-16{
        margin-right: -4rem;
    }

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

    .md\:-mr-2\.5{
        margin-right: -0.625rem;
    }

    .md\:-mr-20{
        margin-right: -5rem;
    }

    .md\:-mr-24{
        margin-right: -6rem;
    }

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

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

    .md\:-mr-32{
        margin-right: -8rem;
    }

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

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

    .md\:-mr-6{
        margin-right: -1.5rem;
    }

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

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

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

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

    .md\:-mt-14{
        margin-top: -3.5rem;
    }

    .md\:-mt-16{
        margin-top: -4rem;
    }

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

    .md\:-mt-2\.5{
        margin-top: -0.625rem;
    }

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

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

    .md\:-mt-28{
        margin-top: -7rem;
    }

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

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

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

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

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

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

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

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

    .md\:mb-1\.5{
        margin-bottom: 0.375rem;
    }

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

    .md\:mb-11{
        margin-bottom: 2.75rem;
    }

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

    .md\:mb-14{
        margin-bottom: 3.5rem;
    }

    .md\:mb-16{
        margin-bottom: 4rem;
    }

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

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

    .md\:mb-20{
        margin-bottom: 5rem;
    }

    .md\:mb-24{
        margin-bottom: 6rem;
    }

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

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

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

    .md\:mb-32{
        margin-bottom: 8rem;
    }

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

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

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

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

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

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

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

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

    .md\:ml-10{
        margin-left: 2.5rem;
    }

    .md\:ml-12{
        margin-left: 3rem;
    }

    .md\:ml-14{
        margin-left: 3.5rem;
    }

    .md\:ml-16{
        margin-left: 4rem;
    }

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

    .md\:ml-2\.5{
        margin-left: 0.625rem;
    }

    .md\:ml-20{
        margin-left: 5rem;
    }

    .md\:ml-24{
        margin-left: 6rem;
    }

    .md\:ml-28{
        margin-left: 7rem;
    }

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

    .md\:ml-32{
        margin-left: 8rem;
    }

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

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

    .md\:ml-6{
        margin-left: 1.5rem;
    }

    .md\:ml-8{
        margin-left: 2rem;
    }

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

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

    .md\:mr-10{
        margin-right: 2.5rem;
    }

    .md\:mr-12{
        margin-right: 3rem;
    }

    .md\:mr-14{
        margin-right: 3.5rem;
    }

    .md\:mr-16{
        margin-right: 4rem;
    }

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

    .md\:mr-2\.5{
        margin-right: 0.625rem;
    }

    .md\:mr-20{
        margin-right: 5rem;
    }

    .md\:mr-24{
        margin-right: 6rem;
    }

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

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

    .md\:mr-32{
        margin-right: 8rem;
    }

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

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

    .md\:mr-6{
        margin-right: 1.5rem;
    }

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

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

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

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

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

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

    .md\:mt-14{
        margin-top: 3.5rem;
    }

    .md\:mt-16{
        margin-top: 4rem;
    }

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

    .md\:mt-2\.5{
        margin-top: 0.625rem;
    }

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

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

    .md\:mt-28{
        margin-top: 7rem;
    }

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

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

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

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

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

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

    .md\:block{
        display: block;
    }

    .md\:flex{
        display: flex;
    }

    .md\:grid{
        display: grid;
    }

    .md\:hidden{
        display: none;
    }

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

    .md\:aspect-auto{
        aspect-ratio: auto;
    }

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

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

    .md\:\!h-32{
        height: 8rem !important;
    }

    .md\:h-10{
        height: 2.5rem;
    }

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

    .md\:h-60{
        height: 15rem;
    }

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

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

    .md\:h-px{
        height: 1px;
    }

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

    .md\:min-h-0{
        min-height: 0px;
    }

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

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

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

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

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

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

    .md\:w-2\/12{
        width: 16.666667%;
    }

    .md\:w-3\/12{
        width: 25%;
    }

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

    .md\:w-4\/12{
        width: 33.333333%;
    }

    .md\:w-4\/5{
        width: 80%;
    }

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

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

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

    .md\:w-7\/12{
        width: 58.333333%;
    }

    .md\:w-8\/12{
        width: 66.666667%;
    }

    .md\:w-9\/12{
        width: 75%;
    }

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

    .md\:w-\[calc\(50\%_-_1\.75rem\)\]{
        width: calc(50% - 1.75rem);
    }

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

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

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

    .md\:min-w-0{
        min-width: 0px;
    }

    .md\:min-w-\[calc\(50\%_-_1\.75rem\)\]{
        min-width: calc(50% - 1.75rem);
    }

    .md\:max-w-2xl{
        max-width: 42rem;
    }

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

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

    .md\:max-w-\[5rem\]{
        max-width: 5rem;
    }

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

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

    .md\:-translate-y-2{
        --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));
    }

    .md\:-translate-y-2\.5{
        --tw-translate-y: -0.625rem;
        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));
    }

    .md\:translate-x-2{
        --tw-translate-x: 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));
    }

    .md\:translate-x-2\.5{
        --tw-translate-x: 0.625rem;
        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));
    }

    @keyframes fadeInRight{

        from{
            transform: translate3d(100%, 0, 0);
            opacity: 0;
        }
    }

    .md\:animate-fadeInRight{
        animation: 1s both fadeInRight;
    }

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

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

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

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

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

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

    .md\:grid-cols-\[2fr_5fr\]{
        grid-template-columns: 2fr 5fr;
    }

    .md\:grid-cols-\[3fr_2fr\]{
        grid-template-columns: 3fr 2fr;
    }

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

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

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

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

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

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

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

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

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

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

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

    .md\:gap-10{
        gap: 2.5rem;
    }

    .md\:gap-12{
        gap: 3rem;
    }

    .md\:gap-16{
        gap: 4rem;
    }

    .md\:gap-2{
        gap: 0.5rem;
    }

    .md\:gap-4{
        gap: 1rem;
    }

    .md\:gap-5{
        gap: 1.25rem;
    }

    .md\:gap-6{
        gap: 1.5rem;
    }

    .md\:gap-8{
        gap: 2rem;
    }

    .md\:gap-x-0{
        -moz-column-gap: 0px;
             column-gap: 0px;
    }

    .md\:gap-x-0\.5{
        -moz-column-gap: 0.125rem;
             column-gap: 0.125rem;
    }

    .md\:gap-x-1{
        -moz-column-gap: 0.25rem;
             column-gap: 0.25rem;
    }

    .md\:gap-x-10{
        -moz-column-gap: 2.5rem;
             column-gap: 2.5rem;
    }

    .md\:gap-x-12{
        -moz-column-gap: 3rem;
             column-gap: 3rem;
    }

    .md\:gap-x-14{
        -moz-column-gap: 3.5rem;
             column-gap: 3.5rem;
    }

    .md\:gap-x-16{
        -moz-column-gap: 4rem;
             column-gap: 4rem;
    }

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

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

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

    .md\:gap-x-5{
        -moz-column-gap: 1.25rem;
             column-gap: 1.25rem;
    }

    .md\:gap-x-6{
        -moz-column-gap: 1.5rem;
             column-gap: 1.5rem;
    }

    .md\:gap-x-8{
        -moz-column-gap: 2rem;
             column-gap: 2rem;
    }

    .md\:gap-x-px{
        -moz-column-gap: 1px;
             column-gap: 1px;
    }

    .md\:gap-y-0{
        row-gap: 0px;
    }

    .md\:gap-y-0\.5{
        row-gap: 0.125rem;
    }

    .md\:gap-y-1{
        row-gap: 0.25rem;
    }

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

    .md\:gap-y-12{
        row-gap: 3rem;
    }

    .md\:gap-y-14{
        row-gap: 3.5rem;
    }

    .md\:gap-y-16{
        row-gap: 4rem;
    }

    .md\:gap-y-2{
        row-gap: 0.5rem;
    }

    .md\:gap-y-20{
        row-gap: 5rem;
    }

    .md\:gap-y-3{
        row-gap: 0.75rem;
    }

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

    .md\:gap-y-5{
        row-gap: 1.25rem;
    }

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

    .md\:gap-y-8{
        row-gap: 2rem;
    }

    .md\:gap-y-px{
        row-gap: 1px;
    }

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

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

    .md\:rounded-t-none{
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

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

    .md\:border-sand{
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-sand) / var(--tw-border-opacity));
    }

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

    .md\:bg-white\/30{
        background-color: rgb(var(--color-white) / 0.3);
    }

    .md\:p-16{
        padding: 4rem;
    }

    .md\:p-5{
        padding: 1.25rem;
    }

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

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

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

    .md\:px-12{
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .md\:px-16{
        padding-left: 4rem;
        padding-right: 4rem;
    }

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

    .md\:px-2\.5{
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

    .md\:px-20{
        padding-left: 5rem;
        padding-right: 5rem;
    }

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

    .md\:px-32{
        padding-left: 8rem;
        padding-right: 8rem;
    }

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

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

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

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

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

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

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

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

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

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

    .md\:py-44{
        padding-top: 11rem;
        padding-bottom: 11rem;
    }

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

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

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

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

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

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

    .md\:pb-14{
        padding-bottom: 3.5rem;
    }

    .md\:pb-16{
        padding-bottom: 4rem;
    }

    .md\:pb-2{
        padding-bottom: 0.5rem;
    }

    .md\:pb-2\.5{
        padding-bottom: 0.625rem;
    }

    .md\:pb-20{
        padding-bottom: 5rem;
    }

    .md\:pb-24{
        padding-bottom: 6rem;
    }

    .md\:pb-28{
        padding-bottom: 7rem;
    }

    .md\:pb-3{
        padding-bottom: 0.75rem;
    }

    .md\:pb-32{
        padding-bottom: 8rem;
    }

    .md\:pb-4{
        padding-bottom: 1rem;
    }

    .md\:pb-40{
        padding-bottom: 10rem;
    }

    .md\:pb-5{
        padding-bottom: 1.25rem;
    }

    .md\:pb-6{
        padding-bottom: 1.5rem;
    }

    .md\:pb-8{
        padding-bottom: 2rem;
    }

    .md\:pl-0{
        padding-left: 0px;
    }

    .md\:pl-1{
        padding-left: 0.25rem;
    }

    .md\:pl-10{
        padding-left: 2.5rem;
    }

    .md\:pl-12{
        padding-left: 3rem;
    }

    .md\:pl-14{
        padding-left: 3.5rem;
    }

    .md\:pl-16{
        padding-left: 4rem;
    }

    .md\:pl-2{
        padding-left: 0.5rem;
    }

    .md\:pl-2\.5{
        padding-left: 0.625rem;
    }

    .md\:pl-20{
        padding-left: 5rem;
    }

    .md\:pl-24{
        padding-left: 6rem;
    }

    .md\:pl-28{
        padding-left: 7rem;
    }

    .md\:pl-3{
        padding-left: 0.75rem;
    }

    .md\:pl-32{
        padding-left: 8rem;
    }

    .md\:pl-4{
        padding-left: 1rem;
    }

    .md\:pl-40{
        padding-left: 10rem;
    }

    .md\:pl-5{
        padding-left: 1.25rem;
    }

    .md\:pl-6{
        padding-left: 1.5rem;
    }

    .md\:pl-8{
        padding-left: 2rem;
    }

    .md\:pr-0{
        padding-right: 0px;
    }

    .md\:pr-1{
        padding-right: 0.25rem;
    }

    .md\:pr-10{
        padding-right: 2.5rem;
    }

    .md\:pr-12{
        padding-right: 3rem;
    }

    .md\:pr-14{
        padding-right: 3.5rem;
    }

    .md\:pr-16{
        padding-right: 4rem;
    }

    .md\:pr-2{
        padding-right: 0.5rem;
    }

    .md\:pr-2\.5{
        padding-right: 0.625rem;
    }

    .md\:pr-20{
        padding-right: 5rem;
    }

    .md\:pr-24{
        padding-right: 6rem;
    }

    .md\:pr-28{
        padding-right: 7rem;
    }

    .md\:pr-3{
        padding-right: 0.75rem;
    }

    .md\:pr-32{
        padding-right: 8rem;
    }

    .md\:pr-4{
        padding-right: 1rem;
    }

    .md\:pr-40{
        padding-right: 10rem;
    }

    .md\:pr-5{
        padding-right: 1.25rem;
    }

    .md\:pr-6{
        padding-right: 1.5rem;
    }

    .md\:pr-8{
        padding-right: 2rem;
    }

    .md\:pt-0{
        padding-top: 0px;
    }

    .md\:pt-1{
        padding-top: 0.25rem;
    }

    .md\:pt-10{
        padding-top: 2.5rem;
    }

    .md\:pt-12{
        padding-top: 3rem;
    }

    .md\:pt-14{
        padding-top: 3.5rem;
    }

    .md\:pt-16{
        padding-top: 4rem;
    }

    .md\:pt-2{
        padding-top: 0.5rem;
    }

    .md\:pt-2\.5{
        padding-top: 0.625rem;
    }

    .md\:pt-20{
        padding-top: 5rem;
    }

    .md\:pt-24{
        padding-top: 6rem;
    }

    .md\:pt-28{
        padding-top: 7rem;
    }

    .md\:pt-3{
        padding-top: 0.75rem;
    }

    .md\:pt-32{
        padding-top: 8rem;
    }

    .md\:pt-36{
        padding-top: 9rem;
    }

    .md\:pt-4{
        padding-top: 1rem;
    }

    .md\:pt-40{
        padding-top: 10rem;
    }

    .md\:pt-5{
        padding-top: 1.25rem;
    }

    .md\:pt-6{
        padding-top: 1.5rem;
    }

    .md\:pt-8{
        padding-top: 2rem;
    }

    .md\:text-left{
        text-align: left;
    }

    .md\:text-center{
        text-align: center;
    }

    .md\:text-right{
        text-align: right;
    }

    .md\:text-14xl{
        font-size: 10.75rem;
        line-height: 1;
    }

    .md\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .md\:text-3xl{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .md\:text-4xl{
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .md\:text-5xl{
        font-size: 3rem;
        line-height: 1;
    }

    .md\:text-6xl{
        font-size: 4rem;
        line-height: 1;
    }

    .md\:text-7xl{
        font-size: 4.5rem;
        line-height: 1;
    }

    .md\:text-8xl{
        font-size: 6rem;
        line-height: 1;
    }

    .md\:text-9xl{
        font-size: 8rem;
        line-height: 1;
    }

    .md\:text-\[2\.5rem\]{
        font-size: 2.5rem;
    }

    .md\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .md\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .md\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .md\:text-xl{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .md\:text-xs{
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .md\:font-medium{
        font-weight: 500;
    }

    .md\:leading-loose{
        line-height: 2;
    }

    .md\:leading-none{
        line-height: 1;
    }

    .md\:leading-normal{
        line-height: 1.5;
    }

    .md\:leading-relaxed{
        line-height: 1.625;
    }

    .md\:leading-snug{
        line-height: 1.375;
    }

    .md\:leading-tight{
        line-height: 1.25;
    }

    .group:hover .md\:group-hover\:visible{
        visibility: visible;
    }

    .group.focus-visible .md\:group-focus-visible\:visible{
        visibility: visible;
    }

    .group:focus-visible .md\:group-focus-visible\:visible{
        visibility: visible;
    }
}

@media (min-width: 1024px){

    .lg\:absolute{
        position: absolute;
    }

    .lg\:relative{
        position: relative;
    }

    .lg\:inset-0{
        inset: 0px;
    }

    .lg\:-left-1{
        left: -0.25rem;
    }

    .lg\:-left-28{
        left: -7rem;
    }

    .lg\:-right-5{
        right: -1.25rem;
    }

    .lg\:-top-24{
        top: -6rem;
    }

    .lg\:bottom-8{
        bottom: 2rem;
    }

    .lg\:left-3{
        left: 0.75rem;
    }

    .lg\:left-8{
        left: 2rem;
    }

    .lg\:left-auto{
        left: auto;
    }

    .lg\:right-3{
        right: 0.75rem;
    }

    .lg\:right-8{
        right: 2rem;
    }

    .lg\:right-auto{
        right: auto;
    }

    .lg\:top-4{
        top: 1rem;
    }

    .lg\:top-6{
        top: 1.5rem;
    }

    .lg\:top-auto{
        top: auto;
    }

    .lg\:z-0{
        z-index: 0;
    }

    .lg\:z-10{
        z-index: 10;
    }

    .lg\:col-span-1{
        grid-column: span 1 / span 1;
    }

    .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-6{
        grid-column: span 6 / span 6;
    }

    .lg\:m-0{
        margin: 0px;
    }

    .lg\:mx-auto{
        margin-left: auto;
        margin-right: auto;
    }

    .lg\:my-0{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .lg\:my-20{
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .lg\:-mr-12{
        margin-right: -3rem;
    }

    .lg\:-mt-40{
        margin-top: -10rem;
    }

    .lg\:mb-0{
        margin-bottom: 0px;
    }

    .lg\:mb-11{
        margin-bottom: 2.75rem;
    }

    .lg\:mb-12{
        margin-bottom: 3rem;
    }

    .lg\:mb-2{
        margin-bottom: 0.5rem;
    }

    .lg\:mb-2\.5{
        margin-bottom: 0.625rem;
    }

    .lg\:mb-3{
        margin-bottom: 0.75rem;
    }

    .lg\:mb-32{
        margin-bottom: 8rem;
    }

    .lg\:mb-4{
        margin-bottom: 1rem;
    }

    .lg\:mb-5{
        margin-bottom: 1.25rem;
    }

    .lg\:mb-6{
        margin-bottom: 1.5rem;
    }

    .lg\:mb-8{
        margin-bottom: 2rem;
    }

    .lg\:ml-auto{
        margin-left: auto;
    }

    .lg\:mr-auto{
        margin-right: auto;
    }

    .lg\:mt-0{
        margin-top: 0px;
    }

    .lg\:mt-1{
        margin-top: 0.25rem;
    }

    .lg\:mt-1\.5{
        margin-top: 0.375rem;
    }

    .lg\:mt-10{
        margin-top: 2.5rem;
    }

    .lg\:mt-16{
        margin-top: 4rem;
    }

    .lg\:mt-20{
        margin-top: 5rem;
    }

    .lg\:mt-5{
        margin-top: 1.25rem;
    }

    .lg\:mt-7{
        margin-top: 1.75rem;
    }

    .lg\:mt-8{
        margin-top: 2rem;
    }

    .lg\:\!block{
        display: block !important;
    }

    .lg\:block{
        display: block;
    }

    .lg\:inline{
        display: inline;
    }

    .lg\:flex{
        display: flex;
    }

    .lg\:grid{
        display: grid;
    }

    .lg\:\!hidden{
        display: none !important;
    }

    .lg\:hidden{
        display: none;
    }

    .lg\:aspect-\[1\/1\]{
        aspect-ratio: 1/1;
    }

    .lg\:aspect-\[2\.05\/1\]{
        aspect-ratio: 2.05/1;
    }

    .lg\:aspect-\[3\/2\]{
        aspect-ratio: 3/2;
    }

    .lg\:aspect-auto{
        aspect-ratio: auto;
    }

    .lg\:aspect-square{
        aspect-ratio: 1 / 1;
    }

    .lg\:aspect-video{
        aspect-ratio: 16 / 9;
    }

    .lg\:h-6{
        height: 1.5rem;
    }

    .lg\:h-8{
        height: 2rem;
    }

    .lg\:h-\[4\.5rem\]{
        height: 4.5rem;
    }

    .lg\:h-\[calc\(600px_\*_0\.5625\)\]{
        height: calc(600px * 0.5625);
    }

    .lg\:h-\[calc\(723px_\*_0\.5625\)\]{
        height: calc(723px * 0.5625);
    }

    .lg\:h-\[calc\(83\.33vw_\*_0\.5625\)\]{
        height: calc(83.33vw * 0.5625);
    }

    .lg\:h-auto{
        height: auto;
    }

    .lg\:h-full{
        height: 100%;
    }

    .lg\:h-px{
        height: 1px;
    }

    .lg\:max-h-\[calc\(100\%_-_58px\)\]{
        max-height: calc(100% - 58px);
    }

    .lg\:max-h-none{
        max-height: none;
    }

    .lg\:w-1\/12{
        width: 8.333333%;
    }

    .lg\:w-1\/2{
        width: 50%;
    }

    .lg\:w-10\/12{
        width: 83.333333%;
    }

    .lg\:w-11\/12{
        width: 91.666667%;
    }

    .lg\:w-2\/12{
        width: 16.666667%;
    }

    .lg\:w-2\/5{
        width: 40%;
    }

    .lg\:w-3\/12{
        width: 25%;
    }

    .lg\:w-3\/4{
        width: 75%;
    }

    .lg\:w-32{
        width: 8rem;
    }

    .lg\:w-4\/12{
        width: 33.333333%;
    }

    .lg\:w-5\/12{
        width: 41.666667%;
    }

    .lg\:w-6\/12{
        width: 50%;
    }

    .lg\:w-7\/12{
        width: 58.333333%;
    }

    .lg\:w-8{
        width: 2rem;
    }

    .lg\:w-8\/12{
        width: 66.666667%;
    }

    .lg\:w-9\/12{
        width: 75%;
    }

    .lg\:w-\[1px\]{
        width: 1px;
    }

    .lg\:w-auto{
        width: auto;
    }

    .lg\:w-fit{
        width: -moz-fit-content;
        width: fit-content;
    }

    .lg\:w-full{
        width: 100%;
    }

    .lg\:min-w-\[50\%\]{
        min-width: 50%;
    }

    .lg\:max-w-3xl{
        max-width: 48rem;
    }

    .lg\:max-w-4xl{
        max-width: 56rem;
    }

    .lg\:max-w-\[calc\(100vw_-_17rem_-_21px\)\]{
        max-width: calc(100vw - 17rem - 21px);
    }

    .lg\:max-w-\[calc\(20vw-1\.5rem\)\]{
        max-width: calc(20vw - 1.5rem);
    }

    .lg\:max-w-full{
        max-width: 100%;
    }

    .lg\:max-w-lg{
        max-width: 32rem;
    }

    .lg\:max-w-xl{
        max-width: 36rem;
    }

    .lg\:translate-x-0{
        --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));
    }

    .lg\:translate-y-0{
        --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));
    }

    .lg\: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));
    }

    @keyframes slideInLeft{

        from{
            transform: translate3d(-100%, 0, 0);
        }
    }

    .lg\:animate-slideInLeft{
        animation: 1s both slideInLeft;
    }

    .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-cols-5{
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-6{
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[10rem_1px_1fr\]{
        grid-template-columns: 10rem 1px 1fr;
    }

    .lg\:flex-row{
        flex-direction: row;
    }

    .lg\:flex-row-reverse{
        flex-direction: row-reverse;
    }

    .lg\:flex-col{
        flex-direction: column;
    }

    .lg\:items-start{
        align-items: flex-start;
    }

    .lg\:items-end{
        align-items: flex-end;
    }

    .lg\:items-center{
        align-items: center;
    }

    .lg\:justify-start{
        justify-content: flex-start;
    }

    .lg\:justify-end{
        justify-content: flex-end;
    }

    .lg\:justify-center{
        justify-content: center;
    }

    .lg\:justify-between{
        justify-content: space-between;
    }

    .lg\:justify-around{
        justify-content: space-around;
    }

    .lg\:justify-evenly{
        justify-content: space-evenly;
    }

    .lg\:gap-10{
        gap: 2.5rem;
    }

    .lg\:gap-12{
        gap: 3rem;
    }

    .lg\:gap-14{
        gap: 3.5rem;
    }

    .lg\:gap-16{
        gap: 4rem;
    }

    .lg\:gap-2{
        gap: 0.5rem;
    }

    .lg\:gap-20{
        gap: 5rem;
    }

    .lg\:gap-24{
        gap: 6rem;
    }

    .lg\:gap-4{
        gap: 1rem;
    }

    .lg\:gap-5{
        gap: 1.25rem;
    }

    .lg\:gap-6{
        gap: 1.5rem;
    }

    .lg\:gap-7{
        gap: 1.75rem;
    }

    .lg\:gap-9{
        gap: 2.25rem;
    }

    .lg\:gap-x-20{
        -moz-column-gap: 5rem;
             column-gap: 5rem;
    }

    .lg\:gap-y-20{
        row-gap: 5rem;
    }

    .lg\:rounded{
        border-radius: 0.25rem;
    }

    .lg\:rounded-2xl{
        border-radius: 1rem;
    }

    .lg\:rounded-3xl{
        border-radius: 1.5rem;
    }

    .lg\:rounded-none{
        border-radius: 0px;
    }

    .lg\:border{
        border-width: 1px;
    }

    .lg\:border-0{
        border-width: 0px;
    }

    .lg\:border-t{
        border-top-width: 1px;
    }

    .lg\:border-forest{
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-forest) / var(--tw-border-opacity));
    }

    .lg\:border-sandDark{
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-sand-dark) / var(--tw-border-opacity));
    }

    .lg\:bg-transparent{
        background-color: transparent;
    }

    .lg\:bg-white{
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-white) / var(--tw-bg-opacity));
    }

    .lg\:object-cover{
        -o-object-fit: cover;
           object-fit: cover;
    }

    .lg\:p-10{
        padding: 2.5rem;
    }

    .lg\:p-12{
        padding: 3rem;
    }

    .lg\:p-16{
        padding: 4rem;
    }

    .lg\:p-20{
        padding: 5rem;
    }

    .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-14{
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    .lg\:px-16{
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .lg\:px-20{
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .lg\:px-24{
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .lg\:px-28{
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .lg\:px-5{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .lg\:px-8{
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .lg\:px-9{
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }

    .lg\:py-0{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .lg\:py-10{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .lg\:py-14{
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .lg\:py-16{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .lg\:py-20{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .lg\:py-24{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .lg\:py-28{
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .lg\:py-32{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .lg\:py-4{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .lg\:py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .lg\:py-8{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .lg\:pb-0{
        padding-bottom: 0px;
    }

    .lg\:pb-10{
        padding-bottom: 2.5rem;
    }

    .lg\:pb-12{
        padding-bottom: 3rem;
    }

    .lg\:pb-16{
        padding-bottom: 4rem;
    }

    .lg\:pb-28{
        padding-bottom: 7rem;
    }

    .lg\:pb-7{
        padding-bottom: 1.75rem;
    }

    .lg\:pl-10{
        padding-left: 2.5rem;
    }

    .lg\:pl-12{
        padding-left: 3rem;
    }

    .lg\:pl-14{
        padding-left: 3.5rem;
    }

    .lg\:pl-20{
        padding-left: 5rem;
    }

    .lg\:pl-4{
        padding-left: 1rem;
    }

    .lg\:pl-5{
        padding-left: 1.25rem;
    }

    .lg\:pr-0{
        padding-right: 0px;
    }

    .lg\:pr-10{
        padding-right: 2.5rem;
    }

    .lg\:pr-12{
        padding-right: 3rem;
    }

    .lg\:pr-20{
        padding-right: 5rem;
    }

    .lg\:pr-4{
        padding-right: 1rem;
    }

    .lg\:pt-16{
        padding-top: 4rem;
    }

    .lg\:pt-20{
        padding-top: 5rem;
    }

    .lg\:pt-24{
        padding-top: 6rem;
    }

    .lg\:pt-28{
        padding-top: 7rem;
    }

    .lg\:text-left{
        text-align: left;
    }

    .lg\:text-center{
        text-align: center;
    }

    .lg\:text-right{
        text-align: right;
    }

    .lg\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .lg\:text-3xl{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .lg\:text-4xl{
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .lg\:text-5xl{
        font-size: 3rem;
        line-height: 1;
    }

    .lg\:text-6xl{
        font-size: 4rem;
        line-height: 1;
    }

    .lg\:text-7xl{
        font-size: 4.5rem;
        line-height: 1;
    }

    .lg\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .lg\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .lg\:text-xl{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .lg\:leading-normal{
        line-height: 1.5;
    }

    .lg\:leading-tight{
        line-height: 1.25;
    }

    .lg\:text-sandDark{
        --tw-text-opacity: 1;
        color: rgb(var(--color-sand-dark) / var(--tw-text-opacity));
    }

    .lg\:transition-none{
        transition-property: none;
    }

    .activated\:lg\:block.activated{
        display: block;
    }
}

@media (min-width: 1280px){

    .xl\:invisible{
        visibility: hidden;
    }

    .xl\:absolute{
        position: absolute;
    }

    .xl\:relative{
        position: relative;
    }

    .xl\:-bottom-12{
        bottom: -3rem;
    }

    .xl\:right-0{
        right: 0px;
    }

    .xl\:col-span-1{
        grid-column: span 1 / span 1;
    }

    .xl\:col-span-10{
        grid-column: span 10 / span 10;
    }

    .xl\:col-span-11{
        grid-column: span 11 / span 11;
    }

    .xl\:col-span-12{
        grid-column: span 12 / span 12;
    }

    .xl\:col-span-2{
        grid-column: span 2 / span 2;
    }

    .xl\:col-span-3{
        grid-column: span 3 / span 3;
    }

    .xl\:col-span-4{
        grid-column: span 4 / span 4;
    }

    .xl\:col-span-5{
        grid-column: span 5 / span 5;
    }

    .xl\:col-span-6{
        grid-column: span 6 / span 6;
    }

    .xl\:col-span-7{
        grid-column: span 7 / span 7;
    }

    .xl\:col-span-8{
        grid-column: span 8 / span 8;
    }

    .xl\:col-span-9{
        grid-column: span 9 / span 9;
    }

    .xl\:col-span-full{
        grid-column: 1 / -1;
    }

    .xl\:col-start-1{
        grid-column-start: 1;
    }

    .xl\:col-start-10{
        grid-column-start: 10;
    }

    .xl\:col-start-11{
        grid-column-start: 11;
    }

    .xl\:col-start-12{
        grid-column-start: 12;
    }

    .xl\:col-start-2{
        grid-column-start: 2;
    }

    .xl\:col-start-3{
        grid-column-start: 3;
    }

    .xl\:col-start-4{
        grid-column-start: 4;
    }

    .xl\:col-start-5{
        grid-column-start: 5;
    }

    .xl\:col-start-6{
        grid-column-start: 6;
    }

    .xl\:col-start-7{
        grid-column-start: 7;
    }

    .xl\:col-start-8{
        grid-column-start: 8;
    }

    .xl\:col-start-9{
        grid-column-start: 9;
    }

    .xl\:row-span-1{
        grid-row: span 1 / span 1;
    }

    .xl\:row-span-10{
        grid-row: span 10 / span 10;
    }

    .xl\:row-span-11{
        grid-row: span 11 / span 11;
    }

    .xl\:row-span-12{
        grid-row: span 12 / span 12;
    }

    .xl\:row-span-2{
        grid-row: span 2 / span 2;
    }

    .xl\:row-span-3{
        grid-row: span 3 / span 3;
    }

    .xl\:row-span-4{
        grid-row: span 4 / span 4;
    }

    .xl\:row-span-5{
        grid-row: span 5 / span 5;
    }

    .xl\:row-span-6{
        grid-row: span 6 / span 6;
    }

    .xl\:row-span-7{
        grid-row: span 7 / span 7;
    }

    .xl\:row-span-8{
        grid-row: span 8 / span 8;
    }

    .xl\:row-span-9{
        grid-row: span 9 / span 9;
    }

    .xl\:row-span-full{
        grid-row: 1 / -1;
    }

    .xl\:row-start-1{
        grid-row-start: 1;
    }

    .xl\:row-start-10{
        grid-row-start: 10;
    }

    .xl\:row-start-11{
        grid-row-start: 11;
    }

    .xl\:row-start-12{
        grid-row-start: 12;
    }

    .xl\:row-start-2{
        grid-row-start: 2;
    }

    .xl\:row-start-3{
        grid-row-start: 3;
    }

    .xl\:row-start-4{
        grid-row-start: 4;
    }

    .xl\:row-start-5{
        grid-row-start: 5;
    }

    .xl\:row-start-6{
        grid-row-start: 6;
    }

    .xl\:row-start-7{
        grid-row-start: 7;
    }

    .xl\:row-start-8{
        grid-row-start: 8;
    }

    .xl\:row-start-9{
        grid-row-start: 9;
    }

    .xl\:my-16{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .xl\:-mb-1{
        margin-bottom: -0.25rem;
    }

    .xl\:-mb-10{
        margin-bottom: -2.5rem;
    }

    .xl\:-mb-12{
        margin-bottom: -3rem;
    }

    .xl\:-mb-14{
        margin-bottom: -3.5rem;
    }

    .xl\:-mb-16{
        margin-bottom: -4rem;
    }

    .xl\:-mb-2{
        margin-bottom: -0.5rem;
    }

    .xl\:-mb-2\.5{
        margin-bottom: -0.625rem;
    }

    .xl\:-mb-20{
        margin-bottom: -5rem;
    }

    .xl\:-mb-24{
        margin-bottom: -6rem;
    }

    .xl\:-mb-28{
        margin-bottom: -7rem;
    }

    .xl\:-mb-3{
        margin-bottom: -0.75rem;
    }

    .xl\:-mb-32{
        margin-bottom: -8rem;
    }

    .xl\:-mb-4{
        margin-bottom: -1rem;
    }

    .xl\:-mb-5{
        margin-bottom: -1.25rem;
    }

    .xl\:-mb-6{
        margin-bottom: -1.5rem;
    }

    .xl\:-mb-8{
        margin-bottom: -2rem;
    }

    .xl\:-ml-1{
        margin-left: -0.25rem;
    }

    .xl\:-ml-10{
        margin-left: -2.5rem;
    }

    .xl\:-ml-12{
        margin-left: -3rem;
    }

    .xl\:-ml-14{
        margin-left: -3.5rem;
    }

    .xl\:-ml-16{
        margin-left: -4rem;
    }

    .xl\:-ml-2{
        margin-left: -0.5rem;
    }

    .xl\:-ml-2\.5{
        margin-left: -0.625rem;
    }

    .xl\:-ml-20{
        margin-left: -5rem;
    }

    .xl\:-ml-24{
        margin-left: -6rem;
    }

    .xl\:-ml-28{
        margin-left: -7rem;
    }

    .xl\:-ml-3{
        margin-left: -0.75rem;
    }

    .xl\:-ml-32{
        margin-left: -8rem;
    }

    .xl\:-ml-4{
        margin-left: -1rem;
    }

    .xl\:-ml-5{
        margin-left: -1.25rem;
    }

    .xl\:-ml-6{
        margin-left: -1.5rem;
    }

    .xl\:-ml-8{
        margin-left: -2rem;
    }

    .xl\:-mr-1{
        margin-right: -0.25rem;
    }

    .xl\:-mr-10{
        margin-right: -2.5rem;
    }

    .xl\:-mr-12{
        margin-right: -3rem;
    }

    .xl\:-mr-14{
        margin-right: -3.5rem;
    }

    .xl\:-mr-16{
        margin-right: -4rem;
    }

    .xl\:-mr-2{
        margin-right: -0.5rem;
    }

    .xl\:-mr-2\.5{
        margin-right: -0.625rem;
    }

    .xl\:-mr-20{
        margin-right: -5rem;
    }

    .xl\:-mr-24{
        margin-right: -6rem;
    }

    .xl\:-mr-28{
        margin-right: -7rem;
    }

    .xl\:-mr-3{
        margin-right: -0.75rem;
    }

    .xl\:-mr-32{
        margin-right: -8rem;
    }

    .xl\:-mr-4{
        margin-right: -1rem;
    }

    .xl\:-mr-5{
        margin-right: -1.25rem;
    }

    .xl\:-mr-6{
        margin-right: -1.5rem;
    }

    .xl\:-mr-8{
        margin-right: -2rem;
    }

    .xl\:-mt-1{
        margin-top: -0.25rem;
    }

    .xl\:-mt-10{
        margin-top: -2.5rem;
    }

    .xl\:-mt-12{
        margin-top: -3rem;
    }

    .xl\:-mt-14{
        margin-top: -3.5rem;
    }

    .xl\:-mt-16{
        margin-top: -4rem;
    }

    .xl\:-mt-2{
        margin-top: -0.5rem;
    }

    .xl\:-mt-2\.5{
        margin-top: -0.625rem;
    }

    .xl\:-mt-20{
        margin-top: -5rem;
    }

    .xl\:-mt-24{
        margin-top: -6rem;
    }

    .xl\:-mt-28{
        margin-top: -7rem;
    }

    .xl\:-mt-3{
        margin-top: -0.75rem;
    }

    .xl\:-mt-32{
        margin-top: -8rem;
    }

    .xl\:-mt-4{
        margin-top: -1rem;
    }

    .xl\:-mt-5{
        margin-top: -1.25rem;
    }

    .xl\:-mt-6{
        margin-top: -1.5rem;
    }

    .xl\:-mt-8{
        margin-top: -2rem;
    }

    .xl\:mb-0{
        margin-bottom: 0px;
    }

    .xl\:mb-1{
        margin-bottom: 0.25rem;
    }

    .xl\:mb-10{
        margin-bottom: 2.5rem;
    }

    .xl\:mb-12{
        margin-bottom: 3rem;
    }

    .xl\:mb-14{
        margin-bottom: 3.5rem;
    }

    .xl\:mb-16{
        margin-bottom: 4rem;
    }

    .xl\:mb-2{
        margin-bottom: 0.5rem;
    }

    .xl\:mb-2\.5{
        margin-bottom: 0.625rem;
    }

    .xl\:mb-20{
        margin-bottom: 5rem;
    }

    .xl\:mb-24{
        margin-bottom: 6rem;
    }

    .xl\:mb-28{
        margin-bottom: 7rem;
    }

    .xl\:mb-3{
        margin-bottom: 0.75rem;
    }

    .xl\:mb-32{
        margin-bottom: 8rem;
    }

    .xl\:mb-4{
        margin-bottom: 1rem;
    }

    .xl\:mb-5{
        margin-bottom: 1.25rem;
    }

    .xl\:mb-6{
        margin-bottom: 1.5rem;
    }

    .xl\:mb-8{
        margin-bottom: 2rem;
    }

    .xl\:ml-0{
        margin-left: 0px;
    }

    .xl\:ml-1{
        margin-left: 0.25rem;
    }

    .xl\:ml-10{
        margin-left: 2.5rem;
    }

    .xl\:ml-12{
        margin-left: 3rem;
    }

    .xl\:ml-14{
        margin-left: 3.5rem;
    }

    .xl\:ml-16{
        margin-left: 4rem;
    }

    .xl\:ml-2{
        margin-left: 0.5rem;
    }

    .xl\:ml-2\.5{
        margin-left: 0.625rem;
    }

    .xl\:ml-20{
        margin-left: 5rem;
    }

    .xl\:ml-24{
        margin-left: 6rem;
    }

    .xl\:ml-28{
        margin-left: 7rem;
    }

    .xl\:ml-3{
        margin-left: 0.75rem;
    }

    .xl\:ml-32{
        margin-left: 8rem;
    }

    .xl\:ml-4{
        margin-left: 1rem;
    }

    .xl\:ml-5{
        margin-left: 1.25rem;
    }

    .xl\:ml-6{
        margin-left: 1.5rem;
    }

    .xl\:ml-8{
        margin-left: 2rem;
    }

    .xl\:mr-0{
        margin-right: 0px;
    }

    .xl\:mr-1{
        margin-right: 0.25rem;
    }

    .xl\:mr-10{
        margin-right: 2.5rem;
    }

    .xl\:mr-12{
        margin-right: 3rem;
    }

    .xl\:mr-14{
        margin-right: 3.5rem;
    }

    .xl\:mr-16{
        margin-right: 4rem;
    }

    .xl\:mr-2{
        margin-right: 0.5rem;
    }

    .xl\:mr-2\.5{
        margin-right: 0.625rem;
    }

    .xl\:mr-20{
        margin-right: 5rem;
    }

    .xl\:mr-24{
        margin-right: 6rem;
    }

    .xl\:mr-28{
        margin-right: 7rem;
    }

    .xl\:mr-3{
        margin-right: 0.75rem;
    }

    .xl\:mr-32{
        margin-right: 8rem;
    }

    .xl\:mr-4{
        margin-right: 1rem;
    }

    .xl\:mr-5{
        margin-right: 1.25rem;
    }

    .xl\:mr-6{
        margin-right: 1.5rem;
    }

    .xl\:mr-8{
        margin-right: 2rem;
    }

    .xl\:mr-auto{
        margin-right: auto;
    }

    .xl\:mt-0{
        margin-top: 0px;
    }

    .xl\:mt-1{
        margin-top: 0.25rem;
    }

    .xl\:mt-10{
        margin-top: 2.5rem;
    }

    .xl\:mt-12{
        margin-top: 3rem;
    }

    .xl\:mt-14{
        margin-top: 3.5rem;
    }

    .xl\:mt-16{
        margin-top: 4rem;
    }

    .xl\:mt-2{
        margin-top: 0.5rem;
    }

    .xl\:mt-2\.5{
        margin-top: 0.625rem;
    }

    .xl\:mt-20{
        margin-top: 5rem;
    }

    .xl\:mt-24{
        margin-top: 6rem;
    }

    .xl\:mt-28{
        margin-top: 7rem;
    }

    .xl\:mt-3{
        margin-top: 0.75rem;
    }

    .xl\:mt-32{
        margin-top: 8rem;
    }

    .xl\:mt-4{
        margin-top: 1rem;
    }

    .xl\:mt-5{
        margin-top: 1.25rem;
    }

    .xl\:mt-6{
        margin-top: 1.5rem;
    }

    .xl\:mt-8{
        margin-top: 2rem;
    }

    .xl\:block{
        display: block;
    }

    .xl\:grid{
        display: grid;
    }

    .xl\:hidden{
        display: none;
    }

    .xl\:w-1\/2{
        width: 50%;
    }

    .xl\:w-11\/12{
        width: 91.666667%;
    }

    .xl\:w-2\/3{
        width: 66.666667%;
    }

    .xl\:w-2\/5{
        width: 40%;
    }

    .xl\:w-3\/5{
        width: 60%;
    }

    .xl\:w-5\/12{
        width: 41.666667%;
    }

    .xl\:w-8\/12{
        width: 66.666667%;
    }

    .xl\:w-\[4\.5rem\]{
        width: 4.5rem;
    }

    .xl\:w-auto{
        width: auto;
    }

    .xl\:w-fit{
        width: -moz-fit-content;
        width: fit-content;
    }

    .xl\:w-full{
        width: 100%;
    }

    .xl\:max-w-4xl{
        max-width: 56rem;
    }

    .xl\:max-w-5xl{
        max-width: 64rem;
    }

    .xl\:max-w-7xl{
        max-width: 80rem;
    }

    .xl\:max-w-\[calc\(100vw_-_22rem\)\]{
        max-width: calc(100vw - 22rem);
    }

    .xl\:max-w-sm{
        max-width: 24rem;
    }

    @keyframes slideInRight{

        from{
            transform: translate3d(100%, 0, 0);
        }
    }

    .xl\:animate-slideInRight{
        animation: 1s both slideInRight;
    }

    .xl\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:flex-row{
        flex-direction: row;
    }

    .xl\:flex-col{
        flex-direction: column;
    }

    .xl\:items-start{
        align-items: flex-start;
    }

    .xl\:items-end{
        align-items: flex-end;
    }

    .xl\:items-center{
        align-items: center;
    }

    .xl\:justify-start{
        justify-content: flex-start;
    }

    .xl\:justify-end{
        justify-content: flex-end;
    }

    .xl\:justify-center{
        justify-content: center;
    }

    .xl\:gap-10{
        gap: 2.5rem;
    }

    .xl\:gap-14{
        gap: 3.5rem;
    }

    .xl\:gap-16{
        gap: 4rem;
    }

    .xl\:gap-20{
        gap: 5rem;
    }

    .xl\:gap-5{
        gap: 1.25rem;
    }

    .xl\:gap-8{
        gap: 2rem;
    }

    .xl\:gap-x-0{
        -moz-column-gap: 0px;
             column-gap: 0px;
    }

    .xl\:gap-x-0\.5{
        -moz-column-gap: 0.125rem;
             column-gap: 0.125rem;
    }

    .xl\:gap-x-1{
        -moz-column-gap: 0.25rem;
             column-gap: 0.25rem;
    }

    .xl\:gap-x-10{
        -moz-column-gap: 2.5rem;
             column-gap: 2.5rem;
    }

    .xl\:gap-x-12{
        -moz-column-gap: 3rem;
             column-gap: 3rem;
    }

    .xl\:gap-x-14{
        -moz-column-gap: 3.5rem;
             column-gap: 3.5rem;
    }

    .xl\:gap-x-16{
        -moz-column-gap: 4rem;
             column-gap: 4rem;
    }

    .xl\:gap-x-2{
        -moz-column-gap: 0.5rem;
             column-gap: 0.5rem;
    }

    .xl\:gap-x-3{
        -moz-column-gap: 0.75rem;
             column-gap: 0.75rem;
    }

    .xl\:gap-x-4{
        -moz-column-gap: 1rem;
             column-gap: 1rem;
    }

    .xl\:gap-x-5{
        -moz-column-gap: 1.25rem;
             column-gap: 1.25rem;
    }

    .xl\:gap-x-6{
        -moz-column-gap: 1.5rem;
             column-gap: 1.5rem;
    }

    .xl\:gap-x-8{
        -moz-column-gap: 2rem;
             column-gap: 2rem;
    }

    .xl\:gap-x-px{
        -moz-column-gap: 1px;
             column-gap: 1px;
    }

    .xl\:gap-y-0{
        row-gap: 0px;
    }

    .xl\:gap-y-0\.5{
        row-gap: 0.125rem;
    }

    .xl\:gap-y-1{
        row-gap: 0.25rem;
    }

    .xl\:gap-y-10{
        row-gap: 2.5rem;
    }

    .xl\:gap-y-12{
        row-gap: 3rem;
    }

    .xl\:gap-y-14{
        row-gap: 3.5rem;
    }

    .xl\:gap-y-16{
        row-gap: 4rem;
    }

    .xl\:gap-y-2{
        row-gap: 0.5rem;
    }

    .xl\:gap-y-3{
        row-gap: 0.75rem;
    }

    .xl\:gap-y-4{
        row-gap: 1rem;
    }

    .xl\:gap-y-5{
        row-gap: 1.25rem;
    }

    .xl\:gap-y-6{
        row-gap: 1.5rem;
    }

    .xl\:gap-y-8{
        row-gap: 2rem;
    }

    .xl\:gap-y-px{
        row-gap: 1px;
    }

    .xl\:object-cover{
        -o-object-fit: cover;
           object-fit: cover;
    }

    .xl\:px-0{
        padding-left: 0px;
        padding-right: 0px;
    }

    .xl\:px-16{
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .xl\:px-20{
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .xl\:px-28{
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .xl\:px-3{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .xl\:px-32{
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .xl\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .xl\:py-24{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .xl\:py-28{
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .xl\:py-32{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .xl\:py-36{
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .xl\:py-4{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .xl\:pb-0{
        padding-bottom: 0px;
    }

    .xl\:pb-1{
        padding-bottom: 0.25rem;
    }

    .xl\:pb-10{
        padding-bottom: 2.5rem;
    }

    .xl\:pb-12{
        padding-bottom: 3rem;
    }

    .xl\:pb-14{
        padding-bottom: 3.5rem;
    }

    .xl\:pb-16{
        padding-bottom: 4rem;
    }

    .xl\:pb-2{
        padding-bottom: 0.5rem;
    }

    .xl\:pb-2\.5{
        padding-bottom: 0.625rem;
    }

    .xl\:pb-20{
        padding-bottom: 5rem;
    }

    .xl\:pb-24{
        padding-bottom: 6rem;
    }

    .xl\:pb-28{
        padding-bottom: 7rem;
    }

    .xl\:pb-3{
        padding-bottom: 0.75rem;
    }

    .xl\:pb-32{
        padding-bottom: 8rem;
    }

    .xl\:pb-36{
        padding-bottom: 9rem;
    }

    .xl\:pb-4{
        padding-bottom: 1rem;
    }

    .xl\:pb-40{
        padding-bottom: 10rem;
    }

    .xl\:pb-5{
        padding-bottom: 1.25rem;
    }

    .xl\:pb-6{
        padding-bottom: 1.5rem;
    }

    .xl\:pb-7{
        padding-bottom: 1.75rem;
    }

    .xl\:pb-8{
        padding-bottom: 2rem;
    }

    .xl\:pl-0{
        padding-left: 0px;
    }

    .xl\:pl-1{
        padding-left: 0.25rem;
    }

    .xl\:pl-10{
        padding-left: 2.5rem;
    }

    .xl\:pl-12{
        padding-left: 3rem;
    }

    .xl\:pl-14{
        padding-left: 3.5rem;
    }

    .xl\:pl-16{
        padding-left: 4rem;
    }

    .xl\:pl-2{
        padding-left: 0.5rem;
    }

    .xl\:pl-2\.5{
        padding-left: 0.625rem;
    }

    .xl\:pl-20{
        padding-left: 5rem;
    }

    .xl\:pl-24{
        padding-left: 6rem;
    }

    .xl\:pl-28{
        padding-left: 7rem;
    }

    .xl\:pl-3{
        padding-left: 0.75rem;
    }

    .xl\:pl-32{
        padding-left: 8rem;
    }

    .xl\:pl-4{
        padding-left: 1rem;
    }

    .xl\:pl-40{
        padding-left: 10rem;
    }

    .xl\:pl-5{
        padding-left: 1.25rem;
    }

    .xl\:pl-6{
        padding-left: 1.5rem;
    }

    .xl\:pl-8{
        padding-left: 2rem;
    }

    .xl\:pr-0{
        padding-right: 0px;
    }

    .xl\:pr-1{
        padding-right: 0.25rem;
    }

    .xl\:pr-10{
        padding-right: 2.5rem;
    }

    .xl\:pr-12{
        padding-right: 3rem;
    }

    .xl\:pr-14{
        padding-right: 3.5rem;
    }

    .xl\:pr-16{
        padding-right: 4rem;
    }

    .xl\:pr-2{
        padding-right: 0.5rem;
    }

    .xl\:pr-2\.5{
        padding-right: 0.625rem;
    }

    .xl\:pr-20{
        padding-right: 5rem;
    }

    .xl\:pr-24{
        padding-right: 6rem;
    }

    .xl\:pr-28{
        padding-right: 7rem;
    }

    .xl\:pr-3{
        padding-right: 0.75rem;
    }

    .xl\:pr-32{
        padding-right: 8rem;
    }

    .xl\:pr-4{
        padding-right: 1rem;
    }

    .xl\:pr-40{
        padding-right: 10rem;
    }

    .xl\:pr-5{
        padding-right: 1.25rem;
    }

    .xl\:pr-6{
        padding-right: 1.5rem;
    }

    .xl\:pr-8{
        padding-right: 2rem;
    }

    .xl\:pt-0{
        padding-top: 0px;
    }

    .xl\:pt-1{
        padding-top: 0.25rem;
    }

    .xl\:pt-10{
        padding-top: 2.5rem;
    }

    .xl\:pt-12{
        padding-top: 3rem;
    }

    .xl\:pt-14{
        padding-top: 3.5rem;
    }

    .xl\:pt-16{
        padding-top: 4rem;
    }

    .xl\:pt-2{
        padding-top: 0.5rem;
    }

    .xl\:pt-2\.5{
        padding-top: 0.625rem;
    }

    .xl\:pt-20{
        padding-top: 5rem;
    }

    .xl\:pt-24{
        padding-top: 6rem;
    }

    .xl\:pt-28{
        padding-top: 7rem;
    }

    .xl\:pt-3{
        padding-top: 0.75rem;
    }

    .xl\:pt-32{
        padding-top: 8rem;
    }

    .xl\:pt-4{
        padding-top: 1rem;
    }

    .xl\:pt-40{
        padding-top: 10rem;
    }

    .xl\:pt-5{
        padding-top: 1.25rem;
    }

    .xl\:pt-6{
        padding-top: 1.5rem;
    }

    .xl\:pt-8{
        padding-top: 2rem;
    }

    .xl\:text-left{
        text-align: left;
    }

    .xl\:text-center{
        text-align: center;
    }

    .xl\:text-right{
        text-align: right;
    }

    .xl\:text-14xl{
        font-size: 10.75rem;
        line-height: 1;
    }

    .xl\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .xl\:text-3xl{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .xl\:text-4xl{
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .xl\:text-5xl{
        font-size: 3rem;
        line-height: 1;
    }

    .xl\:text-6xl{
        font-size: 4rem;
        line-height: 1;
    }

    .xl\:text-7xl{
        font-size: 4.5rem;
        line-height: 1;
    }

    .xl\:text-8xl{
        font-size: 6rem;
        line-height: 1;
    }

    .xl\:text-9xl{
        font-size: 8rem;
        line-height: 1;
    }

    .xl\:text-\[2\.5rem\]{
        font-size: 2.5rem;
    }

    .xl\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .xl\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .xl\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .xl\:text-xl{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .xl\:text-xs{
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .xl\:leading-loose{
        line-height: 2;
    }

    .xl\:leading-none{
        line-height: 1;
    }

    .xl\:leading-normal{
        line-height: 1.5;
    }

    .xl\:leading-relaxed{
        line-height: 1.625;
    }

    .xl\:leading-snug{
        line-height: 1.375;
    }

    .xl\:leading-tight{
        line-height: 1.25;
    }

    .xl\:opacity-0{
        opacity: 0;
    }

    .group:hover .group-hover\:xl\:block{
        display: block;
    }

    .group:hover .group-hover\:xl\:w-auto{
        width: auto;
    }
}

@media (min-width: 1536px){

    .\32xl\:w-2\/3{
        width: 66.666667%;
    }

    .\32xl\:max-w-xl{
        max-width: 36rem;
    }
}