/*
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: #EAEAEA; /* 2 */
}

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

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

html {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -moz-tab-size: 4; /* 3 */
    -o-tab-size: 4;
       tab-size: 4; /* 3 */
    font-family: neuzeit-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif; /* 4 */
}

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

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

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

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

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

abbr:where([title]) {
    -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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

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

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

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

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

button,
select {
    text-transform: none;
}

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

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

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

:-moz-focusring {
    outline: auto;
}

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

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

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

progress {
    vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

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

summary {
    display: list-item;
}

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

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

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

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

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

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

input::placeholder,
textarea::placeholder {
    opacity: 1; /* 1 */
    color: #9d9d9d; /* 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;
}

/*
Ensure the default browser behavior of the `hidden` attribute.
*/

[hidden] {
    display: none;
}

/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled{position:relative}

.flickity-enabled:focus{outline:0}

.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}

.flickity-slider{position:absolute;width:100%;height:100%;left:0}

.flickity-rtl .flickity-slider{left:unset;right:0}

.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}

.flickity-cell{position:absolute;left:0}

.flickity-rtl .flickity-cell{left:unset;right:0}

.flickity-button{position:absolute;background:hsl(0 0% 100% / 75%);border:none;color:#333}

.flickity-button:hover{background:#fff;cursor:pointer}

.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}

.flickity-button:active{opacity:.6}

.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}

.flickity-button-icon{fill:currentColor}

.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}

.flickity-prev-next-button.previous{left:10px}

.flickity-prev-next-button.next{right:10px}

.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}

.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}

.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}

.flickity-page-dots{position:absolute;width:100%;bottom:-25px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}

.flickity-rtl .flickity-page-dots{direction:rtl}

.flickity-page-dot{display:block;width:10px;height:10px;padding:0;margin:0 8px;background:hsl(0 0% 20% / 25%);border-radius:50%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-indent:-9999px;overflow:hidden}

.flickity-rtl .flickity-page-dot{text-indent:9999px}

.flickity-page-dot:focus{outline:0;box-shadow:0 0 0 5px #19f}

.flickity-page-dot.is-selected{background:hsl(0 0% 20% / 100%)}

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

.splide__container{box-sizing:border-box;position:relative}

.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}

.splide.is-initialized:not(.is-active) .splide__list{display:block}

.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}

.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}

.splide__progress__bar{width:0}

.splide{position:relative;visibility:hidden}

.splide.is-initialized,.splide.is-rendered{visibility:visible}

.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}

.splide__slide img{vertical-align:bottom}

.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}

.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}

.splide__toggle.is-active .splide__toggle__pause{display:inline}

.splide__track{overflow:hidden;position:relative;z-index:0}

@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}

.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}

.splide__track--fade>.splide__list{display:block}

.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}

.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}

.splide--rtl{direction:rtl}

.splide__track--ttb>.splide__list{display:block}

.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}

.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}

.splide__arrow:hover:not(:disabled){opacity:.9}

.splide__arrow:disabled{opacity:.3}

.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}

.splide__arrow--prev{left:1em}

.splide__arrow--prev svg{transform:scaleX(-1)}

.splide__arrow--next{right:1em}

.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}

.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}

.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}

.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}

.splide__pagination__page:hover{cursor:pointer;opacity:.9}

.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}

.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}

.splide__progress__bar{background:#ccc;height:3px}

.splide__slide{-webkit-tap-highlight-color:transparent}

.splide__slide:focus{outline:0}

@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}

@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}

@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}

@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}

.splide__toggle{cursor:pointer}

.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}

.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}

.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}

.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}

.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}

.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}

.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}

.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}

.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}

.splide__arrows--ttb .splide__arrow--prev{top:1em}

.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}

.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}

.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}

.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}

.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
    display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition: transform 2s;
    transform: translateY(0);
}

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

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

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #7C7C7C;
    opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #7C7C7C;
    opacity: 1;
}

input::placeholder,textarea::placeholder {
    color: #7C7C7C;
    opacity: 1;
}

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

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

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

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%237C7C7C' 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;
            color-adjust: exact;
}

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

[type='checkbox'],[type='radio'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #7C7C7C;
    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 auto -webkit-focus-ring-color;
}

*, :before, :after{
        -webkit-tap-highlight-color: transparent;
        outline: none;
        outline-color: #D6EAB4;
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity))}

html{
        font-size: 16px;
        --tw-text-opacity: 1;
        color: rgb(34 34 34 / var(--tw-text-opacity));
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale}

html *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(192 223 140 / var(--tw-bg-opacity));
}

html *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(192 223 140 / var(--tw-bg-opacity));
}

html::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(192 223 140 / var(--tw-bg-opacity));
}

html::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(192 223 140 / var(--tw-bg-opacity));
}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

h1 {
    font-size: 3.75rem;
    line-height: 1;
    font-weight: 600;
}

h2 {
    font-size: 3rem;
    line-height: 1;
    font-weight: 500;
}

h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 600;
}

h4 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 500;
}

h5 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
}

h6 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
}

a {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

.word-spacing-full {
      word-spacing: 100vw;
    }

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

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 480px) {

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

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

.form-input,.form-textarea,.form-select,.form-multiselect {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #fff;
    border-color: #7C7C7C;
    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-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='%237C7C7C' 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;
            color-adjust: exact;
}

*, :before, :after {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity));
}

.page-width, .page-width--large {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 102rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.page-width--narrow {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 90rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.page-width--small {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 72rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.page-width--full {
    width: 100%;
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
}

.visually-hidden {
    position: absolute !important;
    margin: -1px;
    height: 1px;
    width: 1px;
    overflow: hidden;
    border-style: none;
    padding: 0px;
        clip: rect(0 0 0 0);
        word-wrap: normal;
}

.visually-hidden--inline {
    margin: 0px;
    height: 0px;
}

/*No JS hide/show*/

.no-js:not(html), .no-js-inline, html.no-js .no-js-hidden {
    display: none !important;
}

html.no-js .no-js:not(html) {
    display: block;
}

html.no-js .no-js-inline {
    display: inline-block;
}

.isolate {
    position: relative;
    z-index: 0;
}

div[style*="z-index: 999997;"] {
        /* This is to prevent the chat button from loading over modals */
        z-index: 1000 !important;
    }

.highlight {
    font-weight: 600;
}

.input[type="number"].scrollbar::-webkit-scrollbar{
        -moz-appearance: textfield;
    }

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

.scrollbar::-webkit-scrollbar {
    height: 0.625rem;
    width: 0.625rem;
    -webkit-appearance: none;
            appearance: none;
    background-color: transparent;
}

.scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 0.75rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(157 157 157 / var(--tw-bg-opacity));
}

.scrollbar.scrollbar-w-track::-webkit-scrollbar {
    height: 0.25rem;
    width: 0.25rem;
}

.scrollbar.scrollbar-w-track::-webkit-scrollbar-track {
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.scrollbar.scrollbar-w-track::-webkit-scrollbar-thumb {
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(128 128 128 / var(--tw-bg-opacity));
}

.icon {
        /*@apply w-6 h-6 max-w-full*/
        height: auto;
        width: 100%;
        max-width: 100%}

.stretch-icon  .icon {
    height: auto;
    width: 100%;
}

tooltip-view.btn:before, tooltip-view.btn:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.btn {
    display: inline-flex;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.btn > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.btn {
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    text-align: center;
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.btn:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(234 234 234 / 0.5);
}

.btn:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}

/*Animated btn*/

.btn>[title] {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: transparent;
}

.btn>[title]:before,
    .btn>[title]:after{
        content: attr(title);
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        --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));
        --tw-text-opacity: 1;
        color: rgb(148 200 61 / var(--tw-text-opacity));
        transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}

.btn>[title]:after {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.btn:hover>[title]:before {
    --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));
}

.btn:hover>[title]:after {
    --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));
}

/* fix for font display bottom padding*/

.btn>span:not(.hidden) {
    display: inline-block;
    --tw-translate-y: 3%;
    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));
}

.btn>.icon {
    height: 1.25rem;
    width: 1.25rem;
    max-width: none;
}

/** Sizes */

