*,
::before,
::after {
    box-sizing: border-box;
}
html {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    font-family: "Montserrat", sans-serif;
    color: #2b2b2b;
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    background: #E7E7E7;
}
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo,
        monospace; /* 1 */
    font-size: 1em; /* 2 */
}

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

small {
    font-size: 80%;
}

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
Tabular data
============
*/

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

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

/*
Forms
=====
*/

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

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

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

button,
select {
    /* 1 */
    text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

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

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
    padding: 0;
}

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

progress {
    vertical-align: baseline;
}

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

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

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

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

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

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

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

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

/*
Interactive
===========
*/

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

summary {
    display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

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


button {
    background-color: transparent;
    background-image: none;
}

fieldset {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
*,
::before,
::after {
    box-sizing: border-box; /* 1 */
    border-width: 0; /* 2 */
    border-style: solid; /* 2 */
    border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
    border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
    border-style: solid;
}

textarea {
    resize: vertical;
}

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

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

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

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

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

table {
    border-collapse: collapse;
}

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

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

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

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

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

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

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

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

[hidden] {
    display: none;
}

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

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

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #97958f;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #97958f;
    opacity: 1;
}

input::placeholder,
textarea::placeholder {
    color: #97958f;
    opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container {
    width: 100%;
}

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

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

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

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

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

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

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

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

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

.top-0 {
    top: 0rem;
}

.top-2 {
    top: 1.25rem;
}

.top-3 {
    top: 1.875rem;
}

.top-4 {
    top: 2.5rem;
}

.top-9 {
    top: 5.625rem;
}

.top-10 {
    top: 6.25rem;
}

.top-20 {
    top: 12.5rem;
}

.top-3\.5 {
    top: 2.1875rem;
}

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

.right-0 {
    right: 0rem;
}

.right-2 {
    right: 1.25rem;
}

.right-5 {
    right: 3.125rem;
}

.-right-3 {
    right: -1.875rem;
}

.bottom-0 {
    bottom: 0rem;
}

.bottom-2 {
    bottom: 1.25rem;
}

.bottom-3 {
    bottom: 1.875rem;
}

.bottom-5 {
    bottom: 3.125rem;
}

.bottom-8 {
    bottom: 5rem;
}

.left-0 {
    left: 0rem;
}

.left-2 {
    left: 1.25rem;
}

.-left-12 {
    left: -7.5rem;
}

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

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

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

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

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

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

.order-first {
    order: -9999;
}

.order-last {
    order: 9999;
}

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

.m-0 {
    margin: 0rem;
}

.m-3 {
    margin: 1.875rem;
}

.m-auto {
    margin: auto;
}

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

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

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

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

.mx-11 {
    margin-left: 6.875rem;
    margin-right: 6.875rem;
}

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

.mx-0\.5 {
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-3\.5 {
    margin-top: 2.1875rem;
}

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

.mt-8px {
    margin-top: 0.5rem;
}

.mt-16px {
    margin-top: 1rem;
}

.mt-24px {
    margin-top: 1.5rem;
}

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

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

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

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

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

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

.-mt-3\.5 {
    margin-top: -2.1875rem;
}

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

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

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

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

.mr-0\.5 {
    margin-right: 0.3125rem;
}

.mr-1\.5 {
    margin-right: 0.9375rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mb-8px {
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.ml-11 {
    margin-left: 6.875rem;
}

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

.ml-0\.5 {
    margin-left: 0.3125rem;
}

.ml-1\.5 {
    margin-left: 0.9375rem;
}

.ml-16px {
    margin-left: 1rem;
}

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

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

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

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

.block {
    display: block;
}

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

.inline {
    display: inline;
}

.flex {
    display: flex;
}

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

.table {
    display: table;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.hidden {
    display: none;
}

.h-0 {
    height: 0rem;
}

.h-1 {
    height: 0.625rem;
}

.h-2 {
    height: 1.25rem;
}

.h-3 {
    height: 1.875rem;
}

.h-4 {
    height: 2.5rem;
}

.h-5 {
    height: 3.125rem;
}

.h-6 {
    height: 3.75rem;
}

.h-7 {
    height: 4.375rem;
}

.h-10 {
    height: 6.25rem;
}

.h-12 {
    height: 7.5rem;
}

.h-20 {
    height: 12.5rem;
}

.h-32 {
    height: 20rem;
}

.h-60 {
    height: 37.5rem;
}

.h-4\.5 {
    height: 2.8125rem;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

.max-h-20 {
    max-height: 12.5rem;
}

.max-h-64 {
    max-height: 40rem;
}

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

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

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

.w-0 {
    width: 0rem;
}

.w-1 {
    width: 0.625rem;
}

.w-3 {
    width: 1.875rem;
}

.w-4 {
    width: 2.5rem;
}

.w-5 {
    width: 3.125rem;
}

.w-6 {
    width: 3.75rem;
}

.w-7 {
    width: 4.375rem;
}

.w-8 {
    width: 5rem;
}

.w-9 {
    width: 5.625rem;
}

.w-11 {
    width: 6.875rem;
}

.w-12 {
    width: 7.5rem;
}

.w-14 {
    width: 8.75rem;
}

.w-16 {
    width: 10rem;
}

.w-20 {
    width: 12.5rem;
}

.w-72 {
    width: 45rem;
}

.w-4\.5 {
    width: 2.8125rem;
}

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

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

.w-full {
    width: 100%;
}

.w-screen {
    width: 100vw;
}

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

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

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

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

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

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

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

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

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

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

.flex-shrink-0 {
    flex-shrink: 0;
}

.table-fixed {
    table-layout: fixed;
}

.origin-center {
    transform-origin: center;
}

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

.transform {
    --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;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
        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: 0rem;
}

.translate-x-1 {
    --tw-translate-x: 0.625rem;
}

.-translate-x-1 {
    --tw-translate-x: -0.625rem;
}

.-translate-x-1\.5 {
    --tw-translate-x: -0.9375rem;
}

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

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

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

.translate-y-0 {
    --tw-translate-y: 0rem;
}

.translate-y-1 {
    --tw-translate-y: 0.625rem;
}

.translate-y-2 {
    --tw-translate-y: 1.25rem;
}

.translate-y-4 {
    --tw-translate-y: 2.5rem;
}

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

.group:hover .group-hover\:-translate-x-1 {
    --tw-translate-x: -0.625rem;
}

.rotate-45 {
    --tw-rotate: 45deg;
}

.rotate-90 {
    --tw-rotate: 90deg;
}

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

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

.hover\:rotate-90:hover {
    --tw-rotate: 90deg;
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ping {
    75%,
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}

@keyframes bounce {
    0%,
    100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }

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

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes slide-right--100 {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0);
    }
}

@keyframes slide-left--100 {
    0% {
        transform: translate(0);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes slide-left--200 {
    0% {
        transform: translate(0);
    }

    100% {
        transform: translate(-200%);
    }
}

@keyframes slide-left--300 {
    0% {
        transform: translate(0);
    }

    100% {
        transform: translate(-300%);
    }
}

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

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

.animate-fade-in {
    animation: fade-in 1s ease forwards;
}

.animate-slide-right--100 {
    animation: slide-right--100 1s cubic-bezier(0.32, 0.24, 0.15, 1) forwards;
}

.animate-slide-left--100 {
    animation: slide-left--100 0.5s ease forwards;
}

.animate-slide-left--200 {
    animation: slide-left--200 0.5s ease forwards;
}

.animate-slide-left--300 {
    animation: slide-left--300 0.5s ease forwards;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-wait {
    cursor: wait;
}

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

.resize {
    resize: both;
}

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

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

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

.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-wrap-reverse {
    flex-wrap: wrap-reverse;
}

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

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

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

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

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

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

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

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

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

.gap-0 {
    gap: 0rem;
}

.gap-1 {
    gap: 0.625rem;
}

.gap-2 {
    gap: 1.25rem;
}

.gap-0\.5 {
    gap: 0.3125rem;
}

.gap-1\.5 {
    gap: 0.9375rem;
}

.gap-x-2 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}

.gap-x-3 {
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
}

.gap-x-5 {
    -moz-column-gap: 3.125rem;
    column-gap: 3.125rem;
}

.gap-y-2 {
    row-gap: 1.25rem;
}

.gap-y-6 {
    row-gap: 3.75rem;
}

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

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

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

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

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

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

.overflow-hidden {
    overflow: hidden;
}

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

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

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

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

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

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

.whitespace-pre-wrap {
    white-space: pre-wrap;
}

.rounded-none {
    border-radius: 0px;
}

.rounded {
    border-radius: 0.25rem;
}

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

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

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

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

.rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

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

.rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

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

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

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

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

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

.border {
    border-width: 1px;
}

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

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

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

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

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

.border-l {
    border-left-width: 1px;
}

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

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

.border-transparent {
    border-color: transparent;
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgba(197, 162, 93, var(--tw-border-opacity));
}

.border-primary-yellow {
    --tw-border-opacity: 1;
    border-color: rgba(197, 162, 93, var(--tw-border-opacity));
}

.border-primary-dark {
    --tw-border-opacity: 1;
    border-color: rgba(31, 28, 23, var(--tw-border-opacity));
}

.border-primary-light {
    --tw-border-opacity: 1;
    border-color: rgba(254, 251, 244, var(--tw-border-opacity));
}

.border-secondary-dark {
    --tw-border-opacity: 1;
    border-color: rgba(140, 111, 46, var(--tw-border-opacity));
}

.border-secondary-light1 {
    --tw-border-opacity: 1;
    border-color: rgba(204, 180, 143, var(--tw-border-opacity));
}

.border-secondary-light3 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 224, 204, var(--tw-border-opacity));
}

.border-status-success {
    --tw-border-opacity: 1;
    border-color: rgba(123, 173, 52, var(--tw-border-opacity));
}

.border-status-danger {
    --tw-border-opacity: 1;
    border-color: rgba(190, 47, 49, var(--tw-border-opacity));
}

.border-typo-body {
    --tw-border-opacity: 1;
    border-color: rgba(65, 69, 72, var(--tw-border-opacity));
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(231, 229, 223, var(--tw-border-opacity));
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(215, 213, 207, var(--tw-border-opacity));
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(118, 115, 111, var(--tw-border-opacity));
}

.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(76, 73, 69, var(--tw-border-opacity));
}

.border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
}

.hover\:border-primary-dark:hover {
    --tw-border-opacity: 1;
    border-color: rgba(31, 28, 23, var(--tw-border-opacity));
}

.hover\:border-typo-body:hover {
    --tw-border-opacity: 1;
    border-color: rgba(65, 69, 72, var(--tw-border-opacity));
}

.focus\:border-red-700:focus {
    --tw-border-opacity: 1;
    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
}

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

.bg-primary-yellow {
    --tw-bg-opacity: 1;
    background-color: rgba(197, 162, 93, var(--tw-bg-opacity));
}

.bg-primary-dark {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 28, 23, var(--tw-bg-opacity));
}

.bg-primary-light {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
}

.bg-secondary-light3 {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 224, 204, var(--tw-bg-opacity));
}

.bg-status-success {
    --tw-bg-opacity: 1;
    background-color: rgba(123, 173, 52, var(--tw-bg-opacity));
}

.bg-typo-heading {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 28, 23, var(--tw-bg-opacity));
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(252, 251, 248, var(--tw-bg-opacity));
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 244, 240, var(--tw-bg-opacity));
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(231, 229, 223, var(--tw-bg-opacity));
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(118, 115, 111, var(--tw-bg-opacity));
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(98, 96, 93, var(--tw-bg-opacity));
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 73, 69, var(--tw-bg-opacity));
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}

.odd\:bg-secondary-light3:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 224, 204, var(--tw-bg-opacity));
}

.even\:bg-secondary-light3:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 224, 204, var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(245, 244, 240, var(--tw-bg-opacity));
}

.hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(118, 115, 111, var(--tw-bg-opacity));
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(76, 73, 69, var(--tw-bg-opacity));
}

.hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1;
}

.bg-opacity-25 {
    --tw-bg-opacity: 0.25;
}

.bg-opacity-30 {
    --tw-bg-opacity: 0.3;
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5;
}

.bg-opacity-70 {
    --tw-bg-opacity: 0.7;
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75;
}

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

.odd\:bg-opacity-25:nth-child(odd) {
    --tw-bg-opacity: 0.25;
}

.even\:bg-opacity-50:nth-child(even) {
    --tw-bg-opacity: 0.5;
}

.bg-cover {
    background-size: cover;
}

