@charset "UTF-8";

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: var(--un-default-border-color, #e5e7eb)
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

*,
:before,
:after {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

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

@media (min-width:640px) {
    .container {
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px;
        margin-left: auto;
        margin-right: auto;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.static {
    position: static
}

.grid {
    display: grid
}

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

.mt-1\.5625rem {
    margin-top: 1.5625rem
}

.mt-1\.875rem {
    margin-top: 1.875rem
}

.mt-5px {
    margin-top: 5px
}

.inline {
    display: inline
}

.block {
    display: block
}

.h1 {
    height: .25rem
}

.h2 {
    height: .5rem
}

.h3 {
    height: .75rem
}

.h4 {
    height: 1rem
}

.h5 {
    height: 1.25rem
}

.h6 {
    height: 1.5rem
}

.w-full {
    width: 100%
}

.flex {
    display: flex
}

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

.flex-none {
    flex: none
}

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

.flex-col {
    flex-direction: column
}

.table {
    display: table
}

.items-center {
    align-items: center
}

.gap-1\.875rem {
    gap: 1.875rem
}

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

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

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

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

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

.border {
    border-width: 1px
}

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

.border-\#eeeeee {
    --un-border-opacity: 1;
    border-color: rgb(238 238 238/var(--un-border-opacity))
}

.rounded {
    border-radius: .25rem
}

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

.pb-6\.25rem {
    padding-bottom: 6.25rem
}

.pt-0\.9375rem {
    padding-top: .9375rem
}

.pt-1\.875rem {
    padding-top: 1.875rem
}

.text-center {
    text-align: center
}

.text-h1 {
    font-size: var(--fontSize-h1);
    line-height: 1.4
}

.font-bold {
    font-weight: 700
}

.leading-\[1\.6\] {
    line-height: 1.6
}

.text-black {
    color: var(--color-black)
}

.text-blue {
    --un-text-opacity: 1;
    color: rgb(96 165 250/var(--un-text-opacity))
}

.text-primary {
    color: var(--color-primary)
}

.tab {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (max-width:1279.9px) {
    .lt-xl\:hidden {
        display: none
    }
}

@media (min-width:768px) {
    .md\:flex-row {
        flex-direction: row
    }
}

@media (min-width:1280px) {
    .xl\:hidden {
        display: none
    }
}

html,
body {
    font-family: var(--font-family);
    font-size: var(--fontSize-base);
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing)
}

::-webkit-scrollbar {
    width: .25rem;
    height: .25rem
}

::-webkit-scrollbar-track {
    -webkit-border-radius: .625rem;
    border-radius: .625rem
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: var(--color-primary)
}

::-webkit-scrollbar-track-piece {
    -webkit-border-radius: .625rem;
    border-radius: .625rem;
    background-color: var(--color-gray-6)
}

main {
    --main-padding-top: 5.525rem;
    padding-top: var(--main-padding-top)
}

@media (min-width:640px) {
    main {
        --main-padding-top: 7rem
    }
}

main.MemberMain {
    padding-top: 0
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .5s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);
    margin: calc(-.5*var(--bs-modal-header-padding-y)) calc(-.5*var(--bs-modal-header-padding-x)) calc(-.5*var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap)*.5)
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform .3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }

    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }

    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-sm.showing,
    .offcanvas-sm.show:not(.hiding) {
        transform: none
    }

    .offcanvas-sm.showing,
    .offcanvas-sm.hiding,
    .offcanvas-sm.show {
        visibility: visible
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }

    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }

    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-md.showing,
    .offcanvas-md.show:not(.hiding) {
        transform: none
    }

    .offcanvas-md.showing,
    .offcanvas-md.hiding,
    .offcanvas-md.show {
        visibility: visible
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }

    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }

    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-lg.showing,
    .offcanvas-lg.show:not(.hiding) {
        transform: none
    }

    .offcanvas-lg.showing,
    .offcanvas-lg.hiding,
    .offcanvas-lg.show {
        visibility: visible
    }
}

@media (min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }

    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }

    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xl.showing,
    .offcanvas-xl.show:not(.hiding) {
        transform: none
    }

    .offcanvas-xl.showing,
    .offcanvas-xl.hiding,
    .offcanvas-xl.show {
        visibility: visible
    }
}

@media (min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }

    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }

    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxl.showing,
    .offcanvas-xxl.show:not(.hiding) {
        transform: none
    }

    .offcanvas-xxl.showing,
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show {
        visibility: visible
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5);
    margin-top: calc(-.5*var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5*var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5*var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:hover,
.nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.nav-link.disabled,
.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1*var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1*var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: .125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.line-clamp {
    --line: 100;
    --line-height: 1.5;
    --display: -webkit-box !important;
    overflow: hidden;
    display: var(--display);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line);
    line-clamp: var(--line);
    max-height: calc(1em*var(--line-height)*var(--line))
}

.line-clamp.line-clamp-height {
    height: calc(1em*var(--line-height)*var(--line))
}

.object-image {
    --object-fit: cover;
    --object-position: center;
    object-fit: var(--object-fit);
    object-position: var(--object-position)
}

.aspect-image {
    --aspect-ratio: 16/9;
    aspect-ratio: var(--aspect-ratio)
}

.btn {
    --btn-padding-x: 1rem;
    --btn-padding-y: .5rem;
    --btn-gap: .4375rem;
    --btn-font-family: var(--font-family);
    --btn-font-size: var(--fontSize-p);
    --btn-font-weight: 400;
    --btn-line-height: var(--line-height);
    --btn-letter-spacing: var(--letter-spacing);
    --btn-color: var(--color-white);
    --btn-bg: transparent;
    --btn-border-width: .0625rem;
    --btn-border-color: var(--color-gray-3);
    --btn-border-radius: .625rem;
    --btn-box-shadow: transparent;
    --btn-disabled-opacity: .65;
    --btn-focus-box-shadow: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    gap: var(--btn-gap);
    padding: var(--btn-padding-y) var(--btn-padding-x);
    color: var(--btn-color);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);
    letter-spacing: var(--letter-spacing);
    background-color: var(--btn-bg);
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    box-shadow: var(--btn-box-shadow)
}

.btn:hover {
    color: var(--btn-hover-color);
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color)
}

.btn:hover .fa-Icons.customStyle {
    --fill: var(--btn-hover-color);
    --stroke: var(--btn-hover-color)
}

.btn:focus,
.btn:active,
.btn:focus-within,
.btn.active {
    color: var(--btn-focus-color);
    background-color: var(--btn-focus-bg);
    border-color: var(--btn-focus-border-color);
    box-shadow: var(--btn-focus-box-shadow)
}

.btn:focus .fa-Icons.customStyle,
.btn:active .fa-Icons.customStyle,
.btn:focus-within .fa-Icons.customStyle,
.btn.active .fa-Icons.customStyle {
    --fill: var(--btn-focus-color);
    --stroke: var(--btn-focus-color)
}

.btn:disabled {
    color: var(--btn-disabled-color);
    background-color: var(--btn-disabled-bg);
    border-color: var(--btn-disabled-border-color);
    opacity: var(--btn-disabled-opacity)
}

.btn:disabled .fa-Icons.customStyle {
    --fill: var(--btn-disabled-color);
    --stroke: var(--btn-disabled-color)
}

