.swatch-option-loading-webp {
    content: url(../../frontend/Hyva/hyva_child/en_GB/images/loader-2.gif);
}*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: initial
}

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

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid #0000;
    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: #0000;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    [type=checkbox]:checked {
        -webkit-appearance: auto;
        appearance: auto
    }
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    [type=radio]:checked {
        -webkit-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=checkbox]:indeterminate,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
    border-color: #0000;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (forced-colors:active) {
    [type=checkbox]:indeterminate {
        -webkit-appearance: auto;
        appearance: auto
    }
}

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

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

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

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

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

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

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

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

@media (min-width:1440px) {
    .container {
        max-width: 1440px
    }
}

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

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

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

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

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

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

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

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

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

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

.form-checkbox {
    border-radius: 0
}

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

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

.form-checkbox:checked,
.form-radio:checked {
    border-color: #0000;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.form-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    .form-checkbox:checked {
        -webkit-appearance: auto;
        appearance: auto
    }
}

.form-radio:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

@media (forced-colors:active) {
    .form-radio:checked {
        -webkit-appearance: auto;
        appearance: auto
    }
}

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

.form-checkbox:indeterminate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (forced-colors:active) {
    .form-checkbox:indeterminate {
        -webkit-appearance: auto;
        appearance: auto
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
    font-size: .875em;
    border-radius: .3125rem;
    padding: .1875em .375em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    text-align: left
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding: .5714286em
}

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

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

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

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

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

.swatch-attribute-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.swatch-option {
    margin: .25rem;
    border-width: 1px;
    padding: .25rem .5rem;
    min-width: 40px
}

.btn,
.swatch-option {
    display: flex;
    justify-content: center
}

.btn {
    --btn-stroke: #0000;
    --btn-bg: #6b7280;
    --btn-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: .375rem;
    border-width: 2px;
    padding: .5rem 1rem;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --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);
    border-color: var(--btn-stroke);
    background-color: var(--btn-bg);
    color: var(--btn-color)
}

.btn-primary {
    --btn-color: #fff;
    --tw-bg-opacity: 1;
    background-color: rgb(12 41 30/var(--tw-bg-opacity))
}

.btn-primary:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --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)
}

.btn-search {
    padding: .5rem 0 .5rem 1rem
}

.btn-search:hover {
    --tw-border-opacity: 1;
    border-color: rgb(247 246 243/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(247 246 243/var(--tw-bg-opacity));
    color: unset
}

.btn-subscribe {
    height: 45px;
    width: 175px;
    --tw-bg-opacity: 1;
    background-color: rgb(231 234 232/var(--tw-bg-opacity))
}

.btn-subscribe:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --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)
}

.btn-secondary {
    --btn-bg: #fff;
    --btn-color: #000;
    --tw-border-opacity: 1;
    border-color: rgb(12 41 30/var(--tw-border-opacity))
}

.btn-secondary:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --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)
}

.btn-size-lg {
    padding: 1rem 2.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.actions-toolbar .primary button {
    --btn-stroke: #0000;
    --btn-bg: #6b7280;
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    border-width: 2px;
    padding: .5rem 1rem;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --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);
    border-color: var(--btn-stroke);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    --btn-color: #fff;
    --tw-bg-opacity: 1
}

@supports (color:rgb(0 0 0/0)) {
    .actions-toolbar .primary button {
        background-color: rgb(12 41 30/var(--tw-bg-opacity))
    }
}

.actions-toolbar .primary button:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --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)
}

:where(#hyva-checkout-main) .actions-toolbar .primary button {
    border-width: 2px
}

:where(#hyva-checkout-main) .actions-toolbar .primary button:disabled {
    cursor: not-allowed;
    opacity: .6
}

:where(#hyva-checkout-main) .actions-toolbar .primary button:not(.btn-secondary) {
    border-color: #0000
}

.input-group>:not(:last-child):not(button):not(.actions-toolbar .primary button) {
    border-right-width: 0
}

.checkout-summary .checkout-nav .actions-toolbar .primary button {
    width: 100%
}

:where(#hyva-checkout-main) .btn {
    border-width: 2px
}

:where(#hyva-checkout-main) .btn:disabled {
    cursor: not-allowed;
    opacity: .6
}

:where(#hyva-checkout-main) .btn:not(.btn-secondary) {
    border-color: #0000
}

#category-view-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0
}

.price-including-tax+.price-excluding-tax {
    font-size: .875rem;
    line-height: 1.25rem
}

.price-including-tax+.price-excluding-tax:before {
    content: attr(data-label) ": "
}

.price-excluding-tax,
.price-including-tax {
    white-space: nowrap
}

.price-excluding-tax .price,
.price-including-tax .price {
    font-weight: 600;
    line-height: 1.625
}

.price-excluding-tax,
.weee[data-label] {
    display: block
}

[data-content-type$=block] .price-excluding-tax p:last-child,
[data-content-type$=block] .weee[data-label] p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

.weee[data-label] {
    margin-top: .25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.price-container.price-tier_price {
    display: flex;
    gap: .25rem
}

.price-container .weee:before,
.price-container.price-tier_price>.price-including-tax+.price-excluding-tax:before {
    content: "(" attr(data-label) ": "
}

.price-container .weee:after,
.price-container.price-tier_price>.price-including-tax+.price-excluding-tax:after {
    content: ")"
}

.product-item .price-container .price {
    font-size: 12px !important;
    line-height: 20px !important;
    letter-spacing: 2px;
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

#customer-login-container {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 1rem;
    row-gap: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media (min-width:768px) {
    #customer-login-container {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.form-email,
.form-input,
.form-multiselect,
.form-select,
.form-textarea {
    min-height: 2.75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --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)
}

[type=search] {
    padding: .3rem .5rem
}

[type=search]::placeholder {
    padding-bottom: .5rem;
    --tw-text-opacity: 1;
    color: rgb(183 182 179/var(--tw-text-opacity));
    font-family: Franklin-Gothic;
    font-size: 12px;
    line-height: 5px
}

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

.sorter-in,
.sorter-in:focus {
    background-color: initial;
    border: none;
    box-shadow: none;
    outline: none;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: none;
    --tw-ring-color: none;
    --tw-ring-offset-shadow: none;
    --tw-ring-shadow: none
}

.form-input:focus,
.form-multiselect:focus,
.form-select:focus,
.form-textarea:focus {
    outline: none;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: none;
    --tw-ring-color: none;
    --tw-ring-offset-shadow: none;
    border-color: unset
}

[type=checkbox]:checked,
[type=radio]:checked {
    border-color: #0000;
    background-color: #0a3c31;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

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

[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=checkbox]:indeterminate,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
    border-color: #0000;
    background-color: #0a3c31
}

.page.messages {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 20
}

.page.messages .messages section#messages {
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

@media (min-width:640px) {
    .page.messages .messages section#messages {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .page.messages .messages section#messages {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .page.messages .messages section#messages {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .page.messages .messages section#messages {
        max-width: 1280px
    }
}

@media (min-width:1440px) {
    .page.messages .messages section#messages {
        max-width: 1440px
    }
}

.page.messages .messages section#messages {
    margin-left: auto;
    margin-right: auto;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.message {
    margin-bottom: .5rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    padding: .5rem .5rem .5rem 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --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)
}

.message.error {
    border-width: 2px;
    border-color: rgb(239 68 68/var(--tw-border-opacity));
    background-color: rgb(254 242 242/var(--tw-bg-opacity))
}

.message.error,
.message.success {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1
}

.message.success {
    border-width: 2px;
    border-color: rgb(16 185 129/var(--tw-border-opacity));
    background-color: rgb(236 253 245/var(--tw-bg-opacity))
}

.message.info,
.message.notice {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity))
}

.message.warning {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(245 158 11/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235/var(--tw-bg-opacity))
}

.message a {
    text-decoration-line: underline
}

.product-item .price-container {
    display: block
}

[data-content-type$=block] .product-item .price-container p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

.product-item .price-container .price {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600
}

.product-item .price-container .price-label {
    font-size: .875rem;
    line-height: 1.25rem
}

.product-item .special-price .price-container .price-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.product-item .old-price .price-container {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.product-item .old-price .price-container .price {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400
}

.page-product-bundle .price-final_price .price-from .price-container,
.page-product-bundle .price-final_price .price-to .price-container {
    margin-bottom: 1rem;
    display: block;
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

[data-content-type$=block] .page-product-bundle .price-final_price .price-from .price-container p:last-child,
[data-content-type$=block] .page-product-bundle .price-final_price .price-to .price-container p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

.page-product-bundle .price-final_price .price-from .price-container .price-label,
.page-product-bundle .price-final_price .price-to .price-container .price-label {
    display: block;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500
}

[data-content-type$=block] .page-product-bundle .price-final_price .price-from .price-container .price-label p:last-child,
[data-content-type$=block] .page-product-bundle .price-final_price .price-to .price-container .price-label p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

.page-product-bundle .price-final_price .price-from .price-container .price,
.page-product-bundle .price-final_price .price-to .price-container .price {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    line-height: 1.25;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.page-product-bundle .price-final_price .price-from .price-including-tax+.price-excluding-tax,
.page-product-bundle .price-final_price .price-to .price-including-tax+.price-excluding-tax {
    margin-top: .25rem
}

.page-product-bundle .price-final_price .price-from .price-including-tax+.price-excluding-tax .price,
.page-product-bundle .price-final_price .price-to .price-including-tax+.price-excluding-tax .price {
    font-size: 1rem;
    line-height: 1.5rem
}

.page-product-bundle .price-final_price .price-from .old-price .price-container .price,
.page-product-bundle .price-final_price .price-from .old-price .price-container .price-label,
.page-product-bundle .price-final_price .price-to .old-price .price-container .price,
.page-product-bundle .price-final_price .price-to .old-price .price-container .price-label {
    display: inline;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.cart-price .price,
.minicart-price .price {
    font-weight: 400
}

.cms-page-view .page-wrapper .page-main-full-width {
    margin-top: 0;
    margin-bottom: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 240/var(--tw-bg-opacity))
}

.cms-page-view .page-wrapper .page-main-full-width .columns {
    row-gap: 0
}

.catalog-category-view .page-wrapper .page-main {
    margin-top: 0;
    margin-bottom: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 240/var(--tw-bg-opacity))
}

.catalog-category-view .page-wrapper .page-main .columns {
    max-width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 240/var(--tw-bg-opacity));
    padding-left: 0;
    padding-right: 0
}

.catalog-category-view .page-wrapper .page-main .columns .column.main #product-list .products-grid .pdp-ul .pdp-span-two .product-item .product-item-photo {
    margin-left: 0;
    margin-right: 0
}

.catalog-category-view .page-wrapper .page-main .columns .column.main #product-list .products-grid .pdp-ul .pdp-span-two .product-info {
    margin-left: auto;
    margin-right: auto;
    width: 284px
}

.catalog-product-view .page-wrapper .page-main {
    margin-top: 0;
    margin-bottom: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 240/var(--tw-bg-opacity))
}

.catalog-product-view .page-wrapper .page-main .columns {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 240/var(--tw-bg-opacity));
    padding-left: 0;
    padding-right: 0
}

.price-box .normal-price .price-final_price .price-label {
    display: none
}

.wishlist-widget .price-box .old-price,
.wishlist-widget .price-box .price-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.25
}

.snap {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none
}

.snap::-webkit-scrollbar {
    display: none
}

.snap>div {
    scroll-snap-align: start
}