.bg-center {
    background-position: center;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.fill-current {
    fill: currentColor;
}

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

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

.object-center {
    -o-object-position: center;
    object-position: center;
}

.object-right {
    -o-object-position: right;
    object-position: right;
}

.p-0 {
    padding: 0rem;
}

.p-1 {
    padding: 0.625rem;
}

.p-2 {
    padding: 1.25rem;
}

.p-3 {
    padding: 1.875rem;
}

.p-4 {
    padding: 2.5rem;
}

.p-7 {
    padding: 4.375rem;
}

.p-1\.5 {
    padding: 0.9375rem;
}

.p-16px {
    padding: 1rem;
}

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

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

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

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

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

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

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

.px-11 {
    padding-left: 6.875rem;
    padding-right: 6.875rem;
}

.px-14 {
    padding-left: 8.75rem;
    padding-right: 8.75rem;
}

.px-1\.5 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.px-2\.5 {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
}

.px-4\.5 {
    padding-left: 2.8125rem;
    padding-right: 2.8125rem;
}

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

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

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

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

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

.py-7 {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
}

.py-11 {
    padding-top: 6.875rem;
    padding-bottom: 6.875rem;
}

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

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

.py-3\.5 {
    padding-top: 2.1875rem;
    padding-bottom: 2.1875rem;
}

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

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

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

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

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

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

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

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

.pt-7 {
    padding-top: 4.375rem;
}

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

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

.pt-1\.5 {
    padding-top: 0.9375rem;
}

.pt-16px {
    padding-top: 1rem;
}

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

.pr-3 {
    padding-right: 1.875rem;
}

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

.pr-10 {
    padding-right: 6.25rem;
}

.pb-0 {
    padding-bottom: 0rem;
}

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

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

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

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

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

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

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

.pb-11 {
    padding-bottom: 6.875rem;
}

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

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

.pb-0\.5 {
    padding-bottom: 0.3125rem;
}

.pb-2\.5 {
    padding-bottom: 1.5625rem;
}

.pb-3\.5 {
    padding-bottom: 2.1875rem;
}

.pb-4\.5 {
    padding-bottom: 2.8125rem;
}

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

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

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

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

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

.pl-1\.5 {
    padding-left: 0.9375rem;
}

.pl-3\.5 {
    padding-left: 2.1875rem;
}

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

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

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

.align-bottom {
    vertical-align: bottom;
}

.font-nunito {
    font-family: Nunito;
}

.font-vollkorn {
    font-family: Vollkorn;
}

.font-barlow {
    font-family: Barlow;
}

.font-barlow-condensed {
    font-family: Barlow Condensed;
}

.font-barlow-semi-condensed {
    font-family: Barlow Semi Condensed;
}

.font-cormorant-garamond {
    font-family: Cormorant Garamond;
}

.text-10 {
    font-size: 0.625rem;
}

.text-32 {
    font-size: 2rem;
    line-height: 1.375;
}

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

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

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

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

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

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

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

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

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

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

.text-7xl {
    font-size: 4.5rem;
    line-height: 1;
}

.font-extralight {
    font-weight: 200;
}

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

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

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

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

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

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

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

.italic {
    font-style: italic;
}

.not-italic {
    font-style: normal;
}

.lining-nums,
.tabular-nums {
    --tw-ordinal: var(--tw-empty, /*!*/ /*!*/);
    --tw-slashed-zero: var(--tw-empty, /*!*/ /*!*/);
    --tw-numeric-figure: var(--tw-empty, /*!*/ /*!*/);
    --tw-numeric-spacing: var(--tw-empty, /*!*/ /*!*/);
    --tw-numeric-fraction: var(--tw-empty, /*!*/ /*!*/);
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
        var(--tw-numeric-figure) var(--tw-numeric-spacing)
        var(--tw-numeric-fraction);
}

.lining-nums {
    --tw-numeric-figure: lining-nums;
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
}

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

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

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

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

.leading-9 {
    line-height: 2.25rem;
}

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

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

.leading-tight {
    line-height: 1.25;
}

.leading-snug {
    line-height: 1.375;
}

.leading-relaxed {
    line-height: 1.625;
}

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

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

.text-primary {
    --tw-text-opacity: 1;
    color: rgba(197, 162, 93, var(--tw-text-opacity));
}

.text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgba(197, 162, 93, var(--tw-text-opacity));
}

.text-primary-dark {
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}

.text-primary-light {
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}

.text-secondary {
    --tw-text-opacity: 1;
    color: rgba(205, 154, 84, var(--tw-text-opacity));
}

.text-secondary-light1 {
    --tw-text-opacity: 1;
    color: rgba(204, 180, 143, var(--tw-text-opacity));
}

.text-secondary-light3 {
    --tw-text-opacity: 1;
    color: rgba(237, 224, 204, var(--tw-text-opacity));
}

.text-status-success {
    --tw-text-opacity: 1;
    color: rgba(123, 173, 52, var(--tw-text-opacity));
}

.text-status-danger {
    --tw-text-opacity: 1;
    color: rgba(190, 47, 49, var(--tw-text-opacity));
}

.text-typo-heading {
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}

.text-typo-body {
    --tw-text-opacity: 1;
    color: rgba(65, 69, 72, var(--tw-text-opacity));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgba(252, 251, 248, var(--tw-text-opacity));
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(231, 229, 223, var(--tw-text-opacity));
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(215, 213, 207, var(--tw-text-opacity));
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(184, 182, 175, var(--tw-text-opacity));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(151, 149, 143, var(--tw-text-opacity));
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(118, 115, 111, var(--tw-text-opacity));
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(98, 96, 93, var(--tw-text-opacity));
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(53, 51, 46, var(--tw-text-opacity));
}

.text-gray {
    --tw-text-opacity: 1;
    color: rgba(151, 149, 143, var(--tw-text-opacity));
}

.text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252, 165, 165, var(--tw-text-opacity));
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248, 113, 113, var(--tw-text-opacity));
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220, 38, 38, var(--tw-text-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(252, 251, 248, var(--tw-text-opacity));
}

.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgba(184, 182, 175, var(--tw-text-opacity));
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgba(151, 149, 143, var(--tw-text-opacity));
}

.focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgba(151, 149, 143, var(--tw-text-opacity));
}

.underline {
    text-decoration: underline;
}

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

.focus\:underline:focus {
    text-decoration: underline;
}

.placeholder-primary::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(197, 162, 93, var(--tw-placeholder-opacity));
}

.placeholder-primary:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(197, 162, 93, var(--tw-placeholder-opacity));
}

.placeholder-primary::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(197, 162, 93, var(--tw-placeholder-opacity));
}

.placeholder-secondary-light1::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(204, 180, 143, var(--tw-placeholder-opacity));
}

.placeholder-secondary-light1:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(204, 180, 143, var(--tw-placeholder-opacity));
}

.placeholder-secondary-light1::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(204, 180, 143, var(--tw-placeholder-opacity));
}

.placeholder-status-danger::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 47, 49, var(--tw-placeholder-opacity));
}

.placeholder-status-danger:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 47, 49, var(--tw-placeholder-opacity));
}

.placeholder-status-danger::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(190, 47, 49, var(--tw-placeholder-opacity));
}

.opacity-0 {
    opacity: 0;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-100 {
    opacity: 1;
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

.disabled\:opacity-50:disabled {
    opacity: 0.5;
}

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

*,
::before,
::after {
    --tw-shadow: 0 0 #0000;
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
    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 rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
    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 rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    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;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

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

*,
::before,
::after {
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
}

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

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

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

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

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
}

.filter {
    --tw-blur: var(--tw-empty, /*!*/ /*!*/);
    --tw-brightness: var(--tw-empty, /*!*/ /*!*/);
    --tw-contrast: var(--tw-empty, /*!*/ /*!*/);
    --tw-grayscale: var(--tw-empty, /*!*/ /*!*/);
    --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/);
    --tw-invert: var(--tw-empty, /*!*/ /*!*/);
    --tw-saturate: var(--tw-empty, /*!*/ /*!*/);
    --tw-sepia: var(--tw-empty, /*!*/ /*!*/);
    --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
        var(--tw-sepia) var(--tw-drop-shadow);
}

.blur {
    --tw-blur: blur(8px);
}

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

.transition {
    transition-property: background-color, border-color, color, fill, stroke,
        opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke,
        opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke,
        opacity, box-shadow, transform, filter, backdrop-filter,
        -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.line-clamp-none {
    -webkit-line-clamp: unset;
}

@media (min-width: 640px) {
    .sm\:mx-0 {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .sm\:my-8 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .sm\:mt-0 {
        margin-top: 0rem;
    }

    .sm\:mt-4 {
        margin-top: 2.5rem;
    }

    .sm\:ml-3 {
        margin-left: 1.875rem;
    }

    .sm\:ml-4 {
        margin-left: 2.5rem;
    }

    .sm\:block {
        display: block;
    }

    .sm\:flex {
        display: flex;
    }

    .sm\:h-10 {
        height: 6.25rem;
    }

    .sm\:h-screen {
        height: 100vh;
    }

    .sm\:w-10 {
        width: 6.25rem;
    }

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

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

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

    .sm\:translate-x-0 {
        --tw-translate-x: 0rem;
    }

    .sm\:translate-x-1 {
        --tw-translate-x: 0.625rem;
    }

    .sm\:translate-x-2 {
        --tw-translate-x: 1.25rem;
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0rem;
    }

    .sm\:scale-95 {
        --tw-scale-x: 0.95;
        --tw-scale-y: 0.95;
    }

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

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

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

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

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

    .sm\:p-0 {
        padding: 0rem;
    }

    .sm\:p-6 {
        padding: 3.75rem;
    }

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

    .sm\:align-middle {
        vertical-align: middle;
    }
}

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

@media (min-width: 1024px) {
    .lg\:static {
        position: static;
    }

    .lg\:absolute {
        position: absolute;
    }

    .lg\:relative {
        position: relative;
    }

    .lg\:top-4 {
        top: 2.5rem;
    }

    .lg\:right-2 {
        right: 1.25rem;
    }

    .lg\:right-4 {
        right: 2.5rem;
    }

    .lg\:bottom-3 {
        bottom: 1.875rem;
    }

    .lg\:bottom-6 {
        bottom: 3.75rem;
    }

    .lg\:bottom-9 {
        bottom: 5.625rem;
    }

    .lg\:order-first {
        order: -9999;
    }

    .lg\:order-last {
        order: 9999;
    }

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

    .lg\:mx-0 {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .lg\:mx-4 {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .lg\:mx-5 {
        margin-left: 3.125rem;
        margin-right: 3.125rem;
    }

    .lg\:mx-11 {
        margin-left: 6.875rem;
        margin-right: 6.875rem;
    }

    .lg\:mx-4\.5 {
        margin-left: 2.8125rem;
        margin-right: 2.8125rem;
    }

    .lg\:my-2 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .lg\:my-3 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }

    .lg\:my-5 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }

    .lg\:mt-0 {
        margin-top: 0rem;
    }

    .lg\:mt-1 {
        margin-top: 0.625rem;
    }

    .lg\:mt-2 {
        margin-top: 1.25rem;
    }

    .lg\:mt-3 {
        margin-top: 1.875rem;
    }

    .lg\:mt-4 {
        margin-top: 2.5rem;
    }

    .lg\:mt-5 {
        margin-top: 3.125rem;
    }

    .lg\:mt-6 {
        margin-top: 3.75rem;
    }

    .lg\:mt-7 {
        margin-top: 4.375rem;
    }

    .lg\:mt-8 {
        margin-top: 5rem;
    }

    .lg\:mt-28 {
        margin-top: 17.5rem;
    }

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

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

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

    .lg\:mt-16px {
        margin-top: 1rem;
    }

    .lg\:mt-6\.5 {
        margin-top: 4.0625rem;
    }

    .lg\:-mt-1 {
        margin-top: -0.625rem;
    }

    .lg\:mr-1 {
        margin-right: 0.625rem;
    }

    .lg\:mr-2 {
        margin-right: 1.25rem;
    }

    .lg\:mr-3 {
        margin-right: 1.875rem;
    }

    .lg\:mr-4 {
        margin-right: 2.5rem;
    }

    .lg\:mr-7 {
        margin-right: 4.375rem;
    }

    .lg\:mr-1\.5 {
        margin-right: 0.9375rem;
    }

    .lg\:mr-4\.5 {
        margin-right: 2.8125rem;
    }

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

    .lg\:mb-1 {
        margin-bottom: 0.625rem;
    }

    .lg\:mb-2 {
        margin-bottom: 1.25rem;
    }

    .lg\:mb-3 {
        margin-bottom: 1.875rem;
    }

    .lg\:mb-4 {
        margin-bottom: 2.5rem;
    }

    .lg\:mb-5 {
        margin-bottom: 3.125rem;
    }

    .lg\:mb-6 {
        margin-bottom: 3.75rem;
    }

    .lg\:mb-7 {
        margin-bottom: 4.375rem;
    }

    .lg\:mb-10 {
        margin-bottom: 6.25rem;
    }

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

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

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

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

    .lg\:ml-0 {
        margin-left: 0rem;
    }

    .lg\:ml-1 {
        margin-left: 0.625rem;
    }

    .lg\:ml-3 {
        margin-left: 1.875rem;
    }

    .lg\:ml-4 {
        margin-left: 2.5rem;
    }

    .lg\:ml-20 {
        margin-left: 12.5rem;
    }

    .lg\:block {
        display: block;
    }

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

    .lg\:inline {
        display: inline;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:grid {
        display: grid;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-1 {
        height: 0.625rem;
    }

    .lg\:h-6 {
        height: 3.75rem;
    }

    .lg\:h-7 {
        height: 4.375rem;
    }

    .lg\:h-36 {
        height: 22.5rem;
    }

    .lg\:h-64 {
        height: 40rem;
    }

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

    .lg\:h-1\.5 {
        height: 0.9375rem;
    }

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

    .lg\:max-h-72 {
        max-height: 45rem;
    }

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

    .lg\:w-3 {
        width: 1.875rem;
    }

    .lg\:w-20 {
        width: 12.5rem;
    }

    .lg\:w-72 {
        width: 45rem;
    }

    .lg\:w-96 {
        width: 60rem;
    }

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

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

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

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

    .lg\:flex-initial {
        flex: 0 1 auto;
    }

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

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

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

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

    .lg\: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-end {
        align-items: flex-end;
    }

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

    .lg\:items-stretch {
        align-items: stretch;
    }

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

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

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

    .lg\:gap-3 {
        gap: 1.875rem;
    }

    .lg\:gap-x-1 {
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
    }

    .lg\:gap-x-3 {
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem;
    }

    .lg\:gap-y-1 {
        row-gap: 0.625rem;
    }

    .lg\:gap-y-4 {
        row-gap: 2.5rem;
    }

    .lg\:gap-y-1\.5 {
        row-gap: 0.9375rem;
    }

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

    .lg\:overflow-hidden {
        overflow: hidden;
    }

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

    .lg\:rounded {
        border-radius: 0.25rem;
    }

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

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

    .lg\:border-b-0 {
        border-bottom-width: 0px;
    }

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

    .lg\:odd\:bg-transparent:nth-child(odd) {
        background-color: transparent;
    }

    .lg\:even\:bg-primary-light:nth-child(even) {
        --tw-bg-opacity: 1;
        background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
    }

    .lg\:even\:bg-secondary-light3:nth-child(even) {
        --tw-bg-opacity: 1;
        background-color: rgba(237, 224, 204, var(--tw-bg-opacity));
    }

    .lg\:odd\:bg-opacity-100:nth-child(odd) {
        --tw-bg-opacity: 1;
    }

    .lg\:even\:bg-opacity-25:nth-child(even) {
        --tw-bg-opacity: 0.25;
    }

    .lg\:even\:bg-opacity-100:nth-child(even) {
        --tw-bg-opacity: 1;
    }

    .lg\:object-center {
        -o-object-position: center;
        object-position: center;
    }

    .lg\:p-3 {
        padding: 1.875rem;
    }

    .lg\:p-6 {
        padding: 3.75rem;
    }

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

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

    .lg\:px-3 {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
    }

    .lg\:px-4 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .lg\:px-5 {
        padding-left: 3.125rem;
        padding-right: 3.125rem;
    }

    .lg\:px-6 {
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }

    .lg\:px-8 {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .lg\:px-10 {
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }

    .lg\:px-11 {
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }

    .lg\:px-20 {
        padding-left: 12.5rem;
        padding-right: 12.5rem;
    }

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

    .lg\:py-1 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }

    .lg\:py-2 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .lg\:py-3 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }

    .lg\:py-5 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }

    .lg\:py-6 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }

    .lg\:py-7 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }

    .lg\:py-9 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }

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

    .lg\:py-12 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

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

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

    .lg\:pt-5 {
        padding-top: 3.125rem;
    }

    .lg\:pt-6 {
        padding-top: 3.75rem;
    }

    .lg\:pt-7 {
        padding-top: 4.375rem;
    }

    .lg\:pt-10 {
        padding-top: 6.25rem;
    }

    .lg\:pt-16 {
        padding-top: 10rem;
    }

    .lg\:pr-0 {
        padding-right: 0rem;
    }

    .lg\:pr-1 {
        padding-right: 0.625rem;
    }

    .lg\:pr-3 {
        padding-right: 1.875rem;
    }

    .lg\:pr-4 {
        padding-right: 2.5rem;
    }

    .lg\:pr-5 {
        padding-right: 3.125rem;
    }

    .lg\:pb-3 {
        padding-bottom: 1.875rem;
    }

    .lg\:pb-5 {
        padding-bottom: 3.125rem;
    }

    .lg\:pb-6 {
        padding-bottom: 3.75rem;
    }

    .lg\:pb-7 {
        padding-bottom: 4.375rem;
    }

    .lg\:pb-9 {
        padding-bottom: 5.625rem;
    }

    .lg\:pb-10 {
        padding-bottom: 6.25rem;
    }

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

    .lg\:pl-1 {
        padding-left: 0.625rem;
    }

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

    .lg\:pl-3 {
        padding-left: 1.875rem;
    }

    .lg\:pl-4 {
        padding-left: 2.5rem;
    }

    .lg\:pl-5 {
        padding-left: 3.125rem;
    }

    .lg\:pl-7 {
        padding-left: 4.375rem;
    }

    .lg\:pl-11 {
        padding-left: 6.875rem;
    }

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

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

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

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

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

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

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

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

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

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

    .lg\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }

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

    .lg\:leading-3 {
        line-height: 0.75rem;
    }

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

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

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

    .lg\:leading-8 {
        line-height: 2rem;
    }

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

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

    .lg\:leading-tight {
        line-height: 1.25;
    }

    .lg\:text-typo-heading {
        --tw-text-opacity: 1;
        color: rgba(31, 28, 23, var(--tw-text-opacity));
    }

    .lg\:text-gray-600 {
        --tw-text-opacity: 1;
        color: rgba(118, 115, 111, var(--tw-text-opacity));
    }

    .lg\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .lg\:line-clamp-5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }

    .lg\:line-clamp-none {
        -webkit-line-clamp: unset;
    }
}