.btn.btn-block {
    width: 100%
}

.btn.btn-sm {
    --btn-padding-x: .625rem;
    --btn-padding-y: .0625rem;
    --btn-gap: 0rem;
    --btn-font-size: var(--fontSize-xs)
}

.btn.btn-lg {
    --btn-padding-x: 1rem;
    --btn-padding-y: 1rem;
    --btn-font-size: var(--fontSize-h6)
}

.btn .fa-Icons {
    --width: var(--btn-font-size);
    --height: var(--btn-font-size)
}

.btn .fa-Icons.customStyle {
    --fill: var(--btn-color);
    --stroke: var(--btn-color)
}

.btn-primary,
[data-variant=primary] {
    --btn-color: var(--color-white);
    --btn-bg: var(--color-primary);
    --btn-border-color: var(--color-primary);
    --btn-hover-color: var(--color-white);
    --btn-hover-bg: var(--color-primary-dark);
    --btn-hover-border-color: var(--color-primary-dark);
    --btn-focus-color: var(--color-white);
    --btn-focus-bg: var(--color-primary-dark);
    --btn-focus-border-color: var(--color-primary-dark);
    --btn-disabled-color: var(--color-gray-4);
    --btn-disabled-bg: var(--color-gray-5);
    --btn-disabled-border-color: var(--color-gray-4)
}

.btn-primary-light,
[data-variant=primary-light] {
    --btn-color: var(--color-white);
    --btn-bg: var(--color-primary-light);
    --btn-border-color: var(--color-primary-light);
    --btn-hover-color: var(--color-white);
    --btn-hover-bg: var(--color-primary);
    --btn-hover-border-color: var(--color-primary);
    --btn-focus-color: var(--color-white);
    --btn-focus-bg: var(--color-primary);
    --btn-focus-border-color: var(--color-primary);
    --btn-disabled-color: var(--color-gray-4);
    --btn-disabled-bg: var(--color-gray-5);
    --btn-disabled-border-color: var(--color-gray-4)
}

.btn-primary-outline,
[data-variant=primary-outline] {
    --btn-color: var(--color-primary);
    --btn-bg: transparent;
    --btn-border-color: var(--color-primary);
    --btn-hover-color: var(--color-white);
    --btn-hover-bg: var(--color-primary);
    --btn-hover-border-color: var(--color-primary);
    --btn-focus-color: var(--color-white);
    --btn-focus-bg: var(--color-primary);
    --btn-focus-border-color: var(--color-primary);
    --btn-disabled-color: var(--color-gray-4);
    --btn-disabled-bg: var(--color-gray-5);
    --btn-disabled-border-color: var(--color-gray-4)
}

.btn-primary-light-outline,
[data-variant=primary-light-outline] {
    --btn-color: var(--color-primary);
    --btn-bg: var(--color-white);
    --btn-border-color: var(--color-primary-light);
    --btn-hover-color: var(--color-white);
    --btn-hover-bg: var(--color-primary);
    --btn-hover-border-color: var(--color-primary);
    --btn-focus-color: var(--color-white);
    --btn-focus-bg: var(--color-primary);
    --btn-focus-border-color: var(--color-primary);
    --btn-disabled-color: var(--color-gray-4);
    --btn-disabled-bg: var(--color-gray-5);
    --btn-disabled-border-color: var(--color-gray-4)
}

.btn-gray,
[data-variant=gray] {
    --btn-color: var(--color-white);
    --btn-bg: rgba(63, 62, 62, .9);
    --btn-border-color: rgba(63, 62, 62, .9);
    --btn-hover-color: var(--color-white);
    --btn-hover-bg: var(--color-gray-1);
    --btn-hover-border-color: var(--color-gray-1);
    --btn-focus-color: var(--color-white);
    --btn-focus-bg: var(--color-gray-1);
    --btn-focus-border-color: var(--color-gray-1);
    --btn-disabled-color: var(--color-gray-4);
    --btn-disabled-bg: var(--color-gray-5);
    --btn-disabled-border-color: var(--color-gray-4)
}

.btn-gray-outline,
[data-variant=gray-outline] {
    --btn-color: rgba(63, 62, 62, .9);
    --btn-bg: var(--color-white);
    --btn-border-color: rgba(63, 62, 62, .9);
    --btn-hover-color: var(--color-white);
    --btn-hover-bg: rgba(63, 62, 62, .9);
    --btn-hover-border-color: rgba(63, 62, 62, .9);
    --btn-focus-color: var(--color-white);
    --btn-focus-bg: rgba(63, 62, 62, .9);
    --btn-focus-border-color: rgba(63, 62, 62, .9);
    --btn-disabled-color: var(--color-gray-4);
    --btn-disabled-bg: var(--color-gray-5);
    --btn-disabled-border-color: var(--color-gray-4)
}

.btn-white,
[data-variant=white] {
    --btn-color: #999999;
    --btn-bg: var(--color-white);
    --btn-border-color: var(--color-white);
    --btn-hover-color: var(--color-gray-1);
    --btn-hover-bg: var(--color-gray-6);
    --btn-hover-border-color: var(--color-gray-6);
    --btn-focus-color: var(--color-gray-1);
    --btn-focus-bg: var(--color-gray-6);
    --btn-focus-border-color: var(--color-gray-6);
    --btn-disabled-color: var(--color-gray-4);
    --btn-disabled-bg: var(--color-gray-5);
    --btn-disabled-border-color: var(--color-gray-4)
}

.btn-white-gray,
[data-variant=white-gray] {
    --btn-color: var(--color-gray-2);
    --btn-bg: rgba(225, 225, 225, .85);
    --btn-border-color: rgba(225, 225, 225, .85);
    --btn-hover-color: rgba(63, 62, 62, .9);
    --btn-hover-bg: var(--color-white);
    --btn-hover-border-color: var(--color-white);
    --btn-focus-color: rgba(63, 62, 62, .9);
    --btn-focus-bg: var(--color-white);
    --btn-focus-border-color: var(--color-white);
    --btn-disabled-color: var(--color-gray-4);
    --btn-disabled-bg: var(--color-gray-5);
    --btn-disabled-border-color: var(--color-gray-4)
}

.btn-rect,
[data-variant=rect] {
    --btn-color: #8c8b8a;
    --btn-bg: #dedede;
    --btn-border-color: #dedede;
    --btn-hover-color: var(--color-white);
    --btn-hover-bg: #8c8b8a;
    --btn-hover-border-color: #8c8b8a;
    --btn-focus-color: var(--color-white);
    --btn-focus-bg: #8c8b8a;
    --btn-focus-border-color: #8c8b8a;
    --btn-disabled-color: var(--color-gray-4);
    --btn-disabled-bg: var(--color-gray-5);
    --btn-disabled-border-color: var(--color-gray-4)
}

.fa-Icons {
    width: var(--width, .625rem);
    height: var(--height, .625rem)
}

.fa-Icons.customStyle :where(svg, path, rect, circle) {
    fill: var(--fill, inherit);
    stroke: var(--stroke, inherit);
    stroke-width: var(--strokeWidth, inherit);
    transition-property: fill, stroke;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-duration: .3s
}

.fa-Icons svg {
    width: 100%;
    height: 100%;
    transition-property: width, height;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-duration: .3s
}