:where(html) {
    scrollbar-gutter: stable
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.page-main {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.columns {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

@media (min-width:640px) {
    .columns {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .columns {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .columns {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .columns {
        max-width: 1280px
    }
}

@media (min-width:1440px) {
    .columns {
        max-width: 1440px
    }
}

.columns {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 1rem;
    grid-template-rows: auto minmax(0, 1fr)
}

.columns .main {
    order: 2
}

.columns .sidebar {
    order: 3
}

.product-main-full-width .columns {
    max-width: none
}

.page-main-full-width .columns {
    max-width: none;
    padding-left: 0;
    padding-right: 0
}

.account .columns .sidebar-main,
.page-with-filter .columns .sidebar-main {
    order: 1
}

@media (min-width:640px) {

    .page-layout-2columns-left .columns,
    .page-layout-2columns-right .columns,
    .page-layout-3columns .columns {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .page-layout-2columns-left .columns .main,
    .page-layout-2columns-right .columns .main,
    .page-layout-3columns .columns .main {
        grid-column: span 2/span 2
    }

    .account .columns .sidebar-main,
    .page-with-filter .columns .sidebar-main {
        grid-column: 1/-1
    }

    .account .columns .sidebar-additional {
        grid-column: span 2/span 2
    }
}

@media (min-width:768px) {

    .page-layout-2columns-left .columns,
    .page-layout-2columns-right .columns,
    .page-layout-3columns .columns {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .page-layout-2columns-left .columns .main,
    .page-layout-2columns-right .columns .main,
    .page-layout-3columns .columns .main {
        grid-row: span 2/span 2
    }

    .page-layout-2columns-left .columns .sidebar,
    .page-layout-2columns-right .columns .sidebar,
    .page-layout-3columns .columns .sidebar {
        grid-column: span 1/span 1
    }

    .page-layout-2columns-left .columns .main,
    .page-layout-3columns .columns .main {
        grid-column-start: 2 !important
    }

    .page-layout-2columns-left .columns .sidebar,
    .page-layout-3columns .columns .sidebar {
        order: 1
    }

    .page-layout-2columns-left .columns .sidebar~.sidebar-additional,
    .page-layout-2columns-right .sidebar-main,
    .page-layout-2columns-right.page-with-filter .sidebar-main,
    .page-layout-3columns .columns .sidebar~.sidebar-additional {
        order: 3
    }
}

@media (min-width:1024px) {

    .page-layout-2columns-left .columns,
    .page-layout-2columns-right .columns,
    .page-layout-3columns .columns {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .page-layout-2columns-left .columns .main,
    .page-layout-2columns-right .columns .main {
        grid-column: span 3/span 3
    }

    .page-layout-3columns .columns .sidebar-additional {
        grid-column-start: 4
    }
}

.product-image-container {
    width: 100% !important
}

.product-image-container img {
    width: 100%
}

body {
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

[x-cloak] {
    display: none !important
}

.card {
    border-radius: .125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem;
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --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)
}

.card-interactive:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: Franklin-Gothic;
    src: url(../../frontend/Hyva/hyva_child/en_GB/fonts/franklin-gothic-atf-regular.woff2) format("woff2"), url(../../frontend/Hyva/hyva_child/en_GB/fonts/franklin-gothic-atf-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PPAcma-Light;
    src: url(../../frontend/Hyva/hyva_child/en_GB/fonts/PPAcma-Light.woff2) format("woff2"), url(../../frontend/Hyva/hyva_child/en_GB/fonts/PPAcma-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

body {
    font-family: Franklin-Gothic;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

h1 {
    font-size: 70px;
    line-height: 70px
}

h1,
h2 {
    font-family: PPAcma-Light
}

h2 {
    font-size: 45px;
    line-height: 50px
}

h3 {
    font-size: 35px;
    line-height: 45px
}

h3,
h4 {
    font-family: PPAcma-Light
}

h4 {
    font-size: 25px;
    line-height: 32px
}

.hxsm {
    font-size: 12px;
    line-height: 5px
}

.hsm,
.hxsm {
    font-family: Franklin-Gothic
}

.hsm {
    font-size: 16px;
    line-height: 16px
}

.hmd {
    font-size: 24px;
    line-height: 30px
}

.bs,
.hmd {
    font-family: Franklin-Gothic
}

.bs {
    font-size: 16px;
    line-height: 20px
}

.bm {
    font-size: 24px;
    line-height: 30px
}

.bm,
.bxl {
    font-family: Franklin-Gothic
}

.bxl {
    font-size: 35px;
    line-height: 40px
}

.hxsmgo {
    font-size: 12px
}

.hxsmgo,
.hxsmsgo {
    font-family: Franklin-Gothic;
    line-height: 5px
}

.hxsmsgo {
    font-size: 14px
}

.hsmgo {
    font-size: 16px;
    line-height: 16px
}

.hmdgo,
.hsmgo {
    font-family: Franklin-Gothic
}

.hmdgo {
    font-size: 24px;
    line-height: 30px
}

.bsgo {
    font-size: 16px;
    line-height: 20px
}

.bmgo,
.bsgo {
    font-family: Franklin-Gothic
}

.bmgo {
    font-size: 24px;
    line-height: 30px
}

.bxlgo {
    font-family: Franklin-Gothic;
    font-size: 35px;
    line-height: 40px
}

[data-content-type=row] {
    box-sizing: border-box
}

[data-content-type=row]>div {
    margin-bottom: .625rem;
    padding: .625rem
}

[data-content-type=row][data-appearance=contained] {
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

@media (min-width:640px) {
    [data-content-type=row][data-appearance=contained] {
        max-width: 640px
    }
}

@media (min-width:768px) {
    [data-content-type=row][data-appearance=contained] {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    [data-content-type=row][data-appearance=contained] {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    [data-content-type=row][data-appearance=contained] {
        max-width: 1280px
    }
}

@media (min-width:1440px) {
    [data-content-type=row][data-appearance=contained] {
        max-width: 1440px
    }
}

[data-content-type=row][data-appearance=contained] {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

[data-content-type=row][data-appearance=contained] [data-element=inner] {
    box-sizing: border-box;
    background-attachment: scroll !important
}

[data-content-type=row][data-appearance=full-bleed],
[data-content-type=row][data-appearance=full-width] {
    background-attachment: scroll !important
}

[data-content-type=row][data-appearance=full-width]>.row-full-width-inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

@media (min-width:640px) {
    [data-content-type=row][data-appearance=full-width]>.row-full-width-inner {
        max-width: 640px
    }
}

@media (min-width:768px) {
    [data-content-type=row][data-appearance=full-width]>.row-full-width-inner {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    [data-content-type=row][data-appearance=full-width]>.row-full-width-inner {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    [data-content-type=row][data-appearance=full-width]>.row-full-width-inner {
        max-width: 1280px
    }
}

@media (min-width:1440px) {
    [data-content-type=row][data-appearance=full-width]>.row-full-width-inner {
        max-width: 1440px
    }
}

[data-content-type=column-group],
[data-content-type=column-line] {
    flex-wrap: wrap
}

@media (min-width:768px) {

    [data-content-type=column-group],
    [data-content-type=column-line] {
        flex-wrap: nowrap
    }
}

[data-content-type=column] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    background-attachment: scroll !important;
    flex-basis: 100%
}

@media (min-width:768px) {
    [data-content-type=column] {
        flex-basis: auto
    }
}

[data-content-type=tabs] .tabs-navigation {
    margin-bottom: -1px;
    display: block;
    padding: 0;
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --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)
}

[data-content-type$=block] [data-content-type=tabs] .tabs-navigation p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

[data-content-type=tabs] .tabs-navigation li.tab-header {
    position: relative;
    margin: 0 0 0 -1px;
    display: inline-block;
    max-width: 100%;
    overflow-wrap: break-word;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-width: 1px 1px 0;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

[data-content-type=tabs] .tabs-navigation li.tab-header:first-child {
    margin-left: 0
}

[data-content-type=tabs] .tabs-navigation li.tab-header.active {
    z-index: 20;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-bottom: 1px solid #fff
}

[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title {
    position: relative;
    display: block;
    cursor: pointer;
    white-space: normal;
    padding: .75rem 1.25rem;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600
}

[data-content-type$=block] [data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title span {
    font-weight: 600;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

[data-content-type=tabs] .tabs-content {
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: .125rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --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)
}

[data-content-type=tabs] .tabs-content [data-content-type=tab-item] {
    box-sizing: border-box;
    padding: 2rem;
    min-height: inherit;
    background-attachment: scroll !important
}

[data-content-type=tabs].tab-align-left .tabs-content {
    border-top-left-radius: 0 !important
}

[data-content-type=tabs].tab-align-right .tabs-content {
    border-top-right-radius: 0 !important
}

[data-content-type=heading],
[data-content-type=text] {
    overflow-wrap: break-word
}

[data-content-type=buttons] {
    max-width: 100%
}

[data-content-type=buttons] [data-content-type=button-item] {
    margin-right: .5rem;
    margin-bottom: .5rem;
    max-width: 100%
}

[data-content-type=buttons] [data-content-type=button-item] [data-element=empty_link],
[data-content-type=buttons] [data-content-type=button-item] [data-element=link] {
    max-width: 100%;
    overflow-wrap: break-word
}

[data-content-type=buttons] [data-content-type=button-item] [data-element=empty_link] {
    cursor: default
}

[data-content-type=buttons] [data-content-type=button-item] a,
[data-content-type=buttons] [data-content-type=button-item] button,
[data-content-type=buttons] [data-content-type=button-item] div {
    display: inline-block;
    --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)
}

[data-content-type=buttons] [data-content-type=button-item] a.pagebuilder-button-link,
[data-content-type=buttons] [data-content-type=button-item] button.pagebuilder-button-link,
[data-content-type=buttons] [data-content-type=button-item] div.pagebuilder-button-link {
    box-sizing: border-box
}

a.pagebuilder-button-primary,
button.pagebuilder-button-primary,
div.pagebuilder-button-primary {
    --btn-stroke: #0000;
    --btn-bg: #6b7280;
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    border-width: 2px;
    padding: .5rem 1rem;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --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);
    border-color: var(--btn-stroke);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    --btn-color: #fff;
    --tw-bg-opacity: 1
}

@supports (color:rgb(0 0 0/0)) {

    a.pagebuilder-button-primary,
    button.pagebuilder-button-primary,
    div.pagebuilder-button-primary {
        background-color: rgb(12 41 30/var(--tw-bg-opacity))
    }
}

a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --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)
}

:where(#hyva-checkout-main) a.pagebuilder-button-primary,
:where(#hyva-checkout-main) button.pagebuilder-button-primary,
:where(#hyva-checkout-main) div.pagebuilder-button-primary {
    border-width: 2px
}

:where(#hyva-checkout-main) a.pagebuilder-button-primary:disabled,
:where(#hyva-checkout-main) button.pagebuilder-button-primary:disabled,
:where(#hyva-checkout-main) div.pagebuilder-button-primary:disabled {
    cursor: not-allowed;
    opacity: .6
}

:where(#hyva-checkout-main) a.pagebuilder-button-primary:not(.btn-secondary),
:where(#hyva-checkout-main) button.pagebuilder-button-primary:not(.btn-secondary),
:where(#hyva-checkout-main) div.pagebuilder-button-primary:not(.btn-secondary) {
    border-color: #0000
}

.input-group>:not(:last-child):not(button):not(a.pagebuilder-button-primary),
.input-group>:not(:last-child):not(button):not(button.pagebuilder-button-primary),
.input-group>:not(:last-child):not(button):not(div.pagebuilder-button-primary) {
    border-right-width: 0
}

.checkout-summary .checkout-nav a.pagebuilder-button-primary,
.checkout-summary .checkout-nav button.pagebuilder-button-primary,
.checkout-summary .checkout-nav div.pagebuilder-button-primary {
    width: 100%
}

a.pagebuilder-button-secondary,
button.pagebuilder-button-secondary,
div.pagebuilder-button-secondary {
    --btn-stroke: #0000;
    --btn-bg: #6b7280;
    --btn-color: #fff;
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    border-width: 2px;
    padding: .5rem 1rem;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --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);
    border-color: var(--btn-stroke);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    --btn-bg: #fff;
    --btn-color: #000;
    --tw-border-opacity: 1
}

@supports (color:rgb(0 0 0/0)) {

    a.pagebuilder-button-secondary,
    button.pagebuilder-button-secondary,
    div.pagebuilder-button-secondary {
        border-color: rgb(12 41 30/var(--tw-border-opacity))
    }
}

a.pagebuilder-button-secondary:hover,
button.pagebuilder-button-secondary:hover,
div.pagebuilder-button-secondary:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --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)
}

:where(#hyva-checkout-main) a.pagebuilder-button-secondary,
:where(#hyva-checkout-main) button.pagebuilder-button-secondary,
:where(#hyva-checkout-main) div.pagebuilder-button-secondary {
    border-width: 2px
}

:where(#hyva-checkout-main) a.pagebuilder-button-secondary:disabled,
:where(#hyva-checkout-main) button.pagebuilder-button-secondary:disabled,
:where(#hyva-checkout-main) div.pagebuilder-button-secondary:disabled {
    cursor: not-allowed;
    opacity: .6
}

:where(#hyva-checkout-main) a.pagebuilder-button-secondary:not(.btn-secondary),
:where(#hyva-checkout-main) button.pagebuilder-button-secondary:not(.btn-secondary),
:where(#hyva-checkout-main) div.pagebuilder-button-secondary:not(.btn-secondary) {
    border-color: #0000
}

.input-group>:not(:last-child):not(button):not(a.pagebuilder-button-secondary),
.input-group>:not(:last-child):not(button):not(button.pagebuilder-button-secondary),
.input-group>:not(:last-child):not(button):not(div.pagebuilder-button-secondary) {
    border-right-width: 0
}

.checkout-summary .checkout-nav a.pagebuilder-button-secondary,
.checkout-summary .checkout-nav button.pagebuilder-button-secondary,
.checkout-summary .checkout-nav div.pagebuilder-button-secondary {
    width: 100%
}

[data-content-type=html] {
    overflow-wrap: break-word
}

[data-content-type=image] {
    box-sizing: border-box
}

[data-content-type=image]>[data-element=link],
[data-content-type=image]>[data-element=link] img {
    border-radius: inherit
}

[data-content-type=image] .pagebuilder-mobile-hidden {
    display: none
}

@media (min-width:768px) {
    [data-content-type=image] .pagebuilder-mobile-hidden {
        display: inline-block
    }
}

[data-content-type=image] .pagebuilder-mobile-only {
    display: inline-block
}

@media (min-width:768px) {
    [data-content-type=image] .pagebuilder-mobile-only {
        display: none
    }
}

[data-content-type=image] figcaption {
    overflow-wrap: break-word
}

[data-content-type=video] {
    font-size: 0
}

[data-content-type=video] .pagebuilder-video-inner {
    box-sizing: border-box;
    display: inline-block;
    width: 100%
}

[data-content-type=video] .pagebuilder-video-container {
    position: relative;
    overflow: hidden;
    border-radius: inherit;
    padding-top: 56.25%
}

[data-content-type=video] iframe,
[data-content-type=video] video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

[data-content-type=banner]>[data-element=empty_link],
[data-content-type=banner]>[data-element=empty_link]:hover,
[data-content-type=banner]>[data-element=link],
[data-content-type=banner]>[data-element=link]:hover {
    color: inherit;
    text-decoration: inherit
}

[data-content-type=banner] .pagebuilder-banner-wrapper {
    box-sizing: border-box;
    overflow-wrap: break-word;
    background-clip: padding-box;
    border-radius: inherit;
    background-attachment: scroll !important
}

[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay {
    position: relative;
    box-sizing: border-box;
    padding: 2rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
    display: flex;
    align-items: center;
    justify-content: center
}

[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
    max-width: none
}

@media (min-width:768px) {
    [data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
        max-width: 36rem
    }
}

[data-content-type=banner] .pagebuilder-banner-wrapper.jarallax .video-overlay {
    z-index: 0
}

[data-content-type=banner] .pagebuilder-banner-wrapper [data-element=content] {
    overflow: auto;
    min-height: 50px
}

[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-banner-button {
    margin: 1.25rem 0 0;
    display: inline-block;
    max-width: 100%;
    overflow-wrap: break-word;
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    text-align: inherit
}

[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-poster-content {
    width: 100%
}

[data-content-type=banner][data-appearance=collage-centered] .pagebuilder-banner-wrapper .pagebuilder-overlay {
    margin-left: auto;
    margin-right: auto
}

[data-content-type=banner][data-appearance=collage-left] .pagebuilder-banner-wrapper .pagebuilder-overlay {
    margin-right: auto
}

[data-content-type=banner][data-appearance=collage-right] .pagebuilder-banner-wrapper .pagebuilder-overlay {
    margin-left: auto
}

[data-content-type=slider] {
    visibility: hidden;
    position: relative
}

[data-content-type=slider].glider-initialized {
    visibility: visible
}

[data-content-type=slider] [data-role=glider-content] {
    overflow-y: hidden
}

[data-content-type=slider] a.button {
    color: initial;
    padding: 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

[data-content-type=slider] .carousel-nav {
    position: absolute;
    bottom: 0;
    margin-bottom: .5rem;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.75;
    left: 50%;
    transform: translateX(-50%)
}

[data-content-type=slide] {
    box-sizing: border-box;
    overflow: hidden;
    line-height: 1.25rem;
    min-height: inherit
}

[data-content-type=slide]>[data-element=empty_link],
[data-content-type=slide]>[data-element=link] {
    color: inherit;
    min-height: inherit;
    text-decoration: inherit
}

[data-content-type=slide]>[data-element=empty_link]:hover,
[data-content-type=slide]>[data-element=link]:hover {
    color: inherit;
    text-decoration: inherit
}

[data-content-type=slide]+[data-content-type=slide] {
    height: 0;
    min-height: 0
}

[data-content-type=slide] .pagebuilder-slide-wrapper {
    box-sizing: border-box;
    overflow-wrap: break-word;
    border-radius: inherit;
    min-height: inherit
}

[data-content-type=slide] .pagebuilder-slide-wrapper .jarallax-viewport-element {
    position: absolute;
    top: 0;
    z-index: 50;
    height: 100%;
    width: .125rem;
    left: -15000vw
}

[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax .video-overlay {
    -webkit-transform: unset;
    z-index: 1
}

[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay {
    position: relative;
    z-index: 20
}

[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>div,
[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>iframe,
[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>img,
[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>video {
    margin: auto !important;
    transform: none !important
}

[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay {
    box-sizing: border-box;
    padding: 2rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    border-radius: inherit
}

[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: inherit
}

[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
    max-width: none
}

@media (min-width:768px) {
    [data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
        max-width: 32rem
    }
}

[data-content-type=slide] .pagebuilder-slide-wrapper [data-element=content] {
    overflow: auto;
    min-height: 50px
}

[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-slide-button {
    margin: 1.25rem 0 0;
    max-width: 100%;
    overflow-wrap: break-word;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    text-align: inherit
}

[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-poster-content {
    width: 100%
}

[data-content-type=slide][data-appearance=collage-centered] .pagebuilder-slide-wrapper .pagebuilder-overlay {
    margin-left: auto;
    margin-right: auto
}

[data-content-type=slide][data-appearance=collage-left] .pagebuilder-slide-wrapper .pagebuilder-overlay {
    margin-right: auto
}

[data-content-type=slide][data-appearance=collage-right] .pagebuilder-slide-wrapper .pagebuilder-overlay {
    margin-left: auto
}

[data-content-type=map] {
    box-sizing: border-box;
    height: 18rem
}

[data-content-type$=block] .block p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

[data-content-type=dynamic_block] [data-content-type=image] img {
    display: inline
}

[data-content-type=dynamic_block] .block-banners .banner-item-content,
[data-content-type=dynamic_block] .block-banners-inline .banner-item-content {
    margin-bottom: auto
}

.glider-contain {
    position: relative;
    margin: 0 auto;
    width: 100%
}

.glider {
    overflow-y: hidden
}

.glider.draggable {
    -webkit-user-select: none;
    user-select: none;
    cursor: grab
}

.glider.draggable .glider-slide img {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.glider.drag {
    cursor: grabbing
}

.glider::-webkit-scrollbar {
    height: 0;
    opacity: 0
}

.glider .glider-track {
    z-index: 10;
    margin: 0;
    display: flex;
    width: 100%;
    padding: 0
}

.glider-slide {
    margin: .5rem;
    width: 100%;
    -webkit-user-select: none;
    user-select: none;
    align-content: center;
    justify-content: center;
    min-width: 150px
}

.glider-slide img {
    max-width: 100%
}

.glider-hide {
    opacity: 0
}

.glider-next.disabled,
.glider-prev.disabled {
    cursor: default;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity));
    opacity: .25
}

.glider-dot {
    margin: .25rem;
    display: block;
    height: .75rem;
    width: .75rem;
    cursor: pointer;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    opacity: .25;
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --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)
}

[data-content-type$=block] .glider-dot p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

.glider-dot.active {
    opacity: 1
}

@media (max-width:36em) {
    .glider::-webkit-scrollbar {
        height: .25rem;
        width: .5rem;
        -webkit-appearance: none;
        appearance: none;
        opacity: 1
    }

    .glider::-webkit-scrollbar-thumb {
        opacity: 1;
        border-radius: 99px;
        background-color: #9c9c9c40;
        box-shadow: 0 0 1px #ffffff40
    }
}

[data-show-arrows=false] .glider-next,
[data-show-arrows=false] .glider-prev,
[data-show-dots=false] .glider-dots {
    display: none
}

.checkout-default:where(:has(#hyva-checkout-main)) .columns,
.checkout-default:where(:has(#hyva-checkout-main)) .page.messages .messages {
    max-width: 1440px !important
}

:where(#hyva-checkout-main) .input-group>:where(input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea):focus {
    --tw-ring-color: #0c291e;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 2px var(--tw-ring-color)
}

.hyva_checkout-index-index .page-wrapper .page-header {
    text-align: center;
    padding: 10px 0
}

.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 !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem
}

.inset-0 {
    top: 0;
    bottom: 0
}

.inset-0,
.inset-x-0 {
    right: 0;
    left: 0
}

.inset-x-4 {
    left: 1rem;
    right: 1rem
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.\!bottom-2 {
    bottom: .5rem !important
}

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

.\!top-auto {
    top: auto !important
}

.-left-2 {
    left: -.5rem
}

.-right-1\.5 {
    right: -.375rem
}

.-right-2\.5 {
    right: -.625rem
}

.-right-4 {
    right: -1rem
}

.-top-1\.5 {
    top: -.375rem
}

.-top-2 {
    top: -.5rem
}

.-top-3 {
    top: -.75rem
}

.-top-\[6px\] {
    top: -6px
}

.bottom-0 {
    bottom: 0
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-6 {
    bottom: 1.5rem
}

.bottom-8 {
    bottom: 2rem
}

.bottom-\[19px\] {
    bottom: 19px
}

.bottom-\[22px\] {
    bottom: 22px
}

.bottom-\[calc\(100\%\+10px\)\] {
    bottom: calc(100% + 10px)
}

.bottom-\[calc\(env\(safe-area-inset-bottom\2c 0px\)\+1\.25rem\)\] {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 1.25rem)
}

.bottom-\[calc\(theme\(spacing\.5\)_\/_2_-_2px\)\] {
    bottom: calc(.625rem - 2px)
}

.bottom-auto {
    bottom: auto
}

.left-0 {
    left: 0
}

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

.left-2 {
    left: .5rem
}

.left-3 {
    left: .75rem
}

.left-4 {
    left: 1rem
}

.left-5 {
    left: 1.25rem
}

.left-\[123px\] {
    left: 123px
}

.left-\[6\%\] {
    left: 6%
}

.right-0 {
    right: 0
}

.right-1\.5 {
    right: .375rem
}

.right-2 {
    right: .5rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.right-\[calc\(\(theme\(container\.padding\)\*-1\)-1px\)\] {
    right: calc(-1.5rem - 1px)
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

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

.top-2 {
    top: .5rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

.top-\[100\%\] {
    top: 100%
}

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

.top-\[5\.8rem\] {
    top: 5.8rem
}

.top-\[50px\] {
    top: 50px
}

.top-\[calc\(env\(safe-area-inset-top\2c 0px\)\+0\.75rem\)\] {
    top: calc(env(safe-area-inset-top, 0px) + .75rem)
}

.top-full {
    top: 100%
}

.isolate {
    isolation: isolate
}

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

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-90 {
    z-index: 90
}

.z-\[1000\] {
    z-index: 1000
}

.z-\[1001\] {
    z-index: 1001
}

.z-\[2000\] {
    z-index: 2000
}

.z-\[29\] {
    z-index: 29
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-first {
    order: -9999
}

.order-last {
    order: 9999
}

.order-none {
    order: 0
}

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

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

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

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

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

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

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

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

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

.float-right {
    float: right
}

.float-left {
    float: left
}

.clear-left {
    clear: left
}

.-m-2 {
    margin: -.5rem
}

.-m-4 {
    margin: -1rem
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-4 {
    margin: 1rem
}

.m-auto {
    margin: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.my-1\.5 {
    margin-top: .375rem;
    margin-bottom: .375rem
}

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

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

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

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

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

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

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

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

.\!ml-0 {
    margin-left: 0 !important
}

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

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

.-ml-px {
    margin-left: -1px
}

.-mr-1 {
    margin-right: -.25rem
}

.-mr-2 {
    margin-right: -.5rem
}

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

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

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

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

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

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

.mb-2 {
    margin-bottom: .5rem
}

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

.mb-3 {
    margin-bottom: .75rem
}

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

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

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

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

.ml-1 {
    margin-left: .25rem
}

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

.ml-2 {
    margin-left: .5rem
}

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

.ml-3 {
    margin-left: .75rem
}

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

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

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

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

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

.mr-2 {
    margin-right: .5rem
}

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

.mr-3 {
    margin-right: .75rem
}

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

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

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

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

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

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

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

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

.mt-2 {
    margin-top: .5rem
}

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

.mt-3 {
    margin-top: .75rem
}

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

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

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

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

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

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

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

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

.mt-auto {
    margin-top: auto
}

.box-border {
    box-sizing: border-box
}

.box-content {
    box-sizing: initial
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-caption {
    display: table-caption
}

.table-cell {
    display: table-cell
}

.table-row {
    display: table-row
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

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

.aspect-\[293\/391\] {
    aspect-ratio: 293/391
}

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

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

.aspect-\[6\/8\] {
    aspect-ratio: 6/8
}

.aspect-\[var\(--gallery-ratio\)\] {
    aspect-ratio: var(--gallery-ratio)
}

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

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

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-1\/2 {
    height: 50%
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-64 {
    height: 16rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-96 {
    height: 24rem
}

.h-\[0\.75rem\] {
    height: .75rem
}

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

.h-\[10px\] {
    height: 10px
}

.h-\[16px\] {
    height: 16px
}

.h-\[220px\] {
    height: 220px
}

.h-\[26px\] {
    height: 26px
}

.h-\[347px\] {
    height: 347px
}

.h-\[360px\] {
    height: 360px
}

.h-\[38px\] {
    height: 38px
}

.h-\[395px\] {
    height: 395px
}

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

.h-\[420px\] {
    height: 420px
}

.h-\[424px\] {
    height: 424px
}

.h-\[44px\] {
    height: 44px
}

.h-\[45px\] {
    height: 45px
}

.h-\[468px\] {
    height: 468px
}

.h-\[4px\] {
    height: 4px
}

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

.h-\[51px\] {
    height: 51px
}

.h-\[52px\] {
    height: 52px
}

.h-\[530px\] {
    height: 530px
}

.h-\[54px\] {
    height: 54px
}

.h-\[56px\] {
    height: 56px
}

.h-\[600px\] {
    height: 600px
}

.h-\[700px\] {
    height: 700px
}

.h-\[70px\] {
    height: 70px
}

.h-\[85vh\] {
    height: 85vh
}

.h-\[90vh\] {
    height: 90vh
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-6 {
    max-height: 1.5rem
}

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

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

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

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

.max-h-none {
    max-height: none
}

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

.max-h-screen-75 {
    max-height: 75vh
}

.min-h-0 {
    min-height: 0
}

.min-h-14 {
    min-height: 3.5rem
}

.min-h-64 {
    min-height: 16rem
}

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

.min-h-a11y {
    min-height: 2.75rem
}

.w-0 {
    width: 0
}

.w-1\.5 {
    width: .375rem
}

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

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

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

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

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

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

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

.w-20 {
    width: 5rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

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

.w-32 {
    width: 8rem
}

.w-4 {
    width: 1rem
}

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

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

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

.w-52 {
    width: 13rem
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-64 {
    width: 16rem
}

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

.w-8 {
    width: 2rem
}

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

.w-9 {
    width: 2.25rem
}

.w-\[0\.75rem\] {
    width: .75rem
}

.w-\[1\.125rem\] {
    width: 1.125rem
}

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

.w-\[10px\] {
    width: 10px
}

.w-\[141px\] {
    width: 141px
}

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

.w-\[180vw\] {
    width: 180vw
}

.w-\[238px\] {
    width: 238px
}

.w-\[260px\] {
    width: 260px
}

.w-\[263px\] {
    width: 263px
}

.w-\[360px\] {
    width: 360px
}

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

.w-\[38px\] {
    width: 38px
}

.w-\[393px\] {
    width: 393px
}

.w-\[49\%\] {
    width: 49%
}

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

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

.w-\[51px\] {
    width: 51px
}

.w-\[54px\] {
    width: 54px
}

.w-\[70\%\] {
    width: 70%
}

.w-\[704px\] {
    width: 704px
}

.w-\[80\%\] {
    width: 80%
}

.w-\[90\%\] {
    width: 90%
}

.w-\[92\%\] {
    width: 92%
}

.w-\[96\%\] {
    width: 96%
}

.w-\[98\%\] {
    width: 98%
}

.w-\[calc\(50\%_-_theme\(spacing\.4\)\)\] {
    width: calc(50% - 1rem)
}

.w-\[min\(100\%\2c 150vh\)\] {
    width: min(100%, 150vh)
}

.w-auto {
    width: auto
}

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

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.min-w-20 {
    min-width: 5rem
}

.min-w-40 {
    min-width: 10rem
}

.min-w-48 {
    min-width: 12rem
}

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

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

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

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

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

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

.max-w-4xl {
    max-width: 56rem
}

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

.max-w-64 {
    max-width: 16rem
}

.max-w-7xl {
    max-width: 80rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[var\(--gallery-width\)\] {
    max-width: var(--gallery-width)
}

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

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

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

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

.max-w-none {
    max-width: none
}

.max-w-prose {
    max-width: 65ch
}

.max-w-screen-2xl {
    max-width: 1440px
}

.max-w-screen-lg {
    max-width: 1024px
}

.max-w-screen-xl {
    max-width: 1280px
}

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

.max-w-xl {
    max-width: 36rem
}

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

.grow-0 {
    flex-grow: 0
}

.basis-2\/3 {
    flex-basis: 66.666667%
}

.basis-4\/12 {
    flex-basis: 33.333333%
}

.basis-full {
    flex-basis: 100%
}

.table-auto {
    table-layout: auto
}

.border-collapse {
    border-collapse: collapse
}

.border-separate {
    border-collapse: initial
}

.origin-bottom-left {
    transform-origin: bottom left
}

.origin-top-left {
    transform-origin: top left
}

.origin-top-right {
    transform-origin: top right
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-20 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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
}

.-translate-x-5 {
    --tw-translate-x: -1.25rem
}

.-translate-x-5,
.-translate-x-8 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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-8 {
    --tw-translate-x: -2rem
}

.-translate-x-full {
    --tw-translate-x: -100%
}

.-translate-x-full,
.-translate-y-1\/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))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-20 {
    --tw-translate-y: -5rem
}

.-translate-y-20,
.-translate-y-8 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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-8 {
    --tw-translate-y: -2rem
}

.-translate-y-full {
    --tw-translate-y: -100%
}

.-translate-y-full,
.translate-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))
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-1\/2 {
    --tw-translate-x: 50%
}

.translate-x-1\/2,
.translate-x-20 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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
}

.translate-x-4 {
    --tw-translate-x: 1rem
}

.translate-x-4,
.translate-x-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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%
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-0,
.translate-y-12 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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
}

.translate-y-20 {
    --tw-translate-y: 5rem
}

.translate-y-20,
.translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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%
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.rotate-45 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-0,
.scale-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))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.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-none {
    transform: none
}

@keyframes bounce {

    0%,
    to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

.animate-bounce {
    animation: bounce 1s infinite
}

@keyframes ping {

    75%,
    to {
        transform: scale(2);
        opacity: 0
    }
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-default {
    cursor: default
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.cursor-wait {
    cursor: wait
}

.cursor-zoom-in {
    cursor: zoom-in
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.resize-y {
    resize: vertical
}

.resize {
    resize: both
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-start {
    scroll-snap-align: start
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.appearance-none {
    -webkit-appearance: none;
    appearance: none
}

.grid-flow-row {
    grid-auto-flow: row
}

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

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

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

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

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

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

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

.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 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
}

.place-items-center {
    place-items: center
}

.content-center {
    align-content: center
}

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

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

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

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

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

.justify-center {
    justify-content: center
}

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

.justify-evenly {
    justify-content: space-evenly
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-1 {
    column-gap: .25rem
}

.gap-x-1\.5 {
    column-gap: .375rem
}

.gap-x-16 {
    column-gap: 4rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-2\.5 {
    column-gap: .625rem
}

.gap-x-3 {
    column-gap: .75rem
}

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

.gap-x-6 {
    column-gap: 1.5rem
}

.gap-x-7 {
    column-gap: 1.75rem
}

.gap-x-8 {
    column-gap: 2rem
}

.gap-y-0 {
    row-gap: 0
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-16 {
    row-gap: 4rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

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

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-8 {
    row-gap: 2rem
}

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

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

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem*var(--tw-space-x-reverse));
    margin-left: calc(.5rem*(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*(1 - var(--tw-space-x-reverse)))
}

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

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

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

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

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

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

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

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

.divide-gray-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-divide-opacity))
}

.divide-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-divide-opacity))
}

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

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

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.justify-self-center {
    justify-self: center
}

.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-y-hidden {
    overflow-y: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overscroll-y-contain {
    overscroll-behavior-y: contain
}

.overscroll-x-contain {
    overscroll-behavior-x: contain
}

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

.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-\[7px\] {
    border-radius: 7px
}

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

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-md {
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-l-md {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-r-md {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.rounded-bl-\[100px\] {
    border-bottom-left-radius: 100px
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-br-\[100px\] {
    border-bottom-right-radius: 100px
}

.rounded-tl-\[100px\] {
    border-top-left-radius: 100px
}

.rounded-tr-\[100px\] {
    border-top-right-radius: 100px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

.border-4 {
    border-width: 4px
}

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

.border-b,
.border-y {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

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

.border-b-\[3px\] {
    border-bottom-width: 3px
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-4 {
    border-left-width: 4px
}

.border-r-0 {
    border-right-width: 0
}

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

.border-t-2 {
    border-top-width: 2px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-00334D {
    --tw-border-opacity: 1;
    border-color: rgb(0 51 77/var(--tw-border-opacity))
}

.border-0A3C31 {
    --tw-border-opacity: 1;
    border-color: rgb(10 60 49/var(--tw-border-opacity))
}

.border-C2C9C7 {
    --tw-border-opacity: 1;
    border-color: rgb(194 201 199/var(--tw-border-opacity))
}

.border-E7EAE8 {
    --tw-border-opacity: 1;
    border-color: rgb(231 234 232/var(--tw-border-opacity))
}

.border-\[\#002941\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 41 65/var(--tw-border-opacity))
}

.border-\[\#00334D\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 51 77/var(--tw-border-opacity))
}

.border-\[\#0A3C31\] {
    --tw-border-opacity: 1;
    border-color: rgb(10 60 49/var(--tw-border-opacity))
}

.border-\[\#4a0d0d\] {
    --tw-border-opacity: 1;
    border-color: rgb(74 13 13/var(--tw-border-opacity))
}

.border-\[\#85948E\] {
    --tw-border-opacity: 1;
    border-color: rgb(133 148 142/var(--tw-border-opacity))
}

.border-\[\#C2C9C7\] {
    --tw-border-opacity: 1;
    border-color: rgb(194 201 199/var(--tw-border-opacity))
}

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

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

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

.border-black\/20 {
    border-color: #0003
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity))
}

.border-brand-cream {
    --tw-border-opacity: 1;
    border-color: rgb(244 243 240/var(--tw-border-opacity))
}

.border-brand-cream-dark {
    --tw-border-opacity: 1;
    border-color: rgb(225 221 206/var(--tw-border-opacity))
}

.border-brand-cream-light {
    --tw-border-opacity: 1;
    border-color: rgb(251 249 242/var(--tw-border-opacity))
}

.border-brand-dark {
    --tw-border-opacity: 1;
    border-color: rgb(9 31 23/var(--tw-border-opacity))
}

.border-brand-forest {
    --tw-border-opacity: 1;
    border-color: rgb(12 41 30/var(--tw-border-opacity))
}

.border-brand-gold {
    --tw-border-opacity: 1;
    border-color: rgb(233 225 204/var(--tw-border-opacity))
}

.border-brand-green {
    --tw-border-opacity: 1;
    border-color: rgb(13 70 55/var(--tw-border-opacity))
}

.border-brand-light {
    --tw-border-opacity: 1;
    border-color: rgb(244 243 239/var(--tw-border-opacity))
}

.border-brand-sage {
    --tw-border-opacity: 1;
    border-color: rgb(231 234 232/var(--tw-border-opacity))
}

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

.border-container-darker {
    --tw-border-opacity: 1;
    border-color: rgb(182 182 182/var(--tw-border-opacity))
}

.border-container-lighter {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity))
}

.border-current {
    border-color: currentColor
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity))
}

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

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

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-border-opacity))
}

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

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

.border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39/var(--tw-border-opacity))
}

.border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgb(52 211 153/var(--tw-border-opacity))
}

.border-neutral-100 {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity))
}

.border-popover__border-color {
    --tw-border-opacity: 1;
    border-color: rgb(25 121 195/var(--tw-border-opacity))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216/var(--tw-border-opacity))
}

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

.border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38/var(--tw-border-opacity))
}

.border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgb(185 28 28/var(--tw-border-opacity))
}

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

.border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225/var(--tw-border-opacity))
}

.border-slate-400 {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184/var(--tw-border-opacity))
}

.border-transparent {
    border-color: #0000
}

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

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

.border-yellow-400 {
    border-color: rgb(251 191 36/var(--tw-border-opacity))
}

.border-opacity-100,
.border-yellow-400 {
    --tw-border-opacity: 1
}

.bg-00334D {
    --tw-bg-opacity: 1;
    background-color: rgb(0 51 77/var(--tw-bg-opacity))
}

.bg-0A3C31 {
    --tw-bg-opacity: 1;
    background-color: rgb(10 60 49/var(--tw-bg-opacity))
}

.bg-0C291E {
    --tw-bg-opacity: 1;
    background-color: rgb(12 41 30/var(--tw-bg-opacity))
}

.bg-87D381 {
    --tw-bg-opacity: 1;
    background-color: rgb(135 211 129/var(--tw-bg-opacity))
}

.bg-BBBBBA {
    --tw-bg-opacity: 1;
    background-color: rgb(187 187 186/var(--tw-bg-opacity))
}

.bg-D38181 {
    --tw-bg-opacity: 1;
    background-color: rgb(211 129 129/var(--tw-bg-opacity))
}

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

.bg-D9D9D933 {
    background-color: #d9d9d933
}

.bg-E5ECF0 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 236 240/var(--tw-bg-opacity))
}

.bg-E7EAE8 {
    --tw-bg-opacity: 1;
    background-color: rgb(231 234 232/var(--tw-bg-opacity))
}

.bg-E7EDEB {
    --tw-bg-opacity: 1;
    background-color: rgb(231 237 235/var(--tw-bg-opacity))
}

.bg-EDE7E7 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 231 231/var(--tw-bg-opacity))
}

.bg-F4F3F0 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 240/var(--tw-bg-opacity))
}

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

.bg-\[\#003049\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 48 73/var(--tw-bg-opacity))
}

.bg-\[\#00334D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 51 77/var(--tw-bg-opacity))
}

.bg-\[\#004466\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 68 102/var(--tw-bg-opacity))
}

.bg-\[\#0A3C31\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 60 49/var(--tw-bg-opacity))
}

.bg-\[\#0C291E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(12 41 30/var(--tw-bg-opacity))
}

.bg-\[\#0D4A3A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(13 74 58/var(--tw-bg-opacity))
}

.bg-\[\#0f2a20\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 42 32/var(--tw-bg-opacity))
}

.bg-\[\#1d4ed8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity))
}

.bg-\[\#40738C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(64 115 140/var(--tw-bg-opacity))
}

.bg-\[\#4A0D0D\],
.bg-\[\#4a0d0d\] {
    --tw-bg-opacity: 1;
    background-color: rgb(74 13 13/var(--tw-bg-opacity))
}

.bg-\[\#4db2ec\] {
    --tw-bg-opacity: 1;
    background-color: rgb(77 178 236/var(--tw-bg-opacity))
}

.bg-\[\#C8C4A9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(200 196 169/var(--tw-bg-opacity))
}

.bg-\[\#D9D9D933\] {
    background-color: #d9d9d933
}

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

.bg-\[\#E3CFCC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(227 207 204/var(--tw-bg-opacity))
}

.bg-\[\#E7EAE8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(231 234 232/var(--tw-bg-opacity))
}

.bg-\[\#FAFAF8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 248/var(--tw-bg-opacity))
}

.bg-\[\#f4f3ef\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 239/var(--tw-bg-opacity))
}

.bg-\[\#f4f3ef\]\/90 {
    background-color: #f4f3efe6
}

.bg-\[\#f4f3ef\]\/95 {
    background-color: #f4f3eff2
}

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

.bg-\[\#fbbf84\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 132/var(--tw-bg-opacity))
}

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

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

.bg-black\/20 {
    background-color: #0003
}

.bg-black\/40 {
    background-color: #0006
}

.bg-black\/50 {
    background-color: #00000080
}

.bg-black\/60 {
    background-color: #0009
}

.bg-black\/75 {
    background-color: #000000bf
}

.bg-black\/80 {
    background-color: #000c
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254/var(--tw-bg-opacity))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity))
}

.bg-brand-cream {
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 240/var(--tw-bg-opacity))
}

.bg-brand-cream-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(225 221 206/var(--tw-bg-opacity))
}

.bg-brand-cream-light {
    --tw-bg-opacity: 1;
    background-color: rgb(251 249 242/var(--tw-bg-opacity))
}

.bg-brand-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(9 31 23/var(--tw-bg-opacity))
}

.bg-brand-forest {
    --tw-bg-opacity: 1;
    background-color: rgb(12 41 30/var(--tw-bg-opacity))
}

.bg-brand-gold {
    --tw-bg-opacity: 1;
    background-color: rgb(233 225 204/var(--tw-bg-opacity))
}

.bg-brand-green {
    --tw-bg-opacity: 1;
    background-color: rgb(13 70 55/var(--tw-bg-opacity))
}

.bg-brand-light {
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 239/var(--tw-bg-opacity))
}

.bg-brand-sage {
    --tw-bg-opacity: 1;
    background-color: rgb(231 234 232/var(--tw-bg-opacity))
}

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

.bg-container-darker {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

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

.bg-container-lighter\/95 {
    background-color: #fffffff2
}

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

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

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

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/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(31 41 55/var(--tw-bg-opacity))
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity))
}

.bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 78 59/var(--tw-bg-opacity))
}

.bg-inherit {
    background-color: inherit
}

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

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity))
}

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

.bg-slider_range__color {
    --tw-bg-opacity: 1;
    background-color: rgb(25 121 195/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: initial
}

.bg-trustpilot {
    --tw-bg-opacity: 1;
    background-color: rgb(0 182 122/var(--tw-bg-opacity))
}

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

.bg-white\/25 {
    background-color: #ffffff40
}

.bg-white\/40 {
    background-color: #fff6
}

.bg-white\/60 {
    background-color: #fff9
}

.bg-white\/70 {
    background-color: #ffffffb3
}

.bg-white\/80 {
    background-color: #fffc
}

.bg-white\/90 {
    background-color: #ffffffe6
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199/var(--tw-bg-opacity))
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11/var(--tw-bg-opacity))
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.bg-opacity-100 {
    --tw-bg-opacity: 1
}

.bg-opacity-25 {
    --tw-bg-opacity: 0.25
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

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

.bg-chnt-blue {
    background-image: url(../../frontend/Hyva/hyva_child/en_GB/images/chnt-blue-bg.webp)
}

.bg-chnt-green {
    background-image: url(../../frontend/Hyva/hyva_child/en_GB/images/chnt-green-bg.webp)
}

.bg-chnt-red {
    background-image: url(../../frontend/Hyva/hyva_child/en_GB/images/chnt-red-bg.webp)
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.bg-menu-blue {
    background-image: url(../../frontend/Hyva/hyva_child/en_GB/images/menu-blue-bg.webp)
}

.bg-menu-green {
    background-image: url(../../frontend/Hyva/hyva_child/en_GB/images/menu-green-bg.webp)
}

.bg-menu-red {
    background-image: url(../../frontend/Hyva/hyva_child/en_GB/images/menu-red-bg.webp)
}

.from-\[\#d29a58\] {
    --tw-gradient-from: #d29a58 var(--tw-gradient-from-position);
    --tw-gradient-to: #d29a5800 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/60 {
    --tw-gradient-from: #0009 var(--tw-gradient-from-position);
    --tw-gradient-to: #0000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#fbbf84\] {
    --tw-gradient-to: #fbbf84 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: #0000 var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-black\/20 {
    fill: #0003
}

.fill-black\/30 {
    fill: #0000004d
}

.fill-current {
    fill: currentColor
}

.stroke-current {
    stroke: currentColor
}

.stroke-white\/75 {
    stroke: #ffffffbf
}

.stroke-1 {
    stroke-width: 1
}

.stroke-2 {
    stroke-width: 2
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-scale-down {
    object-fit: scale-down
}

.object-\[20\%_40\%\] {
    object-position: 20% 40%
}

.object-\[55\%_20\%\] {
    object-position: 55% 20%
}

.object-\[55\%_30\%\] {
    object-position: 55% 30%
}

.object-center {
    object-position: center
}

.object-top {
    object-position: top
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

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

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

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

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

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

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

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

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

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

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

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

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

.px-\[1\.20rem\],
.px-\[1\.2rem\] {
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

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

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

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

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

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

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

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

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

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

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

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

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

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

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

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

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

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

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

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

.py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.py-\[\.65rem\] {
    padding-top: .65rem;
    padding-bottom: .65rem
}

.py-\[0\.90rem\] {
    padding-top: .9rem;
    padding-bottom: .9rem
}

.py-\[1\.14rem\] {
    padding-top: 1.14rem;
    padding-bottom: 1.14rem
}

.py-\[1\.3rem\] {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem
}

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

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

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

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

.pb-1 {
    padding-bottom: .25rem
}

.pb-1\.5 {
    padding-bottom: .375rem
}

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

.pb-12 {
    padding-bottom: 3rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

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

.pb-3 {
    padding-bottom: .75rem
}

.pb-3\.5 {
    padding-bottom: .875rem
}

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

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

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

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

.pb-\[calc\(theme\(padding\.4\)_-_3px\)\] {
    padding-bottom: calc(1rem - 3px)
}

.pb-per70 {
    padding-bottom: 70%
}

.pl-1 {
    padding-left: .25rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-3 {
    padding-left: .75rem
}

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

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

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

.pl-\[20px\] {
    padding-left: 20px
}

.pr-1 {
    padding-right: .25rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-2\.5 {
    padding-right: .625rem
}

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

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

.pr-9 {
    padding-right: 2.25rem
}

.pr-\[theme\(container\.padding\)\] {
    padding-right: 1.5rem
}

.pt-0 {
    padding-top: 0
}

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

.pt-1 {
    padding-top: .25rem
}

.pt-1\.5 {
    padding-top: .375rem
}

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

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-3 {
    padding-top: .75rem
}

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

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

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

.pt-7 {
    padding-top: 1.75rem
}

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

.pt-\[120px\] {
    padding-top: 120px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-start {
    text-align: left
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.font-fga {
    font-family: Franklin-Gothic
}

.font-ppa {
    font-family: PPAcma-Light
}

.font-sans {
    font-family: Segoe UI, Helvetica Neue, Arial, sans-serif
}

.font-serif {
    font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

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

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

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

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

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.leading-9 {
    line-height: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.leading-loose {
    line-height: 2
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[0\.12em\] {
    letter-spacing: .12em
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.text-0C291E {
    --tw-text-opacity: 1;
    color: rgb(12 41 30/var(--tw-text-opacity))
}

.text-774A4A {
    --tw-text-opacity: 1;
    color: rgb(119 74 74/var(--tw-text-opacity))
}

.text-85948E {
    --tw-text-opacity: 1;
    color: rgb(133 148 142/var(--tw-text-opacity))
}

.text-B7B6B3 {
    --tw-text-opacity: 1;
    color: rgb(183 182 179/var(--tw-text-opacity))
}

.text-C2C9C7 {
    --tw-text-opacity: 1;
    color: rgb(194 201 199/var(--tw-text-opacity))
}

.text-E7EAE8 {
    --tw-text-opacity: 1;
    color: rgb(231 234 232/var(--tw-text-opacity))
}

.text-F4F3F0 {
    --tw-text-opacity: 1;
    color: rgb(244 243 240/var(--tw-text-opacity))
}

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

.text-\[\#00334D\] {
    --tw-text-opacity: 1;
    color: rgb(0 51 77/var(--tw-text-opacity))
}

.text-\[\#06150F\] {
    --tw-text-opacity: 1;
    color: rgb(6 21 15/var(--tw-text-opacity))
}

.text-\[\#091F17\] {
    --tw-text-opacity: 1;
    color: rgb(9 31 23/var(--tw-text-opacity))
}

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

.text-\[\#4A0D0D\],
.text-\[\#4a0d0d\] {
    --tw-text-opacity: 1;
    color: rgb(74 13 13/var(--tw-text-opacity))
}

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

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

.text-\[\#7d7d7d\] {
    --tw-text-opacity: 1;
    color: rgb(125 125 125/var(--tw-text-opacity))
}

.text-\[\#8FA4B5\] {
    --tw-text-opacity: 1;
    color: rgb(143 164 181/var(--tw-text-opacity))
}

.text-\[\#E7EAE8\] {
    --tw-text-opacity: 1;
    color: rgb(231 234 232/var(--tw-text-opacity))
}

.text-\[\#F4F3EF\] {
    --tw-text-opacity: 1;
    color: rgb(244 243 239/var(--tw-text-opacity))
}

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

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

.text-\[\#f4f3f0\] {
    --tw-text-opacity: 1;
    color: rgb(244 243 240/var(--tw-text-opacity))
}

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

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity))
}

.text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(30 58 138/var(--tw-text-opacity))
}

.text-brand-cream {
    --tw-text-opacity: 1;
    color: rgb(244 243 240/var(--tw-text-opacity))
}

.text-brand-cream-dark {
    --tw-text-opacity: 1;
    color: rgb(225 221 206/var(--tw-text-opacity))
}

.text-brand-cream-light {
    --tw-text-opacity: 1;
    color: rgb(251 249 242/var(--tw-text-opacity))
}

.text-brand-dark {
    --tw-text-opacity: 1;
    color: rgb(9 31 23/var(--tw-text-opacity))
}

.text-brand-forest {
    --tw-text-opacity: 1;
    color: rgb(12 41 30/var(--tw-text-opacity))
}

.text-brand-gold {
    --tw-text-opacity: 1;
    color: rgb(233 225 204/var(--tw-text-opacity))
}

.text-brand-green {
    --tw-text-opacity: 1;
    color: rgb(13 70 55/var(--tw-text-opacity))
}

.text-brand-light {
    --tw-text-opacity: 1;
    color: rgb(244 243 239/var(--tw-text-opacity))
}

.text-brand-sage {
    --tw-text-opacity: 1;
    color: rgb(231 234 232/var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity))
}

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

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

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

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

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

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

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129/var(--tw-text-opacity))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(5 150 105/var(--tw-text-opacity))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(4 120 87/var(--tw-text-opacity))
}

.text-inherit {
    color: inherit
}

.text-neutral-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity))
}

.text-neutral-800 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38/var(--tw-text-opacity))
}

.text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60/var(--tw-text-opacity))
}

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

.text-primary-lighter {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.text-primary\/50 {
    color: #1f293780
}

.text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(109 40 217/var(--tw-text-opacity))
}

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

.text-red-50 {
    --tw-text-opacity: 1;
    color: rgb(254 242 242/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity))
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity))
}

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

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

.text-show-more__color {
    --tw-text-opacity: 1;
    color: rgb(25 121 195/var(--tw-text-opacity))
}

.text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225/var(--tw-text-opacity))
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity))
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105/var(--tw-text-opacity))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85/var(--tw-text-opacity))
}

.text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59/var(--tw-text-opacity))
}

.text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity))
}

.text-transparent {
    color: #0000
}

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

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

.text-white\/50 {
    color: #ffffff80
}

.text-white\/70 {
    color: #ffffffb3
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36/var(--tw-text-opacity))
}

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6/var(--tw-text-opacity))
}