@media (min-width: 1280px) {
    .xl\:absolute {
        position: absolute;
    }

    .xl\:top-0 {
        top: 0rem;
    }

    .xl\:top-auto {
        top: auto;
    }

    .xl\:right-4 {
        right: 2.5rem;
    }

    .xl\:bottom-5 {
        bottom: 3.125rem;
    }

    .xl\:left-auto {
        left: auto;
    }

    .xl\:mx-0 {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .xl\:mx-11 {
        margin-left: 6.875rem;
        margin-right: 6.875rem;
    }

    .xl\:my-4 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .xl\:mt-0 {
        margin-top: 0rem;
    }

    .xl\:mt-3 {
        margin-top: 1.875rem;
    }

    .xl\:mt-5 {
        margin-top: 3.125rem;
    }

    .xl\:mt-8 {
        margin-top: 5rem;
    }

    .xl\:mt-9 {
        margin-top: 5.625rem;
    }

    .xl\:mt-12 {
        margin-top: 7.5rem;
    }

    .xl\:mt-16 {
        margin-top: 10rem;
    }

    .xl\:mr-7 {
        margin-right: 4.375rem;
    }

    .xl\:mr-16 {
        margin-right: 10rem;
    }

    .xl\:mb-2 {
        margin-bottom: 1.25rem;
    }

    .xl\:mb-7 {
        margin-bottom: 4.375rem;
    }

    .xl\:ml-0 {
        margin-left: 0rem;
    }

    .xl\:ml-3 {
        margin-left: 1.875rem;
    }

    .xl\:ml-4 {
        margin-left: 2.5rem;
    }

    .xl\:ml-16 {
        margin-left: 10rem;
    }

    .xl\:ml-4\.5 {
        margin-left: 2.8125rem;
    }

    .xl\:block {
        display: block;
    }

    .xl\:inline {
        display: inline;
    }

    .xl\:flex {
        display: flex;
    }

    .xl\:hidden {
        display: none;
    }

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

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

    .xl\:transform {
        --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;
        transform: translateX(var(--tw-translate-x))
            translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
            skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }

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

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

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

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

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

    .xl\:gap-3 {
        gap: 1.875rem;
    }

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

    .xl\:px-0 {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .xl\:px-2 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .xl\:px-11 {
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }

    .xl\:py-0 {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .xl\:py-1 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }

    .xl\:py-2 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .xl\:py-7 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }

    .xl\:pt-6 {
        padding-top: 3.75rem;
    }

    .xl\:pt-8 {
        padding-top: 5rem;
    }

    .xl\:pr-6 {
        padding-right: 3.75rem;
    }

    .xl\:pr-7 {
        padding-right: 4.375rem;
    }

    .xl\:pr-11 {
        padding-right: 6.875rem;
    }

    .xl\:pb-8 {
        padding-bottom: 5rem;
    }

    .xl\:pb-10 {
        padding-bottom: 6.25rem;
    }

    .xl\:pl-4 {
        padding-left: 2.5rem;
    }

    .xl\:pl-16 {
        padding-left: 10rem;
    }

    .xl\:pl-4\.5 {
        padding-left: 2.8125rem;
    }

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

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

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

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

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

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

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

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

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

@media (min-width: 1536px) {
    .\32xl\:right-5 {
        right: 3.125rem;
    }

    .\32xl\:mx-9 {
        margin-left: 5.625rem;
        margin-right: 5.625rem;
    }

    .\32xl\:mt-0 {
        margin-top: 0rem;
    }

    .\32xl\:mt-2 {
        margin-top: 1.25rem;
    }

    .\32xl\:mt-3 {
        margin-top: 1.875rem;
    }

    .\32xl\:mt-4 {
        margin-top: 2.5rem;
    }

    .\32xl\:mt-5 {
        margin-top: 3.125rem;
    }

    .\32xl\:mt-4\.5 {
        margin-top: 2.8125rem;
    }

    .\32xl\:ml-16 {
        margin-left: 10rem;
    }

    .\32xl\:hidden {
        display: none;
    }

    .\32xl\:h-16 {
        height: 10rem;
    }

    .\32xl\:gap-x-3 {
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem;
    }

    .\32xl\:gap-y-5 {
        row-gap: 3.125rem;
    }

    .\32xl\:p-5 {
        padding: 3.125rem;
    }

    .\32xl\:p-11 {
        padding: 6.875rem;
    }

    .\32xl\:px-7 {
        padding-left: 4.375rem;
        padding-right: 4.375rem;
    }

    .\32xl\:px-11 {
        padding-left: 6.875rem;
        padding-right: 6.875rem;
    }

    .\32xl\:px-16 {
        padding-left: 10rem;
        padding-right: 10rem;
    }

    .\32xl\:px-24 {
        padding-left: 15rem;
        padding-right: 15rem;
    }

    .\32xl\:py-9 {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem;
    }

    .\32xl\:py-12 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    .\32xl\:py-14 {
        padding-top: 8.75rem;
        padding-bottom: 8.75rem;
    }

    .\32xl\:pt-10 {
        padding-top: 6.25rem;
    }

    .\32xl\:pt-14 {
        padding-top: 8.75rem;
    }

    .\32xl\:pr-7 {
        padding-right: 4.375rem;
    }

    .\32xl\:pr-10 {
        padding-right: 6.25rem;
    }

    .\32xl\:pr-11 {
        padding-right: 6.875rem;
    }

    .\32xl\:pb-9 {
        padding-bottom: 5.625rem;
    }

    .\32xl\:pb-10 {
        padding-bottom: 6.25rem;
    }

    .\32xl\:pb-14 {
        padding-bottom: 8.75rem;
    }

    .\32xl\:pl-11 {
        padding-left: 6.875rem;
    }

    .\32xl\:pl-14 {
        padding-left: 8.75rem;
    }

    .\32xl\:pl-20 {
        padding-left: 12.5rem;
    }
}
:root {
    --screen-height: 100vh;
    --promo-height: 2.0625rem;
    --menu-height: 3.8125rem;
}

@media (min-width: 1280px) {
    :root {
        --promo-height: 2.8125rem;
        --menu-height: 5.375rem;
    }
}

html {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
    font-family: Nunito;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgba(65, 69, 72, var(--tw-text-opacity));
    word-spacing: 1px;
    font-variant-numeric: lining-nums;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

pre {
    font-family: Nunito;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
}

.sf-rounded-transform {
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}

body.noscroll {
    overflow: hidden;
}

body.noscroll main {
    overflow: hidden;
}

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

img.lazyLoad.isLoaded {
    opacity: 1;
}

.slick-slide {
    z-index: -1;
}

.slick-slide div {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.slick-slide.slick-active {
    z-index: 1;
}

.animate-slide-in-right {
    animation: fade-in 1s ease forwards, slide-right 1s ease forwards;
}

@keyframes slide-right {
    0% {
        transform: translate(-15px);
    }

    to {
        transform: translate(0);
        backface-visibility: hidden;
    }
}

#appleid-signin svg {
    background: rgba(254, 251, 244, var(--tw-bg-opacity));
}

#toasts {
    pointer-events: none;
    position: fixed;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    z-index: 40;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: flex-end;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}

@media (min-width: 640px) {
    #toasts {
        align-items: flex-end;
        justify-content: flex-end;
        padding: 1.875rem;
    }
}

#toasts svg {
    height: 0.9375rem;
    width: 0.9375rem;
}