#Follower {
    position: fixed;
    bottom: 2%;
    right: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: .3125rem;
    border-top-left-radius: .625rem;
    border-bottom-left-radius: .625rem;
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--un-bg-opacity));
    padding: .9375rem .4375rem;
    --un-bg-opacity: .5
}

@media (min-width:640px) {
    #Follower {
        top: 50%;
        bottom: auto;
        --un-translate-y: -50%;
        transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
    }
}

@media (min-width:768px) {
    #Follower {
        gap: .9375rem;
        padding: 1.25rem
    }
}

#Follower strong {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: var(--fontSize-sm);
    line-height: 1.4;
    line-height: 1.25rem;
    letter-spacing: .125rem;
    color: var(--color-primary)
}

#Follower .FollowerLinks {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

@media (min-width:768px) {
    #Follower .FollowerLinks {
        gap: 1.25rem
    }
}

#Follower .FollowerLinks a:hover .fa-Icons {
    --fill: var(--color-primary-dark)
}

#Follower .FollowerLinks a .fa-Icons {
    --fill: var(--color-primary);
    --width: 1.25rem;
    --height: 1.25rem
}

.FooterContact ul {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.FooterContact ul li {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: var(--fontSize-sm);
    line-height: 1.4;
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.FooterContact ul li:hover {
    color: var(--color-gray-5)
}

@media (min-width:1536px) {
    .FooterContact ul li {
        font-size: var(--fontSize-subtitle);
        line-height: 1.4
    }
}

.FooterContact ul li a {
    white-space: nowrap
}

.FooterContact ul li strong {
    font-size: var(--fontSize-h6);
    line-height: 1.4
}

.FooterContact ul li .fa-Icons {
    --fill: var(--color-white);
    flex: none
}

.FooterSocial ul {
    display: flex;
    align-items: center;
    gap: .625rem
}

.FooterSocial ul li .fa-Icons {
    --fill: var(--color-white)
}

.FooterNavs {
    --gap: calc(.5em * var(--line-height))
}

.FooterNavs>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem
}

@media (min-width:768px) {
    .FooterNavs>div {
        gap: 2.5rem
    }
}

@media (min-width:1280px) {
    .FooterNavs>div {
        gap: 5rem
    }
}

.FooterNavsItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: var(--fontSize-sm);
    line-height: 1.4;
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    gap: var(--gap)
}

.FooterNavsItem:hover {
    color: var(--color-gray-5)
}

@media (min-width:640px) {
    .FooterNavsItem {
        font-size: var(--fontSize-base);
        line-height: 1.4
    }
}

@media (max-width:320px) {
    .FooterNavsItem {
        font-size: var(--fontSize-xs);
        line-height: 1.4
    }
}

.FooterNavsItem strong {
    border-bottom-width: .0625rem;
    border-color: var(--color-white);
    font-size: var(--fontSize-sm);
    line-height: 1.4;
    padding-bottom: var(--gap)
}

@media (min-width:640px) {
    .FooterNavsItem strong {
        font-size: var(--fontSize-base);
        line-height: 1.4
    }
}

.FooterNavsItem ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap)
}

.FooterNavsItem ul a {
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.FooterNavsItem ul a:hover {
    color: var(--color-gray-5)
}

footer.footer {
    position: relative;
    overflow: hidden;
    background-color: var(--color-primary);
    padding-top: 3.4375rem;
    padding-bottom: 2.8125rem
}

footer.footer>.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.75rem
}

@media (min-width:640px) {
    footer.footer>.container {
        flex-direction: row;
        align-items: stretch;
        justify-content: center;
        gap: 1.25rem
    }
}

@media (min-width:768px) {
    footer.footer>.container {
        gap: 5rem
    }
}

@media (min-width:1280px) {
    footer.footer>.container {
        justify-content: space-between
    }
}

@media (max-width:639.9px) {
    footer.footer>.container>div {
        width: min(90%, 19.375rem)
    }
}

@media (min-width:1280px) {
    footer.footer>.container>div:nth-child(2) {
        flex-grow: 1
    }
}

footer.footer>.container>div:nth-child(2)>.FooterCopyright {
    margin-top: 4.125rem;
    display: block
}

@media (min-width:640px) {
    footer.footer>.container>div:nth-child(2)>.FooterCopyright {
        display: none
    }
}

@media (min-width:1280px) {
    footer.footer>.container>div:nth-child(2)>.FooterCopyright {
        display: block
    }
}

footer.footer>.container>div:last-child {
    display: none
}

@media (min-width:1280px) {
    footer.footer>.container>div:last-child {
        display: block
    }
}

footer.footer>.container>div:first-child,
footer.footer>.container>div:last-child {
    min-width: 17.5rem
}

@media (min-width:1280px) {

    footer.footer>.container>div:first-child,
    footer.footer>.container>div:last-child {
        flex: 1 1 0%
    }
}

footer.footer>.container>div:first-child {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (min-width:1280px) {
    footer.footer>.container>div:first-child {
        gap: 2.25rem
    }
}

footer.footer .FooterCopyright {
    text-align: center;
    font-size: var(--fontSize-xs);
    line-height: 1.4;
    line-height: 1.8;
    color: var(--color-white)
}

footer.footer>.FooterCopyright {
    margin-top: 2.5rem;
    display: none
}

@media (min-width:640px) {
    footer.footer>.FooterCopyright {
        display: block
    }
}

@media (min-width:1280px) {
    footer.footer>.FooterCopyright {
        display: none
    }
}

footer.footer .footerStamp {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    -webkit-user-select: none;
    user-select: none
}

@media (max-width:1279.9px) {
    footer.footer .footerStamp {
        width: 13.75rem
    }
}

@media (max-width:1023.9px) {
    footer.footer .footerStamp {
        width: 6.25rem
    }
}

@media (max-width:639.9px) {
    footer.footer .footerStamp {
        display: none
    }
}

footer.footer .footerStamp.footerStamp-02 {
    top: 2em;
    width: 6.875rem
}

@media (max-width:639.9px) {
    footer.footer .footerStamp.footerStamp-02 {
        display: block
    }
}

@media (min-width:640px) {
    footer.footer .footerStamp.footerStamp-02 {
        display: none
    }
}

#headerLogo {
    --width: 9.375rem
}

@media (min-width:640px) {
    #headerLogo {
        --width: 12.5rem
    }
}

@media (min-width:768px) {
    #headerLogo {
        --width: 15rem
    }
}

@media (min-width:1536px) {
    #headerLogo {
        --width: 18rem
    }
}

#headerLogo .headerLogo-carpet {
    width: var(--width)
}

#headerLogo img {
    
    width: var(--width)
}