.btn-sm {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.btn-sm>.icon {
    height: 0.75rem;
    width: 0.75rem;
}

.btn-lg {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.btn-lg>.icon {
    height: 1.5rem;
    width: 1.5rem;
}

.btn-xl {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.btn-xl>.icon {
    height: 2rem;
    width: 2rem;
}

/** Shape */

.btn-pill {
    border-radius: 9999px;
}

.btn-icon {
    display: inline-flex;
    height: 2.75rem;
    width: 2.75rem;
    align-items: center;
    justify-content: center;
}

.btn-icon > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.btn-icon {
    border-radius: 9999px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.btn-icon svg, .btn-icon .icon {
    height: 1.25rem;
    width: 1.25rem;
}

.btn-icon-outline {
    display: inline-flex;
    height: 2.75rem;
    width: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    border-color: currentColor;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.btn-icon-outline:hover {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
    background-color: transparent;
}

.btn-icon-outline:focus {
    background-color: transparent;
}

.btn-icon-ghost-outline {
    display: inline-flex;
    height: 2.75rem;
    width: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.btn-icon-ghost-outline:hover {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
    background-color: transparent;
}

.btn-icon-ghost-outline:focus {
    background-color: transparent;
}

.btn-icon.btn-sm, .btn-icon-outline.btn-sm, .btn-icon-ghost-outline.btn-sm {
    height: 1.5rem;
    width: 1.5rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.btn-icon.btn-sm svg, .btn-icon-outline.btn-sm svg, .btn-icon-ghost-outline.btn-sm svg {
    height: 0.75rem;
    width: 0.75rem;
}

.btn-icon.btn-lg, .btn-icon-outline.btn-lg, .btn-icon-ghost-outline.btn-lg {
    height: 3rem;
    width: 3rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.btn-icon.btn-lg svg, .btn-icon-outline.btn-lg svg, .btn-icon-ghost-outline.btn-lg svg {
    height: 1.5rem;
    width: 1.5rem;
}

.btn-icon.btn-xl, .btn-icon-outline.btn-xl, .btn-icon-ghost-outline.btn-xl {
    height: 4rem;
    width: 4rem;
    border-width: 2px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.btn-icon.btn-xl svg, .btn-icon-outline.btn-xl svg, .btn-icon-ghost-outline.btn-xl svg {
    height: 2rem;
    width: 2rem;
}

/*.btn-icon.btn-lg svg{
        @apply w-full h-auto;
    }*/

/** Colours */

.btn-outline {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 43 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.btn-outline:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.btn-outline:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(209 213 219 / 0.5);
}

.btn-ghost {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

tooltip-view.btn-ghost:hover:before {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.btn-ghost:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}

.btn-ghost:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(234 234 234 / 0.5);
}

.btn-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

tooltip-view.btn-primary:hover:before {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

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

.btn-primary:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(148 200 61 / 0.5);
}

.btn-primary > [title]:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-primary > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-primary-invert:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.btn-primary-invert > [title]:before {
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.btn-primary-invert > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

tooltip-view.btn-secondary:before, tooltip-view.btn-secondary:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

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

.btn-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.btn-secondary:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(148 200 61 / 0.5);
}

.btn-secondary > [title]:before, .btn-secondary > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

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

.btn-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(255 255 255 / 0.5);
}

.btn-white > [title]:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-white > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.btn-control {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-control:hover {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
}

.btn-control:focus {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.3;
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(165 165 165 / 0.5);
}

.btn-primary.btn-control > [title]:before, .btn-primary.btn-control > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-danger {
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.btn-danger:hover {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

.btn-danger > [title]:before {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

.btn-danger > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.btn-control.btn-outline {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-control.btn-outline.btn-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.btn-brown {
    --tw-bg-opacity: 1;
    background-color: rgb(128 123 104 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-brown:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-brown:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(255 255 255 / 0.5);
}

.btn-brown > [title]:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-brown > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.animated-link>[title] {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: transparent;
}

.animated-link>[title]:before,
    .animated-link>[title]:after{
        content: attr(title);
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        --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));
        --tw-text-opacity: 1;
        color: rgb(148 200 61 / var(--tw-text-opacity));
        transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}

.animated-link>[title]:after {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.animated-link:hover>[title]:before {
    --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));
}

.animated-link:hover>[title]:after {
    --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));
}

.animated-link[class*="text-white"] >[title]:before {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.animated-link[class*="text-white"] >[title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.animated-link[class*="text-secondary"] >[title]:before {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.animated-link[class*="text-secondary"] >[title]:after {
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.animated-link[class*="text-primary"] >[title]:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.animated-link[class*="text-primary"] >[title]:after {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

body.has-modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1300;
    display: flex;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    background-color: rgba(0,0,0,0.7);
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    --tw-backdrop-blur: blur(4px);
    -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);
    will-change: auto;
}

@media (min-width: 640px) {

    .modal {
        display: flex;
        padding: 0px;
    }
}

@media (min-width: 768px) {

    .modal {
        align-items: center;
    }
}

/*.modal:before{
        content: '';
        @apply block fixed inset-0 backdrop-blur-sm bg-overlay
    }*/

.modal-backdrop {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.7);
    --tw-backdrop-blur: blur(4px);
    -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-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.modal-dialog {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: inline-flex;
    width: 100%;
    max-width: 36rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    text-align: left;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    will-change: auto;
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .modal-dialog {
        max-width: 42rem;
    }
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
}

.modal-header > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.modal-header {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.input[type="number"].modal-inner::-webkit-scrollbar{
        -moz-appearance: textfield;
    }

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

.modal-inner::-webkit-scrollbar {
    height: 0.625rem;
    width: 0.625rem;
    -webkit-appearance: none;
            appearance: none;
    background-color: transparent;
}

.modal-inner::-webkit-scrollbar-track {
    background-color: transparent;
}

.modal-inner::-webkit-scrollbar-thumb {
    border-radius: 0.75rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(157 157 157 / var(--tw-bg-opacity));
}

.modal-inner.scrollbar-w-track::-webkit-scrollbar {
    height: 0.25rem;
    width: 0.25rem;
}

.modal-inner.scrollbar-w-track::-webkit-scrollbar-track {
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.modal-inner.scrollbar-w-track::-webkit-scrollbar-thumb {
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(128 128 128 / var(--tw-bg-opacity));
}

.modal-inner {
    flex-shrink: 1;
    flex-grow: 0;
    overflow: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.modal.anim {
    opacity: 0;
    --tw-backdrop-blur: blur(0);
    -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-delay: 200ms;
}

.modal.anim .modal-dialog {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    transition-delay: 0s;
}

.modal.anim.in {
    opacity: 1;
    --tw-backdrop-blur: blur(4px);
    -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-delay: 0s;
}

.modal.anim.in .modal-dialog {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    transition-delay: 200ms;
}

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

.modal-drawer .modal-dialog {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0px;
}

.modal-drawer .modal-dialog:not([class*="w-full"]) {
    width: 20rem;
}

.modal-drawer .modal-dialog .menu li {
    position: static;
}

.modal-drawer .modal-dialog .menu li > ul {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 10;
    display: flex;
    overflow-y: auto;
}

/*.modal-drawer .modal-dialog .menu li:hover > ul{
        @apply hidden
    }*/

/*.modal-drawer .modal-dialog .menu li.open > ul{
        @apply flex left-0
    }*/

.modal-drawer-right {
    justify-content: flex-end;
}

.modal-drawer-right .modal-dialog {
    left: auto;
    right: 0px;
}

.menu {
    display: flex;
    flex-direction: column;
}

.menu > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    --tw-divide-opacity: 1;
    border-color: rgb(244 244 244 / var(--tw-divide-opacity));
}

.menu {
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --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);
}

.menu li {
    position: relative;
}

.menu li:not([class*=":hidden"]) {
    display: flex;
}

.menu li a {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}

.menu li a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

tooltip-view.menu li a:focus:before {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.menu li a:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}

.menu li > ul {
    position: absolute;
    top: 100%;
    left: 100%;
    display: none;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.menu li:hover > ul {
    display: flex;
}

.field {
    margin-bottom: 0.5rem;
    display: block;
}

.label {
    margin-bottom: 0.5rem;
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
}

.input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
    caret-color: #94C83D;
    --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-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity));
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.input:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
    --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(148 200 61 / var(--tw-ring-opacity));
}

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

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

.input-sm {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

.input-lg {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

tooltip-view.input-dark:before, tooltip-view.input-dark:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.input-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

tooltip-view.input-addon:before, tooltip-view.input-addon:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.input-addon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.input-group {
    display: flex;
    flex-wrap: nowrap;
}

.input-group-control input {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.input-group > .input {
    flex-grow: 1;
}

.input-group:not(.input-group-icon) > *:not(:first-child):not(:last-child) {
    border-radius: 0px;
}

.input-group:not(.input-group-icon) > *:first-child:not(:last-child) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-group:not(.input-group-icon) > *:last-child:not(:first-child) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.input-group-icon {
    position: relative;
}

.input-group-icon .btn {
    position: absolute;
    right: 0px;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input-group-icon .btn:first-child {
    right: auto;
    left: 0px;
}

.field-floating {
    position: relative;
    z-index: 0;
}

.field-floating .label{
        /*@apply text-base absolute duration-300 transform -translate-y-1/2 top-1/2 left-0 -z-10 origin-[0] peer-focus:left-0 peer-focus:top-0 peer-focus:scale-50 peer-focus:-translate-y-0 peer-focus:text-primary peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0*/
        position: absolute;
        top: 50%;
        left: 0px;
        z-index: -10;
        transform-origin: 0;
        --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));
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400;
        transition-duration: 200ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}

.field-floating .input {
    width: 100%;
    border-radius: 0px;
    border-width: 0px;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(34 34 34 / var(--tw-text-opacity));
}

.field-floating .input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.field-floating .input-lg {
    width: 100%;
    border-radius: 0px;
    border-width: 0px;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(34 34 34 / var(--tw-text-opacity));
}

.field-floating .input-lg:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.field-floating .input-lg + .label {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.field-floating>.input {
    border-width: 0px;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.field-floating>.input-group {
    border-width: 0px;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.field-floating .input-group-icon .btn-icon {
    width: auto;
    border-radius: 0px;
    padding-right: 0px;
    padding-left: 1rem;
}

.field-floating .input-group-icon .btn-icon:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.field-floating .input-group-control {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.field-floating .input-group-control .input {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.field-floating .input:not(:focus)::-moz-placeholder {
        color: transparent;
    }

.field-floating .input:not(:focus):-ms-input-placeholder {
        color: transparent;
    }

.field-floating .input:not(:focus)::placeholder {
        color: transparent;
    }

.field-floating .input:not(:-moz-placeholder-shown) + .label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.field-floating .input:not(:-ms-input-placeholder) + .label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.field-floating .input:not(:placeholder-shown) + .label, .field-floating .input:focus + .label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

select.input {
    padding-right: 2.25rem;
}

select.input.input-lg {
    padding-right: 2.75rem;
}

select.input.input-sm {
    padding-right: 2.25rem;
}

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

[type=checkbox], [type=radio] {
    margin-right: 0.375rem;
    height: 1.25rem;
    width: 1.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(157 157 157 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

[type=checkbox]:focus, [type=radio]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity));
}

[type=checkbox] {
    border-radius: 0.25rem;
}

[type=radio] {
    border-radius: 9999px;
}

[type=checkbox] + label, [type=radio] + label {
    cursor: pointer;
}

.field.required>.label:after{
        content: '*';
        display: inline;
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity));
    }

.required-note {
    text-align: right;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(124 124 124 / var(--tw-text-opacity));
}

.required-note:before{
        content: '*';
        font-family: "sans-serif";
        display: inline;
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity));
    }

tooltip-view.input-error:before, tooltip-view.input-error:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.input-error {
    margin-top: 0.25rem;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

.input-error > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.input-error {
    border-radius: 1.5rem;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: rgb(43 43 43 / var(--tw-text-opacity));
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

.input-error>.icon, .input-error>svg {
    display: inline-block;
    width: 1.25rem;
}

.field.checkbox {
    display: flex;
    align-items: flex-start;
}

.field.checkbox>input {
    cursor: pointer;
}

.field.checkbox>label {
    font-family: neuzeit-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    color: inherit;
        font-size: inherit;
}

.price {
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

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

.price > * {
    display: inline-block;
    vertical-align: top;
}

.price.price--unavailable {
    visibility: hidden;
}

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

.price .price-item {
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1;
}

.price__regular .price-item--regular {
    margin-right: 0px;
}

.price__from {
    margin-right: -0.25rem;
    display: inline-block;
    font-size: 50%;
    text-transform: uppercase;
    opacity: 0.5;
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
    margin: 0px;
}

.price--large {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: 0.025em;
}

@media (min-width: 768px) {

    .price--large {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

@media (min-width: 1280px) {

    .price--large {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}

.price--sold-out .price__availability, .price__regular {
    display: block;
}

.price__sale, .price__availability, .price .price__badge-sale, .price .price__badge-sold-out, .price--on-sale .price__regular, .price--on-sale .price__availability {
    display: none;
}

.price--sold-out .price__badge-sold-out, .price--on-sale .price__badge-sale {
    display: inline-block;
}

.price--on-sale .price__sale {
    display: inline-block;
    flex-direction: row;
    flex-wrap: wrap;
}

.price--on-sale .price-item--regular {
    display: block;
    font-size: 66.67%;
    opacity: 0.5;
}

.price--on-sale .price-item--sale {
        /*@apply text-primary*/
    }

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

.price--on-sale .price-item--regular {
    --tw-text-opacity: 0.75;
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
}

.unit-price {
    margin-top: 0.25rem;
    text-transform: uppercase;
    --tw-text-opacity: 0.7;
}

.splide {
    visibility: visible;
}

.splide__arrow {
    height: 4rem;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.splide__arrow svg{
        fill: currentColor;
    }

.splide__pagination {
    left: 0px;
    right: 0px;
    justify-content: center;
}

.splide__pagination__page {
    height: 0.125rem;
    width: 1rem;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
    opacity: 0.2;
}

.splide__pagination__page.is-active {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
    opacity: 1;
}

model-viewer {
    width: 100%;
}

media-video {
    display: block;
}

.media-embed {
    position: relative;
    display: block;
    height: 0px;
    padding-top: 100%;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.media-embed--video {
    padding-top: 56.25%;
}

.media-embed model-viewer {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.media-embed video, .media-embed iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
        /*object-cover*/
}

.media-embed.playing.ratio-4x3, .media-embed.playing.ratio-133 {
    padding-top: 75%;
}

.media-embed.playing.ratio-1x1, .media-embed.playing.ratio-1 {
    padding-top: 100%;
}

.media-embed.playing.ratio-16x9, .media-embed.playing.ratio-178 {
    padding-top: 56.25%;
}

.accordion {
    position: relative;
    display: block;
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(157 157 157 / var(--tw-border-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.accordion:first-child {
    border-top-width: 1px;
}

@media (min-width: 768px) {

    .accordion {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .accordion {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.accordion__summary {
    display: flex;
    cursor: pointer;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.accordion__summary > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.accordion__summary {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.accordion__summary:hover {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .accordion__summary {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.accordion__title {
    flex: 1 1 0%;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 800;
}

.accordion__summary>.icon {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    flex-shrink: 0;
    --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));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

@media (min-width: 768px) {

    .accordion__summary>.icon {
        height: 1.5rem;
        width: 1.5rem;
    }
}

.accordion__content {
    left: 0px;
    display: none;
    width: 100%;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.accordion.open > .accordion__summary {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.accordion.\!open > .accordion__summary {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.accordion.open > .accordion__summary > .icon {
    --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));
}

.accordion.\!open > .accordion__summary > .icon {
    --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));
}

.quantity {
    display: inline-flex;
}

tooltip-view.quantity__button:before, tooltip-view.quantity__button:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.quantity__button {
    display: inline-flex;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.quantity__button > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.quantity__button {
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    text-align: center;
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.quantity__button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.quantity__button:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(234 234 234 / 0.5);
}

.quantity__button:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.quantity__button:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}

.quantity__button>[title] {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: transparent;
}

.quantity__button>[title]:before, .quantity__button>[title]:after{
        content: attr(title);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        --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));
        --tw-text-opacity: 1;
        color: rgb(148 200 61 / var(--tw-text-opacity));
        transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}

.quantity__button>[title]:after {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.quantity__button:hover>[title]:before {
    --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));
}

.quantity__button:hover>[title]:after {
    --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));
}

.quantity__button>span:not(.hidden) {
    display: inline-block;
    --tw-translate-y: 3%;
    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));
}

.quantity__button>.icon {
    height: 1.25rem;
    width: 1.25rem;
    max-width: none;
}

.quantity__button {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.quantity__button>.icon {
    height: 1.5rem;
    width: 1.5rem;
}

.btn-icon.quantity__button, .btn-icon-outline.quantity__button, .btn-icon-ghost-outline.quantity__button {
    height: 3rem;
    width: 3rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.btn-icon.quantity__button svg, .btn-icon-outline.quantity__button svg, .btn-icon-ghost-outline.quantity__button svg {
    height: 1.5rem;
    width: 1.5rem;
}

tooltip-view.quantity__button:before, tooltip-view.quantity__button:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

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

.quantity__button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.quantity__button:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(148 200 61 / 0.5);
}

.quantity__button > [title]:before, .quantity__button > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.input-group-icon .quantity__button {
    position: absolute;
    right: 0px;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input-group-icon .quantity__button:first-child {
    right: auto;
    left: 0px;
}

.cart__ctas .quantity__button{
        /*@apply w-full*/
    }

.quantity__button > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.quantity__button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-fixed:not(.header--menu-open) .quantity__button.btn-icon, .page-home .header:not(.header--menu-open) .quantity__button.btn-icon, .page-transparent-header .header:not(.header--menu-open) .quantity__button.btn-icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-fixed:not(.header--menu-open) .quantity__button.btn-icon-ghost-outline, .page-home .header:not(.header--menu-open) .quantity__button.btn-icon-ghost-outline, .page-transparent-header .header:not(.header--menu-open) .quantity__button.btn-icon-ghost-outline {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.quantity__button:first-child {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}

.quantity__button:last-child {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

.quantity__button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.quantity__button:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.quantity__button:disabled {
    opacity: 1;
}

tooltip-view.quantity__button:hover:disabled:before {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.quantity__button:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .quantity__button {
        padding-left: 1.25rem;
        padding-right: 1rem;
    }
}

.quantity__button .icon {
    height: 0.75rem;
    width: 0.75rem;
    max-width: none;
}

.quantity__input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
    caret-color: #94C83D;
    --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-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity));
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.quantity__input:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.quantity__input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
    --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(148 200 61 / var(--tw-ring-opacity));
}

.quantity__input[type="number"].appearance-none{
        -moz-appearance: textfield;
    }

tooltip-view.quantity__input:before, tooltip-view.quantity__input:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

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

.quantity__input-group > .input {
    flex-grow: 1;
}

.field-floating .quantity__input {
    width: 100%;
    border-radius: 0px;
    border-width: 0px;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(34 34 34 / var(--tw-text-opacity));
}

.field-floating .quantity__input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.field-floating>.quantity__input {
    border-width: 0px;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.field-floating .quantity__input-group-control .input {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.field-floating .quantity__input:not(:focus)::-moz-placeholder {
        color: transparent;
    }

.field-floating .quantity__input:not(:focus):-ms-input-placeholder {
        color: transparent;
    }

.field-floating .quantity__input:not(:focus)::placeholder {
        color: transparent;
    }

.field-floating .quantity__input:not(:-moz-placeholder-shown) + .label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.field-floating .quantity__input:not(:-ms-input-placeholder) + .label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.field-floating .quantity__input:not(:placeholder-shown) + .label, .field-floating .quantity__input:focus + .label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

select.quantity__input {
    padding-right: 2.25rem;
}

select.quantity__input.input-lg {
    padding-right: 2.75rem;
}

select.quantity__input.input-sm {
    padding-right: 2.25rem;
}

tooltip-view.quantity__input:before, tooltip-view.quantity__input:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.quantity__input {
    width: 2.5rem;
    border-radius: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 43 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --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);
    --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;
}

.quantity__input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 43 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

@media (min-width: 1024px) {

    .quantity__input {
        width: 4rem;
    }
}

.quantity__input{
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: textfield;
    }

.quantity__input::-webkit-outer-spin-button,
    .quantity__input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
    }

.quantity--sm .quantity__button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.quantity--sm .quantity__button>.icon {
    height: 0.75rem;
    width: 0.75rem;
}

.btn-icon.quantity--sm .quantity__button, .btn-icon-outline.quantity--sm .quantity__button, .btn-icon-ghost-outline.quantity--sm .quantity__button {
    height: 1.5rem;
    width: 1.5rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.btn-icon.quantity--sm .quantity__button svg, .btn-icon-outline.quantity--sm .quantity__button svg, .btn-icon-ghost-outline.quantity--sm .quantity__button svg {
    height: 0.75rem;
    width: 0.75rem;
}

.quantity--sm .quantity__button {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.quantity--sm .quantity__button:first-child {
    padding-left: 0.5rem;
}

.quantity--sm .quantity__button:last-child {
    padding-right: 0.5rem;
}

.quantity--sm .quantity__button .icon{

    }

.quantity--sm .quantity__input {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

select.input.quantity--sm .quantity__input {
    padding-right: 2.25rem;
}

.quantity--sm .quantity__input {
    width: 1.5rem;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.loading-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: flex;
    cursor: progress;
    align-items: center;
    justify-content: center;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.loading-overlay svg {
    height: auto;
    width: 100%;
}

.loading-overlay>svg {
    height: 1.25rem;
    width: 1.25rem;
}

.loading-overlay[class*=" hidden"], .loading-overlay[class^="hidden"] {
    display: none;
}

tooltip-view.alert:before, tooltip-view.alert:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.alert {
    margin-bottom: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.alert > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.alert {
    border-radius: 1.5rem;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.alert>.icon, .alert>svg {
    display: inline-block;
    width: 1.25rem;
}

.alert--success > .icon, .alert--success > svg {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity));
}

.alert--danger {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
    outline-color: transparent;
}

.alert--danger > .icon, .alert--danger > svg {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

[data-has-tooltip] {
    position: relative;
    z-index: 100;
    cursor: help;
}

.tooltip-link {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: linear;
}

.tooltip-link:hover {
    --tw-text-opacity: 1;
    color: rgb(170 211 101 / var(--tw-text-opacity));
    text-underline-offset: 8px;
}

tooltip-view {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1500;
    max-width: 360px;
    transform-origin: top left;
    --tw-translate-x: -0.75rem;
    --tw-translate-y: 1rem;
    --tw-scale-x: 0;
    --tw-scale-y: 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));
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 1.375;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    opacity: 0;
    --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);
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {

    tooltip-view {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}

@media (min-width: 1280px) {

    tooltip-view {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

tooltip-view:not([data-static].active) {
    pointer-events: none;
}

tooltip-view[data-fixed]{
        /*@apply fixed*/
    }

tooltip-view>* {
    line-height: 1.25;
}

tooltip-view>*:last-child {
    margin-bottom: 0px;
}

tooltip-view>span {
    display: inline-block;
}

tooltip-view a {
    white-space: nowrap;
    color: inherit;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-underline-offset: 1px;
}

tooltip-view a:hover {
    text-underline-offset: 2px;
}

tooltip-view.active {
    display: inline-block;
    --tw-rotate: 0deg;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    transition-duration: 300ms;
}

tooltip-view:before{
        content: " ";
        /*margin-top: -0.9rem;
        margin-bottom: 0.6rem;
        margin-left: -0.25rem;*/
        position: absolute;
        bottom: 100%;
        left: 0.5rem;
        display: block;
        width: 0px;
        border-left-width: 8px;
        border-right-width: 8px;
        border-bottom-width: 8px;
        border-top-width: 0px;
        border-style: solid;
        border-left-color: transparent;
        border-right-color: transparent;
        --tw-border-opacity: 1;
        border-bottom-color: rgb(148 200 61 / var(--tw-border-opacity))}

@media (min-width: 1280px) {

    tooltip-view:before {
        border-left-width: 12px;
        border-right-width: 12px;
    }
}

tooltip-view.revert-x {
    transform-origin: top right;
    --tw-translate-x: 0.75rem;
    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));
}

tooltip-view.revert-x:before {
    left: auto;
    right: 0.5rem;
    margin-left: auto;
}

tooltip-view.revert-y {
    transform-origin: bottom left;
    --tw-translate-y: -1rem;
    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));
}

tooltip-view.revert-y.revert-x {
    transform-origin: bottom right;
}

tooltip-view.revert-y:before {
    display: none;
}

tooltip-view.revert-y:after{
        content: " ";
        /*margin-bottom: -0.9rem;
        margin-top: 0.6rem;
        margin-left: -0.25rem;*/
        position: absolute;
        top: 100%;
        left: 0.5rem;
        display: block;
        width: 0px;
        border-left-width: 8px;
        border-right-width: 8px;
        border-top-width: 8px;
        border-bottom-width: 0px;
        border-style: solid;
        border-left-color: transparent;
        border-right-color: transparent;
        --tw-border-opacity: 1;
        border-top-color: rgb(148 200 61 / var(--tw-border-opacity))}

@media (min-width: 1280px) {

    tooltip-view.revert-y:after {
        border-left-width: 12px;
        border-right-width: 12px;
    }
}

tooltip-view.revert-y.revert-x:after{
        /*margin-right: -0.25rem;*/
        left: auto;
        right: 0.5rem;
        margin-left: auto}

tooltip-view.bg-secondary:before, tooltip-view.bg-secondary:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

tooltip-view.bg-gray-100:before, tooltip-view.bg-gray-100:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

tooltip-view strong{
        font-size: 120%;
        margin-bottom: 0.25rem;
        display: block;
        font-weight: 800}

/* Brown-accent tooltips */

.accent-text-brown .tooltip-link {
    --tw-text-opacity: 1;
    color: rgb(128 123 104 / var(--tw-text-opacity));
}

.accent-text-brown .tooltip-link:hover {
    --tw-text-opacity: 1;
    color: rgb(128 123 104 / var(--tw-text-opacity));
}

.accent-text-brown tooltip-view {
    --tw-bg-opacity: 1;
    background-color: rgb(128 123 104 / var(--tw-bg-opacity));
}

.accent-text-brown tooltip-view::before {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(128 123 104 / var(--tw-border-opacity));
}

.accent-text-brown tooltip-view.revert-y::after {
    --tw-border-opacity: 1;
    border-top-color: rgb(128 123 104 / var(--tw-border-opacity));
}

.table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
}

.table thead tr td, .table thead tr th, .table tbody tr td, .table tbody tr th, .table tfoot tr td, .table tfoot tr th {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

tooltip-view.table-striped tbody tr:nth-child(odd):before, tooltip-view.table-striped tbody tr:nth-child(odd):after, tooltip-view.table-striped tbody tr:nth-child(odd) td:before, tooltip-view.table-striped tbody tr:nth-child(odd) td:after, tooltip-view.table-striped tbody tr:nth-child(odd):before, tooltip-view.table-striped tbody tr:nth-child(odd):after, tooltip-view.table-striped tbody tr:nth-child(odd) th:before, tooltip-view.table-striped tbody tr:nth-child(odd) th:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.table-striped tbody tr:nth-child(odd), .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd), .table-striped tbody tr:nth-child(odd) th {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}

.table-bordered thead tr td, .table-bordered thead tr th {
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.table-bordered tbody tr td, .table-bordered tbody tr th {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity));
}

@media (max-width: 568px) {
        .table-mobile {
        display: block;
        width: 100%;
    }
        .table-mobile tbody {
        display: block;
    }
        .table-mobile tfoot {
        margin-top: 1rem;
        display: block;
    }
        .table-mobile th, .table-mobile tfoot td:first-of-type, .table-mobile thead {
        display: none;
    }
        .table-mobile tbody tr {
        display: flex;
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
        .table-mobile tbody tr td, .table-mobile tfoot tr td {
        display: flex;
        width: 100%;
        border-bottom-width: 0px;
        text-align: right;
    }
        .table-mobile tbody tr td:before,
        .table-mobile tfoot tr td:before{
            content: attr(data-label);
            display: inline-block;
            flex-grow: 1;
            padding-right: 0.5rem;
            text-align: left;
            font-weight: 600;
            text-transform: uppercase}
        .table-mobile tbody tr td:first-of-type {
        align-items: center;
    }
        .table-mobile tfoot tr td {
        padding-left: 0px;
        padding-right: 0px;
    }
    }

.flickity-page-dot {
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
}

.flickity-page-dot.is-selected {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.flickity-button: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);
    --tw-shadow-color: #94C83D;
    --tw-shadow: var(--tw-shadow-colored);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.flickity-prev-next-button {
    height: 2.25rem;
    width: 2.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
    --tw-shadow-color: #94C83D;
    --tw-shadow: var(--tw-shadow-colored);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity));
}

@media (min-width: 640px) {

    .flickity-prev-next-button {
        height: 2.75rem;
        width: 2.75rem;
    }
}

/*.flickity-prev-next-button.next{
        @apply right-0
    }
    .flickity-prev-next-button.previous{
        @apply left-0
    }*/

.flickity--reveal-arrows .flickity-prev-next-button {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {

    .flickity--reveal-arrows .flickity-prev-next-button {
        opacity: 0;
    }

    .flickity--reveal-arrows .flickity-prev-next-button.next {
        --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));
    }

    .flickity--reveal-arrows .flickity-prev-next-button.previous {
        --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));
    }
}

.flickity--reveal-arrows:hover .flickity-prev-next-button {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
}

.flickity--reveal-arrows:hover .flickity-prev-next-button:disabled {
    opacity: 0;
}

.flickity--hide-arrows .flickity-button {
    display: none;
}

.flickity--items-center .flickity-slider {
    display: flex;
    align-items: center;
}

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

.pagination-wrapper {
    margin-top: 1rem;
    text-align: center;
}

@media (min-width: 768px) {

    .pagination-wrapper {
        margin-top: 1.25rem;
    }
}

.pagination {
    display: inline-flex;
}

.pagination__list {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination__list > li {
    margin-right: 1rem;
    flex-shrink: 0;
    flex-grow: 1;
}

.pagination__list > li:last-child {
    margin-right: 0px;
}

tooltip-view.pagination__item:before, tooltip-view.pagination__item:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.pagination__item {
    position: relative;
    display: inline-flex;
    height: 2.5rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0px;
    padding-bottom: 0px;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}

.pagination__item:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.pagination__item--current {
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pagination__item .icon-caret {
    height: 0.75rem;
}

.pagination__item--next .icon {
    margin-right: -0.125rem;
    --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));
}

.pagination__item--prev .icon {
    margin-left: -0.125rem;
    --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));
}

.bg-smooth-overlay-to-t{
        background-image: linear-gradient(to top,
            rgba(0,0,0, 1) 0%,
            rgba(0,0,0, 0.3) 50%,
            rgba(0,0,0, 0.15) 65%,
            rgba(0,0,0, 0.075) 75.5%,
            rgba(0,0,0, 0.037) 82.85%,
            rgba(0,0,0, 0.019) 88%,
            rgba(0,0,0, 0) 100%
        );
    }

.bg-smooth-overlay-to-tr{
        background-image: linear-gradient(to top right,
            rgba(0,0,0, 1) 0%,
            rgba(0,0,0, 0.3) 50%,
            rgba(0,0,0, 0.15) 65%,
            rgba(0,0,0, 0.075) 75.5%,
            rgba(0,0,0, 0.037) 82.85%,
            rgba(0,0,0, 0.019) 88%,
            rgba(0,0,0, 0) 100%
        );
    }

/*.ambassadors-list.flickity-enabled{
        @apply relative z-0
    }
    .ambassadors-list.flickity-enabled:before{
        content: " ";
        @apply block absolute top-0 left-1/2 bottom-[32%] -translate-x-1/2  shadow-primary shadow-inner-lg rounded-2xl z-10
        w-3/4
        sm:w-1/2
        md:w-5/12 md:top-8
        lg:w-1/4
    }*/

.ambassadors-list.flickity-enabled .ambassadors-item{

    }

.flickity-cell:not(.is-selected) .ambassadors-item {
    opacity: 0.4;
}

.flickity-cell:not(.is-selected) .ambassadors-item__more {
    --tw-translate-y: 100%;
    --tw-scale-x: 0;
    --tw-scale-y: 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));
    opacity: 0;
}

.is-selected .ambassadors-item {

    }

.is-selected .ambassadors-item__image {
        /*@apply shadow-primary shadow-inner-lg*/
    }

.is-selected .ambassadors-item__more {
    --tw-translate-y: 0px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    transition-delay: 500ms;
}

.ambassadors-list .flickity-button {
    top: 38%;
    z-index: 20;
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.ambassadors-list .flickity-button:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity));
}

@media (min-width: 1024px) {

    .ambassadors-list .flickity-button {
        height: 3rem;
        width: 3rem;
    }
}

.ambassadors-list .flickity-prev-next-button.previous {
    left: 0.25rem;
    --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 (min-width: 1024px) {

    .ambassadors-list .flickity-prev-next-button.previous {
        left: 37%;
        --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));
    }
}

.ambassadors-list .flickity-prev-next-button.next {
    right: 0.25rem;
    --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 (min-width: 1024px) {

    .ambassadors-list .flickity-prev-next-button.next {
        right: 37%;
        --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));
    }
}

.section-instagram-feed{
    }

.instagram-feed {
    margin-left: auto;
    margin-right: auto;
}

.instagram-feed.flickity-enabled {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.instagram-feed.flickity-enabled:before,
    .instagram-feed.flickity-enabled:after
    {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px;
        z-index: 10;
        width: 12%;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-bg-opacity: 0.6}

@media (min-width: 768px) {

    .instagram-feed.flickity-enabled:before, .instagram-feed.flickity-enabled:after {
        width: 16.666667%;
    }
}

.instagram-feed.flickity-enabled:before {
    left: 0px;
}

.instagram-feed.flickity-enabled:after {
    right: 0px;
}

.instagram-feed.flickity-enabled .flickity-button {
    z-index: 20;
}

.section-slider-testimonials .flickity-page-dot {
    --tw-bg-opacity: 1;
    background-color: rgb(157 157 157 / var(--tw-bg-opacity));
    opacity: 0.5;
}

.section-slider-testimonials .flickity-page-dot.is-selected {
    background-color: currentColor;
    opacity: 1;
}

.team-members-carousel.flickity-enabled {

    }

/*.team-members-carousel.flickity-enabled:before,
    .team-members-carousel.flickity-enabled:after{
        content: " ";
        @apply block absolute top-0 bottom-0 backdrop-grayscale z-10 md:w-[16.7%] lg:w-[12.5%]
    }
    .team-members-carousel.flickity-enabled:before{
        @apply left-0
    }
    .team-members-carousel.flickity-enabled:after{
        @apply right-0
    }
    .team-members-carousel.flickity-enabled .flickity-button{
        @apply z-20
    }
    .team-members-carousel.flickity-enabled .flickity-slider{
        @apply flex
    }*/

.team-members-carousel-wrapper {
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 768px) {

    .team-members-carousel-wrapper {
        padding-right: 10%;
    }
}

@media (min-width: 1280px) {

    .team-members-carousel-wrapper {
        padding-right: 0px;
    }
}

.team-members-carousel {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 90rem;
    overflow: visible;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 768px) {

    .team-members-carousel {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1280px) {

    .team-members-carousel {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .team-members-carousel {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.team-members-carousel .flickity-viewport {
    overflow: visible;
}

.team-members-carousel:not(.flickity-enabled) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@media (min-width: 768px) {

    .team-members-carousel:not(.flickity-enabled) {
        display: block;
    }
}

.team-members-carousel.flickity-enabled .flickity-cell {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.team-members-carousel.flickity-enabled .flickity-cell:not(.is-selected) {
    opacity: 0.75;
    --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);
}

.team-members-carousel:after {
        content: 'flickity';
        display: none;
    }

@media screen and ( max-width: 768px ) {
        /* disable Flickity for small devices */
        .team-members-carousel:after {
            content: '';
        }
    }

.page-home .content-for-layout {
        position: relative;
        overflow: hidden;
    }

/*.page-home .content-for-layout > section {
        box-sizing: border-box;
        position: relative;
        height: 100vh;
        overflow: hidden;
    }*/

.shopify-payment-button__button--hidden {
    display: none;
}

tooltip-view.shopify-payment-button__button.shopify-payment-button__button--unbranded:before, tooltip-view.shopify-payment-button__button.shopify-payment-button__button--unbranded:after, tooltip-view.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]:before, tooltip-view.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] {
    display: inline-flex;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded > :not([hidden]) ~ :not([hidden]), .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] {
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    text-align: center;
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:focus, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(234 234 234 / 0.5);
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:active, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded>[title], .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]>[title] {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: transparent;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded>[title]:before, .shopify-payment-button__button.shopify-payment-button__button--unbranded>[title]:after, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]>[title]:before, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]>[title]:after{
        content: attr(title);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        --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));
        --tw-text-opacity: 1;
        color: rgb(148 200 61 / var(--tw-text-opacity));
        transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}

.shopify-payment-button__button.shopify-payment-button__button--unbranded>[title]:after, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]>[title]:after {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover>[title]:before, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]:hover>[title]:before {
    --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));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover>[title]:after, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]:hover>[title]:after {
    --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));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded>span:not(.hidden), .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]>span:not(.hidden) {
    display: inline-block;
    --tw-translate-y: 3%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded>.icon, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]>.icon {
    height: 1.25rem;
    width: 1.25rem;
    max-width: none;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded>.icon, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]>.icon {
    height: 1.5rem;
    width: 1.5rem;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] {
    border-radius: 9999px;
}

.btn-icon.shopify-payment-button__button.shopify-payment-button__button--unbranded, .btn-icon-outline.shopify-payment-button__button.shopify-payment-button__button--unbranded, .btn-icon-ghost-outline.shopify-payment-button__button.shopify-payment-button__button--unbranded, .btn-icon.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button], .btn-icon-outline.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button], .btn-icon-ghost-outline.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] {
    height: 3rem;
    width: 3rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.btn-icon.shopify-payment-button__button.shopify-payment-button__button--unbranded svg, .btn-icon-outline.shopify-payment-button__button.shopify-payment-button__button--unbranded svg, .btn-icon-ghost-outline.shopify-payment-button__button.shopify-payment-button__button--unbranded svg, .btn-icon.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] svg, .btn-icon-outline.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] svg, .btn-icon-ghost-outline.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] svg {
    height: 1.5rem;
    width: 1.5rem;
}

.input-group-icon .shopify-payment-button__button.shopify-payment-button__button--unbranded, .input-group-icon .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] {
    position: absolute;
    right: 0px;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input-group-icon .shopify-payment-button__button.shopify-payment-button__button--unbranded:first-child, .input-group-icon .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]:first-child {
    right: auto;
    left: 0px;
}