.text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

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

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

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-25 {
    opacity: .25
}

.opacity-5 {
    opacity: .05
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.mix-blend-darken {
    mix-blend-mode: darken
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-2xl {
    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 #00000040;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-\[0_-2px_10px_\#0000001a\] {
    --tw-shadow: 0 -2px 10px #0000001a;
    --tw-shadow-colored: 0 -2px 10px var(--tw-shadow-color)
}

.shadow-\[0_-2px_10px_\#0000001a\],
.shadow-lg {
    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 #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-md,
.shadow-none {
    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
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-sm,
.shadow-xl {
    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 #0000001a, 0 8px 10px -6px #0000001a;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

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

.outline {
    outline-style: solid
}

.outline-offset-2 {
    outline-offset: 2px
}

.outline-offset-4 {
    outline-offset: 4px
}

.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-blue-500\/50 {
    --tw-ring-color: #3b82f680
}

.ring-primary {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 64 175/var(--tw-ring-opacity))
}

.ring-primary\/50 {
    --tw-ring-color: #1e40af80
}

.ring-primary\/75 {
    --tw-ring-color: #1e40afbf
}

.ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity))
}

.ring-transparent {
    --tw-ring-color: #0000
}

.ring-opacity-50 {
    --tw-ring-opacity: 0.5
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.drop-shadow-md {
    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-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.grayscale,
.invert {
    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 {
    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 {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-blur-sm {
    -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-sm {
    --tw-backdrop-blur: blur(4px)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-none {
    transition-property: none
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-150,
.transition-transform {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

.mask-overflow {
    --tw-mask-dir: to right;
    --tw-mask-size: 2rem;
    --tw-mask-color: 0 0 0;
    --tw-mask-start: rgb(var(--tw-mask-color)/0%);
    --tw-mask-end: rgb(var(--tw-mask-color)/0%);
    --tw-mask: linear-gradient(var(--tw-mask-dir), var(--tw-mask-start), rgb(var(--tw-mask-color)) var(--tw-mask-size), rgb(var(--tw-mask-color)) calc(100% - var(--tw-mask-size)), var(--tw-mask-end));
    -webkit-mask-image: var(--tw-mask);
    mask-image: var(--tw-mask)
}

.\[--line-after\:theme\(colors\.primary\.DEFAULT\)\] {
    --line-after: #1e40af
}

.\[--line-before\:\#0000\] {
    --line-before: #0000
}

.\[--line-before\:theme\(colors\.primary\.DEFAULT\)\] {
    --line-before: #1e40af
}

.\[wire\:auto-save\] {
    wire: auto-save
}

.\[wire\:model\.defer\] {
    wire: model.defer
}

.\[wire\:model\] {
    wire: model
}

.\[wire\:select\] {
    wire: select
}

.btm-footer {
    background-image: url(../../frontend/Hyva/hyva_child/en_GB/images/footer-bg-mobile.webp);
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width:1024px) {
    .btm-footer {
        background-image: url(../../frontend/Hyva/hyva_child/en_GB/images/footer-bg.webp)
    }
}

body {
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 240/var(--tw-bg-opacity))
}

.table-row-items>div.table-row-item {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.table-row-items>div.table-row-item:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.cms-index-index .page-wrapper .page-main {
    margin-top: 0;
    margin-bottom: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 240/var(--tw-bg-opacity))
}

.cms-index-index .page-wrapper .page-main .columns {
    max-width: 100%;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
    padding-left: 0;
    padding-right: 0
}

@supports (color:rgb(0 0 0/0)) {
    .cms-index-index .page-wrapper .page-main .columns {
        background-color: rgb(244 243 240/var(--tw-bg-opacity))
    }
}

.customer-logo-slider {
    -webkit-mask-image: linear-gradient(90deg, #0000, #000 10%, #000 90%, #0000);
    mask-image: linear-gradient(90deg, #0000, #000 10%, #000 90%, #0000);
    overflow: hidden;
    white-space: nowrap;
    position: relative
}

.customer-logo-slider .slider-inner {
    display: flex
}

@keyframes customer-logo {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.customer-logo-slider .slider-inner {
    animation: customer-logo 10s linear infinite
}

@media (min-width:768px) {
    .customer-logo-slider .slider-inner {
        animation: customer-logo 20s linear infinite
    }
}

.customer-logo-slider .slider-inner .mgs-scroll-div {
    height: 101px;
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: center
}

.customer-logo-slider .slider-inner .slider-item {
    width: 35%;
    padding-left: .5rem
}

@media (min-width:640px) {
    .customer-logo-slider .slider-inner .slider-item {
        width: 50%
    }
}

@media (min-width:768px) {
    .customer-logo-slider .slider-inner .slider-item {
        width: 75%;
        width: auto;
        padding-left: 1rem
    }
}

.customer-logo-slider .slider-inner .slider-item {
    flex: none
}

.customer-logo-slider .slider-inner .slider-item img.mgs-scroll-img {
    object-fit: cover;
    width: 13rem;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.customer-logo-slider .slider-inner:hover {
    animation-play-state: paused
}

.home-pendats-slider {
    background-image: url(../../frontend/Hyva/hyva_child/en_GB/images/pendants-bg.png)
}

.cms-page-view .page-title {
    font-size: 45px;
    line-height: 50px;
    margin: 40px 0 !important;
    padding: 0 !important
}

.cms-page-view #maincontent.page-main {
    overflow: visible !important;
    width: 90% !important;
    max-width: none !important;
    padding: 0 10px 44.004px !important;
    margin: 0 auto !important
}

.cms-page-view .page-main .columns {
    overflow: hidden;
    width: 100%;
    max-width: unset;
    padding: unset;
    margin: unset
}

@media screen and (max-width:480px) {
    .cms-page-view #maincontent.page-main {
        width: 96% !important;
        padding: 0 10px !important
    }

    .cms-page-view .page-main .columns {
        width: 100%;
        padding: unset
    }
}

.account-nav li a,
.account-nav li strong {
    display: flex;
    justify-content: space-between;
    padding-top: .25rem;
    padding-bottom: .25rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.account-nav li a:hover,
.account-nav li strong {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.account-nav li strong {
    font-weight: 400;
    text-decoration-line: underline
}

.actions-toolbar {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(182 182 182/var(--tw-border-opacity));
    padding-top: 1rem
}

.actions-toolbar a.back {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity));
    text-decoration-line: underline
}

body>div>div.grecaptcha-badge {
    display: none;
    height: 0 !important;
    width: 0 !important
}

.order-items>div:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.order-links {
    display: block;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

[data-content-type$=block] .order-links p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

.order-links li {
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    padding: .5rem 1rem
}

.order-links li.current {
    flex-grow: 1;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.order-links li a {
    text-decoration-line: underline
}

.order-date {
    font-size: .875rem;
    line-height: 1.25rem
}

fieldset .field,
form .field {
    margin-top: .25rem
}

fieldset .field.field-reserved,
form .field.field-reserved {
    margin-bottom: 1.75rem
}

fieldset .field.field-reserved ul:last-of-type,
form .field.field-reserved ul:last-of-type {
    margin-bottom: -1.5rem;
    padding-bottom: .25rem
}

fieldset .field.field-reserved ul,
form .field.field-reserved ul {
    font-size: .875rem;
    line-height: 1.25rem
}

fieldset label,
form label {
    margin-bottom: .5rem;
    display: block;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

[data-content-type$=block] fieldset label p:last-child,
[data-content-type$=block] form label p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

fieldset .field.choice,
form .field.choice {
    display: flex;
    align-items: center
}

fieldset .field.choice input,
form .field.choice input {
    margin-right: 1rem
}

fieldset .field.choice label,
form .field.choice label {
    margin-bottom: 0
}

fieldset .field.field-error .messages,
form .field.field-error .messages {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity));
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

fieldset legend,
form legend {
    margin-bottom: .75rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

fieldset legend+br,
form legend+br {
    display: none
}

fieldset~fieldset {
    margin-top: 2rem
}

.field.required>label:after {
    position: relative;
    top: -.25rem;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity));
    content: var(--tw-content);
    --tw-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12m5.196-9L6.804 15m0-6 10.392 6'/%3E%3C/svg%3E");
    --tw-icon-size: 1em;
    display: inline-block;
    width: var(--tw-icon-size);
    height: var(--tw-icon-size);
    background-color: currentcolor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: var(--tw-icon);
    mask-image: var(--tw-icon)
}

.flex-columns-wrapper {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .flex-columns-wrapper {
        flex-direction: row
    }
}

.aa-LoadingIndicator {
    display: none !important;
    visibility: hidden !important
}

.aa-List,
.ais-Hits-list,
.ais-InfiniteHits-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:640px) {

    .aa-List,
    .ais-Hits-list,
    .ais-InfiniteHits-list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {

    .aa-List,
    .ais-Hits-list,
    .ais-InfiniteHits-list {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.ais-Hits-item,
.ais-InfiniteHits-item,
.auc-Recommend-item {
    height: 100%;
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-bottom: 1rem
}

mark {
    background-color: initial;
    font-weight: 800
}

.hidden-sm,
.hidden-xs {
    display: none
}

section.aa-Source[data-autocomplete-source-id=products] {
    order: 2
}

section.aa-Source[data-autocomplete-source-id=products] .aa-SourceHeader {
    display: none
}

section.aa-Source[data-autocomplete-source-id=products] .aa-List {
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

@media (min-width:640px) {
    section.aa-Source[data-autocomplete-source-id=products] .aa-List {
        max-width: 640px
    }
}

@media (min-width:768px) {
    section.aa-Source[data-autocomplete-source-id=products] .aa-List {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    section.aa-Source[data-autocomplete-source-id=products] .aa-List {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    section.aa-Source[data-autocomplete-source-id=products] .aa-List {
        max-width: 1280px
    }
}

@media (min-width:1440px) {
    section.aa-Source[data-autocomplete-source-id=products] .aa-List {
        max-width: 1440px
    }
}

section.aa-Source[data-autocomplete-source-id=products] .aa-List {
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding-left: 0;
    padding-right: 0
}

.catalog-category-view .page-wrapper .page-main .columns .column.main #product-list .products-grid section.aa-Source[data-autocomplete-source-id=products] .aa-List .pdp-span-two .product-item .product-item-photo {
    margin-left: 0;
    margin-right: 0
}

.catalog-category-view .page-wrapper .page-main .columns .column.main #product-list .products-grid section.aa-Source[data-autocomplete-source-id=products] .aa-List .pdp-span-two .product-info {
    margin-left: auto;
    margin-right: auto;
    width: 284px
}

@media (min-width:640px) {
    section.aa-Source[data-autocomplete-source-id=products] .aa-List {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    section.aa-Source[data-autocomplete-source-id=products] .aa-List {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
    section.aa-Source[data-autocomplete-source-id=products] .aa-List {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

section.aa-Source[data-autocomplete-source-id=categories] {
    order: 1
}

section.aa-Source[data-autocomplete-source-id=categories] .aa-SourceHeader {
    font-size: 16px;
    font-weight: 400
}

section.aa-Source[data-autocomplete-source-id=categories] .aa-List {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
    white-space: nowrap;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

@media (min-width:640px) {
    section.aa-Source[data-autocomplete-source-id=categories] .aa-List {
        flex-direction: row
    }
}

section.aa-Source[data-autocomplete-source-id=categories] .aa-List {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

section.aa-Source[data-autocomplete-source-id=categories] .aa-List>.aa-Item {
    flex-shrink: 0;
    align-items: center;
    width: auto !important;
    display: inline-flex !important;
    flex-direction: row !important
}

section.aa-Source[data-autocomplete-source-id=categories] .aa-List>.aa-Item>div {
    width: auto !important;
    display: inline-flex;
    align-items: center
}

section.aa-Source[data-autocomplete-source-id=categories] .aa-List a:hover {
    text-decoration-line: underline
}

section.aa-Source[data-autocomplete-source-id=categories] .aa-List a {
    display: inline-block
}

section.aa-Source[data-autocomplete-source-id=categories] .aa-List mark {
    background-color: initial;
    font-weight: 600
}

section.aa-Source[data-autocomplete-source-id=categories] .aa-List span {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

@media (min-width:640px) {
    section.aa-Source[data-autocomplete-source-id=categories] .aa-List>.aa-Item+.aa-Item:before {
        --tw-content: "|";
        content: var(--tw-content)
    }
}

section.aa-Source[data-autocomplete-source-id=categories] .aa-List>.aa-Item+.aa-Item:before {
    margin: 0 .5rem;
    color: #9ca3af;
    font-weight: 400;
    display: inline-block
}

/* .search.results {
    display: none
} */

.highlight * {
    font-weight: 700
}

.ais-SearchBox-form {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center
}

.ais-SearchBox-input {
    width: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity));
    padding-left: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .05em
}

button.ais-SearchBox-reset {
    position: absolute;
    right: 0;
    cursor: pointer;
    padding-right: .75rem
}

input.ais-SearchBox-input::-webkit-search-cancel-button,
input.ais-SearchBox-input::-webkit-search-decoration,
input.ais-SearchBox-input::-webkit-search-results-button,
input.ais-SearchBox-input::-webkit-search-results-decoration {
    display: none
}

.ais-SearchBox-submit {
    display: none
}

.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious {
    margin: auto;
    display: block;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity));
    padding: .5rem 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

[data-content-type$=block] .ais-InfiniteHits-loadMore p:last-child,
[data-content-type$=block] .ais-InfiniteHits-loadPrevious p:last-child {
    margin-bottom: 1rem;
    margin-top: 0
}

.ais-InfiniteHits-loadMore:hover,
.ais-InfiniteHits-loadPrevious:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity))
}

.ais-InfiniteHits-loadMore--disabled,
.ais-InfiniteHits-loadPrevious--disabled {
    display: none
}

.ais-Pagination {
    display: flex;
    justify-content: center
}

.ais-Pagination-list {
    display: inline-flex;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --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)
}

.ais-Pagination-list li.ais-Pagination-item a {
    cursor: pointer
}

.ais-Pagination-list li.ais-Pagination-item--selected a {
    cursor: default
}

.ais-Pagination-item {
    margin-left: -1px;
    display: inline-flex;
    align-items: center;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ais-Pagination-item:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.ais-Pagination-item--previousPage {
    position: relative;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.ais-Pagination-item--nextPage {
    position: relative;
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.ais-Pagination-item--previousPage:after {
    content: "\003C";
    padding: .5rem .75rem
}

.ais-Pagination-item--nextPage:after {
    content: "\003E";
    padding: .5rem .75rem
}

.ais-Pagination-list .ais-Pagination-item--nextPage a,
.ais-Pagination-list .ais-Pagination-item--nextPage span,
.ais-Pagination-list .ais-Pagination-item--previousPage a,
.ais-Pagination-list .ais-Pagination-item--previousPage span {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    color: #0000
}

.ais-Pagination-item--selected {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

l.ais-Pagination-item--selected a {
    cursor: default;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216/var(--tw-border-opacity));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.ais-Pagination-item .ais-Pagination-link {
    padding: .5rem 1rem
}

.ais-ClearRefinements-button {
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: 0
}

.ais-ClearRefinements-button--disabled {
    display: none
}

.ais-RangeSlider {
    margin-top: 1.5rem;
    margin-left: .5rem;
    margin-right: 1.25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 1rem
}

.ais-HierarchicalMenu-item--selected {
    font-weight: 700
}

.ais-HierarchicalMenu-count:before,
.ais-RefinementList-count:before {
    content: "("
}

.ais-HierarchicalMenu-count:after,
.ais-RefinementList-count:after {
    content: ")"
}

.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
    margin-left: 1rem
}

.rheostat-background {
    height: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.rheostat-handle {
    position: absolute;
    left: 0;
    top: -.5rem;
    z-index: 10;
    height: 1.25rem;
    width: 1.25rem;
    cursor: pointer;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.rheostat-handle .rheostat-tooltip {
    position: absolute;
    left: -66.666667%;
    top: -1.5rem;
    line-height: 1.25rem
}

.rheostat-progress {
    position: absolute;
    left: 0;
    top: 0;
    height: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.ais-CurrentRefinements-list {
    display: flex;
    flex-direction: column;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.ais-CurrentRefinements-list li {
    padding-bottom: .25rem
}

.ais-CurrentRefinements-item .ais-CurrentRefinements-label {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0
}

.ais-CurrentRefinements-item .ais-CurrentRefinements-category {
    display: flex;
    justify-content: space-between
}

.ais-CurrentRefinements-category {
    padding-bottom: .25rem
}

.ais-CurrentRefinements-category span {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: 0
}

.ais-RefinementList-searchBox .ais-SearchBox-input[disabled] {
    display: none
}

.ais-Panel {
    margin-top: .75rem;
    margin-bottom: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.25rem;
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --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)
}

.ais-Panel-header span .name {
    border-bottom-width: 1px;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

@media (min-width:768px) {
    .ais-Panel-header span .name {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.ais-HierarchicalMenu {
    padding-top: 1rem
}

.ais-HierarchicalMenu-link {
    display: flex;
    padding-top: .25rem;
    padding-bottom: .25rem
}

.ais-HierarchicalMenu-count {
    flex-grow: 1;
    text-align: right
}

.ais-RefinementList-searchBox .ais-SearchBox .ais-SearchBox-form {
    margin-top: .75rem;
    margin-bottom: .75rem;
    border-width: 1px
}

.ais-SortBy .ais-SortBy-select {
    border-radius: .5rem;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.aa-Autocomplete .aa-Input {
    -webkit-appearance: none;
    appearance: none;
    line-height: 1.5;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    width: 100%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(247 246 243/var(--tw-bg-opacity));
    padding-top: .75rem;
    padding-bottom: .75rem;
    --tw-text-opacity: 1;
    color: rgb(183 182 179/var(--tw-text-opacity));
    font-family: Franklin-Gothic;
    font-size: 12px;
    line-height: 5px
}

.aa-Autocomplete .aa-ClearButton,
.aa-Autocomplete .aa-SubmitButton {
    display: none
}

.aa-InputWrapperPrefix {
    display: none;
    visibility: none
}

.aa-Panel {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 50;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.aa-PanelLayout {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem
}

.aa-Source {
    margin-bottom: 1rem
}

.aa-Source:has(.aa-SourceNoResults) {
    display: none
}

.aa-SourceHeader {
    padding-bottom: 1.5rem;
    text-align: center;
    font-weight: 700
}

@media (min-width:1024px) {
    .aa-SourceHeader {
        padding-bottom: 1rem
    }
}

.aa-SourceFooter {
    margin-top: 3rem;
    text-align: center
}

.aa-SourceFooter span {
    font-weight: 700
}

.aa-List {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

@media (min-width:640px) {
    .aa-List {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .aa-List {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .aa-List {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .aa-List {
        max-width: 1280px
    }
}

@media (min-width:1440px) {
    .aa-List {
        max-width: 1440px
    }
}

.aa-List {
    gap: 1rem
}

.aa-Item {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column
}

@media not all and (min-width:768px) {
    #autocomplete-products-footer {
        display: none
    }
}

.aa-Panel .aa-PanelLayout {
    display: grid
}

@media (min-width:768px) {
    .aa-Item {
        display: flex;
        height: 100%;
        width: 100%;
        flex-direction: column
    }

    .aa-Panel.productColumn2 .aa-PanelLayout section:first-child {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        padding-top: 1.25rem
    }

    .aa-Panel.productColumn1 .aa-PanelLayout section:first-child,
    .aa-Panel.productColumn2 .aa-PanelLayout section:nth-child(2) {
        margin-left: 2.5rem;
        min-width: 570px
    }

    .aa-Panel.productColumn2 .aa-PanelLayout section:nth-child(2) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 5
    }

    .aa-Panel .aa-PanelLayout section:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3
    }

    .aa-Panel .aa-PanelLayout section:nth-child(4) {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4
    }

    .aa-Panel .aa-PanelLayout {
        display: grid;
        column-gap: 0;
        row-gap: 0;
        padding-bottom: 45px
    }
}

.auc-Recommend-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:1024px) {
    .auc-Recommend-list {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.auc-Recommend-title {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem
}

@media (min-width:768px) {
    .auc-Recommend-title {
        text-align: left
    }
}

#slider-range input[type=range] {
    pointer-events: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}

#slider-range input[type=range]::-moz-range-thumb {
    pointer-events: all;
    appearance: none;
    width: 20px;
    height: 20px
}

#slider-range input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    -webkit-appearance: none;
    width: 20px;
    height: 20px
}

#slider-range .slider {
    width: calc(100% - 20px)
}

.swatch-attribute .swatch-attribute-options .swatch-option.active {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: #1e40af80
}

.swatch-attribute .swatch-attribute-options .swatch-option.disabled:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: var(--tw-content);
    right: 0;
    background: linear-gradient(to left top, #fff0, #fff0 42%, #fff 43%, #fff 46%, #ff5216 47%, #ff5216 53%, #fff 54%, #fff 57%, #fff0 58%, #fff0);
    background: -webkit-linear-gradient(to left top, #fff0, #fff0 42%, #fff 43%, #fff 46%, #ff5216 47%, #ff5216 53%, #fff 54%, #fff 57%, #fff0 58%, #fff0)
}

.shaded {
    background-image: linear-gradient(180deg, #333 20%, #fff);
    color: #0000;
    -webkit-background-clip: text
}

.sidebar.sidebar-main {
    display: grid
}

.sidebar.sidebar-main #layered-selected-filters-block {
    order: 1
}

.sidebar.sidebar-main #layered-filter-block {
    order: 2
}

.sidebar.sidebar-main #layered-filter-block .image.empty:after {
    content: "";
    z-index: 10;
    margin: .25rem .25rem 5px -3px;
    display: inline-block;
    height: 2px;
    width: 2.75rem;
    transform-origin: center;
    --tw-rotate: -29deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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(239 68 68/var(--tw-bg-opacity))
}

.catalog-category-view.page-layout-2columns-left .columns {
    position: relative;
    padding-top: 3.5rem
}

@media (min-width:768px) {
    .catalog-category-view.page-layout-2columns-left .columns {
        position: static;
        padding-top: 0
    }
}

.catalog-category-view.page-layout-2columns-left .modes {
    display: none
}

@media (min-width:768px) {
    .catalog-category-view.page-layout-2columns-left .modes {
        display: flex
    }
}

.catalog-category-view.page-layout-2columns-left .toolbar-sorter {
    position: absolute;
    top: 0;
    right: 1.5rem
}

@media (min-width:768px) {
    .catalog-category-view.page-layout-2columns-left .toolbar-sorter {
        position: static
    }
}

#layered-filter-block .filter-option .count:before {
    content: "("
}

#layered-filter-block .filter-option .count:after {
    content: ")"
}

.amxnotif-price-gdrp label a,
.amxnotif-stock-gdrp label a,
.amxnotif-stock-gdrp-label a {
    text-decoration-line: underline
}

.products.products-grid .rating-summary {
    justify-content: center
}

.products.products-grid .product-info>div:last-child {
    justify-content: flex-end
}

.catalog-product-view .product-info-main section .swatch-attribute-options>div {
    margin-left: 0
}

.mollie-buttons {
    margin-top: 10%;
    text-align: center;
    animation: fadeIn 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mollie-buttons .button {
    display: inline-block;
    margin: 20px;
    max-width: 100%;
    padding: 0 16px;
    border: 0;
    box-shadow: 0 1px 2px 0 #00000030;
    border-radius: 6px;
    background-color: #0095ff;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 4.4rem;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background .15s;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none
}

.mollie-buttons {
    opacity: 0;
    transition: opacity 2s ease-in
}

.mollie-buttons .button:hover {
    background-color: #0077cb
}

.mollie-loading .redirect-block {
    padding: 10%;
    text-align: center
}

.checkout-payment-method #mollie_methods_ideal-form .label {
    height: 35px;
    display: inline-block
}

.checkout-payment-method #mollie_methods_ideal-form .payment-icon {
    width: 35px;
    max-height: 30px
}

.checkout-payment-method #mollie_methods_kbc-form .label {
    height: 35px;
    display: inline-block
}

.checkout-payment-method #mollie_methods_kbc-form .payment-icon {
    width: 35px;
    max-height: 30px
}

.checkout-payment-method #mollie_methods_giftcard-form .label {
    height: 40px;
    display: inline-block
}

.checkout-payment-method #mollie_methods_giftcard-form .payment-icon {
    width: 35px;
    max-height: 30px
}

.mollie-payment-icon {
    width: 25px;
    margin-right: 5px;
    vertical-align: middle
}

.mollie-loading .loader {
    border: 16px solid #e3f0fa;
    border-top-color: #31a8f0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    margin-left: auto;
    margin-right: auto
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.payment-method-content .card-container {
    max-width: 400px;
    overflow: auto;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #0000001a;
    display: block;
    padding: 20px;
    margin-bottom: 10px
}

.apple-pay-button {
    -webkit-appearance: -apple-pay-button
}

@supports (-webkit-appearance:-apple-pay-button) {
    .apple-pay-button-with-text {
        -webkit-appearance: -apple-pay-button;
        -apple-pay-button-type: buy
    }

    .apple-pay-button-with-text>* {
        visibility: hidden
    }

    .apple-pay-button-black-with-text {
        -apple-pay-button-style: #000
    }

    .apple-pay-button-white-with-text {
        -apple-pay-button-style: #fff;
        cursor: pointer
    }

    .apple-pay-button-white-with-line-with-text {
        -apple-pay-button-style: white-outline
    }

    .apple-pay-button-color-black {
        -apple-pay-button-style: #000
    }

    .apple-pay-button-color-white {
        -apple-pay-button-style: #fff
    }

    .apple-pay-button-color-white-outline {
        -apple-pay-button-style: white-outline
    }

    .apple-pay-button-text-buy {
        -apple-pay-button-type: buy
    }

    .apple-pay-button-text-donate {
        -apple-pay-button-type: donate
    }

    .apple-pay-button-text-plain {
        -apple-pay-button-type: plain
    }

    .apple-pay-button-text-book {
        -apple-pay-button-type: book
    }

    .apple-pay-button-text-check-out {
        -apple-pay-button-type: check-out
    }

    .apple-pay-button-text-subscribe {
        -apple-pay-button-type: subscribe
    }

    .apple-pay-button-text-add-money {
        -apple-pay-button-type: add-money
    }

    .apple-pay-button-text-contribute {
        -apple-pay-button-type: contribute
    }

    .apple-pay-button-text-order {
        -apple-pay-button-type: order
    }

    .apple-pay-button-text-reload {
        -apple-pay-button-type: reload
    }

    .apple-pay-button-text-rent {
        -apple-pay-button-type: rent
    }

    .apple-pay-button-text-support {
        -apple-pay-button-type: support
    }

    .apple-pay-button-text-tip {
        -apple-pay-button-type: tip
    }

    .apple-pay-button-text-top-up {
        -apple-pay-button-type: top-up
    }
}

.mollie-applepay-button-hidden {
    display: none
}

.mollie-applepay-minicart-button {
    height: 40px
}

[wire\:dirty]:not(textarea):not(input):not(select),
[wire\:loading\.block],
[wire\:loading\.delay\.long],
[wire\:loading\.delay\.longer],
[wire\:loading\.delay\.longest],
[wire\:loading\.delay\.short],
[wire\:loading\.delay\.shorter],
[wire\:loading\.delay\.shortest],
[wire\:loading\.delay],
[wire\:loading\.flex],
[wire\:loading\.grid],
[wire\:loading\.inline-block],
[wire\:loading\.inline-flex],
[wire\:loading\.inline],
[wire\:loading\.table],
[wire\:loading],
[wire\:offline] {
    display: none
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    animation-duration: 50000s;
    animation-name: livewireautofill
}

#livewire-error iframe {
    background-color: #fff !important;
    border-radius: .375rem !important;
    padding: .75rem 1rem !important
}

:where(#hyva-checkout-main) .form-email,
:where(#hyva-checkout-main) .form-input,
:where(#hyva-checkout-main) .form-multiselect,
:where(#hyva-checkout-main) .form-select,
:where(#hyva-checkout-main) .form-textarea {
    color: #334155;
    border-color: #cbd5e1
}

:where(#hyva-checkout-main) .form-checkbox,
:where(#hyva-checkout-main) .form-radio {
    height: 1.25rem;
    width: 1.25rem;
    flex: none;
    cursor: pointer
}

:where(#hyva-checkout-main) .form-checkbox:disabled,
:where(#hyva-checkout-main) .form-radio:disabled {
    cursor: not-allowed;
    opacity: .6
}

:where(#hyva-checkout-main) .form-checkbox {
    border-radius: .25rem
}

.input-group {
    position: relative;
    display: flex;
    gap: 0;
    border-radius: .375rem;
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --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);
    border-color: #cbd5e1
}

.input-group:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235/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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgb(30 64 175/var(--tw-ring-opacity));
    --tw-ring-opacity: 0.5
}

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

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

.input-group>:not(:last-child):not(button):not(.btn) {
    border-right-width: 0
}

:where(#hyva-checkout-main) .input-group :where(.form-input-addon) {
    border-radius: .375rem;
    border-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: .5rem;
    border-color: inherit
}

:where(#hyva-checkout-main) .input-group :where(.form-input-addon):first-child {
    border-right-width: 0;
    padding-left: .75rem
}

:where(#hyva-checkout-main) .input-group :where(.form-input-addon):last-child {
    border-left-width: 0;
    padding-right: .75rem
}

:where(#hyva-checkout-main) .input-group>:where(input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea) {
    --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)
}

:where(#hyva-checkout-main) .input-group>:where(input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea):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(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)
}

:where(#hyva-checkout-main) .input-group>:where(input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea) {
    border-color: inherit
}

:where(#hyva-checkout-main) .input-group>:where(input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea):not(:first-child) {
    padding-left: .5rem
}

:where(#hyva-checkout-main) .input-group>:where(input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea):not(:last-child) {
    padding-right: .5rem
}

:where(#hyva-checkout-main) .input-group>:where(.form-input-addon)+:where(input:not([type=radio]):not([type=checkbox]):not([type=range]), select, textarea) {
    border-left-width: 0
}

:where(.step-layout-3columns) .btn-place-order {
    width: 100%
}

.checkout-nav {
    display: flex;
    flex-direction: column-reverse;
    gap: .5rem
}

.checkout-nav .checkout-nav-main,
.checkout-nav .checkout-nav-secondary {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

@media (min-width:768px) {
    .area-main .checkout-nav {
        flex-direction: row
    }

    .area-main .checkout-nav .checkout-nav-main,
    .area-main .checkout-nav .checkout-nav-secondary {
        flex-direction: row;
        align-items: center;
        flex-grow: 1
    }

    .area-main .checkout-nav .checkout-nav-main {
        justify-content: space-between
    }

    .area-main .checkout-nav .checkout-nav-main>button:only-child {
        margin-left: auto
    }
}

.checkout-summary>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
}

.checkout-summary {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
    padding: 1.5rem
}

.checkout-summary .checkout-nav .btn {
    width: 100%
}

:where(#hyva-checkout-main) .breadcrumbs .item {
    display: inline-flex;
    align-items: center
}

:where(#hyva-checkout-main) .breadcrumbs .item.active>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem*var(--tw-space-x-reverse));
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)))
}

:where(#hyva-checkout-main) .breadcrumbs .item.active {
    font-weight: 700
}

:where(#hyva-checkout-main) .breadcrumbs .item.locked {
    cursor: not-allowed;
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

:where(#hyva-checkout-main) .breadcrumbs .item.completed {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

:where(#hyva-checkout-main) [x-cloak] {
    display: none !important
}

.checkout-default:where(:has(#hyva-checkout-main)) .columns,
.checkout-default:where(:has(#hyva-checkout-main)) .page.messages .messages {
    max-width: 1024px
}

@media (min-width:1440px) {
    .\32xl\:container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }

    @media (min-width:640px) {
        .\32xl\:container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .\32xl\:container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .\32xl\:container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .\32xl\:container {
            max-width: 1280px
        }
    }

    @media (min-width:1440px) {
        .\32xl\:container {
            max-width: 1440px
        }
    }
}

.backdrop\:bg-black\/75::backdrop {
    background-color: #000000bf
}

.backdrop\:backdrop-blur-sm::backdrop {
    --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)
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-y-0:before {
    content: var(--tw-content);
    top: 0;
    bottom: 0
}

.before\:right-full:before {
    content: var(--tw-content);
    right: 100%
}

.before\:h-3:before {
    content: var(--tw-content);
    height: .75rem
}

.before\:w-3:before {
    content: var(--tw-content);
    width: .75rem
}

.before\:w-8:before {
    content: var(--tw-content);
    width: 2rem
}

.before\:shrink-0:before {
    content: var(--tw-content);
    flex-shrink: 0
}

.before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 9999px
}

.before\:bg-green-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity))
}

.before\:bg-red-500:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.before\:bg-gradient-to-l:before {
    content: var(--tw-content);
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.before\:from-\[theme\(backgroundColor\.container\.DEFAULT\)\]:before {
    content: var(--tw-content);
    --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:inset-y-0:after {
    content: var(--tw-content);
    top: 0;
    bottom: 0
}

.after\:left-full:after {
    content: var(--tw-content);
    left: 100%
}

.after\:w-\[theme\(container\.padding\)\]:after {
    content: var(--tw-content);
    width: 1.5rem
}

.after\:bg-container:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.first\:mt-0:first-child {
    margin-top: 0
}

.first\:\!border-t-0:first-child {
    border-top-width: 0 !important
}

.first\:\[--line-before\:\#0000\]:first-child {
    --line-before: #0000
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:mb-6:last-child {
    margin-bottom: 1.5rem
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:border-0:last-child {
    border-width: 0
}

.last\:border-b:last-child {
    border-bottom-width: 1px
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.last\:pb-0:last-child {
    padding-bottom: 0
}

.last\:\[--line-after\:\#0000\]:last-child {
    --line-after: #0000
}

.odd\:bg-container-darker:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.even\:bg-container:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.even\:bg-container-darker:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.open\:flex[open] {
    display: flex
}

.open\:items-center[open] {
    align-items: center
}

.open\:justify-center[open] {
    justify-content: center
}

.invalid\:ring-2:invalid {
    --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)
}

.invalid\:ring-red-500:invalid {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity))
}

.focus-within\:ring-1:focus-within {
    --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)
}

.focus-within\:ring-1:focus-within,
.focus-within\:ring-2:focus-within {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-within\:ring-2:focus-within {
    --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)
}

.focus-within\:ring-4:focus-within {
    --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(4px + 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-within\:ring-indigo-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity))
}

.focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px
}

.focus-within\:ring-offset-gray-100:focus-within {
    --tw-ring-offset-color: #f3f4f6
}

.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\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border-b-2:hover {
    border-bottom-width: 2px
}

.hover\:border-\[\#0A3C31\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(10 60 49/var(--tw-border-opacity))
}

.hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity))
}

.hover\:border-gray-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-border-opacity))
}

.hover\:border-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216/var(--tw-border-opacity))
}

.hover\:border-b-002941:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 41 65/var(--tw-border-opacity))
}

.hover\:border-b-0A3C31:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(10 60 49/var(--tw-border-opacity))
}

.hover\:border-b-370A0B:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(55 10 11/var(--tw-border-opacity))
}

.hover\:bg-002941:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 41 65/var(--tw-bg-opacity))
}

.hover\:bg-0A3C31:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(10 60 49/var(--tw-bg-opacity))
}

.hover\:bg-370A0B:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 10 11/var(--tw-bg-opacity))
}