#toasts .h-1 {
    height: 0.3125rem;
}

#toasts .p-4 {
    padding: 0.9375rem;
}

#toasts .ml-3 {
    margin-left: 0.625rem;
}

#toasts .ml-4 {
    margin-left: 0.9375rem;
}

.menu-scroll-blur {
    height: 100%;
    overflow-y: auto;
}

.menu-scroll-blur:before {
    pointer-events: none;
    position: absolute;
    left: 0rem;
    z-index: 10;
    width: 100%;
    top: calc(2.0625rem + 3.8125rem);
    top: calc(var(--promo-height) + var(--menu-height));
    background: linear-gradient(0deg, rgba(254, 251, 244, 0), #fefbf4);
}

.menu-scroll-blur:after,
.menu-scroll-blur:before {
    content: "";
    height: 10%;
}

.menu-scroll-blur:after {
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    z-index: 10;
    width: 100%;
    background: linear-gradient(180deg, rgba(254, 251, 244, 0), #fefbf4);
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    cursor: pointer;
}

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

.button {
    white-space: nowrap;
    font-family: Barlow Semi Condensed;
    font-weight: 500;
    text-transform: uppercase;
}

.button .button__text.with-icon + .button__icon {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: flex-end;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.button:hover .button__text.with-icon + .button__icon {
    --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;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
        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-translate-x: 0.625rem;
}

.button.button-dark {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 28, 23, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}

.button.button-dark .button__icon {
    fill: currentColor;
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}

.button.button-dark:disabled,
.button.button-dark:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(78, 75, 71, var(--tw-bg-opacity));
}

.button.button-light {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}

.button.button-light.button-bordered {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(237, 224, 204, var(--tw-border-opacity));
}

.button.button-light:disabled,
.button.button-light:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 28, 23, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}

.button.button-light .button__icon {
    fill: currentColor;
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}

.button.button-light:disabled .button__icon,
.button.button-light:hover .button__icon {
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}

.button.button-yellow {
    --tw-bg-opacity: 1;
    background-color: rgba(197, 162, 93, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}

.button.button-yellow .button__icon {
    fill: currentColor;
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}

.button.button-yellow:disabled,
.button.button-yellow:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 28, 23, var(--tw-bg-opacity));
    opacity: 0.5;
}

.button.button-yellow-light {
    --tw-bg-opacity: 1;
    background-color: #3d3d3d;
    --tw-text-opacity: 1;
    color: #fff;
}

.button.button-yellow-light:disabled,
.button.button-yellow-light:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 28, 23, var(--tw-bg-opacity));
}

.button.button-yellow-light .button__icon {
    fill: #fff;
    --tw-text-opacity: 1;
    color: #fff;
}

.button.button-yellow-light:disabled .button__icon,
.button.button-yellow-light:hover .button__icon {
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}

.button.button-light-bordered {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(237, 224, 204, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}

.button.button-light-bordered:disabled,
.button.button-light-bordered:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(237, 224, 204, var(--tw-bg-opacity));
}

.button.button-light-bordered .button__icon {
    fill: currentColor;
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}