.cart__ctas .shopify-payment-button__button.shopify-payment-button__button--unbranded, .cart__ctas .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button]{
        /*@apply w-full*/
    }

.header-fixed:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--unbranded.btn-icon, .page-home .header:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--unbranded.btn-icon, .page-transparent-header .header:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--unbranded.btn-icon, .header-fixed:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button].btn-icon, .page-home .header:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button].btn-icon, .page-transparent-header .header:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button].btn-icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-fixed:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--unbranded.btn-icon-ghost-outline, .page-home .header:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--unbranded.btn-icon-ghost-outline, .page-transparent-header .header:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--unbranded.btn-icon-ghost-outline, .header-fixed:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button].btn-icon-ghost-outline, .page-home .header:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button].btn-icon-ghost-outline, .page-transparent-header .header:not(.header--menu-open) .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button].btn-icon-ghost-outline {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

    .shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] {
        padding-left: 0px;
        padding-right: 0px;
    }
}

tooltip-view.shopify-payment-button__button.shopify-payment-button__button--unbranded:before, tooltip-view.shopify-payment-button__button.shopify-payment-button__button--unbranded:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(148 200 61 / 0.5);
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded > [title]:before, .shopify-payment-button__button.shopify-payment-button__button--unbranded > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] {
    min-height: 52px !important;
}

.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important;
}

.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate [role=button] >span:not(.hidden) {
    --tw-translate-y: 0px !important;
    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)) !important;
}

/* Hide "More payment options" */

.shopify-payment-button .shopify-payment-button__more-options {
    display: none;
}

.shopify-payment-button div[style="pointer-events: none"]{
        pointer-events: initial !important;
    }

.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.product-gallery-thumbs .splide__arrow {
    left: 0px;
    right: 0px;
    height: auto;
    width: 100%;
    transform: none;
    border-radius: 0px;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.9;
    text-align: center;
    opacity: 1;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.product-gallery-thumbs .splide__arrow:disabled {
    opacity: 0;
}

@media (min-width: 1024px) {

    .product-gallery-thumbs .splide__arrow {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

@media (min-width: 1280px) {

    .product-gallery-thumbs .splide__arrow {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.product-gallery-thumbs .splide__arrow:not(:disabled) {
    opacity: 1;
}

.product-gallery-thumbs .splide__arrow svg {
    height: 2rem;
    width: 2rem;
}

.product-gallery-thumbs .splide__arrow--prev {
    top: 0px;
    --tw-translate-y: -66.666667%;
    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));
}

.product-gallery-thumbs .splide__arrow--prev:not(:disabled) {
    --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));
}

.product-gallery-thumbs .splide__arrow--next {
    bottom: 0px;
    --tw-translate-y: 66.666667%;
    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));
}

.product-gallery-thumbs .splide__arrow--next:not(:disabled) {
    --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));
}

.product-gallery-thumbs.splide .product-gallery-thumbs__item, .product-gallery-thumbs.splide .product-gallery-thumbs__item > img {
    position: relative;
    height: 100%;
}

/* Mobile (non-initialized splide) */

.product-gallery-thumbs.is-mobile {
    display: flex;
    overflow-x: scroll;
    padding-bottom: 1rem;
}

@media (max-width: 1024px) {
    .input[type="number"].product-gallery-thumbs.is-mobile::-webkit-scrollbar{
        -moz-appearance: textfield;
    }

    input.product-gallery-thumbs.is-mobile::-webkit-scrollbar::-webkit-outer-spin-button, input.product-gallery-thumbs.is-mobile::-webkit-scrollbar::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .product-gallery-thumbs.is-mobile::-webkit-scrollbar {
        height: 0.625rem;
        width: 0.625rem;
        -webkit-appearance: none;
                appearance: none;
        background-color: transparent;
    }
    .product-gallery-thumbs.is-mobile::-webkit-scrollbar-track {
        background-color: transparent;
    }
    .product-gallery-thumbs.is-mobile::-webkit-scrollbar-thumb {
        border-radius: 0.75rem;
        border-width: 2px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(157 157 157 / var(--tw-bg-opacity));
    }

    .product-gallery-thumbs.is-mobile.scrollbar-w-track::-webkit-scrollbar {
        height: 0.25rem;
        width: 0.25rem;
    }

    .scrollbar.product-gallery-thumbs.is-mobile::-webkit-scrollbar {
        height: 0.25rem;
        width: 0.25rem;
    }
    .product-gallery-thumbs.is-mobile.scrollbar-w-track::-webkit-scrollbar-track {
        border-radius: 0.75rem;
        --tw-bg-opacity: 1;
        background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    }
    .scrollbar.product-gallery-thumbs.is-mobile::-webkit-scrollbar-track {
        border-radius: 0.75rem;
        --tw-bg-opacity: 1;
        background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    }
    .product-gallery-thumbs.is-mobile.scrollbar-w-track::-webkit-scrollbar-thumb {
        border-width: 0px;
        --tw-bg-opacity: 1;
        background-color: rgb(128 128 128 / var(--tw-bg-opacity));
    }
    .scrollbar.product-gallery-thumbs.is-mobile::-webkit-scrollbar-thumb {
        border-width: 0px;
        --tw-bg-opacity: 1;
        background-color: rgb(128 128 128 / var(--tw-bg-opacity));
    }
    }

.product-gallery-thumbs.splide.is-mobile .splide__list {
    display: flex !important;
}

@media (min-width: 1024px) {

    .product-gallery-thumbs.splide.is-mobile .splide__list {
        display: block !important;
    }
}

.product-gallery-thumbs.is-mobile .product-gallery-thumbs__item {
    margin-right: 0.5rem;
    height: 5rem;
    width: 5rem;
}

.product-gallery-thumbs.is-mobile .product-gallery-thumbs__item:last-child {
    margin-right: 0px !important;
}

@media (min-width: 1024px) {

    .product-gallery-thumbs.is-mobile .product-gallery-thumbs__item {
        margin-right: 0px;
    }
}

.product-gallery-thumbs.is-mobile .product-gallery-thumbs__item img {
    display: block !important;
    height: 5rem;
    width: 5rem;
}

.product-gallery-thumbs.is-mobile .product-gallery-thumbs__item .splide__spinner {
    display: none;
}

.product-gallery .splide__pagination {
    bottom: -1.25rem;
    display: flex;
    flex-wrap: nowrap;
    justify-items: stretch;
}

.product-gallery .splide__pagination > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.product-gallery .splide__pagination {
    padding-left: 2rem;
    padding-right: 2rem;
}

.product-gallery .splide__pagination > li{
        max-width: 4rem;
        flex-grow: 1}

.product-gallery .splide__pagination__page {
    width: 100%;
    transform-origin: bottom;
    border-radius: 0px;
}

.product-gallery .splide__pagination__page.is-active {
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.product-gallery .splide__slide {
    display: flex;
    align-items: center;
}

.product-gallery .splide__arrow {
    height: 3rem;
    --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));
    border-radius: 0px;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
    opacity: 0;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-delay: 100ms;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.product-gallery .splide__arrow--prev {
    left: 0px;
    transform-origin: left;
}

.product-gallery .splide__arrow--next {
    right: 0px;
    transform-origin: right;
}

.product-gallery.show-arrows .splide__arrow {
    --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));
    opacity: 1;
}

/*model-viewer[src*="Green"]{
        @apply bg-gradient-to-b from-primary-600 via-primary-400 to-primary-600
    }*/

/*.product-info{
        @apply flex flex-wrap justify-start items-start
    }
    .product-info>*{
        @apply w-full
    }*/

.product-info>.product__title {
    display: inline-block;
    width: 50%;
}

.product-info>.product-info-price {
    display: inline-block;
    width: 50%;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}

.product-info>.product-info-price .price--large {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 1.5rem;
    line-height: 2rem;
}

@media (min-width: 768px) {

    .product-info>.product-info-price .price--large {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .product-info .accordion__summary>.icon {
        height: 2rem;
        width: 2rem;
    }
}

.product-info .rte {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
}

.product-info .rte ul {
    padding-left: 1.5rem;
}

/* for the checkbox modal*/

.tingle-modal h1 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.tingle-modal .tingle-modal-box__content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.tingle-modal .tingle-modal-box__footer {
    display: none;
}

/* Testimonial */

.product-testimonials .flickity-page-dots {
    position: static;
    margin-top: 2.5rem;
    align-items: center;
}

.product-testimonials .flickity-page-dot {
    transform: none;
}

.product-testimonials .flickity-page-dot, .product-testimonials .flickity-page-dot.is-selected {
    background-color: transparent;
}

.product-testimonials .flickity-page-dot::before, .product-testimonials .flickity-page-dot.is-selected::before {
    --tw-bg-opacity: 1;
    background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}

.product-testimonials .flickity-page-dot {
    margin: 0px;
    height: 1.5rem;
    width: 1.5rem;
    opacity: 0.3;
}

.product-testimonials .flickity-page-dot::before {
    margin: 0.5rem;
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 0.25rem;
    --tw-content: '';
    content: var(--tw-content);
}

.product-testimonials .flickity-page-dot: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);
}

.product-testimonials .flickity-page-dot:focus::before {
    --tw-shadow: 0 0 0 3px;
    --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: #94C83D;
    --tw-shadow: var(--tw-shadow-colored);
}

.product-testimonials .flickity-page-dot.is-selected {
    opacity: 1;
}

.product-testimonials .flickity-prev-next-button.previous {
    left: -0.75rem;
}

@media (min-width: 768px) {

    .product-testimonials .flickity-prev-next-button.previous {
        left: 14.5vw;
    }
}

@media (min-width: 1024px) {

    .product-testimonials .flickity-prev-next-button.previous {
        left: 15vw;
    }
}

.product-testimonials .flickity-prev-next-button.next {
    right: -0.75rem;
}

@media (min-width: 768px) {

    .product-testimonials .flickity-prev-next-button.next {
        right: 14.5vw;
    }
}

@media (min-width: 1024px) {

    .product-testimonials .flickity-prev-next-button.next {
        right: 15vw;
    }
}

.payment-terms-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    width: 100%;
    max-width: 30rem;
    text-align: center;
}

.page{
        /*@apply min-h-[80vh]*/
    }