.hover\:bg-\[\#004766\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 71 102/var(--tw-bg-opacity))
}

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

.hover\:bg-\[\#2563eb\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity))
}

.hover\:bg-\[\#4db2ec\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(77 178 236/var(--tw-bg-opacity))
}

.hover\:bg-\[\#D9D9D9\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity))
}

.hover\:bg-\[\#b8b499\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(184 180 153/var(--tw-bg-opacity))
}

.hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.hover\:bg-black\/40:hover {
    background-color: #0006
}

.hover\:bg-blue-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250/var(--tw-bg-opacity))
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity))
}

.hover\:bg-brand-forest:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(12 41 30/var(--tw-bg-opacity))
}

.hover\:bg-brand-gold:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(233 225 204/var(--tw-bg-opacity))
}

.hover\:bg-brand-light:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 239/var(--tw-bg-opacity))
}

.hover\:bg-container-darker:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/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-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity))
}

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

.hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

.hover\:bg-primary\/10:hover {
    background-color: #1d4ed81a
}

.hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28/var(--tw-bg-opacity))
}

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

.hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8
}

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

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity))
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity))
}

.hover\:text-brand-gold:hover {
    --tw-text-opacity: 1;
    color: rgb(233 225 204/var(--tw-text-opacity))
}

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

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

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

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