[data-mega-menu] {
    --megaMenu-width: 100vw;
    --megaMenu-height: 6.25rem;
    --megaMenu-top: 100%;
    --megaMenu-left: 0rem;
    --megaMenu-offset: 0;
    --megaMenu-background-color: var(--color-white);
    --megaMenu-border-width: .0625rem;
    --megaMenu-border-color: var(--color-gray-5);
    --megaMenu-shadow: 0rem .25rem .25rem 0rem rgba(0, 0, 0, .25);
    --megaMenu-link-padding-x: 2.5rem;
    --megaMenu-link-padding-y: calc((var(--megaMenu-height) - (var(--megaMenu-link-font-size) * var(--megaMenu-link-line-height))) / 2);
    --megaMenu-link-font-size: var(--fontSize-h6);
    --megaMenu-link-font-weight: 400;
    --megaMenu-link-line-height: var(--line-height);
    --megaMenu-link-color: var(--color-secondary);
    --megaMenu-link-border-width: 0rem;
    --megaMenu-link-border-color: transparent;
    --megaMenu-hover-link-color: var(--color-secondary-dark);
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    opacity: 0;
    top: var(--megaMenu-top);
    left: var(--megaMenu-left);
    transform: translateY(var(--megaMenu-offset));
    width: var(--megaMenu-width);
    min-height: var(--megaMenu-height);
    background-color: var(--megaMenu-background-color);
    box-shadow: var(--megaMenu-shadow);
    border-top: var(--megaMenu-border-width) solid var(--megaMenu-border-color)
}

@media (min-width:1536px) {
    [data-mega-menu] {
        --megaMenu-link-font-size: var(--fontSize-h5)
    }
}

[data-mega-menu][data-mega-menu-position=left] {
    --megaMenu-left: 0rem
}

[data-mega-menu][data-mega-menu-position=right] {
    --megaMenu-left: calc(100% - var(--megaMenu-width))
}

[data-mega-menu][data-mega-menu-position=center] {
    --megaMenu-left: calc((100% - var(--megaMenu-width)) / 2)
}

[data-mega-menu] a {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    padding: var(--megaMenu-link-padding-y) var(--megaMenu-link-padding-x);
    font-size: var(--megaMenu-link-font-size);
    font-weight: var(--megaMenu-link-font-weight);
    line-height: var(--megaMenu-link-line-height);
    color: var(--megaMenu-link-color);
    border-top: var(--megaMenu-link-border-width) solid var(--megaMenu-link-border-color)
}

[data-mega-menu] a:last-child {
    border-bottom: none
}

[data-mega-menu] a:hover {
    color: var(--megaMenu-hover-link-color)
}

[data-mega-menu-trigger]:hover [data-mega-menu] {
    visibility: visible;
    --un-translate-y: 0;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
    opacity: 1
}

[data-mega-menu-trigger]:hover [data-mega-menu][data-mega-menu-transition] {
    transition: visibility 0s, transform .3s ease-out, opacity .3s ease-out
}

[data-mega-menu-trigger]:last-child [data-mega-menu][data-mega-menu-position=left] {
    --megaMenu-left: calc(100% - var(--megaMenu-width))
}

[data-mega-menu-trigger][data-mega-menu-type=dropdown] {
    position: relative
}

[data-mega-menu-trigger][data-mega-menu-type=megaMenu] [data-mega-menu] {
    --megaMenu-width: 100%
}

#headerNav {
    --headerNav-padding-x: 1em;
    --headerNav-padding-y: 1.5625rem;
    --headerNav-justify-content: flex-end;
    --headerNav-gap: 0rem;
    --headerNav-color: var(--color-primary);
    --headerNav-font-size: var(--fontSize-p);
    --headerNav-hover-color: var(--color-primary-dark);
    --headerNav-active-color: var(--color-primary-dark);
    --headerNav-font-weight: 400;
    --headerNav-font-line-height: var(--line-height);
    --headerNav-font-letter-spacing: var(--letter-spacing);
    --headerNav-link-gap: .5rem;
    --headerNav-link-background-color: transparent;
    --headerNav-hover-link-background-color: transparent;
    --headerNav-active-link-background-color: transparent;
    --headerNav-link-icon-color: var(--color-primary);
    --headerNav-link-icon-font-size: var(--fontSize-xs);
    --headerNav-hover-link-icon-color: var(--color-primary-dark);
    --headerNav-bottom-border-width: .0625rem;
    --headerNav-bottom-border-height: var(--headerNav-font-size);
    --headerNav-bottom-line-color: var(--color-primary);
    --headerNav-active-bottom-line-color: var(--color-primary-dark);
    --headerNav-bottom-border-bottom-position: calc(((var(--headerNav-font-size) * (var(--headerNav-font-line-height) - 1)) / 3 * 2) + var(--headerNav-padding-y))
}

@media (min-width:1280px) {
    #headerNav {
        --headerNav-font-size: var(--fontSize-base)
    }
}

@media (min-width:1536px) {
    #headerNav {
        --headerNav-padding-x: 2em
    }
}

#headerNav nav {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 var(--header-menu-button-width);
    justify-content: var(--headerNav-justify-content);
    gap: var(--headerNav-gap)
}

#headerNav nav .headerNavItem {
    display: none;
    height: 100%;
    cursor: pointer
}

@media (min-width:1024px) {
    #headerNav nav .headerNavItem {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

#headerNav nav .headerNavItem>a {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    padding-left: var(--headerNav-padding-x);
    padding-right: var(--headerNav-padding-x);
    padding-top: var(--headerNav-padding-y);
    padding-bottom: var(--headerNav-padding-y);
    color: var(--headerNav-color);
    font-size: var(--headerNav-font-size);
    font-weight: var(--headerNav-font-weight);
    line-height: var(--headerNav-font-line-height);
    letter-spacing: var(--headerNav-font-letter-spacing);
    background-color: var(--headerNav-link-background-color);
    gap: var(--headerNav-link-gap)
}

#headerNav nav .headerNavItem>a:hover {
    color: var(--headerNav-hover-color);
    background-color: var(--headerNav-hover-link-background-color)
}

#headerNav nav .headerNavItem>a:hover>.fa-Icons {
    --fill: var(--headerNav-hover-link-icon-color)
}

#headerNav nav .headerNavItem>a.active {
    color: var(--headerNav-active-color);
    background-color: var(--headerNav-active-link-background-color)
}

#headerNav nav .headerNavItem>a>.fa-Icons {
    --width: var(--headerNav-link-icon-font-size);
    --height: var(--headerNav-link-icon-font-size);
    --fill: var(--headerNav-link-icon-color)
}

#headerNav nav .headerNavItem:not(:last-child)>a:after {
    position: absolute;
    right: 0;
    z-index: 3;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    content: "";
    top: var(--headerNav-bottom-border-bottom-position);
    width: var(--headerNav-bottom-border-width);
    height: var(--headerNav-bottom-border-height);
    background-color: var(--headerNav-bottom-line-color)
}

#headerNav nav .headerNavItem:not(:last-child):hover>a:after {
    background-color: var(--headerNav-active-bottom-line-color)
}

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
    --bs-offcanvas-width-xxl: min(90vw, 100%);
    --bs-offcanvas-width-xl: min(80vw, 100%);
    --bs-offcanvas-width-lg: min(60vw, 100%);
    --bs-offcanvas-width-md: min(31.25rem, 100%);
    --bs-offcanvas-width-sm: min(12.5rem, 100%);
    --bs-offcanvas-width: min(25rem, 100%);
    --bs-offcanvas-bg: var(--color-white);
    --bs-offcanvas-color: var(--color-primary);
    --bs-offcanvas-transition: transform .3s ease-out;
    --bs-offcanvas-border-width: .0625rem;
    --bs-offcanvas-border-color: var(--color-gray-3);
    --bs-offcanvas-close-size: 1rem;
    --offcanvas-close-background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e64b50'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-offcanvas-title-line-height: 1.5;
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-height: 100vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    height: var(--bs-offcanvas-height)
}