.button.button-dark-bordered {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(31, 28, 23, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}

.button.button-dark-bordered .button__icon {
    fill: currentColor;
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}

.button.button-white-border {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(245, 244, 240, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(245, 244, 240, var(--tw-text-opacity));
}

.button.button-white-border:disabled,
.button.button-white-border:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.25;
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}

.button.button-white-border.button-transparent .button__text.with-icon:after {
    transform: scaleX(1) !important;
}

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

.button.button-transparent .button__text:after {
    display: block;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(31, 28, 23, var(--tw-border-opacity));
    transform-origin: center;
    --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;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
        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-scale-x: 0;
    transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
}

.button.button-transparent:disabled .button__text:after,
.button.button-transparent:hover .button__text:after {
    --tw-scale-x: 1;
}

.button.button-full,
.button.button-large {
    height: 3.75rem;
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.button.button-full,
.button.button-large {
    padding: 1.375rem 1.6875rem;
    border-radius: 4px;
}

.button.button-small {
    height: 3.125rem;
    width: 100%;
    padding: 1.0625rem 1.84375rem;
    border-radius: 4px;
    font-size: 1rem;
}

.button.button-square {
    height: 4.375rem;
    width: 4.375rem;
    padding: 1.6875rem;
    border-radius: 4px;
}

@media (min-width: 1024px) {
    .button.button-full {
        height: 4.375rem;
        width: 100%;
    }

    .button.button-full,
    .button.button-large {
        padding: 1.6875rem;
        border-radius: 4px;
        font-size: 1.375rem;
    }

    .button.button-large {
        height: 4.375rem;
        width: 25rem;
    }

    .button.button-small {
        height: 3.75rem;
        width: 14.0625rem;
        padding: 1.375rem 1.0625rem;
        border-radius: 4px;
        font-size: 1rem;
    }

    .button.button-square {
        height: 4.375rem;
        width: 4.375rem;
        padding: 1.6875rem;
        border-radius: 4px;
    }
}
@font-face {
    font-family: "cocoon";
    src: url(../fonts/cocoon.3697b53.eot);
    src: url(../fonts/cocoon.3697b53.eot#iefix) format("embedded-opentype"),
        url(../fonts/cocoon.84b8114.ttf) format("truetype"),
        url(../fonts/cocoon.c262b4b.woff) format("woff"),
        url(../fonts/cocoon.61b2ce0.svg#cocoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

[class*=" icon-"],
[class^="icon-"] {
    font-family: "cocoon" !important;
    speak: never;
    letter-spacing: 0;
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-alert:before {
    content: "\e900";
}

.icon-arrow-both:before {
    content: "\e901";
}

.icon-arrow-down-left:before {
    content: "\e902";
}

.icon-arrow-down-right:before {
    content: "\e903";
}

.icon-arrow-down:before {
    content: "\e904";
}

.icon-arrow-left:before {
    content: "\e905";
}

.icon-arrow-right:before {
    content: "\e906";
}

.icon-arrow-up-left:before {
    content: "\e907";
}

.icon-arrow-up-right:before {
    content: "\e908";
}

.icon-arrow-up:before {
    content: "\e909";
}

.icon-bag-check-fill:before {
    content: "\e90a";
}

.icon-bag-check:before {
    content: "\e90b";
}

.icon-bag-dash-fill:before {
    content: "\e90c";
}

.icon-bag-dash:before {
    content: "\e90d";
}

.icon-bag-fill:before {
    content: "\e90e";
}

.icon-bag-plus-fill:before {
    content: "\e90f";
}

.icon-bag-plus:before {
    content: "\e910";
}

.icon-bag-x-fill:before {
    content: "\e911";
}

.icon-bag-x:before {
    content: "\e912";
}

.icon-bag:before {
    content: "\e913";
}

.icon-basket-fill:before {
    content: "\e914";
}

.icon-basket:before {
    content: "\e915";
}

.icon-basket2-fill:before {
    content: "\e916";
}

.icon-basket2:before {
    content: "\e917";
}

.icon-basket3-fill:before {
    content: "\e918";
}

.icon-basket3:before {
    content: "\e919";
}

.icon-bold:before {
    content: "\e91a";
}

.icon-check:before {
    content: "\e91b";
}

.icon-checklist:before {
    content: "\e91c";
}

.icon-chevron-down:before {
    content: "\e91d";
}

.icon-chevron-left:before {
    content: "\e91e";
}

.icon-chevron-right:before {
    content: "\e91f";
}

.icon-chevron-up:before {
    content: "\e920";
}

.icon-circle-check-fill:before {
    content: "\e921";
}

.icon-circle-check:before {
    content: "\e922";
}

.icon-circle-plus:before {
    content: "\e923";
}

.icon-circle-slash:before {
    content: "\e924";
}

.icon-circle-x-fill:before {
    content: "\e925";
}

.icon-circle:before {
    content: "\e926";
}

.icon-comment-discussion:before {
    content: "\e927";
}

.icon-comment:before {
    content: "\e928";
}

.icon-cross-reference:before {
    content: "\e929";
}

.icon-dash:before {
    content: "\e92a";
}

.icon-dot-filled:before {
    content: "\e92b";
}

.icon-dot:before {
    content: "\e92c";
}

.icon-download:before {
    content: "\e92d";
}

.icon-filter:before {
    content: "\e92e";
}

.icon-fold-down:before {
    content: "\e92f";
}

.icon-fold-up:before {
    content: "\e930";
}

.icon-fold:before {
    content: "\e931";
}

.icon-grabber:before {
    content: "\e932";
}

.icon-heading:before {
    content: "\e933";
}

.icon-heart-fill:before {
    content: "\e934";
}

.icon-heart:before {
    content: "\e935";
}

.icon-history:before {
    content: "\e936";
}

.icon-horizontal-rule:before {
    content: "\e937";
}

.icon-infinity:before {
    content: "\e938";
}

.icon-info:before {
    content: "\e939";
}

.icon-insights:before {
    content: "\e93a";
}

.icon-italic:before {
    content: "\e93b";
}

.icon-kebab-horizontal:before {
    content: "\e93c";
}

.icon-link-external:before {
    content: "\e93d";
}

.icon-link:before {
    content: "\e93e";
}

.icon-list-ordered:before {
    content: "\e93f";
}

.icon-list-unordered:before {
    content: "\e940";
}

.icon-Loading:before {
    content: "\e941";
}

.icon-mention:before {
    content: "\e942";
}

.icon-mirror:before {
    content: "\e943";
}

.icon-moon:before {
    content: "\e944";
}

.icon-nav:before {
    content: "\e945";
}

.icon-north-star:before {
    content: "\e946";
}

.icon-play:before {
    content: "\e947";
}

.icon-plus-2:before {
    content: "\e948";
}

.icon-plus-circle-fill:before {
    content: "\e949";
}

.icon-plus-circle:before {
    content: "\e94a";
}

.icon-plus-square-fill:before {
    content: "\e94b";
}

.icon-plus-square:before {
    content: "\e94c";
}

.icon-plus:before {
    content: "\e94d";
}

.icon-pulse:before {
    content: "\e94e";
}

.icon-question:before {
    content: "\e94f";
}

.icon-quote:before {
    content: "\e950";
}

.icon-Rabbit:before {
    content: "\e951";
}

.icon-reply:before {
    content: "\e952";
}

.icon-report:before {
    content: "\e953";
}

.icon-screen-full:before {
    content: "\e954";
}

.icon-screen-normal:before {
    content: "\e955";
}

.icon-search:before {
    content: "\e956";
}

.icon-share-android:before {
    content: "\e957";
}

.icon-sign-in:before {
    content: "\e958";
}

.icon-sign-out:before {
    content: "\e959";
}

.icon-square-fill:before {
    content: "\e95a";
}

.icon-square:before {
    content: "\e95b";
}

.icon-star-fill:before {
    content: "\e95c";
}

.icon-star:before {
    content: "\e95d";
}

.icon-stop:before {
    content: "\e95e";
}

.icon-sun:before {
    content: "\e95f";
}

.icon-sync:before {
    content: "\e960";
}

.icon-tab:before {
    content: "\e961";
}

.icon-tasklist:before {
    content: "\e962";
}

.icon-triangle-down:before {
    content: "\e963";
}

.icon-triangle-left:before {
    content: "\e964";
}

.icon-triangle-right:before {
    content: "\e965";
}

.icon-triangle-up:before {
    content: "\e966";
}

.icon-typography:before {
    content: "\e967";
}

.icon-unfold:before {
    content: "\e968";
}

.icon-unverifed:before {
    content: "\e969";
}

.icon-upload:before {
    content: "\e96a";
}

.icon-verified:before {
    content: "\e96b";
}

.icon-x-circle:before {
    content: "\e96c";
}

.icon-x:before {
    content: "\e96d";
}

.icon-LockLaminated:before {
    content: "\e96e";
}

.icon-CircleWavy:before {
    content: "\e96f";
}

.icon-CircleWavyCheck:before {
    content: "\e9cc";
}

.icon-CircleWavyQuestion:before {
    content: "\e9cd";
}

.icon-CircleWavyWarning:before {
    content: "\e9ce";
}

.icon-eye-slash:before {
    content: "\e9cf";
}

.icon-eye:before {
    content: "\e9d0";
}

.icon-Fingerprint:before {
    content: "\e9d1";
}

.icon-FingerprintSimple:before {
    content: "\e9d2";
}

.icon-Info:before {
    content: "\e9d3";
}

.icon-Key .path1:before {
    content: "\e9d4";
    color: #414548;
}

.icon-Key .path2:before {
    content: "\e9d5";
    margin-left: -1em;
    color: #414548;
    opacity: 0.5;
}

.icon-Key .path3:before {
    content: "\e9d6";
    margin-left: -1em;
    color: #414548;
}

.icon-Lock:before {
    content: "\e9d7";
}

.icon-LockKey:before {
    content: "\e9d8";
}

.icon-LockKeyOpen:before {
    content: "\e9d9";
}

.icon-LockLaminatedOpen:before {
    content: "\e9da";
}

.icon-LockOpen:before {
    content: "\e9db";
}

.icon-LockSimple:before {
    content: "\e9dc";
}

.icon-LockSimpleOpen:before {
    content: "\e9dd";
}

.icon-Prohibit:before {
    content: "\e9de";
}

.icon-ProhibitInset:before {
    content: "\e9df";
}

.icon-Question:before {
    content: "\e9e0";
}

.icon-Shield:before {
    content: "\e9e1";
}

.icon-ShieldCheck:before {
    content: "\e9e2";
}

.icon-ShieldChevron:before {
    content: "\e9e3";
}

.icon-ShieldSlash:before {
    content: "\e9e4";
}

.icon-ShieldWarning:before {
    content: "\e9e5";
}

.icon-Wall:before {
    content: "\e9e6";
}

.icon-Warning:before {
    content: "\e9e7";
}

.icon-WarningCircle:before {
    content: "\e9e8";
}

.icon-WarningOctagon:before {
    content: "\e9e9";
}

.icon-eye-slash1:before {
    content: "\e970";
}

.icon-eye1:before {
    content: "\e971";
}

.icon-organization:before {
    content: "\e972";
}

.icon-people:before {
    content: "\e973";
}

.icon-person:before {
    content: "\e974";
}

.icon-smiley:before {
    content: "\e975";
}

.icon-thumbsdown:before {
    content: "\e976";
}

.icon-thumbsup:before {
    content: "\e977";
}

.icon-thumbsdown-hover .path1:before {
    content: "\ea44";
    color: #c5a25d;
}

.icon-thumbsdown-hover .path2:before {
    content: "\ea45";
    margin-left: -1em;
    color: #ede0cc;
    opacity: 0.5;
}

.icon-thumbsdown-hover .path3:before {
    content: "\ea46";
    margin-left: -1em;
    color: #1f1c17;
}

.icon-thumbsup-hover .path1:before {
    content: "\ea47";
    color: #c5a25d;
}

.icon-thumbsup-hover .path2:before {
    content: "\ea48";
    margin-left: -1em;
    color: #ede0cc;
    opacity: 0.5;
}

.icon-thumbsup-hover .path3:before {
    content: "\ea49";
    margin-left: -1em;
    color: #1f1c17;
}

.icon-bell-slash:before {
    content: "\e978";
}

.icon-archive:before {
    content: "\e979";
}

.icon-beaker:before {
    content: "\e97a";
}

.icon-bell-fill:before {
    content: "\e97b";
}

.icon-bell:before {
    content: "\e97c";
}

.icon-book:before {
    content: "\e97d";
}

.icon-bookmark-fill:before {
    content: "\e97e";
}

.icon-bookmark-slash-fill:before {
    content: "\e97f";
}

.icon-bookmark-slash:before {
    content: "\e980";
}

.icon-bookmark:before {
    content: "\e981";
}

.icon-briefcase:before {
    content: "\e982";
}

.icon-calendar:before {
    content: "\e983";
}

.icon-clippy:before {
    content: "\e984";
}

.icon-clock:before {
    content: "\e985";
}

.icon-credit-card:before {
    content: "\e986";
}

.icon-desktop-device:before {
    content: "\e987";
}

.icon-desktop-download:before {
    content: "\e988";
}

.icon-device-camera-video:before {
    content: "\e989";
}

.icon-device-mobile:before {
    content: "\e98a";
}

.icon-file-media:before {
    content: "\e98b";
}

.icon-fire:before {
    content: "\e98c";
}

.icon-gear:before {
    content: "\e98d";
}

.icon-gift:before {
    content: "\e98e";
}

.icon-globe:before {
    content: "\e98f";
}

.icon-graph:before {
    content: "\e990";
}

.icon-home-fill:before {
    content: "\e991";
}

.icon-home:before {
    content: "\e992";
}

.icon-hourglass:before {
    content: "\e993";
}

.icon-inbox:before {
    content: "\e994";
}

.icon-key:before {
    content: "\e995";
}

.icon-law:before {
    content: "\e996";
}

.icon-lightbulb:before {
    content: "\e997";
}

.icon-location:before {
    content: "\e998";
}

.icon-lock:before {
    content: "\e999";
}

.icon-mail:before {
    content: "\e99a";
}

.icon-megaphone:before {
    content: "\e99b";
}

.icon-meter:before {
    content: "\e99c";
}

.icon-milestone:before {
    content: "\e99d";
}

.icon-mortar-board:before {
    content: "\e99e";
}

.icon-mute:before {
    content: "\e99f";
}

.icon-note:before {
    content: "\e9a0";
}

.icon-paintbrush:before {
    content: "\e9a1";
}

.icon-paper-airplane:before {
    content: "\e9a2";
}

.icon-pencil:before {
    content: "\e9a3";
}

.icon-pin:before {
    content: "\e9a4";
}

.icon-plug:before {
    content: "\e9a5";
}

.icon-project:before {
    content: "\e9a6";
}

.icon-rocket:before {
    content: "\e9a7";
}

.icon-ruby:before {
    content: "\e9a8";
}

.icon-search1:before {
    content: "\e9a9";
}

.icon-stopwatch:before {
    content: "\e9aa";
}

.icon-tag:before {
    content: "\e9ab";
}

.icon-telescope:before {
    content: "\e9ac";
}

.icon-tools:before {
    content: "\e9ad";
}

.icon-trash:before {
    content: "\e9ae";
}

.icon-unlock:before {
    content: "\e9af";
}

.icon-unmute:before {
    content: "\e9b0";
}

.icon-zap:before {
    content: "\e9b1";
}

.icon-HandbagSimple:before {
    content: "\e9ea";
}

.icon-Armchair:before {
    content: "\e9eb";
}

.icon-Bag:before {
    content: "\e9ec";
}

.icon-BagSimple:before {
    content: "\e9ed";
}

.icon-Barcode:before {
    content: "\e9ee";
}

.icon-Buildings:before {
    content: "\e9ef";
}

.icon-Cardholder:before {
    content: "\e9f0";
}

.icon-Coffee:before {
    content: "\e9f1";
}

.icon-Coin:before {
    content: "\e9f2";
}

.icon-CreditCard:before {
    content: "\e9f3";
}

.icon-CurrencyBtc:before {
    content: "\e9f4";
}

.icon-CurrencyCircleDollar:before {
    content: "\e9f5";
}

.icon-CurrencyCny:before {
    content: "\e9f6";
}

.icon-CurrencyDollar:before {
    content: "\e9f7";
}

.icon-CurrencyDollarSimple:before {
    content: "\e9f8";
}

.icon-CurrencyEur:before {
    content: "\e9f9";
}

.icon-CurrencyGbp:before {
    content: "\e9fa";
}

.icon-CurrencyInr:before {
    content: "\e9fb";
}

.icon-CurrencyJpy:before {
    content: "\e9fc";
}

.icon-CurrencyKrw:before {
    content: "\e9fd";
}

.icon-CurrencyRub:before {
    content: "\e9fe";
}

.icon-ForkKnife:before {
    content: "\e9ff";
}

.icon-Gift:before {
    content: "\ea00";
}

.icon-Handbag:before {
    content: "\ea01";
}

.icon-Knife:before {
    content: "\ea02";
}

.icon-Lamp:before {
    content: "\ea03";
}

.icon-Martini:before {
    content: "\ea04";
}

.icon-Money:before {
    content: "\ea05";
}

.icon-Package:before {
    content: "\ea06";
}

.icon-Receipt:before {
    content: "\ea07";
}

.icon-ShoppingBag:before {
    content: "\ea08";
}

.icon-ShoppingBagOpen:before {
    content: "\ea09";
}

.icon-ShoppingCart:before {
    content: "\ea0a";
}

.icon-ShoppingCartSimple:before {
    content: "\ea0b";
}

.icon-Storefront:before {
    content: "\ea0c";
}

.icon-Tag:before {
    content: "\ea0d";
}

.icon-TagChevron:before {
    content: "\ea0e";
}

.icon-TagSimple:before {
    content: "\ea0f";
}

.icon-Ticket:before {
    content: "\ea10";
}

.icon-Tote:before {
    content: "\ea11";
}

.icon-ToteSimple:before {
    content: "\ea12";
}

.icon-TShirt:before {
    content: "\ea13";
}

.icon-Wallet:before {
    content: "\ea14";
}

.icon-Asterisk:before {
    content: "\ea15";
}

.icon-At:before {
    content: "\ea16";
}

.icon-Broadcast:before {
    content: "\ea17";
}

.icon-Chat:before {
    content: "\ea18";
}

.icon-ChatCentered:before {
    content: "\ea19";
}

.icon-ChatCenteredDots:before {
    content: "\ea1a";
}

.icon-ChatCenteredText:before {
    content: "\ea1b";
}

.icon-ChatCircle:before {
    content: "\ea1c";
}

.icon-ChatCircleDots:before {
    content: "\ea1d";
}

.icon-ChatCircleText:before {
    content: "\ea1e";
}

.icon-ChatDots:before {
    content: "\ea1f";
}

.icon-Chats:before {
    content: "\ea20";
}

.icon-ChatsCircle:before {
    content: "\ea21";
}

.icon-ChatsTeardrop:before {
    content: "\ea22";
}

.icon-ChatTeardrop:before {
    content: "\ea23";
}

.icon-ChatTeardropDots:before {
    content: "\ea24";
}

.icon-ChatTeardropText:before {
    content: "\ea25";
}

.icon-ChatText:before {
    content: "\ea26";
}

.icon-Envelope:before {
    content: "\ea27";
}

.icon-EnvelopeOpen:before {
    content: "\ea28";
}

.icon-EnvelopeSimple:before {
    content: "\ea29";
}

.icon-EnvelopeSimpleOpen:before {
    content: "\ea2a";
}

.icon-Hash:before {
    content: "\ea2b";
}

.icon-HashStraight:before {
    content: "\ea2c";
}

.icon-Megaphone:before {
    content: "\ea2d";
}

.icon-MegaphoneSimple:before {
    content: "\ea2e";
}

.icon-PaperPlane:before {
    content: "\ea2f";
}

.icon-PaperPlaneRight:before {
    content: "\ea30";
}

.icon-PaperPlaneTilt:before {
    content: "\ea31";
}

.icon-Peace:before {
    content: "\ea32";
}

.icon-Phone:before {
    content: "\ea33";
}

.icon-PhoneCall:before {
    content: "\ea34";
}

.icon-PhoneDisconnect:before {
    content: "\ea35";
}

.icon-PhoneIncoming:before {
    content: "\ea36";
}

.icon-PhoneOutgoing:before {
    content: "\ea37";
}

.icon-PhoneSlash:before {
    content: "\ea38";
}

.icon-PhoneX:before {
    content: "\ea39";
}

.icon-Quotes:before {
    content: "\ea3a";
}

.icon-Rss:before {
    content: "\ea3b";
}

.icon-RssSimple:before {
    content: "\ea3c";
}

.icon-Share:before {
    content: "\ea3d";
}

.icon-ShareNetwork:before {
    content: "\ea3e";
}

.icon-Sticker:before {
    content: "\ea3f";
}

.icon-ThumbsDown:before {
    content: "\ea40";
}

.icon-ThumbsUp:before {
    content: "\ea41";
}

.icon-Translate:before {
    content: "\ea42";
}

.icon-Voicemail:before {
    content: "\ea43";
}

.icon-YoutubeLogo:before {
    content: "\e9b2";
}

.icon-AndroidLogo:before {
    content: "\e9b3";
}

.icon-AppleLogo:before {
    content: "\e9b4";
}

.icon-DiscordLogo:before {
    content: "\e9b5";
}

.icon-DribbbleLogo:before {
    content: "\e9b6";
}

.icon-FacebookLogo:before {
    content: "\e9b7";
}

.icon-FigmaLogo:before {
    content: "\e9b8";
}

.icon-FramerLogo:before {
    content: "\e9b9";
}

.icon-GithubLogo:before {
    content: "\e9ba";
}

.icon-GoogleLogo:before {
    content: "\e9bb";
}

.icon-GooglePlayLogo:before {
    content: "\e9bc";
}

.icon-InstagramLogo:before {
    content: "\e9bd";
}

.icon-LinkedinLogo:before {
    content: "\e9be";
}

.icon-MediumLogo:before {
    content: "\e9bf";
}

.icon-NyTimesLogo:before {
    content: "\e9c0";
}

.icon-PhosphorLogo:before {
    content: "\e9c1";
}

.icon-PinterestLogo:before {
    content: "\e9c2";
}

.icon-RedditLogo:before {
    content: "\e9c3";
}

.icon-SketchLogo:before {
    content: "\e9c4";
}

.icon-SlackLogo:before {
    content: "\e9c5";
}

.icon-SnapchatLogo:before {
    content: "\e9c6";
}

.icon-SpotifyLogo:before {
    content: "\e9c7";
}

.icon-TelegramLogo:before {
    content: "\e9c8";
}

.icon-TwitchLogo:before {
    content: "\e9c9";
}

.icon-TwitterLogo:before {
    content: "\e9ca";
}

.icon-WhatsappLogo:before {
    content: "\e9cb";
}
/*purgecss start ignore*/

.spinning {
    transform-origin: 50% 50%;
    animation: spinning-right 1s linear infinite;
}

@keyframes spinning-right {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    transform: translateZ(0);
}

.slick-track.slick-center{
    margin-left: auto;
    margin-right: auto;
}

.slick-track[data-v-e4caeaf8]:after,
.slick-track[data-v-e4caeaf8]:before {
    display: table;
    content: "";
}

.slick-track[data-v-e4caeaf8]:after {
    clear: both;
}

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

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

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

.slick-slide img{
    display: block;
}

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

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

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

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

.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden[data-v-21137603] {
    display: none;
}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    transform: translateZ(0);
}

.slick-list[data-v-3d1a4f76]:focus {
    outline: none;
}

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

/*purgecss end ignore*/
/*purgecss start ignore*/

@charset "UTF-8";

@font-face {
    font-family: "slick";

    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA0AAAAAB2wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE0AAAABoAAAAcdIcYB0dERUYAAAS0AAAAHAAAAB4AJwANT1MvMgAAAZwAAABRAAAAYFAQ/45jbWFwAAACAAAAAFcAAAFiIhFFt2dhc3AAAASsAAAACAAAAAj//wADZ2x5ZgAAAmgAAAE1AAACLD+btmBoZWFkAAABMAAAAC8AAAA2AAEx+2hoZWEAAAFgAAAAHAAAACQD5QIFaG10eAAAAfAAAAAQAAAAFgZKAEpsb2NhAAACWAAAABAAAAAQATYBoG1heHAAAAF8AAAAHQAAACAASwBHbmFtZQAAA6AAAADcAAABbgUngcJwb3N0AAAEfAAAAC4AAABFOXjBpHjaY2BkYGAA4vMGfuHx/DZfGbiZGEDgfGFFPZxWZVBlvM14G8jlYABLAwAT1QnNAHjaY2BkYGC8zcDAoMfEAAJANiMDKmABADBkAe942mNgZGBgYGdwYWBiAAEQycgAEnMA8xkACcgAkwAAAHjaY2BmYmCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjKAQQNQCZBSYICCgDTXFAYHhkTFSYwP/j9g0GO8/f82A0QNA+NtsBIFBkYANHMN4wAAAHjaY2KAACYIVoVAAALCAJt42mNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkMzAkKigpTlCc9P8/WB0S7/+i+4/uld4rgZoAB4xsDHAhRiYgwcSApoCBcsBMBTNYGGgGAEdEDyUAAAAAAAAAAAAAZgCKANABFnjadZBdToNAEMd3CrtAl5TQLtS0LCoN0A8SGkBI+mAfPET75B1896HppfQcvnII4w3cLYpW6k4ymdn9z8xvBwEKUQg11OgBIXAYWUEQR1uIZoFGpLGxKy3PqrIq8+waXIfJ+5mQSSvkvXwRqqocu1D39QMl2JgvN9zzhsyk1GRDz+OBfzMioCqx0rtdLYo0SiZTZttsOkmidBkveKibFF4Oep9SI46bqk3Twhp4iihUemrMWFPy2NRbthfqKkHi/PxlJLITZdAiSj6ouZ+tn9eZz78DuD9LZYB6bZ8rlCAUVuVdkULjxV4sIEysIc/KSyPmnJDdjhCOdQ0fCTliTX/tjH3ysWao+71qaNjHQjcQwrcuyl+WLZQthCMotJP/h+Xjazz+hfTeRWmG4zOiSyif/q1OtAAAAHjabY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV42mNgYkAGjAzogB0sysTgwtDOyMTIzJlYVJRfnpOaVsIFZhVlpmeUAABuKQkSAAAAAAAB//8AAnjaY2BkYGDgAWIxIGZiYARCNiBmAfMYAAPgADV42mNgYGBkAIKrS9Q5QPT5wop6GA0APf8GGAAA)
        format("woff");
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none;
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}

.slick-dots li,
.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: #000;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width 0.1s, opacity 0.4s;
    background-color: #000;
    z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
    transition: none;
}
.nuxt-progress-failed {
    background-color: red;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.announcement {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgba(31, 28, 23, var(--tw-bg-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
    height: var(--promo-height);
}
.announcement__link:after {
    display: block;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(254, 251, 244, var(--tw-border-opacity));
    content: "";
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-top: -3px;
}
.announcement__link.is-active:after,
.announcement__link:hover:after {
    transform: scaleX(1);
}
.announcement__content {
    height: 88vh;
}
@media (min-width: 1024px) {
    .announcement__content {
        height: 80vh;
    }
}
.fade-enter-active,
.fade-leave-active {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
}
.fade-enter,
.fade-leave-to {
    opacity: 0;
}

.main-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    z-index: 50;
    height: var(--menu-height);
    border-bottom-width: 0.5px;
}
.main-menu__left {
    flex: 1 1 0%;
}
.main-menu__left > div > * {
    margin-right: 2rem;
}
.main-menu__right {
    flex: 1 1 0%;
}
.main-menu__right > div > * {
    margin-left: 2rem;
}
.main-menu .nav-link {
    white-space: nowrap;
    color: #2b2b2b;
    text-transform: uppercase;
    font-size: 13px;
}
.main-menu .nav-link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.main-menu .nav-link:after {
    display: block;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(31, 28, 23, var(--tw-border-opacity));
    content: "";
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-top: -3px;
}
.main-menu .nav-link.is-active:after,
.main-menu .nav-link:hover:after {
    transform: scaleX(1);
}
.main-menu .nav-lang {
    text-transform: uppercase;
    line-height: 1.375;
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}
.main-menu .nav-lang:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.main-menu .nav-lang:after {
    display: block;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(31, 28, 23, var(--tw-border-opacity));
    content: "";
    margin-top: -3px;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.fade-enter-active[data-v-723ad961],
.fade-leave-active[data-v-723ad961] {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
}
.fade-enter[data-v-723ad961],
.fade-leave-to[data-v-723ad961] {
    opacity: 0;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.fade-enter-active,
.fade-leave-active {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
}
.fade-enter,
.fade-leave-to {
    opacity: 0;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.menu-title[data-v-ea0f6604]:after {
    display: block;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(31, 28, 23, var(--tw-border-opacity));
    content: "";
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-top: -3px;
}
.menu-title.active[data-v-ea0f6604]:after {
    transform: scaleX(1);
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.fade-enter-active,
.fade-leave-active {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
}
.fade-enter,
.fade-leave-to {
    opacity: 0;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.search-mobile[data-v-47bec56c] {
    height: 100%;
    width: 100%;
    pointer-events: none;
    transition-duration: 0.6s;
}
.search-mobile__overlay[data-v-47bec56c] {
    position: fixed;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.75;
    pointer-events: all;
}
.search-mobile-enter-active .search-mobile__overlay[data-v-47bec56c],
.search-mobile-leave-active .search-mobile__overlay[data-v-47bec56c] {
    transition: opacity 0.6s ease-in;
}
.search-mobile-enter-active .search-mobile__wrap[data-v-47bec56c],
.search-mobile-leave-active .search-mobile__wrap[data-v-47bec56c] {
    transition: transform 0.6s cubic-bezier(0, 0, 0.2, 1);
}
.search-mobile-enter .search-mobile__wrap[data-v-47bec56c],
.search-mobile-leave-to .search-mobile__wrap[data-v-47bec56c] {
    transform: translateX(100%);
}
.search-mobile-enter .search-mobile__overlay[data-v-47bec56c],
.search-mobile-leave-to .search-mobile__overlay[data-v-47bec56c] {
    opacity: 0;
}
.search-mobile[data-v-47bec56c],
.search-mobile__wrap[data-v-47bec56c] {
    position: fixed;
    top: 0rem;
    right: 0rem;
    height: 0rem;
    width: 0rem;
    overflow: hidden;
}
.search-mobile[data-v-47bec56c],
.search-mobile__wrap[data-v-47bec56c] {
    z-index: 150;
}
.search-mobile__wrap[data-v-47bec56c] {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
    pointer-events: all;
}
.search-mobile__topbar[data-v-47bec56c] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(237, 224, 204, var(--tw-border-opacity));
    padding: 1.25rem;
    z-index: 20;
}
.search-mobile__topbar__close[data-v-47bec56c] {
    outline: none;
    border: none;
    padding: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.5s ease;
}
.search-mobile__topbar__close[data-v-47bec56c]:hover {
    transform: rotate(90deg);
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.header-dropdown__item[data-v-f52ab88a] {
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
    font-family: Nunito;
    font-weight: 700;
    line-height: 1.375rem;
    padding: 1.375rem 2.75rem 1.375rem 1.375rem;
}
.header-dropdown__item-active[data-v-f52ab88a] {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 28, 23, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}
.header-dropdown__item-link[data-v-f52ab88a]:hover {
    background: #f3ede3;
}
.header-dropdown__icon[data-v-f52ab88a] {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    line-height: 1;
    padding-right: 1.5rem;
}
@media (min-width: 1280px) {
    .header-dropdown > .header-dropdown__sort.sort[data-v-f52ab88a] {
        top: calc(100% + 2.0625rem);
        border: 1px solid #ede0cc;
        box-sizing: border-box;
        box-shadow: 0 1px 21px rgba(229, 184, 96, 0.25);
    }
    .header-dropdown__item[data-v-f52ab88a] {
        width: 29.6875rem;
        height: 4.6875rem;
        padding: 1.4375rem 6.125rem 1.375rem 3.25rem;
    }
    .header-dropdown__icon[data-v-f52ab88a] {
        padding-right: 1.0625rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
input[type="date"][data-v-728364e6]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
input::-webkit-date-and-time-value {
    text-align: left;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.cart-enter-active[data-v-7057c1a8],
.cart-leave-active[data-v-7057c1a8] {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.cart-leave-active[data-v-7057c1a8] {
    position: absolute;
}
.cart-enter[data-v-7057c1a8],
.cart-leave-to[data-v-7057c1a8] {
    opacity: 0;
}
.cart-enter[data-v-7057c1a8],
.cart-leave-to[data-v-7057c1a8] {
    transform: translateX(100%);
}
.cart-item[data-v-7057c1a8],
.cart-move[data-v-7057c1a8] {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.shopping-cart[data-v-7057c1a8] {
    height: 100%;
    width: 100%;
    pointer-events: none;
    transition-duration: 0.6s;
}
.shopping-cart__overlay[data-v-7057c1a8] {
    position: fixed;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.75;
    pointer-events: all;
}
.shopping-cart-enter-active .shopping-cart__overlay[data-v-7057c1a8],
.shopping-cart-leave-active .shopping-cart__overlay[data-v-7057c1a8] {
    transition: opacity 0.6s ease-in;
}
.shopping-cart-enter-active .shopping-cart__wrap[data-v-7057c1a8],
.shopping-cart-leave-active .shopping-cart__wrap[data-v-7057c1a8] {
    transition: transform 0.6s cubic-bezier(0, 0, 0.2, 1);
}
.shopping-cart-enter .shopping-cart__wrap[data-v-7057c1a8],
.shopping-cart-leave-to .shopping-cart__wrap[data-v-7057c1a8] {
    transform: translateX(100%);
}
.shopping-cart-enter .shopping-cart__overlay[data-v-7057c1a8],
.shopping-cart-leave-to .shopping-cart__overlay[data-v-7057c1a8] {
    opacity: 0;
}
.shopping-cart[data-v-7057c1a8],
.shopping-cart__wrap[data-v-7057c1a8] {
    position: fixed;
    top: 0rem;
    right: 0rem;
    height: 0rem;
    width: 0rem;
    overflow: hidden;
}
.shopping-cart[data-v-7057c1a8],
.shopping-cart__wrap[data-v-7057c1a8] {
    z-index: 150;
}
.shopping-cart__wrap[data-v-7057c1a8] {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
    pointer-events: all;
}
.shopping-cart__topbar[data-v-7057c1a8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(237, 224, 204, var(--tw-border-opacity));
    padding: 1.25rem;
    z-index: 20;
}
.shopping-cart__topbar__cart-info[data-v-7057c1a8] {
    display: flex;
    align-items: center;
    line-height: 1.375;
}
.shopping-cart__topbar__close[data-v-7057c1a8] {
    outline: none;
    border: none;
    padding: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.5s ease;
}
.shopping-cart__topbar__close[data-v-7057c1a8]:hover {
    transform: rotate(90deg);
}
.shopping-cart__main[data-v-7057c1a8] {
    overflow-y: auto;
    overflow-x: hidden;
}
.shopping-cart__main[data-v-7057c1a8]::-webkit-scrollbar {
    display: none;
}
.shopping-cart__main[data-v-7057c1a8] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.shopping-cart .cart-product-list[data-v-7057c1a8] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.shopping-cart__footer[data-v-7057c1a8] {
    width: 100%;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(237, 224, 204, var(--tw-border-opacity));
    border-color: #e4d1b4;
    margin-top: auto;
}
.shopping-cart__footer__main[data-v-7057c1a8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: rgba(31, 28, 23, var(--tw-bg-opacity));
    padding: 1.25rem;
}
.shopping-cart__footer__main .totals[data-v-7057c1a8] {
    display: flex;
    flex-direction: column;
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
}
.shopping-cart__footer__main .totals__label[data-v-7057c1a8] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
}
.shopping-cart__footer__main .totals__value[data-v-7057c1a8] {
    font-family: Barlow Semi Condensed;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    line-height: 2rem;
}
.shopping-cart .cart-button[data-v-7057c1a8] {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(237, 224, 204, var(--tw-border-opacity));
    background-color: transparent;
    font-family: Barlow Semi Condensed;
    --tw-text-opacity: 1;
    color: rgba(254, 251, 244, var(--tw-text-opacity));
    width: 10rem;
}
.shopping-cart .cart-button[data-v-7057c1a8]:hover {
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgba(197, 162, 93, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}
.shopping-cart .cart-button:hover .button__text[data-v-7057c1a8] {
    transform: none;
}
@media (min-width: 1024px) {
    .shopping-cart__wrap[data-v-7057c1a8] {
        width: 41.4375rem;
    }
    .shopping-cart__topbar[data-v-7057c1a8] {
        padding: 1.6875rem 2.65625rem;
    }
    .shopping-cart__topbar__cart-info[data-v-7057c1a8] {
        padding-left: 0.1875rem;
    }
    .shopping-cart .cart-product-list[data-v-7057c1a8] {
        padding: 0 2.25rem;
    }
    .shopping-cart__footer[data-v-7057c1a8] {
        width: 100%;
        border-top-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(237, 224, 204, var(--tw-border-opacity));
        border-color: #e4d1b4;
        margin-top: auto;
    }
    .shopping-cart__footer__main[data-v-7057c1a8] {
        padding: 1.3125rem 2.8125rem;
    }
    .shopping-cart__footer__main .totals__label[data-v-7057c1a8] {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: 1.75rem;
    }
    .shopping-cart__footer__main .totals__value[data-v-7057c1a8] {
        font-family: Barlow Semi Condensed;
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 500;
        line-height: 2.25rem;
    }
    .shopping-cart .cart-button[data-v-7057c1a8] {
        font-size: 1.375rem;
        line-height: 1rem;
        height: 4.375rem;
        width: 12.5rem;
    }
}
.anim2[data-v-7057c1a8] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 5px solid #cd9a54;
    border-left-color: transparent;
    animation-name: spin-data-v-7057c1a8;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin-data-v-7057c1a8 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.container[data-v-6a46355c] {
    display: flex;
    flex-direction: column;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-top: 1.75rem;
    padding-bottom: 1.5rem;
    width: calc(100vw - 2.5rem);
}
@media (min-width: 1024px) {
    .container[data-v-6a46355c] {
        padding-left: 2.8125rem;
        padding-right: 2.8125rem;
        padding-top: 2.1875rem;
        padding-bottom: 2.1875rem;
        width: 31rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.modal__backdrop[data-v-2baca3cc] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    z-index: 50;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
}
.modal__backdrop .modal__content[data-v-2baca3cc] {
    box-shadow: 0 1px 21px rgba(229, 184, 96, 0.25);
}
.modal__backdrop .modal__content .modal__close[data-v-2baca3cc] {
    top: 1.875rem;
    right: 1.875rem;
    width: 1.5rem;
    height: 1.5rem;
}
.modal-fade-enter[data-v-2baca3cc],
.modal-fade-leave-to[data-v-2baca3cc] {
    opacity: 0;
}
.modal-fade-enter-active[data-v-2baca3cc],
.modal-fade-leave-active[data-v-2baca3cc] {
    transition: opacity 0.3s ease;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.contact-dialog[data-v-2d7ae494] {
    padding-top: 2.625rem;
    padding-bottom: 2.375rem;
    width: calc(100vw - 2.5rem);
}
@media (min-width: 1024px) {
    .contact-dialog[data-v-2d7ae494] {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        width: 41.25rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.marquee_home[data-v-b611523a] {
    padding-top: 1.75rem;
    padding-bottom: 2.5rem;
}
.image-slider[data-v-b611523a] {
    padding-top: 0.625rem;
}
@media (min-width: 1024px) {
    .image-slider[data-v-b611523a] {
        padding-top: 8.625rem;
        padding-bottom: 10.9375rem;
    }
}
@media (min-width: 1536px) {
    .marquee_home[data-v-b611523a] {
        padding-top: 2.875rem;
        padding-bottom: 4rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.hero-slide[data-v-669d355c] {
    min-height: 51.5625rem;
}
@media (min-width: 1024px) {
    .hero-slide[data-v-669d355c] {
        height: calc(100vh - var(--promo-height) - var(--menu-height));
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.text-block[data-v-fe1e8f7a] {
    width: 100%;
}
.image-block[data-v-fe1e8f7a] {
    width: 100vw;
    height: 100vw;
    aspect-ratio: 1;
}
.image-block video[data-v-fe1e8f7a] {
    width: 100%;
    height: 100%;
}
.text-box[data-v-fe1e8f7a] {
    width: 100%;
}
.text-box .subtitle[data-v-fe1e8f7a] {
    font-size: 1.625rem;
}
.text-box .subtitle[data-v-fe1e8f7a],
.text-box .title[data-v-fe1e8f7a] {
    line-height: 1.025;
}
.text-box .title[data-v-fe1e8f7a] {
    font-size: 2.375rem;
}
@media (min-width: 1024px) {
    .image-block[data-v-fe1e8f7a],
    .text-block[data-v-fe1e8f7a] {
        width: 50%;
        height: 100%;
    }
    .text-box[data-v-fe1e8f7a] {
        width: 36.25rem;
    }
    .text-box .subtitle[data-v-fe1e8f7a] {
        font-size: 2rem;
    }
    .text-box .subtitle[data-v-fe1e8f7a],
    .text-box .title[data-v-fe1e8f7a] {
        line-height: 1.025;
    }
    .text-box .title[data-v-fe1e8f7a] {
        font-size: 3.625rem;
    }
}
@media (min-width: 1280px) {
    .text-box[data-v-fe1e8f7a] {
        width: 36.25rem;
    }
    .text-box .subtitle[data-v-fe1e8f7a] {
        font-size: 2.25rem;
    }
    .text-box .title[data-v-fe1e8f7a] {
        font-size: 4.25rem;
        line-height: 1.025;
    }
}
@media (min-width: 1536px) {
    .text-box[data-v-fe1e8f7a] {
        width: 36.25rem;
    }
    .text-box .subtitle[data-v-fe1e8f7a] {
        font-size: 2.625rem;
    }
    .text-box .title[data-v-fe1e8f7a] {
        font-size: 4.875rem;
        line-height: 1.025;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.dots[data-v-de99e988] {
    border-radius: 9999px;
    width: 0.375rem;
    height: 0.375rem;
}
.dots.white[data-v-de99e988] {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 251, 244, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.3;
}
.dots.white.active[data-v-de99e988] {
    --tw-bg-opacity: 1;
}
.dots.yellow[data-v-de99e988] {
    --tw-bg-opacity: 1;
    background-color: rgba(197, 162, 93, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.3;
}
.dots.yellow.active[data-v-de99e988] {
    --tw-bg-opacity: 1;
}
@media (min-width: 1024px) {
    .dots[data-v-de99e988] {
        height: 0.625rem;
        width: 0.625rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.slider-prev-button[data-v-0e2a6b10] {
    position: absolute;
    top: 50%;
    left: 0rem;
    margin-top: -2.1875rem;
    width: 4.375rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.slide-right-enter-active[data-v-0e2a6b10],
.slide-right-leave-active[data-v-0e2a6b10] {
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: left, opacity;
    left: -4.375rem;
    opacity: 0;
}
.slide-right-enter[data-v-0e2a6b10],
.slide-right-leave-to[data-v-0e2a6b10] {
    left: -4.375rem;
    opacity: 0;
}
.slide-right-enter-to[data-v-0e2a6b10],
.slide-right-leave[data-v-0e2a6b10] {
    left: 0;
    opacity: 1;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.button__icon {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button.translate__left:hover .button__icon {
    --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;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
        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-translate-x: -0.9375rem;
}
.button.translate__right:hover .button__icon {
    --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;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
        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-translate-x: 0.9375rem;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.slider-next-button[data-v-346a2093] {
    position: absolute;
    top: 50%;
    right: 0rem;
    margin-top: -2.1875rem;
    width: 4.375rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.slide-left-enter-active[data-v-346a2093],
.slide-left-leave-active[data-v-346a2093] {
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: right, opacity;
    right: -4.375rem;
    opacity: 0;
}
.slide-left-enter[data-v-346a2093],
.slide-left-leave-to[data-v-346a2093] {
    right: -4.375rem;
    opacity: 0;
}
.slide-left-enter-to[data-v-346a2093],
.slide-left-leave[data-v-346a2093] {
    right: 0;
    opacity: 1;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.left-text-box[data-v-76c399a2] {
    position: absolute;
    width: 21.5625rem;
    left: 6.23%;
    top: 6.43%;
}
.right-text-box[data-v-76c399a2] {
    position: absolute;
    width: 18rem;
    right: 6.67%;
    bottom: 25.81%;
}
.abs-image[data-v-76c399a2] {
    position: absolute;
    width: 100%;
}
@media (min-width: 1536px) {
    .left-text-box[data-v-76c399a2] {
        position: absolute;
        width: 21.5625rem;
        left: 13.23%;
        top: 16.43%;
    }
    .right-text-box[data-v-76c399a2] {
        position: absolute;
        width: 18rem;
        right: 11.67%;
        bottom: 25.81%;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.brand-box[data-v-35382896] {
    padding-top: 4.75rem;
    padding-bottom: 4.625rem;
}
.brand-box .textbox__heading[data-v-35382896] {
    font-size: 2rem;
    line-height: 1.125;
}
.brand-box .textbox__description[data-v-35382896] {
    font-size: 1rem;
    line-height: 1.375;
    max-width: 34.1875rem;
    min-width: 15.1875rem;
    padding: 0 2.875rem;
}
.brand-box .textbox__certifications[data-v-35382896] {
    padding: 0 3.125rem;
}
.brand-box .textbox__certifications > li[data-v-35382896] {
    margin-right: 0.665rem;
    margin-top: 0.665rem;
}
.brand-box .textbox__certifications > li > img[data-v-35382896] {
    width: 3.546875rem;
    height: 3.546875rem;
}
@media (min-width: 1024px) {
    .brand-box[data-v-35382896] {
        background-image: url(/_nuxt/img/bg-brand.cf39014.jpg);
        background-size: cover;
        padding-top: 5.8125rem;
        padding-bottom: 5.75rem;
    }
    .brand-box .textbox__heading[data-v-35382896] {
        font-size: 4.5rem;
    }
    .brand-box .textbox__description[data-v-35382896] {
        font-size: 1.5rem;
        line-height: 1.364167;
        padding: 0;
    }
    .brand-box .textbox__certifications > li[data-v-35382896] {
        margin-right: 0.75rem;
    }
    .brand-box .textbox__certifications > li > img[data-v-35382896] {
        width: 6.1875rem;
        height: 6.1875rem;
    }
}
@media (min-width: 1536px) {
    .brand-box[data-v-35382896] {
        background-image: url(/_nuxt/img/bg-brand.cf39014.jpg);
        background-size: cover;
        padding-top: 5.8125rem;
        padding-bottom: 5.75rem;
    }
    .brand-box .textbox__heading[data-v-35382896] {
        font-size: 4.5rem;
    }
    .brand-box .textbox__description[data-v-35382896] {
        font-size: 1.5rem;
        line-height: 1.364167;
        padding: 0;
    }
    .brand-box .textbox__certifications > li[data-v-35382896] {
        margin-right: 0.75rem;
    }
    .brand-box .textbox__certifications > li > img[data-v-35382896] {
        width: 6.1875rem;
        height: 6.1875rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.marquee__children[data-v-05d9066f] {
    width: -moz-fit-content;
    width: fit-content;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
h4.title[data-v-22f6a769] {
    letter-spacing: 0.05rem;
    margin-bottom: 2rem;
}
@media (min-width: 1024px) {
    h4.title[data-v-22f6a769] {
        font-size: 1.75rem;
        margin-bottom: 4rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.cert-box[data-v-28e54ce9] {
    max-width: 27.75rem;
    padding: 0 2.625rem;
    margin: auto;
}
.cert-box__image[data-v-28e54ce9] {
    height: 12.5rem;
    width: 12.5rem;
}
.cert-box__title[data-v-28e54ce9] {
    font-size: 1.75rem;
    line-height: 2.25rem;
}
.cert-box__subtitle[data-v-28e54ce9] {
    margin-top: 1.4375rem;
    font-size: 0.875rem;
    line-height: 1.05rem;
}
.cert-box__description[data-v-28e54ce9] {
    margin-top: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.19375rem;
    min-height: 7.875rem;
}
.cert-box__button[data-v-28e54ce9] {
    margin-top: 1.875rem;
    height: 1.25rem;
    width: 5.625rem;
    padding: 0rem;
    font-size: 1.125rem;
}
@media (min-width: 1024px) {
    .cert-box[data-v-28e54ce9] {
        padding: 0;
    }
    .cert-box__image[data-v-28e54ce9] {
        width: 14.375rem;
        height: 14.375rem;
    }
    .cert-box__title[data-v-28e54ce9] {
        font-size: 2.25rem;
        line-height: 2.25rem;
    }
    .cert-box__subtitle[data-v-28e54ce9] {
        margin-top: 1.4375rem;
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
    .cert-box__description[data-v-28e54ce9] {
        margin-top: 1.4375rem;
        font-size: 1rem;
        line-height: 1.5rem;
        min-height: 6rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.slide-item[data-v-1e747168] {
    text-align: center;
}
.slide-item > img[data-v-1e747168] {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.vue-aspect-ratio__inner{
    position: relative;
}
.vue-aspect-ratio__content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
@media (min-width: 1024px) {
    .content-box[data-v-1e1dee7e] {
        max-width: 33.875rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.best-seller-content-box h3[data-v-7a5b101b] {
    font-size: 2rem;
    line-height: 2.8125rem;
}
.best-seller-content-box h3 > span[data-v-7a5b101b] {
    text-transform: uppercase;
}
@media (min-width: 1280px) {
    .best-seller-content-box h3[data-v-7a5b101b] {
        font-size: 5rem;
        line-height: 4.5rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.slide-item{
    /* ! Chinh de khong bi giat dots cua siled */
    display: block !important;
}
.slide-pagination{
    position: relative;
}
.slide-pagination__list{
    position: relative;
    margin: 0rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    display: flex;
    padding: 0rem;
}
@media (min-width: 1024px) {
    .slide-pagination__list{
        margin-right: 2.5rem;
        margin-left: 0rem;
    }
}
@media (min-width: 1536px) {
    .slide-pagination__list{
        margin-right: 6.875rem;
    }
}
.slide-pagination__list{
    height: 0.125rem;
    list-style-type: none;
}
.slide-pagination__bar{
    position: absolute;
    margin: 0rem;
    padding: 0rem;
    height: 0.125rem;
    transition: left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slide-pagination__dark{
    --tw-bg-opacity: 1;
    background-color: rgba(237, 224, 204, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.75;
}
.slide-pagination__dark .slide-pagination__bar{
    --tw-bg-opacity: 1;
    background-color: rgba(31, 28, 23, var(--tw-bg-opacity));
}
.product-card{
    display: flex;
    flex-direction: column;
}
.product-card__info{
    display: flex;
    flex: 1 1 0%;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}
.product-card__info .left{
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: space-between;
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
    line-height: 1.375rem;
}
.product-card__info .left__top{
    font-family: Nunito;
    font-weight: 600;
}
.product-card__info .left__top > h4{
    --tw-text-opacity: 1;
    color: rgba(31, 28, 23, var(--tw-text-opacity));
}
.product-card__info .left__top > p{
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.375rem;
    line-height: 1rem;
}
.product-card__info .left__bottom{
    font-family: Barlow;
    margin-top: 1rem;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.card{
    height: 38rem;
    max-height: 100%;
    width: 100%;
    text-align: center;
}
.card__front{
    height: 100%;
    width: 100%;
}
.card__back{
    max-width: 100%;
    height: 100%;
    width: 100%;
}
.card-wrapper{
    display: inline-block;
    perspective: 1000px;
}
.card-wrapper .card{
    position: relative;
    cursor: pointer;
    transition-duration: 0.6s;
    transition-timing-function: ease-in-out;
    transform-style: preserve-3d;
}
.card-wrapper .card__back[data-v-a0363ab0],
.card-wrapper .card__front{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform: rotateX(0deg);
}
.card-wrapper .card__front{
    z-index: 1;
}
.card-wrapper.dissolve .card__front{
    opacity: 1;
}
.card-wrapper.dissolve .card__back[data-v-a0363ab0],
.card-wrapper.dissolve .card__front{
    transition-duration: 0.6s;
}
.card-wrapper.dissolve .card__back{
    opacity: 0;
}
.card-wrapper.dissolve:hover .card__front{
    opacity: 0;
}
.card-wrapper.dissolve:hover .card__back{
    opacity: 1;
}
.card-wrapper.flip-right .card__back{
    transform: rotateY(180deg);
}
.card-wrapper.flip-right:hover .card{
    transform: rotateY(180deg);
}
.card-wrapper.flip-left .card__back{
    transform: rotateY(-180deg);
}
.card-wrapper.flip-left:hover .card{
    transform: rotateY(-180deg);
}
.card-wrapper.flip-up .card__back{
    transform: rotateX(180deg);
}
.card-wrapper.flip-up:hover .card{
    transform: rotateX(180deg);
}
.card-wrapper.flip-down .card__back{
    transform: rotateX(-180deg);
}
.card-wrapper.flip-down:hover .card{
    transform: rotateX(-180deg);
}
.card-wrapper.flip-diagonal-right .card__back{
    transform: rotate3d(1, 1, 0, 180deg);
}
.card-wrapper.flip-diagonal-right:hover .card{
    transform: rotate3d(1, 1, 0, 180deg);
}
.card-wrapper.flip-diagonal-left .card__back{
    transform: rotate3d(1, 1, 0, -180deg);
}
.card-wrapper.flip-diagonal-left:hover .card{
    transform: rotate3d(1, 1, 0, -180deg);
}
.card-wrapper.flip-inverted-diagonal-right .card__back{
    transform: rotate3d(-1, 1, 0, 180deg);
}
.card-wrapper.flip-inverted-diagonal-right:hover .card{
    transform: rotate3d(-1, 1, 0, 180deg);
}
.card-wrapper.flip-inverted-diagonal-left .card__back{
    transform: rotate3d(1, -1, 0, 180deg);
}
.card-wrapper.flip-inverted-diagonal-left:hover .card{
    transform: rotate3d(1, -1, 0, 180deg);
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.front-card[data-v-bff8a75e] {
    position: relative;
    height: 100%;
}
.front-card__badge[data-v-bff8a75e] {
    width: 5.9375rem;
    height: 5.9375rem;
    position: absolute;
    top: 1.25rem;
    display: none;
    flex-direction: column;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgba(197, 162, 93, var(--tw-bg-opacity));
}
@media (min-width: 1024px) {
    .front-card__badge[data-v-bff8a75e] {
        right: 1.25rem;
        display: flex;
    }
}
.front-card__badge[data-v-bff8a75e] {
    border-radius: 9999px;
    text-align: center;
    font-family: Vollkorn;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgba(252, 251, 248, var(--tw-text-opacity));
    line-height: 1.48rem;
    font-size: 1.0625rem;
}
.front-card__badge span[data-v-bff8a75e] {
    display: inline-block;
    font-family: Barlow Semi Condensed;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    line-height: 1.275rem;
}
.front-card__badge[data-v-bff8a75e] {
    padding: 0 0.3125rem;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.slide-item[data-v-069ad4e4] {
    text-align: center;
}
.slide-item > img[data-v-069ad4e4] {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
@media (min-width: 1024px) {
    #story-slider .slick-slider {
        padding-left: 2.5rem;
    }
    #story-slider .slick-list {
        overflow: visible;
    }
    #story-slider .slick-slide > div {
        margin-left: 1.875rem;
    }
    #story-slider .slide-pagination__list {
        margin-right: 0rem;
        margin-left: 2.5rem;
    }
}
@media (min-width: 1536px) {
    #story-slider .slick-slider {
        padding-left: 5rem;
    }
    #story-slider .slick-list {
        overflow: visible;
    }
    #story-slider .slick-slide > div {
        margin-left: 1.875rem;
    }
    #story-slider .slide-pagination__list {
        margin-right: 0rem;
        margin-left: 6.875rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.title[data-v-688595da] {
    font-size: 2rem;
    line-height: 1.2;
}
.description[data-v-688595da] {
    line-height: 1.125rem;
    max-width: 18.1875rem;
}
.button.button-cta[data-v-688595da] {
    display: none;
}
@media (min-width: 1024px) {
    .button.button-cta[data-v-688595da] {
        display: flex;
    }
}
@media (min-width: 1024px) {
    .title[data-v-688595da] {
        font-size: 4.25rem;
        line-height: 4.5rem;
    }
    .description[data-v-688595da] {
        line-height: 1.375;
        max-width: 25.625rem;
        margin-top: 4.125rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.title[data-v-20b08975] {
    font-size: 1.5rem;
    line-height: 1.2;
}
@media (min-width: 1024px) {
    .title[data-v-20b08975] {
        font-size: 1.75rem;
        line-height: 1.2;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.article-card .animate-underline[data-v-1e81aede] {
    background: linear-gradient(90deg, transparent, transparent),
        linear-gradient(90deg, #1f1c17, #1f1c17);
    background-size: 100% 1px, 0 1px;
    background-position: 100% calc(100% - 3px), 0 calc(100% - 3px);
    background-repeat: no-repeat;
    transition: background-size 0.3s;
}
.article-card:focus .animate-underline[data-v-1e81aede],
.article-card:hover .animate-underline[data-v-1e81aede] {
    background-size: 0 1px, 100% 1px;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.button-instagram[data-v-152e00f0] {
    display: none;
}
@media (min-width: 1024px) {
    .button-instagram[data-v-152e00f0] {
        display: flex;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.button-instagram[data-v-12d09d90] {
    display: none;
}
@media (min-width: 1024px) {
    .button-instagram[data-v-12d09d90] {
        display: flex;
    }
}
.instagram-grid[data-v-12d09d90] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.instagram-grid__item[data-v-12d09d90]:nth-child(n + 5) {
    display: none;
}
@media (min-width: 1024px) {
    .instagram-grid[data-v-12d09d90] {
        --gap: 1rem;
        --cols: 6;
        --all-gaps: calc(var(--gap) * (var(--cols) - 1));
        --container-width: calc(100vw - 13.75rem);
        --item-width: calc(
            (var(--container-width) - var(--all-gaps)) / var(--cols)
            );
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: var(--gap);
    }
    .instagram-grid__item[data-v-12d09d90]:first-child {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
    }
    .instagram-grid__item[data-v-12d09d90]:nth-child(n) {
        display: block;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
@media (min-width: 1024px) {
    a.quote[data-v-120f6eb4] {
        line-height: 3.125rem;
        width: 51.875rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.footer-heading[data-v-3d444b58] {
    font-size: 1.75rem;
    line-height: 1.875rem;
}
.footer-title[data-v-3d444b58] {
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-top: 0.75rem;
}
.footer-link[data-v-3d444b58] {
    width: 8.75rem;
    white-space: nowrap;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.25;
    text-decoration: underline;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    margin-top: 0.75rem;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}
.footer-link[data-v-3d444b58]:hover {
    -webkit-text-decoration-color: #1f1c17;
    text-decoration-color: #1f1c17;
}
@media (min-width: 1024px) {
    .footer-heading[data-v-3d444b58] {
        font-size: 2.775rem;
        line-height: 3.3rem;
    }
    .footer-content[data-v-3d444b58] {
        padding-right: 10rem;
    }
}
@media (min-width: 1536px) {
    .footer-heading[data-v-3d444b58] {
        font-size: 3.375rem;
        line-height: 4rem;
    }
    .footer-content[data-v-3d444b58] {
        padding-right: 16rem;
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.footer-input > input:focus + .footer-icon[data-v-763ecff8] {
    --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;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
        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-translate-x: -0.625rem;
}
.footer-input > .footer-icon[data-v-763ecff8] {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 500ms;
}
.footer-input:hover > .footer-icon[data-v-763ecff8] {
    --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;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
        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-translate-x: -0.625rem;
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.footer-decoration[data-v-a5458f98] {
    width: 100%;
    top: -1rem;
}
.footer-decoration .decoration[data-v-a5458f98] {
    height: 0.875rem;
    transform: translateX(1.25rem);
}
@media (min-width: 1024px) {
    .footer-decoration[data-v-a5458f98] {
        width: 100%;
        top: -1.125rem;
    }
    .footer-decoration .decoration[data-v-a5458f98] {
        height: 1.5rem;
        transform: translateX(10rem);
    }
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.fade-out[data-v-26dda330] {
    animation: fade-out-right-data-v-26dda330 0.4s forwards;
}
.fade-in[data-v-26dda330] {
    animation: fade-in-left-data-v-26dda330 0.4s forwards;
}
@keyframes fade-out-right-data-v-26dda330 {
    0% {
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}
@keyframes fade-in-left-data-v-26dda330 {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}