.hover\:text-green-700:hover {
    --tw-text-opacity: 1;
    color: rgb(4 120 87/var(--tw-text-opacity))
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.hover\:text-primary-darker:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

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

.hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity))
}

.hover\:text-secondary-darker:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.hover\:text-slate-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 41 59/var(--tw-text-opacity))
}

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

.hover\:text-yellow-500:hover {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:line-through:hover {
    text-decoration-line: line-through
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-75:hover {
    opacity: .75
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover,
.hover\:shadow-sm:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.hover\:shadow-primary\/30:hover {
    --tw-shadow-color: #1e40af4d;
    --tw-shadow: var(--tw-shadow-colored)
}

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

.focus\:absolute:focus {
    position: absolute
}

.focus\:z-10:focus {
    z-index: 10
}

.focus\:z-30:focus {
    z-index: 30
}

.focus\:z-40:focus {
    z-index: 40
}

.focus\:border-0:focus {
    border-width: 0
}

.focus\:border-0A3C31:focus,
.focus\:border-\[\#0A3C31\]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(10 60 49/var(--tw-border-opacity))
}

.focus\:border-blue-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253/var(--tw-border-opacity))
}

.focus\:border-primary:focus {
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216/var(--tw-border-opacity))
}

.focus\:border-primary-lighter:focus {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235/var(--tw-border-opacity))
}

.focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity))
}

.focus\:border-transparent:focus {
    border-color: #0000
}

.focus\:border-yellow-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(251 191 36/var(--tw-border-opacity))
}

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

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

.focus\:text-primary:focus {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.focus\:line-through:focus {
    text-decoration-line: line-through
}

.focus\:shadow-primary\/30:focus {
    --tw-shadow-color: #1e40af4d;
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:outline-none:focus {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.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(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus,
.focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

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

.focus\:ring-\[\#0A3C31\]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(10 60 49/var(--tw-ring-opacity))
}

.focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity))
}

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

.active\:text-gray-500:active {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.active\:text-gray-700:active {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.active\:opacity-70:active {
    opacity: .7
}

.active\:ring-0:active {
    --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(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.active\:ring-0:active,
.active\:ring-2:active {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.active\:ring-2:active {
    --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)
}

.active\:ring-\[\#0A3C31\]:active {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(10 60 49/var(--tw-ring-opacity))
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

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

.disabled\:opacity-30:disabled {
    opacity: .3
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:opacity-60:disabled {
    opacity: .6
}

.disabled\:opacity-75:disabled {
    opacity: .75
}

.group:hover .group-hover\:visible {
    visibility: visible
}

.group:hover .group-hover\:-translate-x-0\.5 {
    --tw-translate-x: -0.125rem
}

.group:hover .group-hover\:-translate-x-0\.5,
.group:hover .group-hover\:scale-110 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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
}

.group:hover .group-hover\:bg-brand-gold {
    --tw-bg-opacity: 1;
    background-color: rgb(233 225 204/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity))
}

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

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-75 {
    opacity: .75
}

.group:disabled .group-disabled\:invisible {
    visibility: hidden
}

.group:disabled .group-disabled\:flex {
    display: flex
}

.aria-expanded\:border-blue-500[aria-expanded=true] {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity))
}

.aria-expanded\:border-b-002941[aria-expanded=true] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 41 65/var(--tw-border-opacity))
}

.aria-expanded\:border-b-0A3C31[aria-expanded=true] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(10 60 49/var(--tw-border-opacity))
}

.aria-expanded\:border-b-370A0B[aria-expanded=true] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(55 10 11/var(--tw-border-opacity))
}

.aria-expanded\:bg-002941[aria-expanded=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 41 65/var(--tw-bg-opacity))
}

.aria-expanded\:bg-0A3C31[aria-expanded=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 60 49/var(--tw-bg-opacity))
}

.aria-expanded\:bg-370A0B[aria-expanded=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(55 10 11/var(--tw-bg-opacity))
}

.aria-expanded\:text-blue-500[aria-expanded=true] {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.aria-expanded\:text-white[aria-expanded=true] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.aria-expanded\:hover\:border-b-002941:hover[aria-expanded=true] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 41 65/var(--tw-border-opacity))
}