.offcanvas-xxl {
    --bs-offcanvas-width: var(--bs-offcanvas-width-xxl)
}

.offcanvas-xl {
    --bs-offcanvas-width: var(--bs-offcanvas-width-xl)
}

.offcanvas-lg {
    --bs-offcanvas-width: var(--bs-offcanvas-width-lg)
}

.offcanvas-md {
    --bs-offcanvas-width: var(--bs-offcanvas-width-md)
}

.offcanvas-sm {
    --bs-offcanvas-width: var(--bs-offcanvas-width-sm)
}

.offcanvas-close-button {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: var(--bs-offcanvas-close-size);
    height: var(--bs-offcanvas-close-size);
    background-image: var(--offcanvas-close-background-image)
}

.offcanvas-body {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.offcanvas-backdrop {
    --bs-offcanvas-backdrop-color: var(--color-dark);
    --bs-offcanvas-backdrop-opacity: .7;
    background-color: var(--bs-offcanvas-backdrop-color)
}

.offcanvas-backdrop.show {
    opacity: var(--bs-offcanvas-backdrop-opacity)
}

#headerOffcanvasTriggerButton {
    --headerOffcanvas-trigger-button-size: 20px;
    --headerOffcanvas-trigger-button-padding-x: 0;
    --headerOffcanvas-trigger-button-padding-y: 0;
    --headerOffcanvas-trigger-button-line-width: 1.25rem;
    --headerOffcanvas-trigger-button-line-height: .125rem;
    --headerOffcanvas-trigger-button-line-color: var(--color-primary);
    --headerOffcanvas-trigger-button-line-gap: calc((var(--headerOffcanvas-trigger-button-size) - (3 * var(--headerOffcanvas-trigger-button-line-height))) / 2 - .125rem);
    --headerOffcanvas-trigger-button-line-active-offset: calc(var(--headerOffcanvas-trigger-button-line-height) + var(--headerOffcanvas-trigger-button-line-gap));
    --headerOffcanvas-trigger-button-line-active-negative-offset: calc(-1 * (var(--headerOffcanvas-trigger-button-line-height) + var(--headerOffcanvas-trigger-button-line-gap)));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: var(--headerOffcanvas-trigger-button-size);
    height: var(--headerOffcanvas-trigger-button-size);
    padding: var(--headerOffcanvas-trigger-button-padding-y) var(--headerOffcanvas-trigger-button-padding-y)
}

#headerOffcanvasTriggerButton span {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .5s;
    width: var(--headerOffcanvas-trigger-button-line-width);
    height: var(--headerOffcanvas-trigger-button-line-height);
    background-color: var(--headerOffcanvas-trigger-button-line-color);
    margin-top: var(--headerOffcanvas-trigger-button-line-gap);
    transform-origin: center center
}

#headerOffcanvasTriggerButton span:first-child {
    margin-top: 0
}

#headerOffcanvasTriggerButton.active span:first-child {
    transform: translateY(var(--headerOffcanvas-trigger-button-line-active-offset)) rotate(45deg)
}

#headerOffcanvasTriggerButton.active span:last-child {
    transform: translateY(var(--headerOffcanvas-trigger-button-line-active-negative-offset)) rotate(-45deg)
}

#headerOffcanvasTriggerButton.active span:nth-child(2) {
    opacity: 0
}

#headerOffcanvasContainer {
    padding-top: 1.5625rem
}

#headerOffcanvas .offcanvas-header img {
    width: 6.25rem;
    height: 2.5rem
}

@media (min-width:768px) {
    #headerOffcanvas .offcanvas-header img {
        width: 120px;
        height: 3rem
    }
}

#headerOffcanvas .offcanvas-body>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10vh
}

#headerOffcanvas .offcanvas-body>div>ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem
}

#headerOffcanvas .offcanvas-body>div .offcanvasContact {
    margin-top: auto;
    min-height: 30vh;
    margin-left: calc(-1*var(--bs-offcanvas-padding-x));
    margin-right: calc(-1*var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-1*var(--bs-offcanvas-padding-y))
}

#headerOffcanvas .offcanvas-body>div .offcanvasContact>div {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    background-color: var(--color-primary);
    padding: 2.5rem 1.25rem
}

#headerOffcanvas .offcanvas-body>div .offcanvasContact>div:after {
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: -26px;
    width: 100%;
    height: 1.875rem;
    -webkit-user-select: none;
    user-select: none;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg id='wave' style='transform:rotate(0deg); transition: 0.3s' viewBox='0 0 1440 100' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='sw-gradient-0' x1='0' x2='0' y1='1' y2='0'%3E%3Cstop stop-color='rgba(238, 133, 140, 1)' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='rgba(238, 133, 140, 1)' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath style='transform:translate(0, 0px); opacity:1' fill='url(%23sw-gradient-0)' d='M0,0L40,11.7C80,23,160,47,240,48.3C320,50,400,30,480,18.3C560,7,640,3,720,11.7C800,20,880,40,960,50C1040,60,1120,60,1200,63.3C1280,67,1360,73,1440,76.7C1520,80,1600,80,1680,80C1760,80,1840,80,1920,78.3C2000,77,2080,73,2160,73.3C2240,73,2320,77,2400,70C2480,63,2560,47,2640,36.7C2720,27,2800,23,2880,33.3C2960,43,3040,67,3120,70C3200,73,3280,57,3360,55C3440,53,3520,67,3600,70C3680,73,3760,67,3840,60C3920,53,4000,47,4080,38.3C4160,30,4240,20,4320,16.7C4400,13,4480,17,4560,23.3C4640,30,4720,40,4800,40C4880,40,4960,30,5040,23.3C5120,17,5200,13,5280,25C5360,37,5440,63,5520,75C5600,87,5680,83,5720,81.7L5760,80L5760,100L5720,100C5680,100,5600,100,5520,100C5440,100,5360,100,5280,100C5200,100,5120,100,5040,100C4960,100,4880,100,4800,100C4720,100,4640,100,4560,100C4480,100,4400,100,4320,100C4240,100,4160,100,4080,100C4000,100,3920,100,3840,100C3760,100,3680,100,3600,100C3520,100,3440,100,3360,100C3280,100,3200,100,3120,100C3040,100,2960,100,2880,100C2800,100,2720,100,2640,100C2560,100,2480,100,2400,100C2320,100,2240,100,2160,100C2080,100,2000,100,1920,100C1840,100,1760,100,1680,100C1600,100,1520,100,1440,100C1360,100,1280,100,1200,100C1120,100,1040,100,960,100C880,100,800,100,720,100C640,100,560,100,480,100C400,100,320,100,240,100C160,100,80,100,40,100L0,100Z'%3E%3C/path%3E%3C/svg%3E")
}

#headerOffcanvas .offcanvas-body>div .offcanvasContact>div ul:first-child {
    display: flex;
    align-items: flex-start;
    gap: .75rem
}

#headerOffcanvas .offcanvas-body>div .offcanvasContact>div ul:last-child {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

#headerOffcanvas .offcanvas-body>div .offcanvasContact>div ul li {
    display: flex;
    align-items: center
}

#headerOffcanvas .offcanvas-body>div .offcanvasContact>div ul li a,
#headerOffcanvas .offcanvas-body>div .offcanvasContact>div ul li span {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: var(--fontSize-xs);
    line-height: 1.4;
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