tooltip-view.page-header:before, tooltip-view.page-header:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.page-header {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: left;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {

    .page-header {
        padding-top: 3rem;
        padding-bottom: 3rem;
        text-align: center;
    }
}

@media (min-width: 1280px) {

    .page-header {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

.page-title {
    font-size: 3rem;
    line-height: 1;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {

    .page-title {
        font-size: 3rem;
        line-height: 1;
    }
}

@media (min-width: 1024px) {

    .page-title {
        font-size: 4.5rem;
        line-height: 1;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .page-title {
        font-size: 5rem;
        line-height: 1;
    }
}

.page-subheading {
    margin-top: 1rem;
    text-align: left;
}

@media (min-width: 768px) {

    .page-subheading {
        margin-left: auto;
        margin-right: auto;
        max-width: 35rem;
        text-align: center;
    }
}

.page-content, .page-content--large {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 102rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.page-content {
    max-width: 72rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 4rem;
    padding-bottom: 2rem;
}

@media (min-width: 768px) {

    .page-content {
        padding-top: 4rem;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .page-content {
        padding-top: 7rem;
        padding-bottom: 3rem;
    }
}

.page-header--with-image {
    background-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
    background-size: cover;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.page-header--with-image .page-title {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.page-header.page-header--sticky {
    position: sticky;
    top: 3.5rem;
    left: 0px;
    right: 0px;
    z-index: 1010;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --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);
}

@media (min-width: 768px) {

    .page-header.page-header--sticky {
        top: 3rem;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .page-header.page-header--sticky {
        top: 3.5rem;
    }
}

.page-header.page-header--sticky .page-title {
    font-size: 1.5rem;
    line-height: 2rem;
}

@media (min-width: 1024px) {

    .page-header.page-header--sticky .page-title {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.shopify-policy__container {
    max-width: 100%;
    padding: 0px;
}

tooltip-view.shopify-policy__title:before, tooltip-view.shopify-policy__title:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.shopify-policy__title {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: left;
}

@media (min-width: 768px) {

    .shopify-policy__title {
        padding-top: 3rem;
        padding-bottom: 3rem;
        text-align: center;
    }
}

@media (min-width: 1280px) {

    .shopify-policy__title {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .shopify-policy__title {
        padding-top: 14rem;
        padding-bottom: 14rem;
    }
}

.shopify-policy__title h1 {
    font-size: 3rem;
    line-height: 1;
    text-transform: capitalize;
}

@media (min-width: 768px) {

    .shopify-policy__title h1 {
        font-size: 3rem;
        line-height: 1;
    }
}

@media (min-width: 1024px) {

    .shopify-policy__title h1 {
        font-size: 4.5rem;
        line-height: 1;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .shopify-policy__title h1 {
        font-size: 8rem;
        line-height: 1;
    }
}

.shopify-policy__body, .shopify-policy__body--large {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 102rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.shopify-policy__body {
    max-width: 72rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 768px) {

    .shopify-policy__body {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .shopify-policy__body {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}

/*.page-cart .content-for-layout{
        @apply md:flex flex-wrap justify-center pb-8
    }
    .cart__header-wrapper{
        @apply w-full mb-8
    }
    .cart__items-wrapper{
        !*width: 100%;*!
        !*max-width: calc(90rem - 20rem);*!
        @apply grow shrink md:px-16 flex-auto
    }
    .cart__footer-wrapper{
        !*@apply md:pr-8*!
    }*/

.discounts {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.discounts__discount {
    display: flex;
    align-items: center;
}

.discounts__discount svg {
    --tw-text-opacity: 1;
    color: rgb(124 124 124 / var(--tw-text-opacity));
}

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

@media (min-width: 768px) {

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

.discounts__discount > .icon {
    margin-right: 0.75rem;
    height: 1.25rem;
    width: 1.25rem;
}

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

.discounts--sm .discounts__discount > .icon {
    margin-right: 0.5rem;
    height: 1rem;
    width: 1rem;
}

.cart__warnings {
    display: none;
}

.is-empty .cart__empty-text, .is-empty .cart__warnings {
    display: block;
}

.cart__items {
    position: relative;
}

.cart__items.is-empty {
    display: none;
}

.cart-items {
    display: block;
    width: 100%;
}

@media (min-width: 768px) {
    .cart-items {
        width: 100%;
        table-layout: auto;
        border-collapse: collapse;
    }

    .cart-items thead tr td {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .cart-items {
        display: table;
    }
}

.cart-items thead {
    display: none;
}

@media (min-width: 768px) {

    .cart-items thead {
        display: table-header-group;
    }
}

.cart-items tbody {
    display: block;
}

@media (min-width: 768px) {

    .cart-items tbody {
        display: table-row-group;
    }
}

.cart-items tbody tr {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}

@media (min-width: 768px) {

    .cart-items tbody tr {
        display: table-row;
    }
}

.cart-items th, .cart-items td, .cart-items th {
    vertical-align: middle;
}

.cart-items th {
    font-weight: 400;
}

.cart-item__remove {
    width: 5rem;
}

.cart-item__media {
    width: 5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

@media (min-width: 768px) {

    .cart-item__media {
        width: 12rem;
    }
}

.cart-item__price {
    position: relative;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media (min-width: 768px) {

    .cart-item__price {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.cart-item__old-price {
    font-size: 80%;
    --tw-text-opacity: 1;
    color: rgb(124 124 124 / var(--tw-text-opacity));
}

.cart-item__details {
    flex: 1 1 auto;
    flex-grow: 1;
    padding-top: 1.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 4rem;
}

@media (min-width: 768px) {

    .cart-item__details {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 1.25rem;
    }
}

.cart-item__quantity {
    position: absolute;
    bottom: 0.25rem;
    left: 5rem;
    display: inline-block;
    padding: 0px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media (min-width: 768px) {

    .cart-item__quantity {
        position: static;
        display: table-cell;
        width: 5rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.cart-item__totals {
    position: relative;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: right;
    font-family: neuzeit-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
}

.cart-item__totals .price {
    font-family: neuzeit-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.cart__footer {
    padding-bottom: 2rem;
}

.cart__footer.is-empty {
    display: none;
}

.cart__blocks {
    text-align: right;
}

.cart__blocks .totals {
    margin-top: 1rem;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: flex-end;
}

.cart__blocks .totals__subtotal {
    margin-bottom: 0px;
    flex: 1 1 0%;
    padding-right: 1rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
}

.cart__blocks .totals__subtotal-value {
    margin-bottom: 0px;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 500;
}

.cart__ctas {
    margin-top: 1rem;
}

.cart__ctas .btn{
        /*@apply w-full*/
    }

.cart__blocks .checkout-agreement-cart {
    margin-top: 1.25rem;
    border-radius: 0.125rem;
}

.cart__dynamic-checkout-buttons .dynamic-checkout__content {
    margin-top: 0.5rem;
    text-align: right;
}

@media (min-width: 640px) {

    .cart__dynamic-checkout-buttons .dynamic-checkout__content {
        margin-top: 0.75rem;
    }
}

.cart__dynamic-checkout-buttons .dynamic-checkout__content ul{
        display: inline-block;
        text-align: right;
        justify-content: end;
    }

@media (min-width: 768px) {

    .cart__dynamic-checkout-buttons .dynamic-checkout__content li {
        min-width: 11.5rem !important;
    }
}

.cart__dynamic-checkout-buttons .dynamic-checkout__content li>[role="button"] {
    border-radius: 9999px !important;
}

.shopify-challenge__container {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.shopify-challenge__container .shopify-challenge__message {
    margin-bottom: 1rem;
}

.shopify-challenge__container .shopify-challenge__button {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

tooltip-view.shopify-challenge__container .shopify-challenge__button:hover:before {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.shopify-challenge__container .shopify-challenge__button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
}

.shopify-challenge__container .shopify-challenge__button:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(148 200 61 / 0.5);
}

.shopify-challenge__container .shopify-challenge__button > [title]:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.shopify-challenge__container .shopify-challenge__button > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.shopify-challenge__container .shopify-challenge__button.btn-control > [title]:before, .shopify-challenge__container .shopify-challenge__button.btn-control > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-control.btn-outline.shopify-challenge__container .shopify-challenge__button:hover {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.shopify-challenge__container .shopify-challenge__button {
    margin-top: 1rem;
}

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

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

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.\!fixed {
    position: fixed !important;
}

.absolute {
    position: absolute;
}

.\!absolute {
    position: absolute !important;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.inset-y-0 {
    top: 0px;
    bottom: 0px;
}

.inset-x-0 {
    left: 0px;
    right: 0px;
}

.left-0 {
    left: 0px;
}

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

.right-0 {
    right: 0px;
}

.top-0 {
    top: 0px;
}

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

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

.bottom-0 {
    bottom: 0px;
}

.left-auto {
    left: auto;
}

.right-auto {
    right: auto;
}

.top-full {
    top: 100%;
}

.left-full {
    left: 100%;
}

.-left-96 {
    left: -24rem;
}

.right-9 {
    right: 2.25rem;
}

.right-2 {
    right: 0.5rem;
}

.top-2 {
    top: 0.5rem;
}

.top-3 {
    top: 0.75rem;
}

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

.bottom-10 {
    bottom: 2.5rem;
}

.bottom-20 {
    bottom: 5rem;
}

.bottom-32 {
    bottom: 8rem;
}

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

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

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

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

.top-10 {
    top: 2.5rem;
}

.left-10 {
    left: 2.5rem;
}

.right-10 {
    right: 2.5rem;
}

.top-8 {
    top: 2rem;
}

.left-8 {
    left: 2rem;
}

.right-8 {
    right: 2rem;
}

.left-2 {
    left: 0.5rem;
}

.left-3 {
    left: 0.75rem;
}

.right-3 {
    right: 0.75rem;
}

.top-4 {
    top: 1rem;
}

.left-4 {
    left: 1rem;
}

.right-4 {
    right: 1rem;
}

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

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

.-bottom-52 {
    bottom: -13rem;
}

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

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

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

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

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

.right-h {
    right: 2rem;
}

.left-h {
    left: 2rem;
}

.right-1 {
    right: 0.25rem;
}

.left-1 {
    left: 0.25rem;
}

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

.top-5 {
    top: 1.25rem;
}

.right-5 {
    right: 1.25rem;
}

.top-auto {
    top: auto;
}

.top-16 {
    top: 4rem;
}

.top-14 {
    top: 3.5rem;
}

.bottom-4 {
    bottom: 1rem;
}

.bottom-1 {
    bottom: 0.25rem;
}

.left-20 {
    left: 5rem;
}

.bottom-5 {
    bottom: 1.25rem;
}

.bottom-2 {
    bottom: 0.5rem;
}

.bottom-3 {
    bottom: 0.75rem;
}

.bottom-full {
    bottom: 100%;
}

.-left-full {
    left: -100%;
}

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

.-bottom-px {
    bottom: -1px;
}

.left-32 {
    left: 8rem;
}

.top-20 {
    top: 5rem;
}

.bottom-16 {
    bottom: 4rem;
}

.bottom-12 {
    bottom: 3rem;
}

.right-full {
    right: 100%;
}

.bottom-8 {
    bottom: 2rem;
}

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

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

.top-24 {
    top: 6rem;
}

.top-32 {
    top: 8rem;
}

.top-44 {
    top: 11rem;
}

.left-5 {
    left: 1.25rem;
}

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

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

.left-6 {
    left: 1.5rem;
}

.right-6 {
    right: 1.5rem;
}

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

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

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

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

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

.right-\[5\%\] {
    right: 5%;
}

.bottom-\[8\%\] {
    bottom: 8%;
}

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

.-bottom-\[10\%\] {
    bottom: -10%;
}

.right-\[75\%\] {
    right: 75%;
}

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

.bottom-\[18\%\] {
    bottom: 18%;
}

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

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

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

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

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

.isolate {
    isolation: isolate;
}

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

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

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

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

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

.z-header {
    z-index: 1010;
}

.z-modal {
    z-index: 1300;
}

.z-drawer {
    z-index: 1300;
}

.z-max {
    z-index: 999999;
}

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

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

.z-tooltip {
    z-index: 1500;
}

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

.order-first {
    order: -9999;
}

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

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

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

.float-right {
    float: right;
}

.float-none {
    float: none;
}

.m-0 {
    margin: 0px;
}

.-m-px {
    margin: -1px;
}

.m-2 {
    margin: 0.5rem;
}

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

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

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

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

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

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-mt-72 {
    margin-top: -18rem;
}

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

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

.mt-140 {
    margin-top: 35rem;
}

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

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

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

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

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

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

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

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

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

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

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

.-mb-72 {
    margin-bottom: -18rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-ml-36 {
    margin-left: -9rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-15 {
    margin-top: 3.75rem;
}

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

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

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

.ml-0\.5 {
    margin-left: 0.125rem;
}

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

.-mb-1\/2 {
    margin-bottom: -50%;
}

.-mt-1\/4 {
    margin-top: -25%;
}

.-mr-1\/4 {
    margin-right: -25%;
}

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

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

.mr-1\.5 {
    margin-right: 0.375rem;
}

.-mr-0\.5 {
    margin-right: -0.125rem;
}

.-ml-0\.5 {
    margin-left: -0.125rem;
}

.box-border {
    box-sizing: border-box;
}

.box-content {
    box-sizing: content-box;
}

.block {
    display: block;
}

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

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

.inline {
    display: inline;
}

.flex {
    display: flex;
}

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

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

.table {
    display: table;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.list-item {
    display: list-item;
}

.hidden {
    display: none;
}

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

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

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

.h-6 {
    height: 1.5rem;
}

.h-0 {
    height: 0px;
}

.h-full {
    height: 100%;
}

.h-3 {
    height: 0.75rem;
}

.h-48 {
    height: 12rem;
}

.h-8 {
    height: 2rem;
}

.h-10 {
    height: 2.5rem;
}

.h-screen {
    height: 100vh;
}

.h-5 {
    height: 1.25rem;
}

.h-12 {
    height: 3rem;
}

.h-16 {
    height: 4rem;
}

.h-auto {
    height: auto;
}

.h-32 {
    height: 8rem;
}

.h-4 {
    height: 1rem;
}

.h-14 {
    height: 3.5rem;
}

.h-2 {
    height: 0.5rem;
}

.h-7 {
    height: 1.75rem;
}

.h-9 {
    height: 2.25rem;
}

.h-11 {
    height: 2.75rem;
}

.h-140 {
    height: 35rem;
}

.h-1 {
    height: 0.25rem;
}

.h-64 {
    height: 16rem;
}

.h-40 {
    height: 10rem;
}

.h-56 {
    height: 14rem;
}

.h-px {
    height: 1px;
}

.h-20 {
    height: 5rem;
}

.h-44 {
    height: 11rem;
}

.h-96 {
    height: 24rem;
}

.h-22 {
    height: 5.4375rem;
}

.h-72 {
    height: 18rem;
}

.h-52 {
    height: 13rem;
}

.h-18 {
    height: 4.5rem;
}

.h-24 {
    height: 6rem;
}

.h-screen-half {
    height: 50vh;
}

.h-15 {
    height: 3.75rem;
}

.h-3\/5 {
    height: 60%;
}

.h-0\.75 {
    height: 0.1875rem;
}

.h-1\.5 {
    height: 0.375rem;
}

.h-\[100\%\] {
    height: 100%;
}

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

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

.h-0\.5 {
    height: 0.125rem;
}

.h-1\.25 {
    height: 0.3125rem;
}

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

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

.max-h-0 {
    max-height: 0px;
}

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

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

.min-h-140 {
    min-height: 35rem;
}

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

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

.\!min-h-\[52px\] {
    min-height: 52px !important;
}

.w-6 {
    width: 1.5rem;
}

.w-full {
    width: 100%;
}

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

.w-12 {
    width: 3rem;
}

.w-4 {
    width: 1rem;
}

.w-auto {
    width: auto;
}

.w-3 {
    width: 0.75rem;
}

.w-80 {
    width: 20rem;
}

.w-8 {
    width: 2rem;
}

.w-10 {
    width: 2.5rem;
}

.w-20 {
    width: 5rem;
}

.w-32 {
    width: 8rem;
}

.w-5 {
    width: 1.25rem;
}

.w-16 {
    width: 4rem;
}

.w-44 {
    width: 11rem;
}

.w-96 {
    width: 24rem;
}

.w-2 {
    width: 0.5rem;
}

.w-14 {
    width: 3.5rem;
}

.w-40 {
    width: 10rem;
}

.w-48 {
    width: 12rem;
}

.w-52 {
    width: 13rem;
}

.w-7 {
    width: 1.75rem;
}

.w-28 {
    width: 7rem;
}

.w-9 {
    width: 2.25rem;
}

.w-11 {
    width: 2.75rem;
}

.w-64 {
    width: 16rem;
}

.w-140 {
    width: 35rem;
}

.w-page-half {
    width: 51rem;
}

.w-24 {
    width: 6rem;
}

.w-135 {
    width: 33.75rem;
}

.w-72 {
    width: 18rem;
}

.w-px {
    width: 1px;
}

.w-60 {
    width: 15rem;
}

.w-22 {
    width: 5.4375rem;
}

.w-56 {
    width: 14rem;
}

.w-0 {
    width: 0px;
}

.w-1 {
    width: 0.25rem;
}

.w-18 {
    width: 4.5rem;
}

.w-page-small {
    width: 72rem;
}

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

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

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

.w-0\.5 {
    width: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.w-11\/10 {
    width: 110%;
}

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

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

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

.min-w-12 {
    min-width: 3rem;
}

.min-w-16 {
    min-width: 4rem;
}

.min-w-15 {
    min-width: 3.75rem;
}

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

.max-w-xl {
    max-width: 36rem;
}

.max-w-screen-md {
    max-width: 768px;
}

.max-w-screen-sm {
    max-width: 640px;
}

.max-w-page {
    max-width: 102rem;
}

.max-w-page-narrow {
    max-width: 90rem;
}

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

.max-w-135 {
    max-width: 33.75rem;
}

.max-w-page-half {
    max-width: 51rem;
}

.max-w-page-small {
    max-width: 72rem;
}

.max-w-0 {
    max-width: 0rem;
}

.max-w-screen-lg {
    max-width: 1024px;
}

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

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

.max-w-22 {
    max-width: 5.4375rem;
}

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

.max-w-140 {
    max-width: 35rem;
}

.max-w-screen-xs {
    max-width: 480px;
}

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

.max-w-4xl {
    max-width: 56rem;
}

.max-w-6xl {
    max-width: 72rem;
}

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

.max-w-60 {
    max-width: 15rem;
}

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

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

.max-w-120 {
    max-width: 30rem;
}

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

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

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

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

.flex-none {
    flex: none;
}

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

.flex-shrink-0 {
    flex-shrink: 0;
}

.shrink {
    flex-shrink: 1;
}

.shrink-0 {
    flex-shrink: 0;
}

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

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

.grow {
    flex-grow: 1;
}

.basis-full {
    flex-basis: 100%;
}

.table-auto {
    table-layout: auto;
}

.border-collapse {
    border-collapse: collapse;
}

.origin-\[0\] {
    transform-origin: 0;
}

.origin-top-right {
    transform-origin: top right;
}

.origin-bottom-right {
    transform-origin: bottom right;
}

.origin-top {
    transform-origin: top;
}

.origin-top-left {
    transform-origin: top left;
}

.origin-bottom-left {
    transform-origin: bottom left;
}

.origin-bottom {
    transform-origin: bottom;
}

.origin-left {
    transform-origin: left;
}

.origin-right {
    transform-origin: right;
}

.-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-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-4 {
    --tw-translate-y: 1rem;
    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-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));
}

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

.translate-y-20 {
    --tw-translate-y: 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));
}

.translate-y-10 {
    --tw-translate-y: 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));
}

.translate-x-20 {
    --tw-translate-x: 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));
}

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

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

.-translate-y-6 {
    --tw-translate-y: -1.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));
}

.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-y-40 {
    --tw-translate-y: -10rem;
    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-52 {
    --tw-translate-y: -13rem;
    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-80 {
    --tw-translate-y: -20rem;
    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-2full {
    --tw-translate-x: -200%;
    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-2full {
    --tw-translate-y: -200%;
    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-2full {
    --tw-translate-y: 200%;
    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-40 {
    --tw-translate-y: 10rem;
    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-56 {
    --tw-translate-y: 14rem;
    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-56 {
    --tw-translate-y: -14rem;
    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-72 {
    --tw-translate-y: 18rem;
    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 {
    --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 {
    --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-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));
}

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

.translate-y-24 {
    --tw-translate-y: 6rem;
    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-16 {
    --tw-translate-y: 4rem;
    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-3full {
    --tw-translate-x: 300%;
    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-x-3 {
    --tw-translate-x: -0.75rem;
    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-3 {
    --tw-translate-x: 0.75rem;
    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-4 {
    --tw-translate-y: -1rem;
    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-4 {
    --tw-translate-x: -1rem;
    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-4 {
    --tw-translate-x: 1rem;
    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-10 {
    --tw-translate-y: -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));
}

.translate-x-24 {
    --tw-translate-x: 6rem;
    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-16 {
    --tw-translate-x: 4rem;
    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-10 {
    --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));
}

.-translate-y-12 {
    --tw-translate-y: -3rem;
    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-0\.5 {
    --tw-translate-x: 0.125rem;
    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-0\.75 {
    --tw-translate-x: 0.1875rem;
    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-\[3\%\] {
    --tw-translate-y: 3%;
    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-2\/3 {
    --tw-translate-y: -66.666667%;
    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-2\/3 {
    --tw-translate-y: 66.666667%;
    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-12 {
    --tw-rotate: 12deg;
    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-0 {
    --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));
}

.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-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-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-3 {
    --tw-rotate: 3deg;
    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-2 {
    --tw-rotate: 2deg;
    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-1 {
    --tw-rotate: 1deg;
    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-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-3 {
    --tw-rotate: -3deg;
    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-12 {
    --tw-rotate: -12deg;
    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));
}

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

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-200 {
    --tw-scale-x: 2;
    --tw-scale-y: 2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 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));
}

.scale-y-0 {
    --tw-scale-y: 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));
}

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

.scale-x-200 {
    --tw-scale-x: 2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-50 {
    --tw-scale-x: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-300 {
    --tw-scale-x: 3;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.scale-y-50 {
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-y-25 {
    --tw-scale-y: .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));
}

.scale-y-75 {
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-y-150 {
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-y-125 {
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-y-200 {
    --tw-scale-y: 2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-none {
    transform: none;
}

@keyframes spin {

    to {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {

    to {
        transform: rotate(360deg);
    }
}

.animate-spin-fast {
    animation: spin 0.3s linear infinite;
}

@keyframes pulse {

    50% {
        opacity: .5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes ping {

    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes bounce {

    0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8,0,1,1);
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,0.2,1);
    }
}

.animate-bounce {
    animation: bounce 1s infinite;
}

.animate-science-brain {
    animation: scienceBrain 2s linear infinite;
}

@keyframes wiggle {

    0%, 100% {
        transform: rotate(-3deg);
    }

    50% {
        transform: rotate(3deg);
    }
}

.animate-wiggle {
    animation: wiggle 1s ease-in-out infinite;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-progress {
    cursor: progress;
}

.cursor-help {
    cursor: help;
}

.resize {
    resize: both;
}

.snap-x {
    -ms-scroll-snap-type: x var(--tw-scroll-snap-strictness);
        scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
}

.snap-start {
    scroll-snap-align: start;
}

.snap-end {
    scroll-snap-align: end;
}

.snap-center {
    scroll-snap-align: center;
}

.snap-always {
    scroll-snap-stop: always;
}

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

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

.scroll-mx-7 {
    scroll-margin-left: 1.75rem;
    scroll-margin-right: 1.75rem;
}

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

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

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

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

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

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

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

.scroll-pr-3 {
    scroll-padding-right: 0.75rem;
}

.list-inside {
    list-style-position: inside;
}

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

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

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

.appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.columns-2 {
    -moz-columns: 2;
         columns: 2;
}

.auto-cols-max {
    grid-auto-columns: max-content;
}

.grid-flow-row {
    grid-auto-flow: row;
}

.grid-flow-col {
    grid-auto-flow: column;
}

.auto-rows-max {
    grid-auto-rows: max-content;
}

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

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

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

.grid-cols-2 {
    grid-template-columns: 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;
}

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

.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-items-stretch {
    justify-items: stretch;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-8 {
    gap: 2rem;
}

.gap-10 {
    gap: 2.5rem;
}

.gap-20 {
    gap: 5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-16 {
    gap: 4rem;
}

.gap-12 {
    gap: 3rem;
}

.gap-y-8 {
    row-gap: 2rem;
}

.gap-x-16 {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
}

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

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

.gap-y-12 {
    row-gap: 3rem;
}

.gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
}

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

.gap-y-24 {
    row-gap: 6rem;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

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

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

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

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

.space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3rem * var(--tw-space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-11 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
}

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

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

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

.space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-14 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
}

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

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

.space-x-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4rem * var(--tw-space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
}

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

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

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

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

.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-divide-opacity));
}

.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(244 244 244 / var(--tw-divide-opacity));
}

.divide-primary > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-divide-opacity));
}

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

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

.justify-self-end {
    justify-self: end;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

.overflow-scroll {
    overflow: scroll;
}

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

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

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

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

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

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

.scroll-auto {
    scroll-behavior: auto;
}

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

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

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

.break-words {
    overflow-wrap: break-word;
}

.break-all {
    word-break: break-all;
}

.rounded-2xl {
    border-radius: 1rem;
}

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

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

.rounded {
    border-radius: 0.25rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

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

.rounded-none {
    border-radius: 0px;
}

.rounded-3xl {
    border-radius: 1.5rem;
}

.rounded-5xl {
    border-radius: 2.75rem;
}

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

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

.rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}

.rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

.rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

.rounded-l-6xl {
    border-top-left-radius: 3.125rem;
    border-bottom-left-radius: 3.125rem;
}

.rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

.rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

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

.border {
    border-width: 1px;
}

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

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

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

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

.border-x-8 {
    border-left-width: 8px;
    border-right-width: 8px;
}

.border-x-4 {
    border-left-width: 4px;
    border-right-width: 4px;
}

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

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

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

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

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

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

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

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

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

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

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

.border-l-4 {
    border-left-width: 4px;
}

.border-l {
    border-left-width: 1px;
}

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

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

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

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

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity));
}

.border-teal-400 {
    --tw-border-opacity: 1;
    border-color: rgb(45 212 191 / var(--tw-border-opacity));
}

.border-transparent {
    border-color: transparent;
}

.border-slate-800 {
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-border-opacity));
}

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

.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 43 / var(--tw-border-opacity));
}

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

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(244 244 244 / var(--tw-border-opacity));
}

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

.border-current {
    border-color: currentColor;
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(157 157 157 / var(--tw-border-opacity));
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(124 124 124 / var(--tw-border-opacity));
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
}

.border-danger-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.border-danger {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.border-success {
    --tw-border-opacity: 1;
    border-color: rgb(22 163 74 / var(--tw-border-opacity));
}

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

.border-x-transparent {
    border-left-color: transparent;
    border-right-color: transparent;
}

.border-y-secondary {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.border-y-gray-100 {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.border-b-slate-200 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity));
}

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

.border-b-gray-200 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(234 234 234 / var(--tw-border-opacity));
}

.border-b-gray-100 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.border-b-gray-50 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(249 250 251 / var(--tw-border-opacity));
}

.border-t-primary {
    --tw-border-opacity: 1;
    border-top-color: rgb(148 200 61 / var(--tw-border-opacity));
}

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

.border-b-primary {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(148 200 61 / var(--tw-border-opacity));
}

.border-b-secondary {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.border-l-brown {
    --tw-border-opacity: 1;
    border-left-color: rgb(128 123 104 / var(--tw-border-opacity));
}

.border-b-brown {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(128 123 104 / var(--tw-border-opacity));
}

.border-l-inherit {
    border-left-color: inherit;
}

.border-l-current {
    border-left-color: currentColor;
}

.border-r-primary {
    --tw-border-opacity: 1;
    border-right-color: rgb(148 200 61 / var(--tw-border-opacity));
}

.border-r-gray-500 {
    --tw-border-opacity: 1;
    border-right-color: rgb(124 124 124 / var(--tw-border-opacity));
}

.bg-overlay {
    background-color: rgba(0,0,0,0.7);
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

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

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

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(124 124 124 / var(--tw-bg-opacity));
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

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

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

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

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

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(157 157 157 / var(--tw-bg-opacity));
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
}

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

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}

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

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(49 49 49 / var(--tw-bg-opacity));
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-success {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.bg-danger {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-success-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

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

.bg-current {
    background-color: currentColor;
}

.bg-brown {
    --tw-bg-opacity: 1;
    background-color: rgb(128 123 104 / var(--tw-bg-opacity));
}

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

.bg-matte-black {
    --tw-bg-opacity: 1;
    background-color: rgb(28 28 28 / var(--tw-bg-opacity));
}

.bg-gray-450 {
    --tw-bg-opacity: 1;
    background-color: rgb(128 128 128 / var(--tw-bg-opacity));
}

.\!bg-transparent {
    background-color: transparent !important;
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4;
}

.bg-opacity-20 {
    --tw-bg-opacity: 0.2;
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5;
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75;
}

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

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

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

.bg-opacity-25 {
    --tw-bg-opacity: 0.25;
}

.bg-opacity-30 {
    --tw-bg-opacity: 0.3;
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.from-primary-600 {
    --tw-gradient-from: #75A02D;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(117 160 45 / 0));
}

.from-black {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 0 0 / 0));
}

.from-overlay {
    --tw-gradient-from: rgba(0,0,0,0.7);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 0 0 / 0));
}

.from-white {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 255 255 / 0));
}

.from-primary {
    --tw-gradient-from: #94C83D;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(148 200 61 / 0));
}

.from-gray-800 {
    --tw-gradient-from: #2B2B2B;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(43 43 43 / 0));
}

.from-gray-900 {
    --tw-gradient-from: #222222;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(34 34 34 / 0));
}

.via-primary-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #AAD365, var(--tw-gradient-to, rgb(170 211 101 / 0));
}

.via-transparent {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgb(0 0 0 / 0));
}

.via-white {
    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgb(255 255 255 / 0));
}

.to-primary-600 {
    --tw-gradient-to: #75A02D;
}

.to-transparent {
    --tw-gradient-to: transparent;
}

.to-primary {
    --tw-gradient-to: #94C83D;
}

.bg-cover {
    background-size: cover;
}

.bg-contain {
    background-size: contain;
}

.bg-auto {
    background-size: auto;
}

.bg-v-full {
    background-size: auto 100%;
}

.bg-h-full {
    background-size: 100%;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-local {
    background-attachment: local;
}

.bg-scroll {
    background-attachment: scroll;
}

.bg-center {
    background-position: center;
}

.bg-right {
    background-position: right;
}

.bg-left {
    background-position: left;
}

.bg-bottom {
    background-position: bottom;
}

.bg-right-bottom {
    background-position: right bottom;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.fill-current {
    fill: currentColor;
}

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

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

.object-center {
    -o-object-position: center;
       object-position: center;
}

.p-4 {
    padding: 1rem;
}

.p-8 {
    padding: 2rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-0 {
    padding: 0px;
}

.p-1 {
    padding: 0.25rem;
}

.p-9 {
    padding: 2.25rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-px {
    padding: 1px;
}

.p-12 {
    padding: 3rem;
}

.p-16 {
    padding: 4rem;
}

.p-6 {
    padding: 1.5rem;
}

.p-10 {
    padding: 2.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

.px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
}

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

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

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

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

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

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

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

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

.px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
}

.px-72 {
    padding-left: 18rem;
    padding-right: 18rem;
}

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

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

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

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

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

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

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

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

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

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

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

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

.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}

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

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

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

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

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

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

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

.py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.py-18 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.py-22 {
    padding-top: 5.4375rem;
    padding-bottom: 5.4375rem;
}

.py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem;
}

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

.py-1\.75 {
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
}

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

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

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

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

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

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

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

.pr-8 {
    padding-right: 2rem;
}

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

.pr-12 {
    padding-right: 3rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pl-28 {
    padding-left: 7rem;
}

.pr-h {
    padding-right: 2rem;
}

.pr-72 {
    padding-right: 18rem;
}

.pr-44 {
    padding-right: 11rem;
}

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

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

.pt-52 {
    padding-top: 13rem;
}

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

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

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

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

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

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

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

.pb-14 {
    padding-bottom: 3.5rem;
}

.pl-22 {
    padding-left: 5.4375rem;
}

.pr-14 {
    padding-right: 3.5rem;
}

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

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

.pr-9 {
    padding-right: 2.25rem;
}

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

.pr-11 {
    padding-right: 2.75rem;
}

.pr-7 {
    padding-right: 1.75rem;
}

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

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

.pr-2 {
    padding-right: 0.5rem;
}

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

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

.pr-3 {
    padding-right: 0.75rem;
}

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

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

.pl-14 {
    padding-left: 3.5rem;
}

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

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

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

.pb-0 {
    padding-bottom: 0px;
}

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

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

.pt-56 {
    padding-top: 14rem;
}

.pb-11 {
    padding-bottom: 2.75rem;
}

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

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

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

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

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

.pt-72 {
    padding-top: 18rem;
}

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

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

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

.pb-52 {
    padding-bottom: 13rem;
}

.pt-28 {
    padding-top: 7rem;
}

.pb-28 {
    padding-bottom: 7rem;
}

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

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

.pb-full {
    padding-bottom: 100%;
}

.pt-\[180\%\] {
    padding-top: 180%;
}

.pt-\[118\%\] {
    padding-top: 118%;
}

.pt-\[150\%\] {
    padding-top: 150%;
}

.pt-\[100\%\] {
    padding-top: 100%;
}

.pl-2\.5 {
    padding-left: 0.625rem;
}

.pt-\[60\%\] {
    padding-top: 60%;
}

.pt-\[56\.25\%\] {
    padding-top: 56.25%;
}

.pt-\[56\.27\%\] {
    padding-top: 56.27%;
}

.pt-\[200\%\] {
    padding-top: 200%;
}

.pb-0\.5 {
    padding-bottom: 0.125rem;
}

.pt-\[75\%\] {
    padding-top: 75%;
}

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

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

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

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

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

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

.align-top {
    vertical-align: top;
}

.align-middle {
    vertical-align: middle;
}

.align-bottom {
    vertical-align: bottom;
}

.align-text-top {
    vertical-align: text-top;
}

.align-text-bottom {
    vertical-align: text-bottom;
}

.font-display {
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-sans {
    font-family: neuzeit-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-inherit {
    font-family: inherit;
}

.\!font-display {
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

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

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

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

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

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

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

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

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

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

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

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

.text-13xl {
    font-size: 15.625rem;
    line-height: 1;
}

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

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

.text-7xl {
    font-size: 4.5rem;
    line-height: 1;
}

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

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

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

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

.text-2\/3 {
    font-size: 66.67%;
}

.text-7\.6xl {
    font-size: 6rem;
    line-height: 0.9;
}

.text-1\/2 {
    font-size: 50%;
}

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

.text-4\/5 {
    font-size: 80%;
}

.font-extrabold {
    font-weight: 800;
}

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

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

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

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

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

.font-black {
    font-weight: 900;
}

.\!font-medium {
    font-weight: 500 !important;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.italic {
    font-style: italic;
}

.ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

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

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

.leading-3 {
    line-height: .75rem;
}

.leading-snug {
    line-height: 1.375;
}

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

.leading-tight {
    line-height: 1.25;
}

.leading-relaxed {
    line-height: 1.625;
}

.leading-\[0\.75\] {
    line-height: 0.75;
}

.\!leading-none {
    line-height: 1 !important;
}

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

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

.tracking-normal {
    letter-spacing: 0em;
}

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

.tracking-200 {
    letter-spacing: 0.25em;
}

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

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

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.text-transparent {
    color: transparent;
}

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

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(49 49 49 / var(--tw-text-opacity));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(124 124 124 / var(--tw-text-opacity));
}

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

.text-teal-200 {
    --tw-text-opacity: 1;
    color: rgb(153 246 228 / var(--tw-text-opacity));
}

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

.text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity));
}

.text-primary-600 {
    --tw-text-opacity: 1;
    color: rgb(117 160 45 / var(--tw-text-opacity));
}

.text-inherit {
    color: inherit;
}

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

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

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(34 34 34 / var(--tw-text-opacity));
}

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

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

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

.text-danger-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-danger {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-primary-300 {
    --tw-text-opacity: 1;
    color: rgb(192 223 140 / var(--tw-text-opacity));
}

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

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(234 234 234 / var(--tw-text-opacity));
}

.text-success {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity));
}

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

.text-danger-900 {
    --tw-text-opacity: 1;
    color: rgb(127 29 29 / var(--tw-text-opacity));
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(244 244 244 / var(--tw-text-opacity));
}

.text-brown {
    --tw-text-opacity: 1;
    color: rgb(128 123 104 / var(--tw-text-opacity));
}

.\!text-default {
    --tw-text-opacity: 1 !important;
    color: rgb(43 43 43 / var(--tw-text-opacity)) !important;
}

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

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

.\!underline {
    -webkit-text-decoration-line: underline !important;
            text-decoration-line: underline !important;
}

.line-through {
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
}

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

.decoration-2 {
    text-decoration-thickness: 2px;
}

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

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

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

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.caret-primary-500 {
    caret-color: #94C83D;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-65 {
    opacity: 0.65;
}

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

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

.shadow-inner-lg {
    --tw-shadow: inset 0 0 20px  var(--tw-shadow-color);
    --tw-shadow-colored: inset 0 0 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 {
    --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-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

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

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

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-n {
    --tw-shadow: 0 -2px 2px 0 rgba(0,0,0,0.05);
    --tw-shadow-colored: 0 -2px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-n-1 {
    --tw-shadow: 0 -2px 3px 0 rgba(0,0,0,0.1), 0 -2px 2px -1px rgba(0,0,0,0.1);
    --tw-shadow-colored: 0 -2px 3px 0 var(--tw-shadow-color), 0 -2px 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_0_0\.25rem_currentColor\] {
    --tw-shadow: 0 0 0 0.25rem currentColor;
    --tw-shadow-colored: 0 0 0 0.25rem 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_0_3px\] {
    --tw-shadow: 0 0 0 3px;
    --tw-shadow-colored: 0 0 0 3px 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-primary {
    --tw-shadow-color: #94C83D;
    --tw-shadow: var(--tw-shadow-colored);
}

.shadow-white {
    --tw-shadow-color: #fff;
    --tw-shadow: var(--tw-shadow-colored);
}

.outline {
    outline-style: solid;
}

.outline-1 {
    outline-width: 1px;
}

.outline-offset-2 {
    outline-offset: 2px;
}

.outline-offset-4 {
    outline-offset: 4px;
}

.outline-primary-200 {
    outline-color: #D6EAB4;
}

.outline-transparent {
    outline-color: transparent;
}

.outline-danger {
    outline-color: #ef4444;
}

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

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

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

.ring-inset {
    --tw-ring-inset: inset;
}

.ring-primary {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity));
}

.ring-transparent {
    --tw-ring-color: transparent;
}

.ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(43 43 43 / var(--tw-ring-opacity));
}

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

.ring-primary-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(214 234 180 / var(--tw-ring-opacity));
}

.ring-opacity-20 {
    --tw-ring-opacity: 0.2;
}

.ring-offset-1 {
    --tw-ring-offset-width: 1px;
}

.ring-offset-0 {
    --tw-ring-offset-width: 0px;
}

.ring-offset-2 {
    --tw-ring-offset-width: 2px;
}

.ring-offset-gray-800 {
    --tw-ring-offset-color: #2B2B2B;
}

.ring-offset-gray-200 {
    --tw-ring-offset-color: #EAEAEA;
}

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

.blur-sm {
    --tw-blur: blur(4px);
    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);
}

.blur-lg {
    --tw-blur: blur(16px);
    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);
}

.brightness-0 {
    --tw-brightness: brightness(0);
    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);
}

.contrast-125 {
    --tw-contrast: contrast(1.25);
    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);
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.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%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

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

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -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);
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -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);
}

.backdrop-blur-none {
    --tw-backdrop-blur: blur(0);
    -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);
}

.backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -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);
}

.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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    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-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-shadow {
    transition-property: box-shadow;
    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-200 {
    transition-delay: 200ms;
}

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

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

.delay-500 {
    transition-delay: 500ms;
}

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

.delay-1000 {
    transition-delay: 1000ms;
}

.delay-150 {
    transition-delay: 150ms;
}

.delay-75 {
    transition-delay: 75ms;
}

.delay-0 {
    transition-delay: 0s;
}

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

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

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

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

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

.duration-2000 {
    transition-duration: 2s;
}

.duration-1500 {
    transition-duration: 1.5s;
}

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

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

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

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

.ease-linear {
    transition-timing-function: linear;
}

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

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

.ease-out-expo {
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ease-in-out-back {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.will-change-auto {
    will-change: auto;
}

.will-change-transform {
    will-change: transform;
}

.content-\[\'\'\] {
    --tw-content: '';
    content: var(--tw-content);
}

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

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

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

/*.animate-science-brain {
    mask-size: 100% 300%;
    mask-image: linear-gradient(to bottom, transparent 60%, black, transparent 85%);
}

@keyframes scienceBrain {
    0% {
        opacity: 1
    }
    40%, 70% {
        opacity: 1;
        -webkit-mask-position: bottom
    }
    75%, 85% {
        opacity: 0.5;
        -webkit-mask-position: bottom
    }
    80%, 90% {
        opacity: 1;
        !*filter: contrast(150%);*!
        -webkit-mask-position: bottom
    }
    100% {
        opacity: 0;
        -webkit-mask-position: bottom
    }
}*/

@keyframes scienceBrain {
    0%, 10% {
        opacity: 0;
        filter: saturate(1);
    }
    30%, 70% {
        opacity: 1;
        filter: saturate(2);
    }
    90%, 100% {
        opacity: 0;
        filter: saturate(1);
    }
}

.reveal-cloud{
    /*transition: all 2s cubic-bezier(1, -0.02, 1, 0.54);*/
    transition-timing-function: steps(17);
    -webkit-mask: url(cloud-reveal-mask.png);
    -webkit-mask-size: 1800% 100%;
    -webkit-mask-position: 0 50%;
}

.reveal-cloud.in{
    -webkit-mask-position: 100% 50%;
}

/*
.reveal-text-box{
    @apply relative z-0 delay-500
}
.reveal-text-box:after{
    content: " ";

    @apply block absolute left-0 right-full top-0 bottom-0 bg-primary z-10;
    background: currentColor;
}
.reveal-text-box:after{
    background: currentColor;
}
.reveal-text-box:not(.in) {
    color: transparent;
}

.reveal-text-box.in {

}
.reveal-text-box.in:after{
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: ease-in-out;
    animation-name: revealTextBoxCover;
    animation-duration: 1000ms;
    animation-delay: 100ms;
}
@keyframes revealTextBoxCover{
    0%{
        left:0;
        right:100%;
    }
    44%{
        left:0;
        right:0;
    }
    54%{
        left:0;
        right:0;
    }
    100%{
        left:100%;
        right:0;
    }
}*/

/*.locale-selectors__container{
    @apply fixed bottom-1 left-1 !p-0 !bg-transparent
}
.locale-selectors__content{
    @apply !p-0
}*/

.idme .idme-shopify {
    margin-top: 0.75rem;
    display: flex;
    width: auto;
    flex-direction: column;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 640px) {

    .idme .idme-shopify {
        display: block;
        align-items: flex-end;
    }
}

.idme .idme-btn-affinity {
    margin-left: 0px;
    margin-bottom: 0.5rem;
    display: block;
    text-align: center;
    font-family: neuzeit-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 640px) {

    .idme .idme-btn-affinity {
        text-align: right;
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.idme .idme-btn-unify {
    display: inline-block;
}

.country-iso--cad .idme,
.mini-cart .idme{
    display: none !important;
}

body .wg-default, body .wg-default .country-selector {
    right: auto;
    left: 0px;
    bottom: 0.75rem;
}

body [title="Contact us button"] > div, body [title="Live chat button"] > div {
    right: 0.75rem !important;
    bottom: 0.75rem !important;
    font-size: 0;
}

body [title="Contact us button"] .circleChatButtonWrap, body [title="Live chat button"] .circleChatButtonWrap {
    display: block;
}

/* PDP-specific update */

@media (max-width: 640px) {
  body [title="Contact us button"] > div, body.page-product [title="Live chat button"] > div, body.page-product .wg-default, body.page-product .wg-default .country-selector {
        bottom: 83px !important;
    }
}

.section-header {
    position: sticky;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1010;
}

.page-home .section-header, .page-transparent-header .section-header {
    position: fixed;
}

.header {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1010;
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.header--fixed:not(.header--menu-open) {
    --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);
}

tooltip-view.header-fixed:not(.header--menu-open):before, tooltip-view.header-fixed:not(.header--menu-open):after, tooltip-view.page-home .header:not(.header--menu-open):before, tooltip-view.page-home .header:not(.header--menu-open):after, tooltip-view.page-transparent-header .header:not(.header--menu-open):before, tooltip-view.page-transparent-header .header:not(.header--menu-open):after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.header-fixed:not(.header--menu-open), .page-home .header:not(.header--menu-open), .page-transparent-header .header:not(.header--menu-open) {
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.9;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.page-home .header:not(.header--fixed),
.page-transparent-header .header:not(.header--fixed){
    /*@apply bg-gradient-to-b from-black bg-transparent shadow-none;*/
    background-color: transparent;
    --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);
    background-image: linear-gradient(to bottom,
            rgba(0,0,0, 1) 0%,
            rgba(0,0,0, 0.3) 50%,
            rgba(0,0,0, 0.15) 65%,
            rgba(0,0,0, 0.075) 75.5%,
            rgba(0,0,0, 0.037) 82.85%,
            rgba(0,0,0, 0.019) 88%,
            rgba(0,0,0, 0) 100%
    );
}

.header-fixed:not(.header--menu-open) .btn.btn-icon, .page-home .header:not(.header--menu-open) .btn.btn-icon, .page-transparent-header .header:not(.header--menu-open) .btn.btn-icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-fixed:not(.header--menu-open) .btn.btn-icon-ghost-outline, .page-home .header:not(.header--menu-open) .btn.btn-icon-ghost-outline, .page-transparent-header .header:not(.header--menu-open) .btn.btn-icon-ghost-outline {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-fixed:not(.header--menu-open) .animated-link>[title]:after, .page-home .header:not(.header--menu-open) .animated-link>[title]:after, .page-transparent-header .header:not(.header--menu-open) .animated-link>[title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-fixed:not(.header--menu-open) .logo img, .page-home .header:not(.header--menu-open) .logo img, .page-transparent-header .header:not(.header--menu-open) .logo img {
    --tw-brightness: brightness(1);
    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);
}

.footer .mc-field-group:has(input.mce_inline_error) {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.footer div.mce_inline_error {
    display: none !important;
}

.footer #mce-error-response {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

.footer #mce-success-response {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

@media (max-width: 639px) {
  .footer .btn-icon-outline.btn-xl {
        height: 2.5rem;
        width: 2.5rem;
    }
  .footer .btn-icon-outline.btn-xl svg {
        height: 1.25rem;
        width: 1.25rem;
    }
}

.product-info .yotpo .write-review-btn-hidden {
    display: none;
}

.product-info .yotpo a {
    --tw-text-opacity: 1 !important;
    color: rgb(43 43 43 / var(--tw-text-opacity)) !important;
}

.product-info .yotpo a:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(148 200 61 / var(--tw-text-opacity)) !important;
}

.product-info .yotpo .yotpo-stars {
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
}

.product-info .yotpo .yotpo-bottomline.star-clickable {
    align-items: center;
}

.product-info .yotpo .yotpo-bottomline a {
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(148 200 61 / var(--tw-text-opacity)) !important;
    -webkit-text-decoration-line: underline !important;
            text-decoration-line: underline !important;
}

.product-info .yotpo .yotpo-bottomline a:hover {
    -webkit-text-decoration-line: none !important;
            text-decoration-line: none !important;
}

@media (min-width: 768px) {

    .product-info .yotpo .yotpo-bottomline a {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }
}

.product-info .yotpo .yotpo-bottomline .yotpo-icon-star, .product-info .yotpo .yotpo-bottomline .yotpo-icon-half-star, .product-info .yotpo .yotpo-bottomline .yotpo-icon-empty-star {
    --tw-text-opacity: 1;
    color: rgb(255 230 34 / var(--tw-text-opacity));
}

.shopify-app-block .yotpo div,
.shopify-app-block .yotpo span,
.shopify-app-block .yotpo p,
.shopify-app-block .yotpo a,
.shopify-app-block .yotpo img,
.shopify-app-block .yotpo i,
.shopify-app-block .yotpo strong,
.shopify-app-block .yotpo sup,
.shopify-app-block .yotpo ul,
.shopify-app-block .yotpo li,
.shopify-app-block .yotpo form,
.shopify-app-block .yotpo label{
    font-family: inherit;
}

.shopify-app-block .yotpo.yotpo-main-widget {
    margin-top: 2rem;
    margin-bottom: 4rem;
    font-family: neuzeit-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-label-container {
    border-width: 0px;
    padding: 0px;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-label-container .yotpo-logo-link-new {
    display: none;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-label-container:before{
    content: "Customer Reviews";
    display: inline-block;
    display: block;
    text-align: center;
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 2.24rem;
    line-height: 2.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity))}

.shopify-app-block .yotpo .new-yotpo-small-box {
    margin-top: 0.5rem;
}

@media (min-width: 480px) {

    .shopify-app-block .yotpo .new-yotpo-small-box {
        margin-top: 0px;
    }
}

.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container {
    margin-top: 1rem;
    padding-right: 0px !important;
}

@media (min-width: 768px) {

    .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container {
        margin-top: 0px;
    }
}

tooltip-view.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:before, tooltip-view.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:after, tooltip-view.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:before, tooltip-view.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button {
    display: inline-flex;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button > :not([hidden]) ~ :not([hidden]), .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button {
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    text-align: center;
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:hover, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:focus, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(234 234 234 / 0.5);
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:active, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:disabled, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button>[title], .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button>[title] {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: transparent;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button>[title]:before, .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button>[title]:after, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button>[title]:before, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button>[title]:after{
        content: attr(title);
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        --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));
        --tw-text-opacity: 1;
        color: rgb(148 200 61 / var(--tw-text-opacity));
        transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button>[title]:after, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button>[title]:after {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:hover>[title]:before, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:hover>[title]:before {
    --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));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:hover>[title]:after, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:hover>[title]:after {
    --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));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button>span:not(.hidden), .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button>span:not(.hidden) {
    display: inline-block;
    --tw-translate-y: 3%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button>.icon, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button>.icon {
    height: 1.25rem;
    width: 1.25rem;
    max-width: none;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button {
    border-radius: 9999px;
}

tooltip-view.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:before, tooltip-view.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:after, tooltip-view.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:before, tooltip-view.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button {
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:hover, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:focus, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: rgb(148 200 61 / 0.5);
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button > [title]:before, .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button > [title]:after, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button > [title]:before, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button > [title]:after {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.input-group-icon .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button, .input-group-icon .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button {
    position: absolute;
    right: 0px;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.input-group-icon .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:first-child, .input-group-icon .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:first-child {
    right: auto;
    left: 0px;
}

.cart__ctas .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button, .cart__ctas .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button{
        /*@apply w-full*/
    }

.header-fixed:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button.btn-icon, .page-home .header:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button.btn-icon, .page-transparent-header .header:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button.btn-icon, .header-fixed:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button.btn-icon, .page-home .header:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button.btn-icon, .page-transparent-header .header:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button.btn-icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-fixed:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button.btn-icon-ghost-outline, .page-home .header:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button.btn-icon-ghost-outline, .page-transparent-header .header:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button.btn-icon-ghost-outline, .header-fixed:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button.btn-icon-ghost-outline, .page-home .header:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button.btn-icon-ghost-outline, .page-transparent-header .header:not(.header--menu-open) .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button.btn-icon-ghost-outline {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-default-button:hover, .shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity)) !important;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button>.icon {
    height: 0.75rem;
    width: 0.75rem;
}

.btn-icon.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button, .btn-icon-outline.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button, .btn-icon-ghost-outline.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button {
    height: 1.5rem;
    width: 1.5rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.btn-icon.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button svg, .btn-icon-outline.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button svg, .btn-icon-ghost-outline.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button svg {
    height: 0.75rem;
    width: 0.75rem;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-question-review-buttons-container .yotpo-default-button {
    position: relative;
    z-index: 10;
    margin-bottom: 0px;
    height: auto;
    width: auto;
    border-width: 0px;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.shopify-app-block .write-question-review-buttons-container .write-question-review-button .write-question-review-button-icon {
    display: block !important;
    padding-right: 0px !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.shopify-app-block .write-question-review-buttons-container .write-question-review-button .write-question-review-button-icon::before {
    display: block !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.shopify-app-block .write-question-review-buttons-container .write-question-review-button .write-question-review-button-text {
    height: auto;
    width: auto;
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: inherit;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-regular-box {
    margin: 0px;
    border-width: 0px;
    padding: 0px;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-bottomline .avg-score {
    display: none;
}

.shopify-app-block .bottom-line-items-container-desktop, .shopify-app-block .bottom-line-items-container-mobile {
    margin-bottom: 1rem;
    height: auto;
}

@media (min-width: 768px) {

    .shopify-app-block .bottom-line-items-container-desktop, .shopify-app-block .bottom-line-items-container-mobile {
        margin-bottom: 0px;
    }
}

.shopify-app-block .bottom-line-items-container-desktop .bottom-line-items-wrapper, .shopify-app-block .bottom-line-items-container-mobile .bottom-line-items-wrapper {
    position: static;
    margin-top: 0.5rem;
    width: 100%;
    transform: none;
}

@media (min-width: 480px) {

    .shopify-app-block .bottom-line-items-container-desktop .bottom-line-items-wrapper, .shopify-app-block .bottom-line-items-container-mobile .bottom-line-items-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.shopify-app-block .bottom-line-items-container-desktop .bottom-line-items-wrapper .bottom-line-items .yotpo-filter-stars, .shopify-app-block .bottom-line-items-container-mobile .bottom-line-items .yotpo-filter-stars {
    position: static;
    float: none;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px !important;
}

.shopify-app-block .bottom-line-items-container-desktop .bottom-line-items-wrapper .yotpo-star-distribution-wrapper, .shopify-app-block .bottom-line-items-container-mobile .bottom-line-items-wrapper .yotpo-star-distribution-wrapper {
    float: none;
    margin-top: 0px;
    display: flex;
    height: auto;
    justify-content: center;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 480px) {

    .shopify-app-block .bottom-line-items-container-desktop .bottom-line-items-wrapper .yotpo-star-distribution-wrapper, .shopify-app-block .bottom-line-items-container-mobile .bottom-line-items-wrapper .yotpo-star-distribution-wrapper {
        margin-left: 2rem;
        width: auto;
    }
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-bottomline .based-on {
    padding-top: 0px;
    text-align: center;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-bottomline .reviews-qa-labels-container {
    position: static;
    float: none;
    margin-left: 0px;
    width: auto;
    max-width: none;
    padding-top: 0px;
}

.shopify-app-block .bottom-line-items-container-desktop .bottom-line-items-wrapper .reviews-qa-labels-container .reviews-qa-label, .shopify-app-block .bottom-line-items-container-mobile .bottom-line-items-wrapper .reviews-qa-labels-container .reviews-qa-label {
    position: static;
    margin-left: 0px;
    width: auto;
    padding-top: 0px;
    padding-left: 0px;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-bottomline .bottom-line-items {
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 1rem;
    display: flex;
    height: auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-width: 0px;
    padding: 0px;
    text-align: center;
}

@media (min-width: 480px) {

    .shopify-app-block .yotpo.yotpo-main-widget .yotpo-bottomline .bottom-line-items {
        width: auto;
    }
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-bottomline .bottom-line-items .yotpo-icon, .shopify-app-block .yotpo.yotpo-main-widget .yotpo-bottomline .bottom-line-items .yotpo-icon.yotpo-icon-empty-star {
    height: auto;
    font-size: 1.5rem;
    line-height: 2rem;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-first-review .yotpo-first-review-stars .yotpo-icon-star {
    --tw-text-opacity: 1;
    color: rgb(157 157 157 / var(--tw-text-opacity));
}

.shopify-app-block .bottom-line-items-container-desktop .bottom-line-items-wrapper .bottom-line-only .bottom-line-only-container, .shopify-app-block .bottom-line-items-container-desktop .bottom-line-items-wrapper .bottom-line-only .bottom-line-only-container .reviews-qa-label
.shopify-app-block .bottom-line-items-container-mobile .bottom-line-items-wrapper .bottom-line-only .bottom-line-only-container, .shopify-app-block .bottom-line-items-container-mobile .bottom-line-items-wrapper .bottom-line-only .bottom-line-only-container .reviews-qa-label {
    position: static;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

tooltip-view.shopify-app-block .yotpo.yotpo-main-widget .write-review:before, tooltip-view.shopify-app-block .yotpo.yotpo-main-widget .write-review:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-label.yotpo-header-title {
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 600;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review span.yotpo-mandatory-mark{
    display: none;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .yotpo-mandatory-explain span.yotpo-mandatory-mark {
    display: inline;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .yotpo-mandatory-explain {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-label {
    margin-bottom: 0.5rem;
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
}

.field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-label{
        /*@apply text-base absolute duration-300 transform -translate-y-1/2 top-1/2 left-0 -z-10 origin-[0] peer-focus:left-0 peer-focus:top-0 peer-focus:scale-50 peer-focus:-translate-y-0 peer-focus:text-primary peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0*/
        position: absolute;
        top: 50%;
        left: 0px;
        z-index: -10;
        transform-origin: 0;
        --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));
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400;
        transition-duration: 200ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}

.field-floating .input-lg + .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-label {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.field-floating .input:not(:-moz-placeholder-shown) + .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.field-floating .input:not(:-ms-input-placeholder) + .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.field-floating .input:not(:placeholder-shown) + .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-label, .field-floating .input:focus + .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.field.required>.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-label:after{
        content: '*';
        display: inline;
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity));
    }

.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-label {
    margin-bottom: 0.25rem;
    padding: 0px;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review span.yotpo-mandatory-mark + .y-label:after{
    content: "*";
    margin-left: 0px;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity))}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 1rem;
    line-height: 1.5rem;
    caret-color: #94C83D;
    --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-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity));
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
    --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(148 200 61 / var(--tw-ring-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input[type="number"].appearance-none{
        -moz-appearance: textfield;
    }

.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input-group > .input {
    flex-grow: 1;
}

.field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input {
    width: 100%;
    border-radius: 0px;
    border-width: 0px;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(34 34 34 / var(--tw-text-opacity));
}

.field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.field-floating>.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input {
    border-width: 0px;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input-group-control .input {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input:not(:focus)::-moz-placeholder {
        color: transparent;
    }

.field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input:not(:focus):-ms-input-placeholder {
        color: transparent;
    }

.field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input:not(:focus)::placeholder {
        color: transparent;
    }

.field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input:not(:-moz-placeholder-shown) + .label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input:not(:-ms-input-placeholder) + .label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input:not(:placeholder-shown) + .label, .field-floating .shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input:focus + .label {
    top: -0.5rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

select.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input {
    padding-right: 2.25rem;
}

select.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input.input-lg {
    padding-right: 2.75rem;
}

select.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input.input-sm {
    padding-right: 2.25rem;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .y-input {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 1rem;
    height: auto;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .connect-wrapper {
    padding: 0px;
}

.shopify-app-block .yotpo.yotpo-main-widget .write-review .socialize-wrapper{
    display: none !important;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-nav {
    padding: 0px;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-nav .yotpo-nav-primary {
    margin-bottom: 0.5rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-nav li {
    margin-bottom: 0px;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-nav li .yotpo-nav-wrapper {
    margin-bottom: 0px;
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-nav li .yotpo-nav-wrapper > span {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper>span {
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review {
    position: relative;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 640px) {

    .shopify-app-block .yotpo.yotpo-main-widget .yotpo-review {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {

    .shopify-app-block .yotpo.yotpo-main-widget .yotpo-review {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-header {
    position: static;
    flex-shrink: 0;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

@media (min-width: 640px) {

    .shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-header {
        width: 7rem;
    }
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-header .yotpo-icon-profile {
    display: none;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-header .yotpo-header-actions {
    position: absolute;
    top: 1.25rem;
    right: 0px;
    text-align: right;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-header .y-label.yotpo-user-name {
    display: block;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-header .y-label.yotpo-review-date {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-header .label-with-tooltip {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-main {
        margin: 0px;
        margin-left: 3rem;
        width: calc(100% - 10rem);
    }
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-main .content-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-main .content-review, .shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-main .content-review * {
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 768px) {

    .shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-main .content-review, .shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-main .content-review * {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-main .content-review .yotpo-read-more {
    margin-left: 0.125rem;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-main .content-review .yotpo-read-more:hover {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-main .content-review {
    --tw-text-opacity: 1;
    color: rgb(43 43 43 / var(--tw-text-opacity));
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-footer {
    margin-top: 0.5rem;
    width: 100%;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-review .yotpo-footer .footer-actions {
    display: none !important;
}

.shopify-app-block .yotpo .new-yotpo-small-box, .shopify-app-block .main-widget .yotpo-reviews-header, .shopify-app-block .main-widget .yotpo-reviews-filters, .shopify-app-block .yotpo.yotpo-main-widget .yotpo-reviews {
    margin-left: 0px;
    margin-right: 0px;
}

/* Store owner coments */

.shopify-app-block .yotpo .yotpo-review .yotpo-comments-box {
    position: relative;
    margin-top: 1.5rem;
    margin-left: 1.5rem;
    border-width: 0px;
}

.shopify-app-block .yotpo .yotpo-comments-box .yotpo-comment-box {
    margin-left: 0px;
    border-width: 0px;
    border-left-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
    padding: 0px;
    padding-left: 1.5rem;
}

.shopify-app-block .yotpo .yotpo-comments-box .yotpo-comment-box .yotpo-main {
    margin-left: 0px;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-comments-box .yotpo-comment-box .yotpo-header .y-label.yotpo-user-name {
    font-weight: 600;
}

/* Pager */

.shopify-app-block .yotpo .yotpo-pager a.yotpo-page-element {
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 4px;
}

.shopify-app-block .yotpo .yotpo-pager a.yotpo-page-element.yotpo-active {
    --tw-text-opacity: 1 !important;
    color: rgb(43 43 43 / var(--tw-text-opacity)) !important;
    -webkit-text-decoration-line: underline !important;
            text-decoration-line: underline !important;
}

.shopify-app-block .yotpo .yotpo-pager a.yotpo-page-element.yotpo-active:hover {
    -webkit-text-decoration-line: none !important;
            text-decoration-line: none !important;
}

.shopify-app-block .yotpo .yotpo-pager a.yotpo-page-element.yotpo-disabled {
    --tw-text-opacity: 1 !important;
    color: rgb(43 43 43 / var(--tw-text-opacity)) !important;
    opacity: 0.25;
}

/* Messages */

.shopify-app-block .yotpo-messages {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-thank-you {
    border-width: 0px;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-thank-you .yotpo-icon-cross {
    display: none;
}

.shopify-app-block .yotpo.yotpo-main-widget .yotpo-thank-you .yotpo-thankyou-footer .social-link {
    background-color: transparent !important;
}

/*@import "sections/_powr.css";*/

@media (max-width: 1024px) {
  /* Mobile (non-initialized splide) */
    .input[type="number"].product-gallery-thumbs.splide.is-mobile::-webkit-scrollbar{
        -moz-appearance: textfield;
    }

    input.product-gallery-thumbs.splide.is-mobile::-webkit-scrollbar::-webkit-outer-spin-button, input.product-gallery-thumbs.splide.is-mobile::-webkit-scrollbar::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .product-gallery-thumbs.splide.is-mobile::-webkit-scrollbar {
        height: 0.625rem;
        width: 0.625rem;
        -webkit-appearance: none;
                appearance: none;
        background-color: transparent;
    }
    .product-gallery-thumbs.splide.is-mobile::-webkit-scrollbar-track {
        background-color: transparent;
    }
    .product-gallery-thumbs.splide.is-mobile::-webkit-scrollbar-thumb {
        border-radius: 0.75rem;
        border-width: 2px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(157 157 157 / var(--tw-bg-opacity));
    }

    .product-gallery-thumbs.splide.is-mobile.scrollbar-w-track::-webkit-scrollbar {
        height: 0.25rem;
        width: 0.25rem;
    }

    .scrollbar.product-gallery-thumbs.splide.is-mobile::-webkit-scrollbar {
        height: 0.25rem;
        width: 0.25rem;
    }
    .product-gallery-thumbs.splide.is-mobile.scrollbar-w-track::-webkit-scrollbar-track {
        border-radius: 0.75rem;
        --tw-bg-opacity: 1;
        background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    }
    .scrollbar.product-gallery-thumbs.splide.is-mobile::-webkit-scrollbar-track {
        border-radius: 0.75rem;
        --tw-bg-opacity: 1;
        background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    }
    .product-gallery-thumbs.splide.is-mobile.scrollbar-w-track::-webkit-scrollbar-thumb {
        border-width: 0px;
        --tw-bg-opacity: 1;
        background-color: rgb(128 128 128 / var(--tw-bg-opacity));
    }
    .scrollbar.product-gallery-thumbs.splide.is-mobile::-webkit-scrollbar-thumb {
        border-width: 0px;
        --tw-bg-opacity: 1;
        background-color: rgb(128 128 128 / var(--tw-bg-opacity));
    }
}

.rte {
    overflow-wrap: break-word;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: inherit;
}

@media (min-width: 768px) {

    .rte {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.rte.rte--light {
    overflow-wrap: break-word;
    font-family: neuzeit-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 1.25;
    color: inherit;
}

@media (min-width: 768px) {

    .rte.rte--light {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.rte h1, .rte .h1, .rte h2, .rte .h2 {
    margin-bottom: 1.5rem;
    scroll-margin-top: 7rem;
    font-family: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 800;
}

.rte h1::before, .rte .h1::before, .rte h2::before, .rte .h2::before {
    margin-bottom: 1.25rem;
    display: block;
    height: 0.375rem;
    width: 6rem;
    max-width: 100%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

    .rte h1, .rte .h1, .rte h2, .rte .h2 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .rte h1::before, .rte .h1::before, .rte h2::before, .rte .h2::before {
        content: var(--tw-content);
        width: 8rem;
    }
}

@media (min-width: 1024px) {

    .rte h1, .rte .h1, .rte h2, .rte .h2 {
        font-size: 3rem;
        line-height: 1;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .rte h1, .rte .h1, .rte h2, .rte .h2 {
        font-size: 3.25rem;
        line-height: 1;
    }
}

.rte h3, .rte h4, .rte h5, .rte h6 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    scroll-margin-top: 7rem;
}

.rte h3{
    font-size: 160%;
}

.rte h4{
    font-size: 130%;
    margin-bottom: 0.375rem}

.rte p, .rte--light p {
    margin-bottom: 0.75rem;
}

@media (min-width: 768px) {

    .rte p, .rte--light p {
        margin-bottom: 1rem;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .rte p, .rte--light p {
        margin-bottom: 1.25rem;
    }
}

.rte:after {
    clear: both;
    content: '';
    display: inline-block;
}

.rte > p:first-child, .rte--light > p:first-child {
    margin-top: 0px;
}

.rte > p:last-child, .rte--light > p:last-child {
    margin-bottom: 0px;
}

.rte table {
    table-layout: fixed;
}

@media (min-width: 768px) {

    .rte table td {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.rte img,
.rte--light img {
    height: auto;
    max-width: 100%;
}

.rte ul, .rte--light ul {
    margin-bottom: 0.75rem;
    list-style-type: disc;
    padding-left: 2rem;
}

.rte ul *::marker, .rte--light ul *::marker {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.rte ul::marker, .rte--light ul::marker {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .rte ul, .rte--light ul {
        padding-left: 3rem;
    }
}

.rte ol, .rte--light ol {
    margin-bottom: 0.75rem;
    list-style-type: decimal;
    padding-left: 2rem;
}

@media (min-width: 768px) {

    .rte ol, .rte--light ol {
        padding-left: 3rem;
    }
}

.rte li,
.rte--light li {
    list-style: inherit;
    margin-bottom: 0.5rem}

.rte li:last-child, .rte--light li:last-child {
    margin-bottom: 0px;
}

.rte a:not([class*="btn"]), .rte--light a:not([class*="btn"]) {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: linear;
}

.rte a:not([class*="btn"]):hover, .rte--light a:not([class*="btn"]):hover {
    --tw-text-opacity: 1;
    color: rgb(170 211 101 / var(--tw-text-opacity));
    text-underline-offset: 8px;
}

.rte a:not([class*="btn"]),
.rte--light a:not([class*="btn"]) {
    transition-property: text-underline-offset, color;
}

.rte a[href], .rte--light a[href] {
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}

.rte blockquote {
    display: inline-flex;
}

.rte blockquote > * {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}

.rte strong, .rte--light strong, .rte b, .rte--light b {
    font-weight: 600;
}

.rte.rte--light ul, .rte.rte--light ol {
    padding-left: 1.25rem;
}

.space-p-2 p:not(:last-child) {
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {

    .space-p-2 p:not(:last-child) {
        margin-bottom: 0.75rem;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .space-p-2 p:not(:last-child) {
        margin-bottom: 1rem;
    }
}

.space-p-3 p:not(:last-child) {
    margin-bottom: 0.75rem;
}

@media (min-width: 768px) {

    .space-p-3 p:not(:last-child) {
        margin-bottom: 1rem;
    }
}

@media (min-width: 1536px) and (min-height: 1010px) {

    .space-p-3 p:not(:last-child) {
        margin-bottom: 1.25rem;
    }
}

/* for alpine js */

[x-cloak] { display: none !important; }

[x-gsap-cloak] { visibility: hidden !important; }

.marker\:text-primary *::marker {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.marker\:text-primary::marker {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

.selection\:bg-primary-300 *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(192 223 140 / var(--tw-bg-opacity));
}

.selection\:bg-primary-300 *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(192 223 140 / var(--tw-bg-opacity));
}

.selection\:bg-primary-300::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(192 223 140 / var(--tw-bg-opacity));
}

.selection\:bg-primary-300::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(192 223 140 / var(--tw-bg-opacity));
}

.before\:mb-5::before {
    content: var(--tw-content);
    margin-bottom: 1.25rem;
}

.before\:block::before {
    content: var(--tw-content);
    display: block;
}

.before\:h-1\.5::before {
    content: var(--tw-content);
    height: 0.375rem;
}

.before\:h-1::before {
    content: var(--tw-content);
    height: 0.25rem;
}

.before\:w-24::before {
    content: var(--tw-content);
    width: 6rem;
}

.before\:max-w-full::before {
    content: var(--tw-content);
    max-width: 100%;
}

.before\:bg-primary::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

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

.first\:rounded-l-full:first-child {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}

.first\:border-l-0:first-child {
    border-left-width: 0px;
}

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

.first\:pl-0:first-child {
    padding-left: 0px;
}

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

.last\:mr-0:last-child {
    margin-right: 0px;
}

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

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

.last\:rounded-r-full:last-child {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

.last\:border-b-0:last-child {
    border-bottom-width: 0px;
}

.last\:pr-2:last-child {
    padding-right: 0.5rem;
}

.target\:block:target {
    display: block;
}

.invalid\:border-danger:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

tooltip-view.hover\:bg-secondary:hover:before, tooltip-view.bg-secondary:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

tooltip-view.hover\:bg-gray-100:hover:before, tooltip-view.bg-gray-100:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.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-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

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

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

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

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

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

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:\!bg-primary:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-opacity-20:hover {
    --tw-bg-opacity: 0.2;
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

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

.hover\:text-primary-400:hover {
    --tw-text-opacity: 1;
    color: rgb(170 211 101 / var(--tw-text-opacity));
}

.hover\:underline:hover {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

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

.hover\:\!no-underline:hover {
    -webkit-text-decoration-line: none !important;
            text-decoration-line: none !important;
}

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

.hover\:ring-2:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:ring-primary:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity));
}

.hover\:brightness-105:hover {
    --tw-brightness: brightness(1.05);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

tooltip-view.focus\:bg-gray-100:focus:before, tooltip-view.bg-gray-100:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.focus\:border-primary:focus {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
}

.focus\:border-secondary:focus {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.focus\:bg-gray-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.focus\:bg-primary:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

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

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

.focus\:bg-opacity-30:focus {
    --tw-bg-opacity: 0.3;
}

.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\:shadow-primary:focus {
    --tw-shadow-color: #94C83D;
    --tw-shadow: var(--tw-shadow-colored);
}

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

.focus\:outline-2:focus {
    outline-width: 2px;
}

.focus\:outline-offset-1:focus {
    outline-offset: 1px;
}

.focus\:outline-gray-200\/50:focus {
    outline-color: rgb(234 234 234 / 0.5);
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-primary:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 200 61 / var(--tw-ring-opacity));
}

.focus\:brightness-100:focus {
    --tw-brightness: brightness(1);
    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);
}

.active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}

.disabled\:opacity-80:disabled {
    opacity: 0.8;
}

.disabled\:opacity-0:disabled {
    opacity: 0;
}

.disabled\:opacity-100:disabled {
    opacity: 1;
}

tooltip-view.disabled\:hover\:bg-secondary:hover:disabled:before, tooltip-view.bg-secondary:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(43 43 43 / var(--tw-border-opacity));
    border-bottom-color: rgb(43 43 43 / var(--tw-border-opacity));
}

.disabled\:hover\:bg-secondary:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43 / var(--tw-bg-opacity));
}

.group:first-child .group-first\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.group:last-child .group-last\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.group:nth-child(even) .group-even\:bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

tooltip-view.group:hover .group-hover\:bg-gray-100:before, tooltip-view.bg-gray-100:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.group:hover .group-hover\:max-h-40 {
    max-height: 10rem;
}

.group:hover .group-hover\: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));
}

.group:hover .group-hover\:translate-x-0\.25 {
    --tw-translate-x: 0.0625rem;
    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\: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));
}

.group:hover .group-hover\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-65 {
    --tw-scale-x: .65;
    --tw-scale-y: .65;
    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-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    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-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-y-100 {
    --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));
}

.group:hover .group-hover\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity));
}

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

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

.group:focus .group-focus\: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));
}

.group:focus .group-focus\:opacity-100 {
    opacity: 1;
}

.peer:target ~ .peer-target\:hidden {
    display: none;
}

tooltip-view.peer:checked ~ .peer-checked\:bg-gray-100:before, tooltip-view.bg-gray-100:after {
    --tw-border-opacity: 1;
    border-top-color: rgb(244 244 244 / var(--tw-border-opacity));
    border-bottom-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(148 200 61 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(148 200 61 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}

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

.peer:checked ~ .peer-checked\:ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(43 43 43 / var(--tw-ring-opacity));
}

.peer:checked ~ .peer-checked\:ring-offset-2 {
    --tw-ring-offset-width: 2px;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:-ms-input-placeholder ~ .peer-placeholder-shown\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:left-0 {
    left: 0px;
}

.peer:focus ~ .peer-focus\:top-0 {
    top: 0px;
}

.peer:focus ~ .peer-focus\:-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:focus ~ .peer-focus\:scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:text-primary {
    --tw-text-opacity: 1;
    color: rgb(148 200 61 / var(--tw-text-opacity));
}

@media (min-width: 480px) {

    .xs\:static {
        position: static;
    }

    .xs\:left-0 {
        left: 0px;
    }

    .xs\:right-0 {
        right: 0px;
    }

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

    .xs\:bottom-auto {
        bottom: auto;
    }

    .xs\:flex {
        display: flex;
    }

    .xs\:grid {
        display: grid;
    }

    .xs\:h-1\/2 {
        height: 50%;
    }

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

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

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

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

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

    .xs\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }

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

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

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

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

@media (min-width: 640px) {
    .sm\:btn-lg {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .sm\:btn-lg>.icon {
        height: 1.5rem;
        width: 1.5rem;
    }

    .btn-icon.sm\:btn-lg, .btn-icon-outline.btn-lg, .btn-icon-ghost-outline.btn-lg {
        height: 3rem;
        width: 3rem;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .btn-icon.sm\:btn-lg svg, .btn-icon-outline.btn-lg svg, .btn-icon-ghost-outline.btn-lg svg {
        height: 1.5rem;
        width: 1.5rem;
    }


    .sm\:modal-drawer {
        justify-content: flex-start;
    }
    .sm\:modal-drawer .modal-dialog {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        overflow: auto;
        overflow-y: auto;
        overflow-x: hidden;
        border-radius: 0px;
    }
    .sm\:modal-drawer .modal-dialog:not([class*="w-full"]) {
        width: 20rem;
    }
    .sm\:modal-drawer .modal-dialog .menu li {
        position: static;
    }
    .sm\:modal-drawer .modal-dialog .menu li > ul {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 10;
        display: flex;
        overflow-y: auto;
    }
    .sm\:modal-drawer-right {
        justify-content: flex-end;
    }
    .sm\:modal-drawer-right .modal-dialog {
        left: auto;
        right: 0px;
    }
    .sm\:absolute {
        position: absolute;
    }
    .sm\:relative {
        position: relative;
    }
    .sm\:top-3 {
        top: 0.75rem;
    }
    .sm\:left-3 {
        left: 0.75rem;
    }
    .sm\:right-3 {
        right: 0.75rem;
    }
    .sm\:top-full {
        top: 100%;
    }
    .sm\:bottom-auto {
        bottom: auto;
    }
    .sm\:bottom-0 {
        bottom: 0px;
    }
    .sm\:right-0 {
        right: 0px;
    }
    .sm\:top-0 {
        top: 0px;
    }
    .sm\:order-last {
        order: 9999;
    }
    .sm\:m-0 {
        margin: 0px;
    }
    .sm\:-mx-3 {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .sm\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .sm\:-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .sm\:mr-0 {
        margin-right: 0px;
    }
    .sm\:mt-8 {
        margin-top: 2rem;
    }
    .sm\:mt-0 {
        margin-top: 0px;
    }
    .sm\:mb-5 {
        margin-bottom: 1.25rem;
    }
    .sm\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .sm\:mb-4 {
        margin-bottom: 1rem;
    }
    .sm\:mr-12 {
        margin-right: 3rem;
    }
    .sm\:mt-2 {
        margin-top: 0.5rem;
    }
    .sm\:mb-8 {
        margin-bottom: 2rem;
    }
    .sm\:mt-10 {
        margin-top: 2.5rem;
    }
    .sm\:mt-4 {
        margin-top: 1rem;
    }
    .sm\:mb-10 {
        margin-bottom: 2.5rem;
    }
    .sm\:mb-0 {
        margin-bottom: 0px;
    }
    .sm\:mr-2 {
        margin-right: 0.5rem;
    }
    .sm\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .sm\:mr-3 {
        margin-right: 0.75rem;
    }
    .sm\:ml-12 {
        margin-left: 3rem;
    }
    .sm\:block {
        display: block;
    }
    .sm\:inline-block {
        display: inline-block;
    }
    .sm\:flex {
        display: flex;
    }
    .sm\:inline-flex {
        display: inline-flex;
    }
    .sm\:hidden {
        display: none;
    }
    .sm\:h-auto {
        height: auto;
    }
    .sm\:h-full {
        height: 100%;
    }
    .sm\:h-1 {
        height: 0.25rem;
    }
    .sm\:h-11 {
        height: 2.75rem;
    }
    .sm\:max-h-\[40vh\] {
        max-height: 40vh;
    }
    .sm\:w-1\/2 {
        width: 50%;
    }
    .sm\:w-auto {
        width: auto;
    }
    .sm\:w-5 {
        width: 1.25rem;
    }
    .sm\:w-64 {
        width: 16rem;
    }
    .sm\:w-72 {
        width: 18rem;
    }
    .sm\:w-96 {
        width: 24rem;
    }
    .sm\:w-full {
        width: 100%;
    }
    .sm\:w-32 {
        width: 8rem;
    }
    .sm\:w-1\/12 {
        width: 8.333333%;
    }
    .sm\:w-2\/12 {
        width: 16.666667%;
    }
    .sm\:w-3\/12 {
        width: 25%;
    }
    .sm\:w-4\/12 {
        width: 33.333333%;
    }
    .sm\:w-5\/12 {
        width: 41.666667%;
    }
    .sm\:w-6\/12 {
        width: 50%;
    }
    .sm\:w-7\/12 {
        width: 58.333333%;
    }
    .sm\:w-8\/12 {
        width: 66.666667%;
    }
    .sm\:w-9\/12 {
        width: 75%;
    }
    .sm\:w-10\/12 {
        width: 83.333333%;
    }
    .sm\:w-11\/12 {
        width: 91.666667%;
    }
    .sm\:w-52 {
        width: 13rem;
    }
    .sm\:w-11 {
        width: 2.75rem;
    }
    .sm\:w-28 {
        width: 7rem;
    }
    .sm\:w-\[calc\(100\%_-_10rem\)\] {
        width: calc(100% - 10rem);
    }
    .sm\:max-w-sm {
        max-width: 24rem;
    }
    .sm\:max-w-screen-sm {
        max-width: 640px;
    }
    .sm\:flex-none {
        flex: none;
    }
    .sm\:flex-1 {
        flex: 1 1 0%;
    }
    .sm\:flex-initial {
        flex: 0 1 auto;
    }
    .sm\:basis-1\/2 {
        flex-basis: 50%;
    }
    .sm\: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));
    }
    .sm\:-translate-y-10 {
        --tw-translate-y: -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));
    }
    .sm\:-rotate-3 {
        --tw-rotate: -3deg;
        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));
    }
    .sm\:scale-0 {
        --tw-scale-x: 0;
        --tw-scale-y: 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));
    }
    .sm\:columns-2 {
        -moz-columns: 2;
             columns: 2;
    }
    .sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:flex-row {
        flex-direction: row;
    }
    .sm\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .sm\:flex-wrap {
        flex-wrap: wrap;
    }
    .sm\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .sm\:items-end {
        align-items: flex-end;
    }
    .sm\:items-center {
        align-items: center;
    }
    .sm\:justify-start {
        justify-content: flex-start;
    }
    .sm\:justify-end {
        justify-content: flex-end;
    }
    .sm\:justify-center {
        justify-content: center;
    }
    .sm\:justify-between {
        justify-content: space-between;
    }
    .sm\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(4rem * var(--tw-space-x-reverse));
        margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
    .sm\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(3rem * var(--tw-space-x-reverse));
        margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.75rem * var(--tw-space-x-reverse));
        margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:overflow-auto {
        overflow: auto;
    }
    .sm\:rounded-2xl {
        border-radius: 1rem;
    }
    .sm\:rounded-t-2xl {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }
    .sm\:rounded-l-6xl {
        border-top-left-radius: 3.125rem;
        border-bottom-left-radius: 3.125rem;
    }
    .sm\:rounded-r-none {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .sm\:bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(43 43 43 / var(--tw-bg-opacity));
    }
    .sm\:bg-opacity-50 {
        --tw-bg-opacity: 0.5;
    }
    .sm\:bg-gradient-to-l {
        background-image: linear-gradient(to left, var(--tw-gradient-stops));
    }
    .sm\:bg-gradient-to-r {
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
    }
    .sm\:p-16 {
        padding: 4rem;
    }
    .sm\:p-0 {
        padding: 0px;
    }
    .sm\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .sm\:px-h {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .sm\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .sm\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .sm\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .sm\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .sm\:pt-\[192\%\] {
        padding-top: 192%;
    }
    .sm\:pt-0 {
        padding-top: 0px;
    }
    .sm\:pb-2 {
        padding-bottom: 0.5rem;
    }
    .sm\:pr-0 {
        padding-right: 0px;
    }
    .sm\:pl-0 {
        padding-left: 0px;
    }
    .sm\:pr-16 {
        padding-right: 4rem;
    }
    .sm\:pl-4 {
        padding-left: 1rem;
    }
    .sm\:text-left {
        text-align: left;
    }
    .sm\:text-center {
        text-align: center;
    }
    .sm\:text-right {
        text-align: right;
    }
    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .sm\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }
    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .sm\:opacity-0 {
        opacity: 0;
    }
    .sm\:shadow-\[0_0_0_0\.5rem_currentColor\] {
        --tw-shadow: 0 0 0 0.5rem currentColor;
        --tw-shadow-colored: 0 0 0 0.5rem var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}

@media (min-width: 768px) {

    .md\:word-spacing-full {
      word-spacing: 100vw;
    }
    .md\:btn-lg {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .md\:btn-lg>.icon {
        height: 1.5rem;
        width: 1.5rem;
    }
    .md\:btn-xl {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .md\:btn-xl>.icon {
        height: 2rem;
        width: 2rem;
    }

    .btn-icon.md\:btn-lg, .btn-icon-outline.btn-lg, .btn-icon-ghost-outline.btn-lg {
        height: 3rem;
        width: 3rem;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .btn-icon.md\:btn-lg svg, .btn-icon-outline.btn-lg svg, .btn-icon-ghost-outline.btn-lg svg {
        height: 1.5rem;
        width: 1.5rem;
    }
    .btn-icon.md\:btn-xl, .btn-icon-outline.btn-xl, .btn-icon-ghost-outline.btn-xl {
        height: 4rem;
        width: 4rem;
        border-width: 2px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .btn-icon.md\:btn-xl svg, .btn-icon-outline.btn-xl svg, .btn-icon-ghost-outline.btn-xl svg {
        height: 2rem;
        width: 2rem;
    }
    .md\:table {
        width: 100%;
        table-layout: auto;
        border-collapse: collapse;
    }

    .md\:table thead tr td, .table thead tr th, .table tbody tr td, .table tbody tr th, .table tfoot tr td, .table tfoot tr th {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .md\:bg-smooth-overlay-to-tr{
        background-image: linear-gradient(to top right,
            rgba(0,0,0, 1) 0%,
            rgba(0,0,0, 0.3) 50%,
            rgba(0,0,0, 0.15) 65%,
            rgba(0,0,0, 0.075) 75.5%,
            rgba(0,0,0, 0.037) 82.85%,
            rgba(0,0,0, 0.019) 88%,
            rgba(0,0,0, 0) 100%
        );
    }
    .md\:static {
        position: static;
    }
    .md\:absolute {
        position: absolute;
    }
    .md\:sticky {
        position: sticky;
    }
    .md\:top-8 {
        top: 2rem;
    }
    .md\:bottom-\[5\%\] {
        bottom: 5%;
    }
    .md\:top-0 {
        top: 0px;
    }
    .md\:-top-0 {
        top: -0px;
    }
    .md\:top-\[5\%\] {
        top: 5%;
    }
    .md\:right-\[20\%\] {
        right: 20%;
    }
    .md\:bottom-\[15\%\] {
        bottom: 15%;
    }
    .md\:bottom-1 {
        bottom: 0.25rem;
    }
    .md\:top-24 {
        top: 6rem;
    }
    .md\:left-auto {
        left: auto;
    }
    .md\:-left-\[80\%\] {
        left: -80%;
    }
    .md\:right-\[60\%\] {
        right: 60%;
    }
    .md\:bottom-12 {
        bottom: 3rem;
    }
    .md\:left-8 {
        left: 2rem;
    }
    .md\:right-8 {
        right: 2rem;
    }
    .md\:bottom-0 {
        bottom: 0px;
    }
    .md\:left-0 {
        left: 0px;
    }
    .md\:-top-24 {
        top: -6rem;
    }
    .md\:right-0 {
        right: 0px;
    }
    .md\:-right-8 {
        right: -2rem;
    }
    .md\:right-4 {
        right: 1rem;
    }
    .md\:top-12 {
        top: 3rem;
    }
    .md\:left-\[14\.5vw\] {
        left: 14.5vw;
    }
    .md\:right-\[14\.5vw\] {
        right: 14.5vw;
    }
    .md\:order-none {
        order: 0;
    }
    .md\:order-first {
        order: -9999;
    }
    .md\:m-0 {
        margin: 0px;
    }
    .md\:-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .md\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .md\:my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .md\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .md\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .md\:my-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .md\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .md\:mt-8 {
        margin-top: 2rem;
    }
    .md\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .md\:mb-8 {
        margin-bottom: 2rem;
    }
    .md\:mb-0 {
        margin-bottom: 0px;
    }
    .md\:ml-auto {
        margin-left: auto;
    }
    .md\:mb-4 {
        margin-bottom: 1rem;
    }
    .md\:mr-auto {
        margin-right: auto;
    }
    .md\:-mt-8 {
        margin-top: -2rem;
    }
    .md\:-mb-1\/3 {
        margin-bottom: -33.33%;
    }
    .md\:-mt-3\/5 {
        margin-top: -60%;
    }
    .md\:mt-0 {
        margin-top: 0px;
    }
    .md\:mb-10 {
        margin-bottom: 2.5rem;
    }
    .md\:mt-20 {
        margin-top: 5rem;
    }
    .md\:-mr-20 {
        margin-right: -5rem;
    }
    .md\:-mb-36 {
        margin-bottom: -9rem;
    }
    .md\:-ml-16 {
        margin-left: -4rem;
    }
    .md\:-mb-14 {
        margin-bottom: -3.5rem;
    }
    .md\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .md\:mb-24 {
        margin-bottom: 6rem;
    }
    .md\:mt-10 {
        margin-top: 2.5rem;
    }
    .md\:mb-12 {
        margin-bottom: 3rem;
    }
    .md\:mt-4 {
        margin-top: 1rem;
    }
    .md\:mb-20 {
        margin-bottom: 5rem;
    }
    .md\:-ml-36 {
        margin-left: -9rem;
    }
    .md\:mb-5 {
        margin-bottom: 1.25rem;
    }
    .md\:mt-24 {
        margin-top: 6rem;
    }
    .md\:mb-16 {
        margin-bottom: 4rem;
    }
    .md\:mb-3 {
        margin-bottom: 0.75rem;
    }
    .md\:-mb-44 {
        margin-bottom: -11rem;
    }
    .md\:mb-32 {
        margin-bottom: 8rem;
    }
    .md\:ml-12 {
        margin-left: 3rem;
    }
    .md\:mt-5 {
        margin-top: 1.25rem;
    }
    .md\:block {
        display: block;
    }
    .md\:inline-block {
        display: inline-block;
    }
    .md\:flex {
        display: flex;
    }
    .md\:inline-flex {
        display: inline-flex;
    }
    .md\:table {
        display: table;
    }
    .md\:table-cell {
        display: table-cell;
    }
    .md\:table-header-group {
        display: table-header-group;
    }
    .md\:table-row-group {
        display: table-row-group;
    }
    .md\:table-row {
        display: table-row;
    }
    .md\:hidden {
        display: none;
    }
    .md\:h-\[60vh\] {
        height: 60vh;
    }
    .md\:h-2\/3 {
        height: 66.666667%;
    }
    .md\:h-28 {
        height: 7rem;
    }
    .md\:h-24 {
        height: 6rem;
    }
    .md\:h-12 {
        height: 3rem;
    }
    .md\:h-full {
        height: 100%;
    }
    .md\:h-screen {
        height: 100vh;
    }
    .md\:h-auto {
        height: auto;
    }
    .md\:h-\[125\%\] {
        height: 125%;
    }
    .md\:h-1 {
        height: 0.25rem;
    }
    .md\:h-3\/5 {
        height: 60%;
    }
    .md\:h-6 {
        height: 1.5rem;
    }
    .md\:h-8 {
        height: 2rem;
    }
    .md\:min-h-140 {
        min-height: 35rem;
    }
    .md\:w-5\/12 {
        width: 41.666667%;
    }
    .md\:w-\[16\.7\%\] {
        width: 16.7%;
    }
    .md\:w-3\/4 {
        width: 75%;
    }
    .md\:w-1\/2 {
        width: 50%;
    }
    .md\:w-13\/20 {
        width: 65%;
    }
    .md\:w-28 {
        width: 7rem;
    }
    .md\:w-1\/3 {
        width: 33.33%;
    }
    .md\:w-36 {
        width: 9rem;
    }
    .md\:w-32 {
        width: 8rem;
    }
    .md\:w-20 {
        width: 5rem;
    }
    .md\:w-4\/12 {
        width: 33.333333%;
    }
    .md\:w-5\.5\/10 {
        width: 55%;
    }
    .md\:w-5 {
        width: 1.25rem;
    }
    .md\:w-4\.5\/10 {
        width: 45%;
    }
    .md\:w-4 {
        width: 1rem;
    }
    .md\:w-2\/5 {
        width: 40%;
    }
    .md\:w-3\/5 {
        width: 60%;
    }
    .md\:w-9\/12 {
        width: 75%;
    }
    .md\:w-2\/3 {
        width: 66.666667%;
    }
    .md\:w-\[45\%\] {
        width: 45%;
    }
    .md\:w-8\/12 {
        width: 66.666667%;
    }
    .md\:w-7\/12 {
        width: 58.333333%;
    }
    .md\:w-11\/12 {
        width: 91.666667%;
    }
    .md\:w-10\/12 {
        width: 83.333333%;
    }
    .md\:w-full {
        width: 100%;
    }
    .md\:w-1\/4 {
        width: 25%;
    }
    .md\:w-80 {
        width: 20rem;
    }
    .md\:w-60 {
        width: 15rem;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:w-72 {
        width: 18rem;
    }
    .md\:w-6 {
        width: 1.5rem;
    }
    .md\:w-2\/12 {
        width: 16.666667%;
    }
    .md\:w-48 {
        width: 12rem;
    }
    .md\:w-8 {
        width: 2rem;
    }
    .md\:min-w-min {
        min-width: -moz-min-content;
        min-width: min-content;
    }
    .md\:\!min-w-\[11\.5rem\] {
        min-width: 11.5rem !important;
    }
    .md\:max-w-screen-lg {
        max-width: 1024px;
    }
    .md\:max-w-md {
        max-width: 28rem;
    }
    .md\:max-w-none {
        max-width: none;
    }
    .md\:max-w-1\/2 {
        max-width: 50%;
    }
    .md\:max-w-140 {
        max-width: 35rem;
    }
    .md\:flex-auto {
        flex: 1 1 auto;
    }
    .md\:flex-1 {
        flex: 1 1 0%;
    }
    .md\:flex-shrink {
        flex-shrink: 1;
    }
    .md\:shrink-0 {
        flex-shrink: 0;
    }
    .md\:translate-x-10 {
        --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));
    }
    .md\:translate-y-4 {
        --tw-translate-y: 1rem;
        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-y-12 {
        --tw-translate-y: -3rem;
        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-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));
    }
    .md\: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));
    }
    .md\:rotate-0 {
        --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));
    }
    .md\:columns-2 {
        -moz-columns: 2;
             columns: 2;
    }
    .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\:flex-row {
        flex-direction: row;
    }
    .md\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .md\:flex-col {
        flex-direction: column;
    }
    .md\:flex-wrap {
        flex-wrap: wrap;
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .md\:items-start {
        align-items: flex-start;
    }
    .md\:items-end {
        align-items: flex-end;
    }
    .md\:items-center {
        align-items: center;
    }
    .md\:items-stretch {
        align-items: stretch;
    }
    .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\:gap-12 {
        gap: 3rem;
    }
    .md\:gap-6 {
        gap: 1.5rem;
    }
    .md\:gap-10 {
        gap: 2.5rem;
    }
    .md\:gap-24 {
        gap: 6rem;
    }
    .md\:gap-16 {
        gap: 4rem;
    }
    .md\:gap-x-12 {
        -moz-column-gap: 3rem;
             column-gap: 3rem;
    }
    .md\:gap-y-8 {
        row-gap: 2rem;
    }
    .md\:gap-y-24 {
        row-gap: 6rem;
    }
    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
    .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2rem * var(--tw-space-x-reverse));
        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .md\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.25rem * var(--tw-space-x-reverse));
        margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .md\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(4rem * var(--tw-space-x-reverse));
        margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .md\:whitespace-nowrap {
        white-space: nowrap;
    }
    .md\:rounded-5xl {
        border-radius: 2.75rem;
    }
    .md\:rounded-full {
        border-radius: 9999px;
    }
    .md\:border-6 {
        border-width: 6px;
    }
    .md\:border-y {
        border-top-width: 1px;
        border-bottom-width: 1px;
    }
    .md\:border-l {
        border-left-width: 1px;
    }
    .md\:border-l-4 {
        border-left-width: 4px;
    }
    .md\:border-r {
        border-right-width: 1px;
    }
    .md\:border-solid {
        border-style: solid;
    }
    .md\:border-gray-400 {
        --tw-border-opacity: 1;
        border-color: rgb(157 157 157 / var(--tw-border-opacity));
    }
    .md\:border-gray-500\/50 {
        border-color: rgb(124 124 124 / 0.5);
    }
    .md\:border-l-secondary {
        --tw-border-opacity: 1;
        border-left-color: rgb(43 43 43 / var(--tw-border-opacity));
    }
    .md\:bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(234 234 234 / var(--tw-bg-opacity));
    }
    .md\:bg-gray-900\/90 {
        background-color: rgb(34 34 34 / 0.9);
    }
    .md\:bg-transparent {
        background-color: transparent;
    }
    .md\:bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(34 34 34 / var(--tw-bg-opacity));
    }
    .md\:via-transparent {
        --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgb(0 0 0 / 0));
    }
    .md\:bg-cover {
        background-size: cover;
    }
    .md\:bg-fixed {
        background-attachment: fixed;
    }
    .md\:bg-left {
        background-position: left;
    }
    .md\:p-16 {
        padding: 4rem;
    }
    .md\:p-8 {
        padding: 2rem;
    }
    .md\:p-12 {
        padding: 3rem;
    }
    .md\:p-0 {
        padding: 0px;
    }
    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .md\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .md\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .md\:py-v {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .md\:px-h {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md\:py-40 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .md\:py-36 {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }
    .md\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .md\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .md\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem;
    }
    .md\:py-1\/10 {
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .md\:py-2\.5 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .md\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .md\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .md\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .md\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .md\:pt-8 {
        padding-top: 2rem;
    }
    .md\:pb-8 {
        padding-bottom: 2rem;
    }
    .md\:pr-0 {
        padding-right: 0px;
    }
    .md\:pr-16 {
        padding-right: 4rem;
    }
    .md\:pl-16 {
        padding-left: 4rem;
    }
    .md\:pl-24 {
        padding-left: 6rem;
    }
    .md\:pr-24 {
        padding-right: 6rem;
    }
    .md\:pt-24 {
        padding-top: 6rem;
    }
    .md\:pl-0 {
        padding-left: 0px;
    }
    .md\:pr-32 {
        padding-right: 8rem;
    }
    .md\:pr-12 {
        padding-right: 3rem;
    }
    .md\:pl-8 {
        padding-left: 2rem;
    }
    .md\:pt-\[80\%\] {
        padding-top: 80%;
    }
    .md\:pb-0 {
        padding-bottom: 0px;
    }
    .md\:pt-4 {
        padding-top: 1rem;
    }
    .md\:pb-16 {
        padding-bottom: 4rem;
    }
    .md\:pl-12 {
        padding-left: 3rem;
    }
    .md\:pt-72 {
        padding-top: 18rem;
    }
    .md\:pt-32 {
        padding-top: 8rem;
    }
    .md\:pb-10 {
        padding-bottom: 2.5rem;
    }
    .md\:pt-\[129\%\] {
        padding-top: 129%;
    }
    .md\:pt-36 {
        padding-top: 9rem;
    }
    .md\:pb-32 {
        padding-bottom: 8rem;
    }
    .md\:pt-\[103\%\] {
        padding-top: 103%;
    }
    .md\:pr-4 {
        padding-right: 1rem;
    }
    .md\:pt-48 {
        padding-top: 12rem;
    }
    .md\:pb-24 {
        padding-bottom: 6rem;
    }
    .md\:pt-16 {
        padding-top: 4rem;
    }
    .md\:pt-5 {
        padding-top: 1.25rem;
    }
    .md\:pt-0 {
        padding-top: 0px;
    }
    .md\:pb-2 {
        padding-bottom: 0.5rem;
    }
    .md\:pl-4 {
        padding-left: 1rem;
    }
    .md\:pr-\[10\%\] {
        padding-right: 10%;
    }
    .md\:pb-5 {
        padding-bottom: 1.25rem;
    }
    .md\:text-left {
        text-align: left;
    }
    .md\:text-center {
        text-align: center;
    }
    .md\:text-right {
        text-align: right;
    }
    .md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .md\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }
    .md\:text-8xl {
        font-size: 8rem;
        line-height: 1;
    }
    .md\:text-4\.75xl {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-4\.5xl {
        font-size: 2.24rem;
        line-height: 2.5rem;
    }
    .md\:text-5\.5xl {
        font-size: 3.25rem;
        line-height: 1;
    }
    .md\:text-8\.5xl {
        font-size: 8.5rem;
        line-height: 1;
    }
    .md\:font-medium {
        font-weight: 500;
    }
    .md\:leading-snug {
        line-height: 1.375;
    }
    .md\:leading-tight {
        line-height: 1.25;
    }
    .md\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
    .md\:opacity-0 {
        opacity: 0;
    }
    .md\:mix-blend-multiply {
        mix-blend-mode: multiply;
    }
    .before\:md\:w-32::before {
        content: var(--tw-content);
        width: 8rem;
    }
}

@media (min-width: 1024px) {

    .lg\:visible {
        visibility: visible;
    }

    .lg\:absolute {
        position: absolute;
    }

    .lg\:top-4 {
        top: 1rem;
    }

    .lg\:left-4 {
        left: 1rem;
    }

    .lg\:right-4 {
        right: 1rem;
    }

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

    .lg\:right-1\/20 {
        right: 5%;
    }

    .lg\:-bottom-28 {
        bottom: -7rem;
    }

    .lg\:top-\[-25\%\] {
        top: -25%;
    }

    .lg\:right-\[50\%\] {
        right: 50%;
    }

    .lg\:bottom-\[35\%\] {
        bottom: 35%;
    }

    .lg\:top-\[135\%\] {
        top: 135%;
    }

    .lg\:bottom-\[12\%\] {
        bottom: 12%;
    }

    .lg\:left-0 {
        left: 0px;
    }

    .lg\:bottom-0 {
        bottom: 0px;
    }

    .lg\:left-\[37\%\] {
        left: 37%;
    }

    .lg\:right-\[37\%\] {
        right: 37%;
    }

    .lg\:order-first {
        order: -9999;
    }

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

    .lg\:-mx-8 {
        margin-left: -2rem;
        margin-right: -2rem;
    }

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

    .lg\:mx-12 {
        margin-left: 3rem;
        margin-right: 3rem;
    }

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

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

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

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

    .lg\:-mb-1\/4 {
        margin-bottom: -25%;
    }

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

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

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

    .lg\:-mb-36 {
        margin-bottom: -9rem;
    }

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

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

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

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

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

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

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

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

    .lg\:ml-1\/10 {
        margin-left: 10%;
    }

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

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

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-96 {
        height: 24rem;
    }

    .lg\:h-12 {
        height: 3rem;
    }

    .lg\:min-h-160 {
        min-height: 40rem;
    }

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

    .lg\:w-\[12\.5\%\] {
        width: 12.5%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .lg\:w-96 {
        width: 24rem;
    }

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

    .lg\:w-12 {
        width: 3rem;
    }

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

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

    .lg\:flex-initial {
        flex: 0 1 auto;
    }

    .lg\:shrink-0 {
        flex-shrink: 0;
    }

    .lg\:flex-grow-0 {
        flex-grow: 0;
    }

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

    .lg\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:translate-x-1\/2 {
        --tw-translate-x: 50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

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

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

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

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

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

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

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

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

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

    .lg\:gap-20 {
        gap: 5rem;
    }

    .lg\:gap-16 {
        gap: 4rem;
    }

    .lg\:gap-4 {
        gap: 1rem;
    }

    .lg\:overflow-hidden {
        overflow: hidden;
    }

    .lg\:border-r-2 {
        border-right-width: 2px;
    }

    .lg\:border-primary {
        --tw-border-opacity: 1;
        border-color: rgb(148 200 61 / var(--tw-border-opacity));
    }

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

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

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

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

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

    .lg\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .lg\:py-v {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }

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

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

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

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

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

    .lg\:py-1\/5 {
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .lg\:px-15 {
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }

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

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

    .lg\:pt-16 {
        padding-top: 4rem;
    }

    .lg\:pr-16 {
        padding-right: 4rem;
    }

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

    .lg\:pl-14 {
        padding-left: 3.5rem;
    }

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

    .lg\:pt-52 {
        padding-top: 13rem;
    }

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

    .lg\:pt-32 {
        padding-top: 8rem;
    }

    .lg\:pl-24 {
        padding-left: 6rem;
    }

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

    .lg\:pl-16 {
        padding-left: 4rem;
    }

    .lg\:pl-12 {
        padding-left: 3rem;
    }

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

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

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

    .lg\:pr-32 {
        padding-right: 8rem;
    }

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

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

    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }

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

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

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

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

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

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

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

    .lg\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }

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

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

    .lg\:text-7\.6xl {
        font-size: 6rem;
        line-height: 0.9;
    }

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

@media (min-width: 1280px) {

    .xl\:top-4 {
        top: 1rem;
    }

    .xl\:right-4 {
        right: 1rem;
    }

    .xl\:mx-16 {
        margin-left: 4rem;
        margin-right: 4rem;
    }

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

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

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

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

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

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

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

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

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

    .xl\:mb-36 {
        margin-bottom: 9rem;
    }

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

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

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

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

    .xl\:flex {
        display: flex;
    }

    .xl\:h-32 {
        height: 8rem;
    }

    .xl\:min-h-175 {
        min-height: 43.75rem;
    }

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

    .xl\:w-12 {
        width: 3rem;
    }

    .xl\:w-5\/6 {
        width: 83.333333%;
    }

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

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

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

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

    .xl\:w-32 {
        width: 8rem;
    }

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

    .xl\:basis-5\/12 {
        flex-basis: 41.666667%;
    }

    .xl\:basis-7\/12 {
        flex-basis: 58.333333%;
    }

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

    .xl\:gap-8 {
        gap: 2rem;
    }

    .xl\:gap-12 {
        gap: 3rem;
    }

    .xl\:gap-36 {
        gap: 9rem;
    }

    .xl\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.25rem * var(--tw-space-x-reverse));
        margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .xl\:rounded-5xl {
        border-radius: 2.75rem;
    }

    .xl\:border-x-\[12px\] {
        border-left-width: 12px;
        border-right-width: 12px;
    }

    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }

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

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

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

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

    .xl\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

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

    .xl\:py-11 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }

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

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

    .xl\:pl-24 {
        padding-left: 6rem;
    }

    .xl\:pr-24 {
        padding-right: 6rem;
    }

    .xl\:pl-38 {
        padding-left: 9.5rem;
    }

    .xl\:pr-12 {
        padding-right: 3rem;
    }

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

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

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

    .xl\:text-7\.6xl {
        font-size: 6rem;
        line-height: 0.9;
    }

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

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

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

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

    .xl\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }

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

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

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

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

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

@media (min-width: 1536px) and (min-height: 1010px) {

    .\32xl\:top-8 {
        top: 2rem;
    }

    .\32xl\:left-8 {
        left: 2rem;
    }

    .\32xl\:right-8 {
        right: 2rem;
    }

    .\32xl\:bottom-\[10\%\] {
        bottom: 10%;
    }

    .\32xl\:top-0 {
        top: 0px;
    }

    .\32xl\:right-0 {
        right: 0px;
    }

    .\32xl\:-bottom-28 {
        bottom: -7rem;
    }

    .\32xl\:bottom-\[15\%\] {
        bottom: 15%;
    }

    .\32xl\:top-14 {
        top: 3.5rem;
    }

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

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

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

    .\32xl\:-mr-36 {
        margin-right: -9rem;
    }

    .\32xl\:-mb-48 {
        margin-bottom: -12rem;
    }

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

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

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

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

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

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

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

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

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

    .\32xl\:h-14 {
        height: 3.5rem;
    }

    .\32xl\:h-screen {
        height: 100vh;
    }

    .\32xl\:h-2 {
        height: 0.5rem;
    }

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

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

    .\32xl\:w-52 {
        width: 13rem;
    }

    .\32xl\:w-44 {
        width: 11rem;
    }

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

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

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

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

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

    .\32xl\:grow-0 {
        flex-grow: 0;
    }

    .\32xl\: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));
    }

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

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

    .\32xl\:px-28 {
        padding-left: 7rem;
        padding-right: 7rem;
    }

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

    .\32xl\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

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

    .\32xl\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

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

    .\32xl\:py-48 {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }

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

    .\32xl\:px-40 {
        padding-left: 10rem;
        padding-right: 10rem;
    }

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

    .\32xl\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .\32xl\:py-56 {
        padding-top: 14rem;
        padding-bottom: 14rem;
    }

    .\32xl\:pt-52 {
        padding-top: 13rem;
    }

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

    .\32xl\:pr-0 {
        padding-right: 0px;
    }

    .\32xl\:pl-20 {
        padding-left: 5rem;
    }

    .\32xl\:pl-16 {
        padding-left: 4rem;
    }

    .\32xl\:pr-40 {
        padding-right: 10rem;
    }

    .\32xl\:pl-0 {
        padding-left: 0px;
    }

    .\32xl\:pr-16 {
        padding-right: 4rem;
    }

    .\32xl\:pt-28 {
        padding-top: 7rem;
    }

    .\32xl\:pb-12 {
        padding-bottom: 3rem;
    }

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

    .\32xl\:text-9xl {
        font-size: 8rem;
        line-height: 1;
    }

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

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

    .\32xl\:text-11xl {
        font-size: 12rem;
        line-height: 1;
    }

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

    .\32xl\:text-4\.5xl {
        font-size: 2.24rem;
        line-height: 2.5rem;
    }

    .\32xl\:text-12xl {
        font-size: 14rem;
        line-height: 1;
    }

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

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

    .\32xl\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }

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

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

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

    @media (min-width: 768px) {

        .\32xl\:md\:pb-16 {
            padding-bottom: 4rem;
        }
    }
}