.aria-expanded\:hover\:border-b-0A3C31:hover[aria-expanded=true] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(10 60 49/var(--tw-border-opacity))
}

.aria-expanded\:hover\:border-b-370A0B:hover[aria-expanded=true] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(55 10 11/var(--tw-border-opacity))
}

.aria-expanded\:hover\:bg-002941:hover[aria-expanded=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 41 65/var(--tw-bg-opacity))
}

.aria-expanded\:hover\:bg-0A3C31:hover[aria-expanded=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 60 49/var(--tw-bg-opacity))
}

.aria-expanded\:hover\:bg-370A0B:hover[aria-expanded=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(55 10 11/var(--tw-bg-opacity))
}

.aria-selected\:w-\[10px\][aria-selected=true] {
    width: 10px
}

.aria-selected\:bg-\[\#D9D9D9\][aria-selected=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity))
}

.aria-\[hidden\=true\]\:hidden[aria-hidden=true] {
    display: none
}

.aria-\[current\=page\]\:border-slate-400[aria-current=page] {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184/var(--tw-border-opacity))
}

.aria-\[current\=step\]\:font-bold[aria-current=step] {
    font-weight: 700
}

.aria-\[current\=page\]\:underline[aria-current=page] {
    text-decoration-line: underline
}

.aria-\[current\=page\]\:hover\:border-blue-500:hover[aria-current=page] {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity))
}

.group[aria-expanded=true] .group-aria-expanded\: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))
}

.data-\[expanded\=true\]\:mb-3[data-expanded=true] {
    margin-bottom: .75rem
}

.data-\[expanded\=true\]\:h-auto[data-expanded=true] {
    height: auto
}

.data-\[active\]\:border-primary[data-active] {
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216/var(--tw-border-opacity))
}

.data-\[has-current\]\:border-slate-400[data-has-current] {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184/var(--tw-border-opacity))
}

.data-\[expanded\=true\]\:mask-none[data-expanded=true] {
    -webkit-mask-image: none;
    mask-image: none
}

.data-\[has-current\]\:hover\:border-0A3C31:hover[data-has-current] {
    --tw-border-opacity: 1;
    border-color: rgb(10 60 49/var(--tw-border-opacity))
}

.data-\[has-current\]\:hover\:border-blue-500:hover[data-has-current] {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity))
}

.data-\[has-current\]\:hover\:border-b-002941:hover[data-has-current] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 41 65/var(--tw-border-opacity))
}

.data-\[has-current\]\:hover\:border-b-0A3C31:hover[data-has-current] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(10 60 49/var(--tw-border-opacity))
}

.data-\[has-current\]\:hover\:border-b-370A0B:hover[data-has-current] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(55 10 11/var(--tw-border-opacity))
}

.data-\[has-current\]\:hover\:bg-002941:hover[data-has-current] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 41 65/var(--tw-bg-opacity))
}

.data-\[has-current\]\:hover\:bg-0A3C31:hover[data-has-current] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 60 49/var(--tw-bg-opacity))
}

.data-\[has-current\]\:hover\:bg-370A0B:hover[data-has-current] {
    --tw-bg-opacity: 1;
    background-color: rgb(55 10 11/var(--tw-bg-opacity))
}

.data-\[has-current\]\:aria-expanded\:border-blue-500[aria-expanded=true][data-has-current] {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity))
}