#headerOffcanvas .offcanvas-body>div .offcanvasContact>div ul li a:hover,
#headerOffcanvas .offcanvas-body>div .offcanvasContact>div ul li span:hover {
    color: var(--color-gray-5)
}

#headerOffcanvas .offcanvas-body>div .offcanvasContact>div ul li .fa-Icons {
    --width: 1.5625rem;
    --height: 1.5625rem;
    --fill: var(--color-white);
    margin-right: .75rem
}

#headerOffcanvas .headerNavItem {
    --headerNav-color: var(--color-primary);
    --headerNav-font-size: var(--fontSize-base);
    --headerNav-hover-color: var(--color-primary-dark);
    --headerNav-active-color: var(--color-primary-dark);
    --headerNav-font-weight: 400;
    --headerNav-font-line-height: var(--line-height);
    --headerNav-font-letter-spacing: var(--letter-spacing);
    --headerNav-text-align: left;
    --headerNav-link-gap: .625rem;
    --headerNav-padding-y: .3125rem;
    --headerNav-link-background-color: transparent;
    --headerNav-hover-link-background-color: transparent;
    --headerNav-active-link-background-color: transparent;
    --headerNav-link-icon-color: var(--color-primary);
    --headerNav-hover-link-icon-color: var(--color-primary);
    --headerNav-link-icon-font-size: 1.25rem;
    --headerNav-menu-gap: .875rem;
    --headerNav-menu-padding-x: .875rem;
    --headerNav-menu-padding-y: 1rem;
    --headerNav-border-width: 0rem;
    --headerNav-border-height: 0rem;
    --headerNav-border-background-color: var(--headerNav-color);
    width: 100%
}

#headerOffcanvas .headerNavItem>a {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    color: var(--headerNav-color);
    font-size: var(--headerNav-font-size);
    font-weight: var(--headerNav-font-weight);
    line-height: var(--headerNav-font-line-height);
    letter-spacing: var(--headerNav-font-letter-spacing);
    background-color: var(--headerNav-link-background-color);
    gap: var(--headerNav-link-gap)
}

#headerOffcanvas .headerNavItem>a:hover {
    color: var(--headerNav-hover-color);
    background-color: var(--headerNav-hover-link-background-color)
}

#headerOffcanvas .headerNavItem>a:hover>.fa-Icons {
    --fill: var(--headerNav-hover-link-icon-color)
}

#headerOffcanvas .headerNavItem>a.active,
#headerOffcanvas .headerNavItem>a.collapsed-show {
    color: var(--headerNav-active-color);
    background-color: var(--headerNav-active-link-background-color)
}

#headerOffcanvas .headerNavItem>a>.fa-Icons {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    --fill: var(--headerNav-link-icon-color);
    --width: var(--headerNav-link-icon-font-size);
    --height: var(--headerNav-link-icon-font-size)
}

#headerOffcanvas .headerNavItem>a+div>div {
    display: flex;
    flex-direction: column;
    gap: var(--headerNav-menu-gap);
    padding: var(--headerNav-menu-padding-y) var(--headerNav-menu-padding-x)
}

#headerOffcanvas .headerNavItem>a+div>div a {
    display: block;
    width: 100%;
    position: relative;
    color: var(--headerNav-color);
    font-size: var(--headerNav-font-size);
    font-weight: var(--headerNav-font-weight);
    line-height: var(--headerNav-font-line-height);
    letter-spacing: var(--headerNav-font-letter-spacing);
    text-align: var(--headerNav-text-align);
    padding-bottom: var(--headerNav-padding-y)
}

#headerOffcanvas .headerNavItem>a+div>div a:hover {
    color: var(--headerNav-hover-color);
    background-color: var(--headerNav-hover-link-background-color)
}

#headerOffcanvas .headerNavItem>a+div>div a:hover>.fa-Icons {
    --fill: var(--headerNav-hover-link-icon-color)
}

#headerOffcanvas .headerNavItem>a+div>div a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: var(--headerNav-border-width);
    height: var(--headerNav-border-height);
    background-color: var(var(--headerNav-border-background-color))
}

#headerBottom {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100
}

#headerBottomCart {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: .25rem
}

@media (min-width:768px) {
    #headerBottomCart {
        padding-right: .5rem
    }
}

@media (min-width:1536px) {
    #headerBottomCart {
        padding-right: 1rem
    }
}

#headerBottomAmount {
    position: absolute;
    bottom: .5rem;
    left: .4375rem;
    min-width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: var(--color-white);
    padding-left: 3px;
    padding-right: 3px;
    font-size: var(--fontSize-xs);
    line-height: 1.4
}

@media (min-width:768px) {
    #headerBottomAmount {
        bottom: .25rem;
        left: .9375rem;
        min-width: 1.25rem;
        height: 1.25rem
    }
}

@media (min-width:1024px) {
    #headerBottomAmount {
        bottom: .9375rem
    }
}

@media (min-width:1280px) {
    #headerBottomAmount {
        bottom: .8125rem
    }
}

@media (min-width:1536px) {
    #headerBottomAmount {
        bottom: 1.1875rem;
        left: 1.5625rem;
        padding-left: .3125rem;
        padding-right: .3125rem
    }
}

#headerBottom .btn {
    --btn-padding-x: 0rem;
    --btn-padding-y: 0rem;
    --btn-border-radius: 0rem;
    --btn-gap: 0rem;
    width: var(--header-menu-button-width);
    height: var(--header-menu-button-height)
}

@media (min-width:1536px) {
    #headerBottom .btn {
        --btn-font-size: var(--fontSize-h6);
        --btn-gap: .25rem
    }
}

#headerBottom .btn .fa-Icons {
    --width: 1rem;
    --height: 1rem
}

@media (min-width:768px) {
    #headerBottom .btn .fa-Icons {
        --width: 1.5rem;
        --height: 1.5rem
    }
}

@media (min-width:1536px) {
    #headerBottom .btn .fa-Icons {
        --width: 2.5rem;
        --height: 2.5rem
    }
}

#headerRight {
    margin-top: 1rem;
    margin-bottom: .25rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: .75rem
}

@media (min-width:1280px) {
    #headerRight {
        justify-content: flex-start
    }
}

#headerRight .btn {
    --btn-border-radius: 9999px;
    --btn-font-size: var(--fontSize-xs);
    position: relative;
    white-space: nowrap
}

@media (max-width:639.9px) {
    #headerRight .btn {
        --btn-padding-x: .375rem;
        --btn-color: var(--color-primary);
        --btn-bg: transparent;
        --btn-border-color: transparent;
        --btn-hover-color: var(--color-primary-dark);
        --btn-hover-bg: transparent;
        --btn-hover-border-color: transparent;
        --btn-focus-color: var(--color-primary-dark);
        --btn-focus-bg: transparent;
        --btn-focus-border-color: transparent
    }
}

@media (min-width:1536px) {
    #headerRight .btn {
        --btn-font-size: var(--fontSize-base)
    }
}

@media (max-width:639.9px) {
    #headerRight .btn span {
        display: none
    }
}

#headerRight .btn .fa-Icons {
    --width: .875rem;
    --height: .875rem
}