@media not all and (min-width:640px) {
    .max-sm\:order-2 {
        order: 2
    }

    .max-sm\:justify-center {
        justify-content: center
    }

    .max-sm\:bg-brand-green {
        --tw-bg-opacity: 1;
        background-color: rgb(13 70 55/var(--tw-bg-opacity))
    }

    .max-sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:640px) {
    .sm\:absolute {
        position: absolute
    }

    .sm\:relative {
        position: relative
    }

    .sm\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .sm\:inset-x-4 {
        left: 1rem;
        right: 1rem
    }

    .sm\:bottom-0 {
        bottom: 0
    }

    .sm\:bottom-auto {
        bottom: auto
    }

    .sm\:left-0 {
        left: 0
    }

    .sm\:top-0 {
        top: 0
    }

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

    .sm\:order-1 {
        order: 1
    }

    .sm\:order-2 {
        order: 2
    }

    .sm\:order-3 {
        order: 3
    }

    .sm\:order-4 {
        order: 4
    }

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

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

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:my-0 {
        margin-top: 0
    }

    .sm\:mb-0,
    .sm\:my-0 {
        margin-bottom: 0
    }

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

    .sm\:ml-3 {
        margin-left: .75rem
    }

    .sm\:ml-6 {
        margin-left: 1.5rem
    }

    .sm\:ml-\[6rem\] {
        margin-left: 6rem
    }

    .sm\:mr-8 {
        margin-right: 2rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

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

    .sm\:mt-4 {
        margin-top: 1rem
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-72 {
        height: 18rem
    }

    .sm\:h-\[310px\] {
        height: 310px
    }

    .sm\:h-\[600px\] {
        height: 600px
    }

    .sm\:h-full {
        height: 100%
    }

    .sm\:min-h-\[160px\] {
        min-height: 160px
    }

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

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

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

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-5\/6 {
        width: 83.333333%
    }

    .sm\:w-56 {
        width: 14rem
    }

    .sm\:w-96 {
        width: 24rem
    }

    .sm\:w-\[25\%\] {
        width: 25%
    }

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

    .sm\:w-\[70\%\] {
        width: 70%
    }

    .sm\:w-\[82\%\] {
        width: 82%
    }

    .sm\:w-\[calc\(50\%_-_theme\(spacing\.10\)\)\] {
        width: calc(50% - 2.5rem)
    }

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

    .sm\:w-full {
        width: 100%
    }

    .sm\:max-w-screen-sm {
        max-width: 640px
    }

    .sm\:table-fixed {
        table-layout: fixed
    }

    .sm\:-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))
    }

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

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

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

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:content-center {
        align-content: center
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-baseline {
        align-items: baseline
    }

    .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\:gap-20 {
        gap: 5rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-8 {
        gap: 2rem
    }

    .sm\:gap-x-6 {
        column-gap: 1.5rem
    }

    .sm\:overflow-hidden {
        overflow: hidden
    }

    .sm\:rounded-2xl {
        border-radius: 1rem
    }

    .sm\:bg-brand-green {
        --tw-bg-opacity: 1;
        background-color: rgb(13 70 55/var(--tw-bg-opacity))
    }

    .sm\:bg-transparent {
        background-color: initial
    }

    .sm\:p-4 {
        padding: 1rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

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

    .sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

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

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

    .sm\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

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

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pl-\[10\%\] {
        padding-left: 10%
    }

    .sm\:pr-\[10\%\] {
        padding-right: 10%
    }

    .sm\:pt-2 {
        padding-top: .5rem
    }

    .sm\:pt-6 {
        padding-top: 1.5rem
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-right {
        text-align: right
    }

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

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

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

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

    .sm\:text-\[14px\] {
        font-size: 14px
    }

    .sm\:text-\[35px\] {
        font-size: 35px
    }

    .sm\:text-\[65px\] {
        font-size: 65px
    }

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

    .sm\:leading-\[45px\] {
        line-height: 45px
    }

    .sm\:text-brand-forest {
        --tw-text-opacity: 1;
        color: rgb(12 41 30/var(--tw-text-opacity))
    }

    .sm\:text-brand-light {
        --tw-text-opacity: 1;
        color: rgb(244 243 239/var(--tw-text-opacity))
    }

    .sm\:duration-700 {
        transition-duration: .7s
    }
}

@media (min-width:768px) {
    .md\:visible {
        visibility: visible
    }

    .md\:absolute {
        position: absolute
    }

    .md\:relative {
        position: relative
    }

    .md\:left-6 {
        left: 1.5rem
    }

    .md\:right-5 {
        right: 1.25rem
    }

    .md\:right-6 {
        right: 1.5rem
    }

    .md\:top-0 {
        top: 0
    }

    .md\:z-10 {
        z-index: 10
    }

    .md\:order-3 {
        order: 3
    }

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

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

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

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

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

    .md\:col-start-1 {
        grid-column-start: 1
    }

    .md\:row-span-2 {
        grid-row: span 2/span 2
    }

    .md\:row-start-1 {
        grid-row-start: 1
    }

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

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

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

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

    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .md\:-mr-1 {
        margin-right: -.25rem
    }

    .md\:-mt-1 {
        margin-top: -.25rem
    }

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

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mr-0 {
        margin-right: 0
    }

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

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-5 {
        margin-top: 1.25rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-7 {
        margin-top: 1.75rem
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:inline {
        display: inline
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:aspect-auto {
        aspect-ratio: auto
    }

    .md\:h-12 {
        height: 3rem
    }

    .md\:h-24 {
        height: 6rem
    }

    .md\:h-32 {
        height: 8rem
    }

    .md\:h-4 {
        height: 1rem
    }

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

    .md\:h-6 {
        height: 1.5rem
    }

    .md\:h-96 {
        height: 24rem
    }

    .md\:h-\[215px\] {
        height: 215px
    }

    .md\:h-\[373px\] {
        height: 373px
    }

    .md\:h-\[48px\] {
        height: 48px
    }

    .md\:h-\[51px\] {
        height: 51px
    }

    .md\:h-\[522px\] {
        height: 522px
    }

    .md\:h-\[52px\] {
        height: 52px
    }

    .md\:h-\[595px\] {
        height: 595px
    }

    .md\:h-\[600px\] {
        height: 600px
    }

    .md\:h-\[645px\] {
        height: 645px
    }

    .md\:h-\[650px\] {
        height: 650px
    }

    .md\:h-\[660px\] {
        height: 660px
    }

    .md\:h-\[min\(430px\2c 52vh\)\] {
        height: min(430px, 52vh)
    }

    .md\:h-\[min\(690px\2c 92vh\)\] {
        height: min(690px, 92vh)
    }

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

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

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

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

    .md\:w-12 {
        width: 3rem
    }

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

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

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

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

    .md\:w-24 {
        width: 6rem
    }

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

    .md\:w-32 {
        width: 8rem
    }

    .md\:w-4 {
        width: 1rem
    }

    .md\:w-4\/6 {
        width: 66.666667%
    }

    .md\:w-5\/6 {
        width: 83.333333%
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-\[170px\] {
        width: 170px
    }

    .md\:w-\[175px\] {
        width: 175px
    }

    .md\:w-\[190px\] {
        width: 190px
    }

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

    .md\:w-\[50vw\] {
        width: 50vw
    }

    .md\:w-\[51px\] {
        width: 51px
    }

    .md\:w-\[694px\] {
        width: 694px
    }

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

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

    .md\:max-w-\[900px\] {
        max-width: 900px
    }

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

    .md\:max-w-screen-md {
        max-width: 768px
    }

    .md\:max-w-sm {
        max-width: 24rem
    }

    .md\:max-w-xs {
        max-width: 20rem
    }

    .md\:shrink-0 {
        flex-shrink: 0
    }

    .md\:-translate-x-1\/3 {
        --tw-translate-x: -33.333333%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:snap-align-none {
        scroll-snap-align: none
    }

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

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

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

    .md\:grid-cols-\[3fr_7fr\] {
        grid-template-columns: 3fr 7fr
    }

    .md\:grid-cols-\[42\%_minmax\(0\2c _1fr\)\] {
        grid-template-columns: 42% minmax(0, 1fr)
    }

    .md\:grid-cols-\[5fr_8fr\] {
        grid-template-columns: 5fr 8fr
    }

    .md\:grid-rows-\[min-content_minmax\(0\2c _1fr\)\] {
        grid-template-rows: -webkit-min-content minmax(0, 1fr);
        grid-template-rows: min-content minmax(0, 1fr)
    }

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

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

    .md\:flex-col-reverse {
        flex-direction: column-reverse
    }

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

    .md\:items-start {
        align-items: flex-start
    }

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

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

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

    .md\:justify-center {
        justify-content: center
    }

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

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-1 {
        gap: .25rem
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-24 {
        gap: 6rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-x-2 {
        column-gap: .5rem
    }

    .md\:gap-x-4 {
        column-gap: 1rem
    }

    .md\:gap-x-5 {
        column-gap: 1.25rem
    }

    .md\:gap-x-6 {
        column-gap: 1.5rem
    }

    .md\: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*(1 - var(--tw-space-x-reverse)))
    }

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

    .md\:self-end {
        align-self: flex-end
    }

    .md\:justify-self-start {
        justify-self: start
    }

    .md\:justify-self-end {
        justify-self: end
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:overflow-y-auto {
        overflow-y: auto
    }

    .md\:whitespace-normal {
        white-space: normal
    }

    .md\:rounded-2xl {
        border-radius: 1rem
    }

    .md\:rounded-lg {
        border-radius: .5rem
    }

    .md\:border-0 {
        border-width: 0
    }

    .md\:border-none {
        border-style: none
    }

    .md\:bg-transparent {
        background-color: initial
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-16 {
        padding: 4rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

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

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

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

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

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

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

    .md\:px-\[3rem\] {
        padding-left: 3rem;
        padding-right: 3rem
    }

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

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

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

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

    .md\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

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

    .md\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

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

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

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

    .md\:pb-24 {
        padding-bottom: 6rem
    }

    .md\:pb-3 {
        padding-bottom: .75rem
    }

    .md\:pl-16 {
        padding-left: 4rem
    }

    .md\:pl-5 {
        padding-left: 1.25rem
    }

    .md\:pl-6 {
        padding-left: 1.5rem
    }

    .md\:pl-\[20\%\] {
        padding-left: 20%
    }

    .md\:pr-2 {
        padding-right: .5rem
    }

    .md\:pr-4 {
        padding-right: 1rem
    }

    .md\:pr-\[20\%\] {
        padding-right: 20%
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-8 {
        padding-top: 2rem
    }

    .md\:text-left,
    .md\:text-start {
        text-align: left
    }

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

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

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

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

    .md\:text-\[28px\] {
        font-size: 28px
    }

    .md\:text-\[45px\] {
        font-size: 45px
    }

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

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

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

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

    .md\:leading-10 {
        line-height: 2.5rem
    }

    .md\:opacity-0 {
        opacity: 0
    }

    .md\:before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .md\:before\:right-full:before {
        content: var(--tw-content);
        right: 100%
    }

    .md\:before\:top-1\/2:before {
        content: var(--tw-content);
        top: 50%
    }

    .md\:before\:mt-\[-22px\]:before {
        content: var(--tw-content);
        margin-top: -22px
    }

    .md\:before\:border-\[22px\]:before {
        content: var(--tw-content);
        border-width: 22px
    }

    .md\:before\:border-solid:before {
        content: var(--tw-content);
        border-style: solid
    }

    .md\:before\:border-transparent:before {
        content: var(--tw-content);
        border-color: #0000
    }

    .md\:before\:border-r-popover__border-color:before {
        content: var(--tw-content);
        --tw-border-opacity: 1;
        border-right-color: rgb(25 121 195/var(--tw-border-opacity))
    }

    .md\:after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .md\:after\:right-full:after {
        content: var(--tw-content);
        right: 100%
    }

    .md\:after\:top-1\/2:after {
        content: var(--tw-content);
        top: 50%
    }

    .md\:after\:mt-\[-20px\]:after {
        content: var(--tw-content);
        margin-top: -20px
    }

    .md\:after\:border-\[20px\]:after {
        content: var(--tw-content);
        border-width: 20px
    }

    .md\:after\:border-solid:after {
        content: var(--tw-content);
        border-style: solid
    }

    .md\:after\:border-transparent:after {
        content: var(--tw-content);
        border-color: #0000
    }

    .md\:after\:border-r-popover__background-color:after {
        content: var(--tw-content);
        --tw-border-opacity: 1;
        border-right-color: rgb(250 250 250/var(--tw-border-opacity))
    }

    .group:hover .md\:group-hover\:opacity-100 {
        opacity: 1
    }
}

@media (min-width:1024px) {
    .lg\:sr-only {
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .lg\:absolute,
    .lg\:sr-only {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .lg\:inset-y-0 {
        top: 0;
        bottom: 0
    }

    .lg\:bottom-auto {
        bottom: auto
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:left-8 {
        left: 2rem
    }

    .lg\:left-\[var\(--msrp-inline-offset\)\] {
        left: var(--msrp-inline-offset)
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:right-6 {
        right: 1.5rem
    }

    .lg\:right-8 {
        right: 2rem
    }

    .lg\:right-auto {
        right: auto
    }

    .lg\:top-2 {
        top: .5rem
    }

    .lg\:top-6 {
        top: 1.5rem
    }

    .lg\:top-\[var\(--msrp-block-offset\)\] {
        top: var(--msrp-block-offset)
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-2 {
        order: 2
    }

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

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

    .lg\:col-start-2 {
        grid-column-start: 2
    }

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

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:ml-0 {
        margin-left: 0
    }

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

    .lg\:ml-5 {
        margin-left: 1.25rem
    }

    .lg\:mr-10 {
        margin-right: 2.5rem
    }

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

    .lg\:mt-12 {
        margin-top: 3rem
    }

    .lg\:mt-3 {
        margin-top: .75rem
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:mt-9 {
        margin-top: 2.25rem
    }

    .lg\:block {
        display: block
    }

    .lg\:inline-block {
        display: inline-block
    }

    .lg\:inline {
        display: inline
    }

    .lg\:flex {
        display: flex
    }

    .lg\:inline-flex {
        display: inline-flex
    }

    .lg\:table-cell {
        display: table-cell
    }

    .lg\:table-header-group {
        display: table-header-group
    }

    .lg\:table-row {
        display: table-row
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-\[497px\] {
        height: 497px
    }

    .lg\:h-\[700px\] {
        height: 700px
    }

    .lg\:h-full {
        height: 100%
    }

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

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

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

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

    .lg\:w-56 {
        width: 14rem
    }

    .lg\:w-80 {
        width: 20rem
    }

    .lg\:w-\[100\%\] {
        width: 100%
    }

    .lg\:w-\[167px\] {
        width: 167px
    }

    .lg\:w-\[199px\] {
        width: 199px
    }

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

    .lg\:w-\[40\%\] {
        width: 40%
    }

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

    .lg\:w-full {
        width: 100%
    }

    .lg\:max-w-none {
        max-width: none
    }

    .lg\:max-w-screen-lg {
        max-width: 1024px
    }

    .lg\:max-w-xs {
        max-width: 20rem
    }

    .lg\:flex-1 {
        flex: 1 1 0%
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0
    }

    .lg\:table-auto {
        table-layout: auto
    }

    .lg\:-translate-y-0 {
        --tw-translate-y: -0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

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

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

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

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

    .lg\:grid-cols-\[1fr\2c 0\.5fr\2c 1fr\] {
        grid-template-columns: 1fr .5fr 1fr
    }

    .lg\:grid-cols-\[minmax\(0px\2c 1fr\)_26rem\] {
        grid-template-columns: minmax(0, 1fr) 26rem
    }

    .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-end {
        justify-content: flex-end
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-36 {
        gap: 9rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-x-10 {
        column-gap: 2.5rem
    }

    .lg\:gap-x-12 {
        column-gap: 3rem
    }

    .lg\:gap-y-4 {
        row-gap: 1rem
    }

    .lg\: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*(1 - var(--tw-space-x-reverse)))
    }

    .lg\:justify-self-end {
        justify-self: end
    }

    .lg\:justify-self-center {
        justify-self: center
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

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

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

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

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

    .lg\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .lg\:py-48 {
        padding-top: 12rem;
        padding-bottom: 12rem
    }

    .lg\:py-\[0\.7rem\] {
        padding-top: .7rem;
        padding-bottom: .7rem
    }

    .lg\:pb-8 {
        padding-bottom: 2rem
    }

    .lg\:pb-\[12rem\] {
        padding-bottom: 12rem
    }

    .lg\:pl-24 {
        padding-left: 6rem
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-2 {
        padding-top: .5rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-right {
        text-align: right
    }

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

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

    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .lg\:text-\[90px\] {
        font-size: 90px
    }

    .lg\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

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

    .lg\:font-normal {
        font-weight: 400
    }

    .lg\:leading-\[55px\] {
        line-height: 55px
    }

    .lg\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        --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:1280px) {
    .xl\:left-\[6\%\] {
        left: 6%
    }

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

    .xl\:-mt-12 {
        margin-top: -3rem
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:inline {
        display: inline
    }

    .xl\:flex {
        display: flex
    }

    .xl\:h-40 {
        height: 10rem
    }

    .xl\:h-\[621px\] {
        height: 621px
    }

    .xl\:h-\[800px\] {
        height: 800px
    }

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

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

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

    .xl\:w-40 {
        width: 10rem
    }

    .xl\:w-\[25\%\] {
        width: 25%
    }

    .xl\:w-\[253px\] {
        width: 253px
    }

    .xl\:w-\[284px\] {
        width: 284px
    }

    .xl\:max-w-screen-xl {
        max-width: 1280px
    }

    .xl\:grow {
        flex-grow: 1
    }

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

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

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

    .xl\:flex-row {
        flex-direction: row
    }

    .xl\:gap-4 {
        gap: 1rem
    }

    .xl\:gap-x-16 {
        column-gap: 4rem
    }

    .xl\:gap-x-8 {
        column-gap: 2rem
    }

    .xl\: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*(1 - var(--tw-space-x-reverse)))
    }

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

    .xl\:border-none {
        border-style: none
    }

    .xl\:px-\[3rem\] {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .xl\:pl-16 {
        padding-left: 4rem
    }

    .xl\:pl-2\.5 {
        padding-left: .625rem
    }

    .xl\:pr-16 {
        padding-right: 4rem
    }

    .xl\:pr-5 {
        padding-right: 1.25rem
    }

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

    .xl\:text-\[105px\] {
        font-size: 105px
    }

    .xl\:text-\[14px\] {
        font-size: 14px
    }

    .xl\:text-\[25px\] {
        font-size: 25px
    }

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

    .xl\:leading-\[32px\] {
        line-height: 32px
    }

    .xl\:leading-\[80px\] {
        line-height: 80px
    }

    .xl\:focus-within\:relative:focus-within {
        position: relative
    }
}

@media (min-width:1440px) {
    .\32xl\:h-\[697px\] {
        height: 697px
    }

    .\32xl\:h-\[900px\] {
        height: 900px
    }

    .\32xl\:w-96 {
        width: 24rem
    }

    .\32xl\:w-\[226px\] {
        width: 226px
    }

    .\32xl\:w-\[306px\] {
        width: 306px
    }

    .\32xl\:w-\[338px\] {
        width: 338px
    }

    .\32xl\:max-w-screen-2xl {
        max-width: 1440px
    }

    .\32xl\:px-\[8rem\] {
        padding-left: 8rem;
        padding-right: 8rem
    }
}

.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
    --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))
}

.\[\&\>svg\]\:hidden>svg {
    display: none
}

@media (min-width:640px) {
    .sm\:\[\&_\.label-street\.sr-only\]\:not-sr-only .label-street.sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .sm\:\[\&_\.label-street\.sr-only\]\:invisible .label-street.sr-only {
        visibility: hidden
    }

    .sm\:\[\&_\.label-street\.sr-only\]\:mb-2 .label-street.sr-only {
        margin-bottom: .5rem
    }
}

@media (min-width:768px) {
    .md\:\[\&_label\.sr-only\]\:not-sr-only label.sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .md\:\[\&_label\.sr-only\]\:invisible label.sr-only {
        visibility: hidden
    }

    .md\:\[\&_label\.sr-only\]\:mb-2 label.sr-only {
        margin-bottom: .5rem
    }
}

 
.catalogsearch-result-index{
     
    .filter-short-main{
        display: none;
    }
    .products-grid>ul{
        width: 100%;
        padding: 0;
    }
}
.page-with-filter.catalogsearch-result-index .main {
    grid-column: span 4 / span 4;
}.dtl-service-banner-wrapper {
    width: 100%;
}

.dtl-service-banner {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.dtl-service-banner__inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.dtl-service-banner__title {
    font-weight: 700;
    margin-right: 4px;
}

.dtl-service-banner__text {
    white-space: pre-line;
}

.dtl-service-banner__link {
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap;
    margin-left: 5px;
}

/* Style: Service Updates */
.dtl-service-banner--service_updates {
    background-color: #e7f1ff;
    color: #0b3d91;
    border-color: #b6d4fe;
}

.dtl-service-banner--service_updates .dtl-service-banner__link {
    color: #0b3d91;
}

/* Style: Critical */
.dtl-service-banner--critical {
    background-color: #fdecea;
    color: #7a0c00;
    border-color: #f5c2c0;
}

.dtl-service-banner--critical .dtl-service-banner__link {
    color: #7a0c00;
}

/* Style: Information */
.dtl-service-banner--information {
    background-color: #eef2f7;
    color: #2c3e50;
    border-color: #d6dee7;
}

.dtl-service-banner--information .dtl-service-banner__link {
    color: #2c3e50;
}

/* Style: Holiday */
.dtl-service-banner--holiday {
    background-color: #fdf3e3;
    color: #7a4a00;
    border-color: #f6ddb0;
}

.dtl-service-banner--holiday .dtl-service-banner__link {
    color: #7a4a00;
}

/* Style: Promotion */
.dtl-service-banner--promotion {
    background-color: #eafaf0;
    color: #135c2e;
    border-color: #bfe9cf;
}

.dtl-service-banner--promotion .dtl-service-banner__link {
    color: #135c2e;
}

@media (max-width: 768px) {
    .dtl-service-banner {
        padding: 8px 12px;
        font-size: 13px;
    }
}.dtl-shipping-banner-wrapper {
    width: 100%;
}

.dtl-shipping-banner {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.dtl-shipping-banner__inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.dtl-shipping-banner__title {
    font-weight: 700;
    margin-right: 4px;
}

.dtl-shipping-banner__text {
    white-space: pre-line;
}

.dtl-shipping-banner__link {
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap;
    margin-left: 5px;
}

/* Style: Service Updates */
.dtl-shipping-banner--service_updates {
    background-color: #e7f1ff;
    color: #0b3d91;
    border-color: #b6d4fe;
}

.dtl-shipping-banner--service_updates .dtl-shipping-banner__link {
    color: #0b3d91;
}

/* Style: Critical */
.dtl-shipping-banner--critical {
    background-color: #fdecea;
    color: #7a0c00;
    border-color: #f5c2c0;
}

.dtl-shipping-banner--critical .dtl-shipping-banner__link {
    color: #7a0c00;
}

/* Style: Information */
.dtl-shipping-banner--information {
    background-color: #eef2f7;
    color: #2c3e50;
    border-color: #d6dee7;
}

.dtl-shipping-banner--information .dtl-shipping-banner__link {
    color: #2c3e50;
}

/* Style: Holiday */
.dtl-shipping-banner--holiday {
    background-color: #fdf3e3;
    color: #7a4a00;
    border-color: #f6ddb0;
}

.dtl-shipping-banner--holiday .dtl-shipping-banner__link {
    color: #7a4a00;
}

/* Style: Promotion */
.dtl-shipping-banner--promotion {
    background-color: #eafaf0;
    color: #135c2e;
    border-color: #bfe9cf;
}

.dtl-shipping-banner--promotion .dtl-shipping-banner__link {
    color: #135c2e;
}

@media (max-width: 768px) {
    .dtl-shipping-banner {
        padding: 8px 12px;
        font-size: 13px;
    }
}.brippoExpressOrSeparator .separatorOr {
    font-size: .8rem !important;
}

.brippoRecoverOrder .separatorLine, .brippoExpressOrSeparator .separatorLine {
    top: -9px !important;
}

#brippoExpressCheckoutcart_container {
    margin-bottom: 30px !important;
}

.expressCheckoutTitle {
    font-size: 1.25rem !important;
    font-weight: 500;
    margin-bottom: 10px !important;
}

.brippoHyvaPaymentMethodIcon {
    margin: 3.5px 0 0;
}
/**
 * we have to add this because magento default style applies `display: inline-block`
 * on button and other tags, which overrides the HTML5 standard [hidden] attribute
 */
[hidden] {
    display: none !important;
}

#refine-toggle {
    text-align: center;
    line-height: 40px;
    border: solid 1px #ededed;
    margin: 10px 0 20px;
    font-weight: 700;
    cursor: pointer;
}

/* infos */
.algolia-infos {
    padding: 6px 10px;
    color: #aaa;
    text-align: center;
    background: #f4f4f4;
    font-size: 12px;
    clear: both;
    line-height: 32px;
}

/* SearchBox */
.ais-SearchBox {
    margin-bottom: 1em;
}

.ais-SearchBox-submit {
    display: none;
}

.ais-SearchBox-form {
    position: relative;
}

.ais-SearchBox-reset {
    position: absolute;
    right: 0;
}

button.ais-SearchBox-reset {
    box-shadow: none;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background: transparent;
}

button.ais-SearchBox-reset:focus,
button.ais-SearchBox-reset:active,
button.ais-SearchBox-reset:hover {
    border: 0;
}

input.ais-SearchBox-input {
    padding-right: 2em;
}

.ais-SearchBox-reset,
input.ais-SearchBox-input {
    height: 32px;
}

/* Hits & InfiniteHits */
.ais-InfiniteHits,
.ais-Hits {
    text-align: center;
}

.ais-InfiniteHits--empty,
.ais-Hits--empty {
    margin: 40px 0;
    color: #636363;
    font-size: 16px;
    font-weight: bold;
}

.ais-InfiniteHits--empty q:before,
.ais-InfiniteHits--empty q:after,
.ais-Hits--empty q:before,
.ais-Hits--empty q:after {
    content: '"';
}

.ais-InfiniteHits-item a:hover,
.ais-Hits-item a:hover {
    color: #666666;
    text-decoration: none;
}

.ais-InfiniteHits-list .no-results .clear-button,
.ais-Hits-list .no-results .clear-button {
    cursor: pointer;
}

.ais-InfiniteHits-list .no-results .popular-searches,
.ais-Hits-list .no-results .popular-searches {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 30px;
}

.ais-InfiniteHits-item .result-wrapper,
.ais-Hits-item .result-wrapper {
    padding: 25px 0;
}

.ais-InfiniteHits-list::after,
.ais-Hits-list::after {
    content: ' ';
    clear: both;
    display: block;
}
.ais-InfiniteHits-loadMore {
    background: #f4f4f4;
    border-color: transparent;
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

.ais-InfiniteHits-loadPrevious--disabled,
.ais-InfiniteHits-loadMore--disabled {
    display: none !important;
}

.result-wrapper .tocart {
    background: #f4f4f4;
    border-color: transparent;
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    margin-top: 10px;
}

.result-wrapper .price {
    text-align: center;
    font-size: 1.2em;
    color: #54A5CD;
}

.result-wrapper .before_special {
    color: #aaaaaa;
    text-decoration: line-through;
    font-size: 12px;
}

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

/* HierarchicalMenu */
.ais-HierarchicalMenu-item {
    margin: 0;
    line-height: 1.8em;
}

.ais-HierarchicalMenu-link--selected {
    font-weight: bold;
}

.ais-HierarchicalMenu-link--selected .cross-circle {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background: url("data:image/svg+xml;utf8,<svg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'><title>testvg</title><g fill='%23000' fill-rule='evenodd'><path d='M17.163 0C7.95 0 .41 7.578.353 16.893c-.03 4.542 1.693 8.82 4.847 12.053 3.156 3.23 7.367 5.026 11.857 5.054h.11c9.21 0 16.75-7.578 16.81-16.893C34.035 7.735 26.54.06 17.163 0zm.015 30.842v1.08l-.09-1.08c-3.656-.023-7.085-1.485-9.654-4.115-2.57-2.63-3.97-6.116-3.948-9.814C3.533 9.33 9.673 3.158 17.262 3.158c7.548.048 13.65 6.297 13.605 13.93-.05 7.585-6.19 13.754-13.69 13.754z'/><path d='M22.362 10.23l-5.186 5.245-5.186-5.244c-.417-.42-1.092-.42-1.51 0-.416.422-.416 1.105 0 1.526L15.668 17l-5.186 5.244c-.416.42-.416 1.104 0 1.525.21.21.483.316.755.316.273 0 .546-.106.755-.317l5.186-5.245 5.186 5.244c.208.21.482.316.754.316.273 0 .546-.106.755-.317.417-.422.417-1.105 0-1.526L18.685 17l5.187-5.244c.417-.42.417-1.104 0-1.525-.416-.42-1.09-.42-1.508 0z'/></g></svg>") no-repeat center center / contain;
    opacity: 0;
}

.ais-HierarchicalMenu-link--selected:hover .cross-circle {
    opacity: 1;
}

.ais-HierarchicalMenu-count::before {
    content: '('
}

.ais-HierarchicalMenu-count::after {
    content: ')'
}
/* RefinementList */
.ais-RefinementList-searchBox .ais-SearchBox-input {
    margin-top: 4px;
    margin-bottom: 4px;
}

.ais-RefinementList-searchBox .ais-SearchBox-input[disabled] {
    display: none;
}

.ais-RefinementList-count::before {
    content: '('
}

.ais-RefinementList-count::after {
    content: ')'
}

/* Panel */
.ais-Panel {
    border: solid 1px #efefef;
    margin-bottom: 15px;
}

.ais-Panel-header {
    background-color: #efefef;
    padding: 7px;
}

.ais-Panel-body {
    padding: 4px 7px;
}

/* RangeSlider */
.ais-RangeSlider {
    margin: 0 20px;
}

.ais-RangeSlider .rheostat-background {
    border: 0;
    background-color: #efefef;
}

.ais-RangeSlider .rheostat-progress {
    background-color: #006bb4;
}

/* Pagination */
.ais-Pagination-list {
    margin: 1em 0;
    justify-content: center;
}

.ais-Pagination-item {
    padding: 1em;
    margin-bottom: 0rem;
}

.ais-Pagination-item--selected {
    color: black;
    font-weight: bold;
}

.ais-Pagination-item--disabled {
    display: none;
}

/* CurrentRefinements */
.ais-CurrentRefinements-list:not(:empty) {
    margin-bottom: 10px;
}

.ais-CurrentRefinements-item {
    color: #636363;
    border-radius: 2px;
    border: solid 1px #ddd;
    background-color: #f4f4f4;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    padding: 0.2em 0.5em;
    overflow: hidden;
    margin-right: 0.4em;
    margin-bottom: 0;
}

.ais-CurrentRefinements-label {
    font-weight: bold;
}

.ais-CurrentRefinements-category {
    margin: 0 0.5em;
}

.ais-CurrentRefinements-categoryLabel {
}

button.ais-CurrentRefinements-delete {
    line-height: inherit;
    box-shadow: none;
    margin-left: 0.2em;
}

button.ais-CurrentRefinements-delete:hover,
button.ais-CurrentRefinements-delete:active,
button.ais-CurrentRefinements-delete:focus {
    box-shadow: none;
    background: none;
    border: none;
}

/* CurrentRefinements */
.ais-ClearRefinements-button {
    width: 100%;
    margin-bottom: 15px;
}

.ais-ClearRefinements-button--disabled {
    display: none !important;
}

.no-results {
    padding: 3em 0;
    text-align: center;
}

.instant-redirect {
    margin: 3em 0 1em 0;
    text-align: center;
}