@media (min-width:1536px) {
    #headerRight .btn .fa-Icons {
        --width: 1.125rem;
        --height: 1.125rem
    }
}

#headerRight .headerRightAmountNumber {
    position: absolute;
    top: -.1875rem;
    right: -.5rem;
    z-index: 3;
    aspect-ratio: 1/1;
    min-width: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: var(--color-primary);
    text-align: center;
    font-size: .625rem;
    line-height: 1;
    color: var(--color-white)
}

@media (min-width:640px) {
    #headerRight .headerRightAmountNumber {
        top: -.625rem;
        right: -.625rem;
        min-width: 1.5625rem;
        font-size: var(--fontSize-xs);
        line-height: 1.4
    }
}

header {
    --header-position: fixed;
    --header-width: 100%;
    --header-height: auto;
    --header-top: 0;
    --header-left: 0;
    --header-translate-x: 0;
    --header-z-index: 1020;
    --header-padding-x: 0rem;
    --header-padding-y: 0rem;
    --header-flex-direction: column;
    --header-align-items: flex-start;
    --header-justify-content: flex-start;
    --header-background-color: var(--color-white);
    --header-border-bottom-width: 1px;
    --header-border-bottom-color: var(--color-primary-1);
    --headerBody-align-items: stretch;
    --headerBody-justify-content: center;
    width: var(--header-width);
    padding: var(--header-padding-y) var(--header-padding-x);
    display: flex;
    flex-direction: var(--header-flex-direction);
    align-items: var(--header-align-items);
    justify-content: var(--header-justify-content);
    position: var(--header-position);
    top: var(--header-top);
    left: var(--header-left);
    transform: var(--header-translate-x);
    z-index: var(--header-z-index);
    background-color: var(--header-background-color);
    transition: background-color .3s ease-out .1s
}

header.active #headerLogo {
    transition: transform .2s ease-out, opacity .2s ease-out
}

@media (min-width:640px) {
    header.active #headerLogo {
        pointer-events: none;
        --un-translate-y: -20%;
        /* transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); */
        -webkit-user-select: none;
        user-select: none;
    }
}

header.active #headerLogo.active {
    transition: transform .6s ease-out, opacity .3s ease-out
}

@media (min-width:640px) {
    header.active #headerLogo.active {
        pointer-events: auto;
        --un-translate-y: 0;
        transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
        -webkit-user-select: auto;
        user-select: auto;
        opacity: 1
    }
}

header.transparent {
    --header-background-color: transparent
}

header #HeaderContainer {
    height: var(--header-height)
}

header #headerLogo {
    flex: none
}

header #headerNav,
header #headerRight {
    flex: 1 1 auto
}

header #headerBody {
    display: flex;
    align-items: var(--headerBody-align-items);
    justify-content: var(--headerBody-justify-content);
    position: relative;
    height: 100%;
    border-bottom: var(--header-border-bottom-width) solid var(--header-border-bottom-color);
    gap: .75rem
}

@media (min-width:1280px) {
    header #headerBody {
        gap: 0
    }
}

.btn-rect {
    --btn-padding-x: 0rem;
    --btn-padding-y: 0rem;
    min-width: 2.1875rem;
    width: 2.1875rem;
    height: 2.1875rem
}

.btn-rect .fa-Icons {
    --width: 1.5625rem;
    --height: 1.5625rem;
    --strokeWidth: 0rem
}

.btn-rect:hover,
.btn-rect:focus,
.btn-rect:active,
.btn-rect:focus-visible {
    --un-drop-shadow: drop-shadow(0 1px 1px var(--un-drop-shadow-color, rgb(0 0 0 / .05)));
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1.875rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: var(--color-gray-2);
    --bs-modal-bg: var(--color-white);
    --bs-modal-border-color: var(--color-secondary);
    --bs-modal-border-width: .125rem;
    --bs-modal-border-radius: .5rem;
    --bs-modal-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-modal-inner-border-radius: .625rem;
    --bs-modal-header-border-color: transparent;
    --bs-modal-header-border-width: 0rem;
    --bs-modal-title-line-height: 1.4;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: var(--color-white);
    --bs-modal-footer-border-color: var(--color-gray-3);
    --bs-modal-footer-border-width: .0625rem;
    --bs-modal-width-sm: min(21.875rem, 100%);
    --bs-modal-width-lg: min(43.75rem, 100%);
    --bs-modal-width-xl: min(56.25rem, 100%);
    --modal-header-justify: space-between;
    --modal-header-padding-x: var(--bs-modal-padding);
    --modal-header-padding-top: 3.125rem;
    --modal-header-padding-bottom: 0rem;
    --modal-title-justify: flex-start;
    --modal-title-padding-x: 0rem;
    --modal-title-padding-top: 0rem;
    --modal-title-padding-bottom: 0rem;
    --modal-title-gap: .5rem;
    --modal-title-font-size: var(--fontSize-h6);
    --modal-title-color: var(--color-black);
    --modal-title-font-weight: 700;
    --modal-title-line-height: var(--line-height);
    --modal-footer-padding-x: var(--bs-modal-padding);
    --modal-footer-padding-top: var(--bs-modal-padding);
    --modal-footer-padding-bottom: 1.5rem;
    --modal-footer-justify: flex-end;
    --modal-body-padding-x: var(--bs-modal-padding);
    --modal-body-padding-top: .9375rem;
    --modal-body-padding-bottom: 1.5rem;
    --modal-hide-header-body-padding-top: var(--modal-header-padding-top);
    --modal-hide-footer-body-padding-bottom: var(--modal-header-padding-top);
    --modal-close-size: 2.1875rem;
    --modal-close-padding: var(--btn-padding-x);
    --modal-close-top: .625rem;
    --modal-close-right: .625rem;
    --modal-close-background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.18529 10.2828L0.602051 1.89664L1.3009 1.18137L9.88414 9.56755L9.18529 10.2828Z' fill='%234D4D4D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0844 1.59033L1.69824 10.1736L0.982972 9.47472L9.36915 0.891479L10.0844 1.59033Z' fill='%234D4D4D'/%3E%3C/svg%3E%0A");
    --modal-close-hover-background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.18529 10.2828L0.602051 1.89664L1.3009 1.18137L9.88414 9.56755L9.18529 10.2828Z' fill='%23272e48'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0844 1.59033L1.69824 10.1736L0.982972 9.47472L9.36915 0.891479L10.0844 1.59033Z' fill='%23272e48'/%3E%3C/svg%3E")
}

.modal-sm {
    --bs-modal-width: var(--bs-modal-width-sm)
}

@media (min-width:768px) {
    .modal-lg {
        --bs-modal-width: var(--bs-modal-width-lg)
    }
}

@media (min-width:768px) {
    .modal-xl {
        --bs-modal-width: var(--bs-modal-width-xl)
    }
}

.modal-header {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: var(--modal-header-justify);
    padding: var(--modal-header-padding-top) var(--modal-header-padding-x) var(--modal-header-padding-bottom)
}

.modal-header.hideTitle {
    --bs-modal-header-top: 0rem;
    --bs-modal-header-bottom: 0rem;
    --bs-modal-header-padding: 0rem;
    --modal-header-padding-x: 0rem;
    --modal-header-padding-top: 0rem;
    --modal-header-padding-bottom: 0rem
}

.modal-header.hideTitle .modal-title {
    display: none
}

.modal-header.hideCloseButton .modal-close-button {
    pointer-events: none;
    display: none
}

.modal-title {
    display: flex;
    align-items: center;
    justify-content: var(--modal-title-justify);
    gap: var(--modal-title-gap);
    padding: var(--modal-title-padding-top) var(--modal-title-padding-x) var(--modal-title-padding-bottom)
}

.modal-title span {
    color: var(--modal-title-color);
    font-size: var(--modal-title-font-size);
    font-weight: var(--modal-title-font-weight);
    line-height: var(--modal-title-line-height)
}

.modal-body {
    padding: var(--modal-body-padding-top) var(--modal-body-padding-x) var(--modal-body-padding-bottom)
}

.modal-body.hideTitle {
    padding-top: var(--modal-hide-header-body-padding-top)
}

.modal-body.hideFooter {
    padding-bottom: var(--modal-hide-footer-body-padding-bottom)
}

.modal-body :where(dev, p, span, li) {
    max-width: 100%;
    white-space: normal
}

.modal-footer {
    justify-content: var(--modal-footer-justify);
    padding: var(--modal-footer-padding-top) var(--modal-footer-padding-x) var(--modal-footer-padding-bottom);
    gap: var(--bs-modal-footer-gap)
}

.modal-footer>* {
    margin: 0
}

.modal-close-button {
    --btn-border-radius: .3125rem;
    position: absolute;
    top: var(--modal-close-top);
    right: var(--modal-close-right)
}

#toastModal {
    --bs-modal-zindex: 1057;
    --bs-modal-width-sm: min(21.875rem, 100%);
    --bs-modal-padding: 1.875rem;
    --modal-body-padding-x: 1.875rem;
    --modal-body-padding-top: .9375rem;
    --modal-body-padding-bottom: 1.5rem;
    --modal-hide-footer-body-padding-bottom: var(--modal-header-padding-top);
    --modal-title-gap: .9375rem;
    --modal-title-font-weight: 700;
    --toast-body-gap: 15px;
    --toast-body-padding-x: 0rem;
    --toast-body-padding-top: 0rem;
    --toast-body-padding-bottom: 0rem;
    --toast-font-size: var(--fontSize-h6);
    --toast-font-weight: normal;
    --toast-line-height: var(--line-height);
    --toast-color: var(--color-black);
    --toast-text-align: center;
    --toast-text-padding-x: 0rem;
    --toast-text-padding-top: 0rem;
    --toast-text-padding-bottom: 0rem;
    --toast-footer-gap: 1rem;
    --toast-footer-padding-x: 0rem;
    --toast-footer-padding-top: 0rem;
    --toast-footer-padding-bottom: 0rem;
    --toast-icon-size: 1.875rem;
    --toast-icon-gap: 1rem;
    --toast-icon-error-background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_854_101)'%3E%3Cg clip-path='url(%23clip1_854_101)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z' fill='%23cd353d'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.72104 9.99868L5.30762 6.72122L6.69281 5.27856L10.1649 8.61235L13.637 5.27856L15.0222 6.72122L11.6087 9.99868L15.0221 13.2761L13.6369 14.7187L10.1649 11.385L6.69289 14.7187L5.3077 13.2761L8.72104 9.99868Z' fill='%23cd353d'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_854_101'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_854_101'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    --toast-icon-success-background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_854_99)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.9 8.1L4.5 9.5L9 14L19 4L17.6 2.6L9 11.2L5.9 8.1ZM18 10C18 14.4 14.4 18 10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C10.8 2 11.5 2.1 12.2 2.3L13.8 0.7C12.6 0.3 11.3 0 10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10H18Z' fill='%237bc420'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_854_99'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    --toast-button-height: 2.6394rem;
    --toast-button-icon-size: .75rem;
    --toast-button-icon-color: var(--color-white);
    --toast-button-loader-size: .625rem
}

#toastModal.HasToastFooter {
    --modal-hide-footer-body-padding-bottom: 1.875rem
}

#toastModal .modal-sm {
    --bs-modal-width: var(--bs-modal-width-sm, 18.75rem) !important
}

#toastModal .modal-title span.text-success {
    --modal-title-color: #7bc420
}

#toastModal .modal-title span.text-fail {
    --modal-title-color: #cd353d
}

#toastModal .toast-text {
    color: var(--toast-color);
    font-size: var(--toast-font-size);
    font-weight: var(--toast-font-weight);
    line-height: var(--toast-line-height);
    text-align: var(--toast-text-align);
    padding: var(--toast-text-padding-top) var(--toast-text-padding-x) var(--toast-text-padding-bottom);
    word-break: break-word
}

#toastModal .toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--toast-icon-gap)
}

#toastModal .toast-icon>[class^=icon-] {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: var(--toast-icon-size);
    height: var(--toast-icon-size)
}

#toastModal .toast-icon .icon-close {
    background-image: var(--toast-icon-error-background-image)
}

#toastModal .toast-icon .icon-check {
    background-image: var(--toast-icon-success-background-image)
}

#toastModal .toast-body {
    display: flex;
    flex-direction: column;
    gap: var(--toast-body-gap);
    padding: var(--toast-body-padding-top) var(--toast-body-padding-x) var(--toast-body-padding-bottom)
}

#toastModal .toast-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--toast-footer-gap);
    padding: var(--toast-footer-padding-top) var(--toast-footer-padding-x) var(--toast-footer-padding-bottom)
}

#toastModal .toast-button {
    --btn-padding-y: .5rem;
    --btn-padding-x: 1rem;
    --btn-border-radius: 4px;
    --btn-font-size: var(--fontSize-xs);
    flex: 1 1 auto;
    max-width: calc((100% - var(--toast-footer-gap))/2);
    min-height: var(--toast-button-height)
}

#toastModal .toast-button[data-toast-button-secondary] {
    --btn-font-size: var(--fontSize-base);
    --btn-font-weight: 700
}

#toastModal .toast-button .toast-button-loader {
    width: var(--toast-button-loader-size);
    height: var(--toast-button-loader-size);
    border-radius: 50%;
    background-color: #fff;
    box-shadow: calc(var(--toast-button-loader-size)*2)0#fff, calc(var(--toast-button-loader-size)*-2)0#fff;
    position: relative;
    animation: flash .5s ease-out infinite alternate
}

@keyframes flash {
    0% {
        background-color: #fff2;
        box-shadow: calc(var(--toast-button-loader-size)*2)0#fff2, calc(var(--toast-button-loader-size)*-2)0#fff
    }

    50% {
        background-color: #fff;
        box-shadow: calc(var(--toast-button-loader-size)*2)0#fff2, calc(var(--toast-button-loader-size)*-2)0#fff2
    }

    to {
        background-color: #fff2;
        box-shadow: calc(var(--toast-button-loader-size)*2)0#fff, calc(var(--toast-button-loader-size)*-2)0#fff2
    }
}

#toastModal .toast-button-icon {
    width: var(--toast-button-icon-size);
    font-size: var(--toast-button-icon-size);
    color: var(--toast-button-icon-color)
}

#toastModal .toast-button-svg svg {
    width: var(--toast-button-icon-size);
    height: var(--toast-button-icon-size)
}

#toastModal .toast-button-svg svg path {
    fill: var(--toast-button-icon-color)
}