.blog-post .post-details .post-stats {
    padding-inline: initial;
    margin-inline: initial;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 12px;
    margin-bottom: -12px;
    --scrollbar-width: auto;
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-thumb-color, silver) var(--scrollbar-track-color, #f9f9f9);
    -webkit-overflow-scrolling: touch;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.blog-post .post-details .post-stats .p-category {
    flex-wrap: nowrap;
    display: inline-flex
}

.blog-post .post-details .post-stats::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 0;
    width: autopx;
    height: autopx;
    background-color: var(--scrollbar-track-color, silver)
}

.blog-post .post-details .post-stats>span+span {
    margin-left: var(--j-gap-spacing-gap-1);
    --element-margin-left: var(--j-gap-spacing-gap-1)
}

.blog-post .post-details .post-stats::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color, silver);
    --scrollbar-thumb-color-hover: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    --scrollbar-thumb-color-active: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    border-width: 2px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-radius: 20px;
    --element-border-radius: 20px
}

.blog-post .post-details .post-stats.mac.desktop {
    --scrollW: 15px
}

.blog-post .post-details .post-stats,
.blog-post .post-details .post-stats::-webkit-scrollbar {
    --scrollbar-track-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.blog-post .post-details .post-stats,
.blog-post .post-details .post-stats::-webkit-scrollbar-thumb {
    --scrollbar-thumb-color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.blog-post .post-details .post-stats :before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.blog-post .post-details .post-stats-wrapper {
    margin-top: var(--j-gap-spacing---7);
    --element-margin-top: var(--j-gap-spacing---7);
    margin-bottom: var(--j-gap-spacing-vertical-l);
    --element-margin-bottom: var(--j-gap-spacing-vertical-l);
    padding-bottom: var(--j-gap-spacing---6);
    --element-padding-bottom: var(--j-gap-spacing---6);
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.blog-post .post-details .post-stats .p-posted {
    display: inline-flex
}

.blog-post .post-details .post-stats .p-author {
    display: inline-flex
}

.blog-post .post-details .p-date {
    display: inline-flex
}

.p-date-image {
    --p-date-size: var(--j-gap-spacing----12);
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-700);
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    margin: var(--j-gap-spacing---5);
    --element-margin: var(--j-gap-spacing---5);
    border-radius: 4px;
    --element-border-radius: 4px
}

.blog-post .post-details .p-date-image {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto
}

.p-date-image em {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*0.7));
    line-height: 1.1
}

.blog-post .post-details .post-stats .p-comment {
    display: inline-flex
}

.blog-post .post-details .post-stats .p-view {
    display: inline-flex
}

.post-stats .p-category a:not(:only-child) {
    margin-left: var(--j-gap-spacing---2);
    --element-margin-left: var(--j-gap-spacing---2)
}

.post-image {
    display: block;
    text-align: left;
    float: none
}

.post-image img {
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.post-content {
    column-count: initial;
    column-rule-style: none
}

.blog-post .tags {
    justify-content: flex-start;
    gap: var(--j-gap-spacing-gap-1);
    justify-content: flex-start;
    margin-top: var(--j-gap-spacing-vertical-l);
    --element-margin-top: var(--j-gap-spacing-vertical-l);
    margin-bottom: var(--j-gap-spacing-vertical-l);
    --element-margin-bottom: var(--j-gap-spacing-vertical-l)
}

.blog-post .tags b {
    display: none
}

.blog-post .tags a {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px;
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    padding-right: var(--j-gap-spacing---4);
    --element-padding-right: var(--j-gap-spacing---4);
    padding-left: var(--j-gap-spacing---4);
    --element-padding-left: var(--j-gap-spacing---4)
}

.no-touchevents .blog-post .tags a:hover {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.blog-post .tags a,
.blog-post .tags a:visited {
    font-family: 'Jost';
    font-weight: 400;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.25
}

.reply-btn.btn,
.reply-btn.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-200) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    letter-spacing: 0 !important;
    line-height: 1 !important
}

.reply-btn.btn {
    border-style: none;
    padding: .7em;
    --element-padding: .7em;
    padding-right: .8em;
    --element-padding-right: .8em;
    padding-left: .8em;
    --element-padding-left: .8em
}

.reply-btn.btn.btn.disabled:after {
    font-size: 1em
}

.post-comment {
    margin-bottom: 40px;
    padding-bottom: var(--j-gap-spacing-vertical-l);
    --element-padding-bottom: var(--j-gap-spacing-vertical-l);
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.post-reply {
    margin-top: var(--j-gap-spacing-vertical-l);
    --element-margin-top: var(--j-gap-spacing-vertical-l);
    padding-top: var(--j-gap-spacing-vertical-l);
    --element-padding-top: var(--j-gap-spacing-vertical-l);
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.user-avatar {
    display: block;
    filter: grayscale(1);
    border-radius: 99%;
    --element-border-radius: 99%
}

.module-blog_comments .side-image {
    display: block
}

.no-touchevents .user-avatar:hover {
    filter: grayscale(0)
}

.post-comment .user-data,
.post-comment .user-name {
    margin-top: var(--j-gap-spacing---3);
    --element-margin-top: var(--j-gap-spacing---3);
    margin-left: var(--j-gap-spacing----14);
    --element-margin-left: var(--j-gap-spacing----14)
}

.post-comment .user-name {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.post-comment .user-data div {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.post-comment .user-date:before {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.post-comment .user-time:before {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.post-comment .user-site {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.post-comment .user-site:before {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.post-comment .comment p {
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.post-comments>.title {
    margin-bottom: var(--j-gap-spacing-vertical-l) !important;
    --element-margin-bottom: var(--j-gap-spacing-vertical-l) !important
}

.reply-form {
    margin-top: var(--j-gap-spacing-vertical-xl);
    --element-margin-top: var(--j-gap-spacing-vertical-xl)
}

.user-site.p-site {
    margin-top: var(--j-gap-spacing---1);
    --element-margin-top: var(--j-gap-spacing---1)
}

.post-comment .user-data .user-date {
    display: inline-flex
}

.post-comment .user-data .user-time {
    display: inline-flex
}

.comment-form .form-group:not(.required) {
    display: flex
}

.user-data .user-site {
    display: inline-flex
}

.main-posts.post-grid.flex-grid>.post-layout {
    flex-grow: 0
}

.main-posts.post-grid.auto-grid {
    --grid-min-width: 260px;
    --grid-min-col: 1.2;
    --grid-gap: var(--j-gap-spacing-gap-3);
    --auto-grow-type: auto-fill;
    --item-width: var(--item-fill);
    --grid-min-width: 400px;
    --grid-gap: var(--j-gap-spacing-gap-4)
}

.main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 3*20px)/4 - .01px)
}

.main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/4 - .01px)
}

.one-column #content .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 2*20px)/3 - .01px)
}

.one-column #content .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/3 - .01px)
}

.two-column #content .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 1*20px)/2 - .01px)
}

.two-column #content .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/2 - .01px)
}

.side-column .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 0*20px)/1 - .01px)
}

.side-column .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/1 - .01px)
}

.post-grid .post-thumb {
    border-radius: 4px;
    --element-border-radius: 4px
}

.post-grid .post-thumb .image a {
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: none
}

.post-grid .post-thumb .image a:before {
    display: none
}

.post-grid .post-thumb .image img {
    --scale-speed: .7s
}

.no-touchevents .post-grid .post-thumb:hover .image img {
    transform: scale(var(--scale-factor, 1.1))
}

.post-grid .post-layout .post-thumb {
    --stack: 250px
}

.post-grid .post-thumb .name {
    display: flex;
    width: auto;
    margin-inline-start: auto;
    margin-inline-end: auto;
    justify-content: flex-start;
    margin-inline-start: 0;
    margin-inline-end: auto;
    margin-top: var(--j-gap-spacing---7);
    --element-margin-top: var(--j-gap-spacing---7)
}

.post-grid .post-thumb .name a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-line-clamp: 2;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.no-touchevents .post-grid .post-thumb .name a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.post-grid .post-thumb .description {
    display: var(--display);
    --display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--description-lines, 2);
    overflow: hidden;
    --description-lines: 2;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.6;
    margin-top: var(--j-gap-spacing---5);
    --element-margin-top: var(--j-gap-spacing---5)
}

.post-grid .post-thumb .button-group {
    justify-content: flex-start;
    margin-top: var(--j-gap-spacing---8);
    --element-margin-top: var(--j-gap-spacing---8);
    margin-left: -5px;
    --element-margin-left: -5px
}

.post-grid .post-thumb .btn-read-more:before {
    display: inline-flex
}

.post-grid .post-thumb .btn-read-more:after {
    display: inline-flex;
    content: '\f105' !important;
    font-family: icomoon !important
}

.post-grid .post-thumb .btn-read-more .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.post-grid .post-thumb .btn-read-more.btn,
.post-grid .post-thumb .btn-read-more.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .post-grid .post-thumb .btn-read-more.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.post-grid .post-thumb .btn-read-more.btn:active,
.no-touchevents .post-grid .post-thumb .btn-read-more.btn:hover:active {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
}

.post-grid .post-thumb .btn-read-more.btn {
    --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.post-grid .post-thumb .btn-read-more.btn,
.post-grid .post-thumb .btn-read-more.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.post-grid .post-thumb .btn-read-more.btn:active,
.no-touchevents .post-grid .post-thumb .btn-read-more.btn:hover:active,
.post-grid .post-thumb .btn-read-more.btn:focus:active,
.no-touchevents .post-grid .post-thumb .btn-read-more.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.post-grid .post-thumb .btn-read-more.btn:focus,
.post-grid .post-thumb .btn-read-more.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.post-grid .post-thumb .btn-read-more.btn:active,
.no-touchevents .post-grid .post-thumb .btn-read-more.btn:hover:active,
.post-grid .post-thumb .btn-read-more.btn:focus:active {
    box-shadow: none
}

.post-grid .post-thumb .btn-read-more.btn:focus {
    box-shadow: none
}

.post-grid .post-thumb .btn-read-more.btn.btn.disabled:after {
    font-size: 1em
}

.post-grid .post-thumb .post-stats {
    display: flex;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    justify-content: flex-start;
    --post-stats-gap: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.8));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.8));
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    padding: var(--j-gap-spacing---5);
    --element-padding: var(--j-gap-spacing---5);
    margin-top: 0;
    --element-margin-top: 0px;
    margin-bottom: var(--j-gap-spacing---7);
    --element-margin-bottom: var(--j-gap-spacing---7);
    border-bottom-right-radius: 4px;
    --element-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    --element-border-bottom-left-radius: 4px
}

.post-grid .post-thumb .p-date-image {
    --p-date-size: var(--j-gap-spacing----11);
    inset: 0 auto auto 0;
    width: var(--p-date-size, auto);
    height: var(--p-date-size, auto);
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3;
    margin: var(--j-gap-spacing---4);
    --element-margin: var(--j-gap-spacing---4);
    border-radius: 4px;
    --element-border-radius: 4px
}

.post-grid .post-thumb .post-stats .p-comment:before {
    transform: translate3d(0px, -1px, 0)
}

.post-grid .post-thumb .post-stats .p-author {
    display: flex
}

.post-grid .post-thumb .image {
    display: block
}

.post-grid .post-thumb .p-date {
    display: flex
}

.post-grid .post-thumb .post-stats .p-comment {
    display: flex
}

.post-grid .post-thumb .post-stats .p-view {
    display: flex
}

.post-grid .post-thumb .btn-read-more {
    padding-bottom: 2px !important;
    --element-padding-bottom: 2px !important
}

.post-list.post-list .post-layout {
    --post-list-spacing: var(--j-gap-spacing-vertical-xl)
}

.post-list.post-list .post-thumb .image {
    --list-image: 40%
}

.post-list .post-thumb {
    --details-stack: 300px
}

.post-list.post-list .post-thumb .caption {
    justify-content: center
}

.post-list .post-thumb .post-stats {
    --post-stats-gap: 10px;
    display: flex;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3;
    justify-content: flex-start;
    margin-bottom: var(--j-gap-spacing---6);
    --element-margin-bottom: var(--j-gap-spacing---6)
}

.post-list .post-layout {
    --details-gap: var(--j-gap-spacing-gap-4)
}

.post-list .post-thumb .p-date-image {
    --p-date-size: var(--j-gap-spacing----11);
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    font-size: var(--j-font_size-font-size-400);
    margin: var(--j-gap-spacing---4);
    --element-margin: var(--j-gap-spacing---4)
}

.post-list .post-thumb .image {
    display: block
}

.post-list .post-thumb .image a {
    border-radius: 4px;
    --element-border-radius: 4px
}

.no-touchevents .post-list .post-thumb:hover .image img {
    transform: scale(1.15)
}

.post-list .post-thumb .name {
    display: flex;
    width: auto;
    margin-inline-start: auto;
    margin-inline-end: auto;
    justify-content: flex-start;
    margin-inline-start: 0;
    margin-inline-end: auto
}

.post-list .post-thumb .name a {
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: 2;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4
}

.no-touchevents .post-list .post-thumb .name a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.post-list .post-thumb .description {
    display: block;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-500);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.7;
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.post-list .post-thumb .button-group {
    display: flex;
    justify-content: flex-start;
    margin-top: var(--j-gap-spacing---7);
    --element-margin-top: var(--j-gap-spacing---7);
    margin-left: -4px;
    --element-margin-left: -4px
}

.post-list .post-thumb .btn-read-more:before {
    display: inline-block
}

.post-list .post-thumb .btn-read-more .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.post-list .post-thumb .btn-read-more:after {
    content: '\e93f' !important;
    font-family: icomoon !important
}

.post-list .post-thumb .btn-read-more.btn,
.post-list .post-thumb .btn-read-more.btn:visited {
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.no-touchevents .post-list .post-thumb .btn-read-more.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.post-list .post-thumb .btn-read-more.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.post-list .post-thumb .btn-read-more.btn,
.post-list .post-thumb .btn-read-more.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.post-list .post-thumb .btn-read-more.btn:active,
.no-touchevents .post-list .post-thumb .btn-read-more.btn:hover:active,
.post-list .post-thumb .btn-read-more.btn:focus:active,
.no-touchevents .post-list .post-thumb .btn-read-more.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.post-list .post-thumb .btn-read-more.btn:focus,
.post-list .post-thumb .btn-read-more.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.post-list .post-thumb .btn-read-more.btn:active,
.no-touchevents .post-list .post-thumb .btn-read-more.btn:hover:active,
.post-list .post-thumb .btn-read-more.btn:focus:active {
    box-shadow: none
}

.post-list .post-thumb .btn-read-more.btn:focus {
    box-shadow: none
}

.post-list .post-thumb .btn-read-more.btn.btn.disabled:after {
    font-size: 1em
}

.post-list .post-thumb .post-stats .p-author {
    display: block
}

.post-list .post-thumb .p-date {
    display: flex
}

.post-list .post-thumb .post-stats .p-comment {
    display: block
}

.post-list .post-thumb .post-stats .p-view {
    display: flex
}

.post-list .post-thumb .p-date-image em {
    font-size: var(--j-font_size-font-size-100)
}

.blog-feed span {
    display: block;
    font-family: 'Jost' !important;
    font-weight: 400 !important
}

.blog-feed {
    display: inline-flex
}

.blog-feed:before {
    content: '\f143' !important;
    font-family: icomoon !important;
    font-size: 14px;
    color: rgba(242, 119, 99, 1)
}

.countdown>div {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    justify-content: center
}

.countdown>div>span {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.countdown {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.countdown>div+div {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.boxed-layout:not(.popup) body:before {
    --left: 0%;
    --right: 0%;
    --left-h: 0%;
    --right-h: 100%;
    --left-v: 70%;
    --right-v: 30%;
    clip-path: polygon(100% 0, 100% var(--right, 50%), var(--right-h, 50%) var(--right-v, 100%), var(--left-h, 50%) var(--left-v, 100%), 0 var(--left, 50%), 0 0)
}

:not(.boxed-layout) .global-wrapper:before {
    max-height: 400px
}

body {
    --content-top-spacing: var(--j-gap-spacing-vertical-xxl);
    --content-bottom-spacing: var(--j-gap-spacing-vertical-xxl);
    --content-max-width: 1540px;
    --side-cols-gap: var(--j-gap-spacing-gap-6);
    --col-l-width: 260px;
    font-family: 'Jost';
    font-weight: 400;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-500);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.7
}

body,
.module-slider,
.grid-row:before {
    --content-gutter: var(--j-gap-spacing-gutter-1)
}

.grid-col {
    flex-basis: calc((500px + 1px - (100*var(--unit, 1%)))*9999);
    --unit: 1%;
    flex-grow: 1
}

.side-column>.grid-rows>.grid-row>.grid-cols-wrapper>.grid-cols>.grid-col>.grid-items>.grid-item:not(:first-child):not(:only-child):not(:empty) {
    margin-top: var(--j-gap-spacing-vertical-xl)
}

.boxed-layout body:after {
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
}

html:not(.popup) .global-wrapper,
.module-header_notice {
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
}

html:not(.popup) #column-left>.grid-rows {
    position: sticky;
    top: var(--sticky-top-distance, 0)
}

html:not(.popup).mobile-header-active #column-left>.grid-rows {
    position: sticky;
    z-index: 90;
    top: calc(var(--mobile-sticky-top-distance, var(--mobile-bar, 0)) + var(--content-gutter, 0px));
    position: sticky;
    z-index: 90;
    top: calc(var(--mobile-sticky-top-distance, var(--mobile-bar, 0)) + var(--content-gutter, 0px))
}

html:not(.popup) #column-right>.grid-rows {
    position: sticky;
    top: var(--sticky-top-distance, 0)
}

html {
    font-size: 10px;
    --popup-height-margin: 40px;
    --popup-width-margin: 20px
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

a {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.no-touchevents a:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

p+* {
    margin-top: var(--j-gap-spacing-vertical-l)
}

h1,
.h1 {
    font-family: 'Jost';
    font-weight: 700;
    letter-spacing: -1px;
    word-spacing: 1px;
    line-height: 1.2;
    margin-bottom: var(--j-gap-spacing---9);
    --element-margin-bottom: var(--j-gap-spacing---9);
    display: block
}

h2,
.h2 {
    font-family: 'Jost';
    font-weight: 700;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    letter-spacing: -.5px;
    line-height: 1.3;
    margin-bottom: var(--j-gap-spacing---7);
    --element-margin-bottom: var(--j-gap-spacing---7);
    display: block
}

h3,
.h3 {
    font-family: 'Jost';
    font-weight: 600;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: var(--j-gap-spacing---7);
    --element-margin-bottom: var(--j-gap-spacing---7);
    display: block
}

h4,
.h4 {
    font-family: 'Jost';
    font-weight: 600;
    text-transform: none;
    line-height: 1.3;
    margin-bottom: var(--j-gap-spacing---6);
    --element-margin-bottom: var(--j-gap-spacing---6);
    display: block
}

h5,
.h5 {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-700);
    line-height: 1.7
}

h6,
.h6 {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-500);
    line-height: 1.7;
    display: inline-flex
}

blockquote {
    font-size: var(--j-font_size-font-size-600);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    font-style: italic;
    line-height: 1.5;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing---9);
    --element-padding: var(--j-gap-spacing---9);
    margin-top: var(--j-gap-spacing-vertical-l);
    --element-margin-top: var(--j-gap-spacing-vertical-l);
    margin-bottom: var(--j-gap-spacing-vertical-l);
    --element-margin-bottom: var(--j-gap-spacing-vertical-l);
    border-width: 0;
    border-left-width: 5px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    float: none;
    display: block
}

blockquote:before {
    margin-inline-start: auto;
    margin-inline-end: auto;
    float: left;
    content: '\e9af' !important;
    font-family: icomoon !important;
    font-size: 50px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    margin-right: 20px;
    --element-margin-right: 20px
}

hr {
    background-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    margin-top: var(--j-gap-spacing-vertical-l);
    --element-margin-top: var(--j-gap-spacing-vertical-l);
    margin-bottom: var(--j-gap-spacing-vertical-l);
    --element-margin-bottom: var(--j-gap-spacing-vertical-l);
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    overflow: visible
}

.drop-cap {
    font-family: 'Jost' !important;
    font-weight: 700 !important;
    font-size: 50px !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1 !important;
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5)
}

.amp:before {
    content: '\e901' !important;
    font-family: icomoon !important;
    font-size: 50px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

*+.video-responsive {
    margin-top: var(--j-gap-spacing-vertical-l);
    --element-margin-top: var(--j-gap-spacing-vertical-l);
    margin-bottom: var(--j-gap-spacing-vertical-l);
    --element-margin-bottom: var(--j-gap-spacing-vertical-l)
}

::selection {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.dropdown.drop-menu>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center;
    --align-scroll: var(--align-scroll-center, 0);
    --translate-x: -50%
}

.dropdown.drop-menu:first-child>.j-dropdown {
    left: 50%;
    right: auto
}

.dropdown.drop-menu:last-child>.j-dropdown {
    left: 50%;
    right: auto
}

.dropdown.dropdown>.j-dropdown:before {
    --triangle-right: 0px;
    --triangle-left: 0px
}

.dropdown.mega-custom>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center;
    --align-scroll: var(--align-scroll-center, 0);
    --translate-x: -50%
}

.dropdown.mega-custom:first-child>.j-dropdown {
    left: 50%;
    right: auto
}

.dropdown.mega-custom:last-child>.j-dropdown {
    left: 50%;
    right: auto
}

.dropdown.drop-menu.animating>.j-dropdown {
    --dropdown-from: 0
}

.dropdown.mega-menu.animating>.j-dropdown {
    --dropdown-from: 0
}

.dropdown.dropdown:not(.mega-menu) .menu-item>a>.links-text>s {
    display: var(--display, block)
}

.dropdown.dropdown:not(.mega-menu) .dropdown>a:after,
.dropdown.dropdown:not(.mega-menu) .dropdown>button:after,
.dropdown.dropdown:not(.mega-menu) .desktop-language-wrapper .dropdown .dropdown-toggle:after,
.dropdown.dropdown:not(.mega-menu) .desktop-currency-wrapper .dropdown .dropdown-toggle:after,
.dropdown.dropdown:not(.mega-menu) .mobile-language-wrapper .dropdown .dropdown-toggle:after,
.dropdown.dropdown:not(.mega-menu) .mobile-currency-wrapper .dropdown .dropdown-toggle:after {
    opacity: .4;
    left: 8px
}

.no-touchevents .dropdown.dropdown:not(.mega-menu) .dropdown:hover>a:after,
.no-touchevents .dropdown.dropdown:not(.mega-menu) .dropdown:hover>button:after,
.no-touchevents .dropdown.dropdown:not(.mega-menu) .desktop-language-wrapper .dropdown:hover .dropdown-toggle:after,
.no-touchevents .dropdown.dropdown:not(.mega-menu) .desktop-currency-wrapper .dropdown:hover .dropdown-toggle:after,
.no-touchevents .dropdown.dropdown:not(.mega-menu) .mobile-language-wrapper .dropdown:hover .dropdown-toggle:after,
.no-touchevents .dropdown.dropdown:not(.mega-menu) .mobile-currency-wrapper .dropdown:hover .dropdown-toggle:after {
    opacity: 1
}

.dropdown.dropdown:not(.mega-menu) .menu-item>a>.links-text,
.dropdown.dropdown:not(.mega-menu).language-currency .currency-title,
.dropdown.dropdown:not(.mega-menu).language-currency .language-title {
    --menu-max-width: 200px
}

.dropdown.dropdown:not(.mega-menu) .menu-item>a>.links-text {
    max-width: var(--menu-max-width, none);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 1px
}

.dropdown.dropdown:not(.mega-menu).language-currency .currency-title {
    max-width: var(--menu-max-width, none);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown.dropdown:not(.mega-menu).language-currency .language-title {
    max-width: var(--menu-max-width, none);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown.dropdown:not(.mega-menu) .menu-item>a:before {
    font-size: 1.2em
}

.dropdown.dropdown:not(.mega-menu) .menu-item>a:before,
.dropdown.dropdown:not(.mega-menu) .menu-item>a .links-text em {
    margin-right: .5em;
    --element-margin-right: .5em
}

.dropdown.dropdown:not(.mega-menu) .menu-item:not(:first-child),
.dropdown.dropdown:not(.mega-menu) .accordion-menu .menu-item>a+div {
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.dropdown.dropdown:not(.mega-menu) .menu-item>a {
    padding: var(--j-gap-spacing---5);
    --element-padding: var(--j-gap-spacing---5);
    padding-right: var(--j-gap-spacing---6);
    --element-padding-right: var(--j-gap-spacing---6);
    padding-left: var(--j-gap-spacing---6);
    --element-padding-left: var(--j-gap-spacing---6)
}

.dropdown.dropdown:not(.mega-menu) .menu-item.has-image>a {
    padding: var(--j-gap-spacing---5);
    --element-padding: var(--j-gap-spacing---5);
    padding-right: var(--j-gap-spacing---6);
    --element-padding-right: var(--j-gap-spacing---6)
}

.dropdown.dropdown:not(.mega-menu) .menu-item {
    --menu-item-gap: 0px
}

.dropdown.dropdown:not(.mega-menu) .menu-item>a>.count-badge {
    display: none;
    position: relative;
    transform: none;
    margin-inline-start: var(--x, 6px);
    margin-top: var(--margin-top, 0px);
    inset-inline-start: initial;
    --x: 8px
}

.no-touchevents .dropdown.dropdown .j-menu>li:hover>a,
.no-touchevents .dropdown.dropdown .j-menu>li:hover>a>.links-text {
    color: hsla(var(--j-color-scheme-brand-secondary-foreground-h), var(--j-color-scheme-brand-secondary-foreground-s), calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-secondary-foreground-a)*1))
}

.no-touchevents .dropdown.dropdown .j-menu>li:hover>a,
.no-touchevents .dropdown.dropdown .j-menu>li:hover>a {
    background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1))
}

.dropdown.dropdown .j-menu>li {
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.dropdown .j-menu {
    --dropdown-padding: var(--j-gap-spacing---4)
}

.dropdown .j-menu .j-menu,
.dropdown.flyout-menu-item>.j-dropdown>.j-menu {
    --dropdown-padding: 0px
}

.dropdown.dropdown:not(.mega-menu):not(#search) .j-dropdown .j-menu {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.dropdown.dropdown:not(.mega-menu):not(#search)>.j-dropdown {
    --dropdown-width: 100px;
    width: 100px
}

.dropdown.dropdown:not(.mega-menu):not(#search):not(.flyout).main-menu-item .j-dropdown .menu-item>a {
    min-width: 100px
}

.dropdown.dropdown:not(.mega-menu):not(#search).menu-item:not(.top-menu-item) .j-dropdown .j-menu>li {
    min-height: 50px;
    --dropdown-main-menu-min-height: 50px
}

.dropdown.dropdown:not(.mega-menu):not(#search).menu-item:not(.top-menu-item) .j-dropdown .j-menu>li>a {
    min-height: 50px
}

.dropdown.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu {
    box-shadow: 3px 15px 15px -2px rgb(0 0 0/10%), 3px 15px 35px -5px rgb(0 0 0/10%), 3px 15px 25px -5px rgb(0 0 0/0%);
    border-radius: 0;
    --element-border-radius: 0px
}

.dropdown.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu .j-menu {
    border-top-left-radius: 0;
    --element-border-top-left-radius: 0px
}

.dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown:not(#cart-content):before {
    display: block;
    opacity: 1
}

.dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown>.mega-menu-content {
    --triangle-size: 10px;
    --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
}

.dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown>.mega-menu-content:before {
    top: var(--triangle-size-overlay, 0px);
    height: calc(100% - var(--triangle-size-overlay, 0px))
}

.dropdown.dropdown:not(.mega-fullwidth)>.tt-menu:before {
    display: block;
    --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
}

.dropdown.dropdown:not(.mega-fullwidth)#cart-content:before {
    display: block
}

.dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown:before,
.dropdown.dropdown:not(.mega-fullwidth)>.tt-menu:before,
.dropdown.dropdown:not(.mega-fullwidth)#cart-content:before {
    border-bottom-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --triangle-left-offset: 3px;
    top: 2px
}

.dropdown.dropdown:not(.mega-fullwidth) {
    --triangle-top-distance: -2px
}

.dropdown.dropdown:not(.mega-menu):not(#search).main-menu-item {
    --triangle-top-distance: -10px
}

.dropdown.multi-level>.j-dropdown>.j-menu {
    --dropdown-cols: 2
}

.j-menu>.menu-item>a,
.j-menu>.menu-item>a>.links-text,
.j-menu>.desktop-language-wrapper button,
.j-menu>.desktop-currency-wrapper button,
.j-menu>.mobile-language-wrapper button,
.j-menu>.mobile-currency-wrapper button,
.j-menu>#cart>a {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    letter-spacing: -.1px
}

.no-touchevents .j-menu>.menu-item:hover>a,
.no-touchevents .j-menu>.menu-item:hover>a>.links-text,
.j-menu>.menu-item.active>a>.links-text,
.j-menu>.menu-item.open>a>.links-text,
.j-menu>.menu-item.panel-active>a>.links-text,
.no-touchevents .j-menu>#cart:hover>a,
.no-touchevents .j-menu>.desktop-language-wrapper .dropdown:hover button,
.no-touchevents .j-menu>.desktop-currency-wrapper .dropdown:hover button,
.no-touchevents .j-menu>.mobile-language-wrapper .dropdown:hover button,
.no-touchevents .j-menu>.mobile-currency-wrapper .dropdown:hover button {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.j-menu>.menu-item>a>.links-text>s {
    display: none;
    --display: block;
    margin: .1em 0
}

.j-menu>.menu-item.main-menu-item>a>.links-text {
    --display: inline-block
}

.j-menu>.dropdown>a:after,
.j-menu>.dropdown>button:after,
.j-menu>.desktop-language-wrapper .dropdown .dropdown-toggle:after,
.j-menu>.desktop-currency-wrapper .dropdown .dropdown-toggle:after,
.j-menu>.mobile-language-wrapper .dropdown .dropdown-toggle:after,
.j-menu>.mobile-currency-wrapper .dropdown .dropdown-toggle:after {
    opacity: .7
}

.no-touchevents .j-menu>.dropdown:hover>a:after,
.no-touchevents .j-menu>.dropdown:hover>button:after,
.no-touchevents .j-menu>.desktop-language-wrapper .dropdown:hover .dropdown-toggle:after,
.no-touchevents .j-menu>.desktop-currency-wrapper .dropdown:hover .dropdown-toggle:after,
.no-touchevents .j-menu>.mobile-language-wrapper .dropdown:hover .dropdown-toggle:after,
.no-touchevents .j-menu>.mobile-currency-wrapper .dropdown:hover .dropdown-toggle:after {
    opacity: 1
}

.j-menu>.menu-item>a>.links-text {
    max-width: var(--menu-max-width, none);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 1px
}

.j-menu>.language-currency .currency-title {
    max-width: var(--menu-max-width, none);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.j-menu>.language-currency .language-title {
    max-width: var(--menu-max-width, none);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.j-menu>.menu-item>a>span>s {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.1
}

.j-menu>.menu-item>a:before {
    font-size: 1em
}

.j-menu>.menu-item>a:before,
.j-menu>.menu-item>a .links-text em {
    margin-right: var(--j-gap-spacing---3);
    --element-margin-right: var(--j-gap-spacing---3)
}

.j-menu>.menu-item {
    --menu-item-gap: var(--j-gap-spacing---3)
}

.j-menu>.menu-item>a>.count-badge {
    position: relative;
    transform: none;
    margin-inline-start: var(--x, 6px);
    margin-top: var(--margin-top, 0px);
    inset-inline-start: initial;
    --margin-top: -1px
}

.j-menu>.menu-item .menu-image>img {
    background-color: rgba(245, 245, 245, 1);
    --background-color: rgba(245, 245, 245, 1)
}

.j-menu>.menu-item .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

legend {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

legend:after {
    display: none;
    display: none;
    margin-top: .7em
}

legend .page-title-text:after {
    display: none;
    display: none;
    margin-top: .7em
}

legend .filter-title-text:after {
    display: none;
    display: none;
    margin-top: .7em
}

.title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.title:after {
    display: none;
    margin-top: .7em
}

.title .page-title-text:after {
    display: none;
    margin-top: .7em
}

.title .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.title:after,
.title .page-title-text:after,
.title .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

html:not(.mobile) .swiper-container {
    overflow: hidden !important
}

.swiper-buttons.auto-carousel-buttons span:before,
.swiper-buttons.swiper-buttons>div:before,
.swiper-buttons.scroll-top em:before,
.swiper-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents .swiper-buttons.scroll-top em:hover:before,
.no-touchevents .swiper-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.swiper-buttons.auto-carousel-buttons span:active:before,
.swiper-buttons.swiper-buttons>div:active:before,
.swiper-buttons.scroll-top em:active:before,
.swiper-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.swiper-buttons.auto-carousel-buttons span,
.swiper-buttons.swiper-buttons>div,
.swiper-buttons.scroll-top em,
.swiper-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents .swiper-buttons.scroll-top em:hover,
.no-touchevents .swiper-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.swiper-buttons.auto-carousel-buttons span:active,
.swiper-buttons.swiper-buttons>div:active,
.swiper-buttons.scroll-top em:active,
.swiper-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.swiper-button-prev:before {
    transform: scaleX(-1)
}

.swiper-buttons:not(.slider-navigation) {
    display: flex;
    top: 50%;
    width: calc(100% - (10px*2))
}

.touchevents .swiper-buttons:not(.slider-navigation) {
    display: none
}

.swiper-button-prev {
    left: 0;
    right: auto;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.swiper-button-next {
    left: auto;
    right: 0;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.swiper-buttons:not(.slider-navigation) div {
    --width: 28px;
    --height: 28px
}

.swiper-button-disabled {
    opacity: 0
}

.swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev {
    opacity: 0;
    --disabled-scale: 0
}

.swiper-buttons:not(.slider-navigation)>.swiper-button-disabled {
    --disabled-scale: 0
}

.swiper-pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.swiper-wrapper {
    cursor: auto
}

.swiper {
    padding-bottom: 15px
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
}

.swiper-pagination>span+span {
    margin-inline-start: 8px
}

.no-touchevents .swiper-pagination-bullet:hover {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.swiper-pagination>span {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

.auto-grid {
    --scrollbar-top-space: 0px;
    --scrollbar-bottom-space: 0px;
    --scrollbar-top-spacing: 24px;
    --scroll-padding: var(--scroll-padding-custom, var(--element-padding, 0px));
    --auto-carousel-button-width: 28px;
    --auto-carousel-button-height: 28px;
    --auto-carousel-button-gap: 6px;
    --grid-min-width: 260px;
    --grid-min-col: 1.2;
    --grid-gap: var(--j-gap-spacing-gap-3);
    --auto-grow-type: auto-fill;
    --item-width: var(--item-fill)
}

.auto-carousel-bar {
    display: none;
    margin: 0;
    --auto-carousel-height: 1px;
    margin-inline-start: max(0px, var(--scroll-padding, 0px));
    margin-inline-end: max(0px, var(--scroll-padding, 0px));
    background-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    --auto-carousel-thumb-height: 3px
}

.auto-carousel-controls.auto-carousel-bar {
    max-height: 0
}

.auto-carousel-thumb {
    display: flex;
    background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.no-touchevents .auto-carousel-thumb:hover {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.auto-carousel-thumb:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 10%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 10%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.auto-carousel-fill {
    display: none;
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.auto-carousel-buttons.auto-carousel-buttons span:before,
.auto-carousel-buttons.swiper-buttons>div:before,
.auto-carousel-buttons.scroll-top em:before,
.auto-carousel-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .auto-carousel-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .auto-carousel-buttons.swiper-buttons>div:hover:before,
.no-touchevents .auto-carousel-buttons.scroll-top em:hover:before,
.no-touchevents .auto-carousel-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.auto-carousel-buttons.auto-carousel-buttons span:active:before,
.auto-carousel-buttons.swiper-buttons>div:active:before,
.auto-carousel-buttons.scroll-top em:active:before,
.auto-carousel-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.auto-carousel-buttons.auto-carousel-buttons span,
.auto-carousel-buttons.swiper-buttons>div,
.auto-carousel-buttons.scroll-top em,
.auto-carousel-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .auto-carousel-buttons.auto-carousel-buttons span:hover,
.no-touchevents .auto-carousel-buttons.swiper-buttons>div:hover,
.no-touchevents .auto-carousel-buttons.scroll-top em:hover,
.no-touchevents .auto-carousel-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.auto-carousel-buttons.auto-carousel-buttons span:active,
.auto-carousel-buttons.swiper-buttons>div:active,
.auto-carousel-buttons.scroll-top em:active,
.auto-carousel-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.auto-carousel-prev span:before {
    transform: scaleX(-1);
    font-size: 16px
}

.auto-carousel-buttons {
    visibility: visible;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    position: absolute;
    top: 50%;
    height: auto;
    transform: translate3d(0, -50%, 0);
    margin-top: var(--buttons-offset, 0px)
}

.auto-grid-items:before,
.auto-grid-items:after {
    --fader-width-right: 120px
}

.auto-carousel-buttons .auto-carousel-prev {
    order: 0;
    transform: translate3d(var(--auto-carousel-button-x, 0px), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
}

.auto-carousel-buttons .auto-carousel-next {
    order: 2;
    transform: translate3d(calc(var(--auto-carousel-button-x, 0px)*-1), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
}

.no-scroll-prev .auto-carousel-prev,
.no-scroll-next .auto-carousel-next {
    opacity: 0;
    --scale: 0
}

.auto-carousel-next span:before {
    font-size: 16px
}

.auto-grid-items {
    --cursor: grab
}

.auto-grid-items:active {
    --cursor: grabbing
}

html:not(.popup) .page-title {
    font-family: 'Jost';
    font-weight: 700;
    font-size: var(--j-font_size-font-size--title-section);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    letter-spacing: -.5px;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

html:not(.popup) .page-title:after {
    display: none;
    margin-top: .5em
}

html:not(.popup) .page-title .page-title-text:after {
    display: none;
    margin-top: .5em
}

html:not(.popup) .page-title .filter-title-text:after {
    display: none;
    margin-top: .5em
}

html:not(.popup) .page-title:after,
html:not(.popup) .page-title .page-title-text:after,
html:not(.popup) .page-title .filter-title-text:after {
    width: 50px;
    height: 2px
}

.breadcrumbs {
    min-height: var(--min-height-top, var(--min-height));
    display: flex;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    --min-height: 44px
}

html:not(.popup) .site-wrapper>.page-title .page-title-text {
    padding-inline-start: var(--content-gutter, 0px);
    padding-inline-end: var(--content-gutter-right, var(--content-gutter, 0px));
    max-width: var(--content-max-width, 100%);
    text-align: center;
    background: inherit
}

.site-wrapper>.page-title {
    order: -2;
    z-index: 2
}

.site-wrapper>.page-title:before {
    opacity: .3
}

html:not(.popup) .site-wrapper>.page-title {
    text-align: center;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    margin: 0 !important;
    --element-margin: 0px !important;
    padding-top: var(--j-gap-spacing-padding-l) !important;
    --element-padding-top: var(--j-gap-spacing-padding-l) !important
}

html:not(.popup) .site-wrapper>.page-title .page-title-text:after {
    margin-inline: auto
}

.site-wrapper>.page-title+.breadcrumbs {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --breadcrumbs-bottom-padding: var(--j-gap-spacing-padding-l)
}

.menu-label {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: rgba(255, 255, 255, 1);
    text-transform: none;
    line-height: 1.1;
    background-color: rgba(242, 119, 99, 1);
    --background-color: rgba(242, 119, 99, 1);
    background-size: contain;
    border-radius: 3px;
    --element-border-radius: 3px;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-right: 6px;
    --element-padding-right: 6px;
    padding-left: 6px;
    --element-padding-left: 6px;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02);
    --label-margin: 3px;
    --offset-y: -4px;
    position: absolute;
    transform: translate3d(calc(-100% + var(--offset-x, 0px)), calc(-150% + var(--sticky-offset-y, var(--offset-y, 0px))), 0) scale(var(--label-scale, 1));
    opacity: var(--label-opacity, 1);
    margin: 0
}

.no-touchevents :hover .menu-label {
    background-size: contain
}

.menu-label:before {
    border-right-color: transparent;
    --display: block
}

.menu-label:after {
    border-top-color: currentColor;
    --display: block
}

.module-title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.module-title:after {
    display: none
}

.module-title .page-title-text:after {
    display: none
}

.module-title .filter-title-text:after {
    display: none
}

.side-column .module-title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.side-column .module-title:after {
    display: none
}

.side-column .module-title .page-title-text:after {
    display: none
}

.side-column .module-title .filter-title-text:after {
    display: none
}

.btn,
.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.btn:active,
.no-touchevents .btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.btn,
.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.btn:active,
.no-touchevents .btn:hover:active,
.btn:focus:active,
.no-touchevents .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.btn:focus,
.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.btn.btn.disabled:after {
    font-size: 1em
}

.btn-primary.btn,
.btn-primary.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .btn-primary.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.btn-primary.btn:active,
.no-touchevents .btn-primary.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.btn-primary.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.btn-primary.btn,
.btn-primary.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.btn-primary.btn:active,
.no-touchevents .btn-primary.btn:hover:active,
.btn-primary.btn:focus:active,
.no-touchevents .btn-primary.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.btn-primary.btn:focus,
.btn-primary.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.btn-primary.btn.btn.disabled:after {
    font-size: 1em
}

.btn-lg.btn,
.btn-lg.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-600) !important;
    text-transform: none !important;
    line-height: 1 !important
}

.btn-lg.btn {
    justify-content: center;
    padding: 1.2em;
    --element-padding: 1.2em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em
}

.btn-lg.btn.btn.disabled:after {
    font-size: 1em
}

.btn-sm.btn,
.btn-sm.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-200) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    letter-spacing: 0 !important;
    line-height: 1 !important
}

.btn-sm.btn {
    border-style: none;
    padding: .7em;
    --element-padding: .7em;
    padding-right: .8em;
    --element-padding-right: .8em;
    padding-left: .8em;
    --element-padding-left: .8em
}

.btn-sm.btn.btn.disabled:after {
    font-size: 1em
}

.btn-secondary.btn,
.btn-secondary.btn:visited {
    color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
}

.no-touchevents .btn-secondary.btn:hover {
    color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1))
}

.btn-secondary.btn:active,
.no-touchevents .btn-secondary.btn:hover:active {
    color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
}

.btn-secondary.btn {
    --focus-color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
    border-style: none
}

.btn-secondary.btn,
.btn-secondary.tooltip {
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1))
}

.btn-secondary.btn:active,
.no-touchevents .btn-secondary.btn:hover:active,
.btn-secondary.btn:focus:active,
.no-touchevents .btn-secondary.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1))
}

.btn-secondary.btn:focus,
.btn-secondary.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important
}

.btn-secondary.btn.btn.disabled:after {
    font-size: 1em
}

.btn-success.btn,
.btn-success.btn:visited {
    color: rgba(255, 255, 255, .9) !important
}

.no-touchevents .btn-success.btn:hover {
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(72, 166, 111, 1);
    --background-color: rgba(72, 166, 111, 1)
}

.btn-success.btn:active,
.no-touchevents .btn-success.btn:hover:active {
    color: rgba(255, 255, 255, 1) !important
}

.btn-success.btn {
    --focus-color: rgba(255, 255, 255, 1) !important;
    border-style: none
}

.btn-success.btn,
.btn-success.tooltip {
    background-color: rgba(64, 148, 99, 1);
    --background-color: rgba(64, 148, 99, 1)
}

.btn-success.btn:active,
.no-touchevents .btn-success.btn:hover:active,
.btn-success.btn:focus:active,
.no-touchevents .btn-success.btn:focus:hover:active {
    background-color: rgba(64, 148, 99, 1);
    --background-color: rgba(64, 148, 99, 1)
}

.btn-success.btn:focus,
.btn-success.btn[disabled] {
    background-color: rgba(72, 166, 111, 1) !important;
    --background-color: rgba(72, 166, 111, 1) !important
}

.btn-success.btn.btn.disabled:after {
    font-size: 1em
}

.btn-danger.btn,
.btn-danger.btn:visited {
    color: rgba(255, 255, 255, 1) !important
}

.no-touchevents .btn-danger.btn:hover {
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(202, 37, 44, 1);
    --background-color: rgba(202, 37, 44, 1)
}

.btn-danger.btn:active,
.no-touchevents .btn-danger.btn:hover:active {
    color: rgba(255, 255, 255, 1) !important
}

.btn-danger.btn {
    --focus-color: rgba(255, 255, 255, 1) !important;
    border-style: none
}

.btn-danger.btn,
.btn-danger.tooltip {
    background-color: rgba(180, 33, 39, 1);
    --background-color: rgba(180, 33, 39, 1)
}

.btn-danger.btn:focus,
.btn-danger.btn[disabled] {
    background-color: rgba(202, 37, 44, 1) !important;
    --background-color: rgba(202, 37, 44, 1) !important
}

.btn-danger.btn.btn.disabled:after {
    font-size: 1em
}

.btn-default.btn,
.btn-default.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .btn-default.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.btn-default.btn:active,
.no-touchevents .btn-default.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.btn-default.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.btn-default.btn,
.btn-default.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.btn-default.btn:active,
.no-touchevents .btn-default.btn:hover:active,
.btn-default.btn:focus:active,
.no-touchevents .btn-default.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.btn-default.btn:focus,
.btn-default.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.btn-default.btn.btn.disabled:after {
    font-size: 1em
}

.btn-warning.btn,
.btn-warning.btn:visited {
    color: rgba(255, 255, 255, 1) !important
}

.no-touchevents .btn-warning.btn:hover {
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(202, 37, 44, 1);
    --background-color: rgba(202, 37, 44, 1)
}

.btn-warning.btn:active,
.no-touchevents .btn-warning.btn:hover:active {
    color: rgba(255, 255, 255, 1) !important
}

.btn-warning.btn {
    --focus-color: rgba(255, 255, 255, 1) !important;
    border-style: none
}

.btn-warning.btn,
.btn-warning.tooltip {
    background-color: rgba(180, 33, 39, 1);
    --background-color: rgba(180, 33, 39, 1)
}

.btn-warning.btn:focus,
.btn-warning.btn[disabled] {
    background-color: rgba(202, 37, 44, 1) !important;
    --background-color: rgba(202, 37, 44, 1) !important
}

.btn-warning.btn.btn.disabled:after {
    font-size: 1em
}

.btn-info.btn,
.btn-info.btn:visited {
    color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
}

.no-touchevents .btn-info.btn:hover {
    color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1))
}

.btn-info.btn:active,
.no-touchevents .btn-info.btn:hover:active {
    color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
}

.btn-info.btn {
    --focus-color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
    border-style: none
}

.btn-info.btn,
.btn-info.tooltip {
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1))
}

.btn-info.btn:active,
.no-touchevents .btn-info.btn:hover:active,
.btn-info.btn:focus:active,
.no-touchevents .btn-info.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1))
}

.btn-info.btn:focus,
.btn-info.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important
}

.btn-info.btn.btn.disabled:after {
    font-size: 1em
}

.btn-light.btn,
.btn-light.btn:visited {
    color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
}

.no-touchevents .btn-light.btn:hover {
    color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1))
}

.btn-light.btn:active,
.no-touchevents .btn-light.btn:hover:active {
    color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
}

.btn-light.btn {
    --focus-color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
    border-style: none
}

.btn-light.btn,
.btn-light.tooltip {
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1))
}

.btn-light.btn:active,
.no-touchevents .btn-light.btn:hover:active,
.btn-light.btn:focus:active,
.no-touchevents .btn-light.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1))
}

.btn-light.btn:focus,
.btn-light.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important
}

.btn-light.btn.btn.disabled:after {
    font-size: 1em
}

.btn-dark.btn,
.btn-dark.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .btn-dark.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.btn-dark.btn:active,
.no-touchevents .btn-dark.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.btn-dark.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.btn-dark.btn,
.btn-dark.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.btn-dark.btn:active,
.no-touchevents .btn-dark.btn:hover:active,
.btn-dark.btn:focus:active,
.no-touchevents .btn-dark.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.btn-dark.btn:focus,
.btn-dark.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.btn-dark.btn.btn.disabled:after {
    font-size: 1em
}

.buttons {
    margin-top: var(--j-gap-spacing-vertical-xl);
    --element-margin-top: var(--j-gap-spacing-vertical-xl);
    --page-buttons-width: 500px;
    --page-buttons-gap: 14px
}

.buttons .pull-left .btn,
.buttons .pull-left .btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .buttons .pull-left .btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.buttons .pull-left .btn:active,
.no-touchevents .buttons .pull-left .btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.buttons .pull-left .btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.buttons .pull-left .btn,
.buttons .pull-left .tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.buttons .pull-left .btn:active,
.no-touchevents .buttons .pull-left .btn:hover:active,
.buttons .pull-left .btn:focus:active,
.no-touchevents .buttons .pull-left .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.buttons .pull-left .btn:focus,
.buttons .pull-left .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .buttons .pull-left .btn:hover,
.no-touchevents .buttons .pull-left .btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.buttons .pull-left .btn:active,
.no-touchevents .buttons .pull-left .btn:hover:active,
.buttons .pull-left .btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.buttons .pull-left .btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.buttons .pull-left .btn.btn.disabled:after {
    font-size: 1em
}

.buttons .pull-right .btn,
.buttons .pull-right .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .buttons .pull-right .btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.buttons .pull-right .btn:active,
.no-touchevents .buttons .pull-right .btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.buttons .pull-right .btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.buttons .pull-right.btn {
    justify-content: center
}

.buttons .pull-right .btn,
.buttons .pull-right .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.buttons .pull-right .btn:active,
.no-touchevents .buttons .pull-right .btn:hover:active,
.buttons .pull-right .btn:focus:active,
.no-touchevents .buttons .pull-right .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.buttons .pull-right .btn:focus,
.buttons .pull-right .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.buttons .pull-right .btn.btn.disabled:after {
    font-size: 1em
}

.buttons>div {
    flex-grow: 0
}

.buttons .pull-right:only-child {
    max-width: 100%
}

.buttons .pull-right:only-child .btn {
    width: 100%
}

.buttons .pull-right input[type=checkbox] {
    order: -1
}

.buttons input+.btn,
.buttons .pull-right>span+.btn {
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.tags {
    justify-content: flex-start;
    gap: var(--j-gap-spacing-gap-1)
}

.tags b {
    display: none
}

.tags a {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px;
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    padding-right: var(--j-gap-spacing---4);
    --element-padding-right: var(--j-gap-spacing---4);
    padding-left: var(--j-gap-spacing---4);
    --element-padding-left: var(--j-gap-spacing---4)
}

.no-touchevents .tags a:hover {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.tags a,
.tags a:visited {
    font-family: 'Jost';
    font-weight: 400;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.25
}

.nav-tabs>li>a:not(.item-all-link),
.nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .nav-tabs>li.active>a:not(.item-all-link):hover,
.nav-tabs>li.active>a:not(.item-all-link):focus {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.no-touchevents .nav-tabs>li:hover>a:not(.item-all-link),
.nav-tabs>li.active>a:not(.item-all-link) {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .nav-tabs>li.active>a:not(.item-all-link):hover,
.nav-tabs>li.active>a:not(.item-all-link):focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.nav-tabs>li {
    border-width: 0;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.no-touchevents .nav-tabs>li:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.nav-tabs>li.active,
.no-touchevents .nav-tabs>li:hover.active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

ul.nav-tabs>li {
    border-radius: 0;
    --element-border-radius: 0px;
    flex-grow: 0
}

.nav-tabs>li.active:after {
    display: none;
    border-top-width: 10px
}

.nav-tabs>li>a:not(.item-all-link) {
    justify-content: center;
    white-space: nowrap;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: .25em;
    --element-padding-bottom: .25em
}

.nav-tabs li .menu-image>img {
    background-color: rgba(245, 245, 245, 1);
    --background-color: rgba(245, 245, 245, 1)
}

.nav-tabs li .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.nav-tabs>li>a:not(.item-all-link):before {
    font-size: 18px
}

.nav-tabs+.tab-content {
    --spacing: var(--j-gap-spacing-gap-general-2);
    margin-block-start: var(--spacing, 0px);
    margin-inline-start: 0
}

ul.nav-tabs {
    --tabs-gap: var(--j-gap-spacing-gap-4);
    --page-tabs-scroll: var(--content-gutter, 0px);
    flex-wrap: nowrap;
    --pb: 1px;
    --overflow-x-scroll: auto;
    --overflow-y-scroll: hidden;
    --max-width-display: var(--max-width, 100vw);
    scrollbar-width: none
}

.nav-tabs {
    --page-tabs-scroll-padding: var(--page-tabs-scroll-direction, 0px);
    min-width: initial;
    max-width: var(--max-width-display, 100vw);
    max-height: none;
    --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px);
    --tab-align: auto;
    flex-direction: row;
    align-items: center;
    padding-bottom: var(--pb);
    overflow-x: var(--overflow-x-scroll);
    overflow-y: var(--overflow-y-scroll)
}

.full-tabs-bg {
    --full-bg-display: block
}

.tab-content:before {
    --full-content-bg-display: block
}

.tab-content {
    flex-basis: 100%;
    max-height: none;
    overflow-y: initial;
    overflow-x: initial
}

ul.nav-tabs>li:first-child {
    margin-inline-start: 0
}

ul.nav-tabs>li:last-child {
    margin-inline-end: 0
}

ul.nav-tabs::-webkit-scrollbar {
    display: none
}

ul.nav-tabs.desktop {
    --scrollW: 0px
}

ul.nav-tabs.desktop.mac.firefox {
    --scrollW: 0px
}

.alert {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    line-height: 1.4;
    border-radius: 4px;
    --element-border-radius: 4px;
    margin-bottom: var(--j-gap-spacing---5);
    --element-margin-bottom: var(--j-gap-spacing---5)
}

.breadcrumb em.fa-home:after {
    content: 'Home'
}

.breadcrumb {
    text-align: center;
    padding-inline-start: var(--content-gutter, 0px);
    padding-inline-end: var(--content-gutter-right, var(--content-gutter, 0px));
    max-width: var(--content-max-width, 100%);
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

ul.breadcrumb {
    padding-top: var(--j-gap-spacing---3);
    --element-padding-top: var(--j-gap-spacing---3);
    padding-bottom: var(--j-gap-spacing---3);
    --element-padding-bottom: var(--j-gap-spacing---3);
    scrollbar-width: none
}

.breadcrumb li:first-of-type a .fa:before {
    content: '\ea3c' !important;
    font-family: icomoon !important;
    font-size: 1em;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    transform: translate3d(0px, -1px, 0);
    margin-right: 7px;
    --element-margin-right: 7px
}

.no-touchevents .breadcrumb li:first-of-type a:hover .fa:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.breadcrumb li a,
.breadcrumb em.fa-home:after {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.no-touchevents .breadcrumb li:hover a,
.no-touchevents .breadcrumb li:hover em.fa-home:after {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.breadcrumb>li:first-child em.fa-home:after {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.breadcrumb li:last-of-type a {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.breadcrumb>li+li:before {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.breadcrumbs~#top {
    order: initial
}

ul.breadcrumb::-webkit-scrollbar {
    display: none
}

ul.breadcrumb.desktop {
    --scrollW: 0px
}

ul.breadcrumb.desktop.mac.firefox {
    --scrollW: 0px
}

.panel-group .panel-heading a:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    font-size: 1.1em;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    order: 10;
    margin: 0 0 0 auto
}

.no-touchevents .panel-group .panel-heading:hover a:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.panel-group .panel-active .panel-heading a:before,
.no-touchevents .panel-group .panel-active .panel-heading:hover a:before {
    content: '\e40a' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.panel-group .panel-heading a {
    justify-content: flex-start;
    font-family: 'Jost';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3;
    padding-top: 1.2em;
    --element-padding-top: 1.2em;
    padding-bottom: 1.2em;
    --element-padding-bottom: 1.2em
}

.no-touchevents .panel-group .panel-heading:hover a {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.no-touchevents .panel-group .panel-active .panel-heading:hover a,
.panel-group .panel-active .panel-heading a {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.panel-group .panel {
    --panel-spacing: var(--j-gap-spacing---2)
}

.panel-body {
    margin-top: var(--j-gap-spacing---5) !important
}

.panel-group .panel:not(:only-child):not(:last-child):after {
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.panel-group .panel:last-child .panel-heading {
    border-width: 0 !important;
    border-bottom-width: 0 !important
}

.panel-group .panel-heading a.has-image {
    padding-top: .7em;
    --element-padding-top: .7em;
    padding-bottom: .7em;
    --element-padding-bottom: .7em
}

.panel-group .panel-body {
    padding-bottom: var(--j-gap-spacing---7);
    --element-padding-bottom: var(--j-gap-spacing---7)
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-width: 0
}

.panel-group .panel .menu-image>img {
    background-color: rgba(245, 245, 245, 1);
    --background-color: rgba(245, 245, 245, 1)
}

.panel-group .panel .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.count-badge {
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.6));
    border-radius: 99px;
    --element-border-radius: 99px;
    min-width: min(20px, 100%);
    min-height: min(20px, 100%)
}

.product-label strong {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.25;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    background-repeat: no-repeat;
    background-size: contain;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 3px;
    --element-border-radius: 3px;
    --scale-active: .98
}

.product-label strong,
.product-label strong>a {
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-right: var(--j-gap-spacing---3);
    --element-padding-right: var(--j-gap-spacing---3);
    padding-left: var(--j-gap-spacing---3);
    --element-padding-left: var(--j-gap-spacing---3)
}

.product-label.product-label {
    margin: 3px;
    --element-margin: 3px
}

.product-label.product-label strong:before {
    margin-right: 5px;
    --element-margin-right: 5px
}

.tooltip-inner {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*0.9));
    line-height: 1.25;
    background: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    padding: .4em;
    --element-padding: .4em;
    padding-right: .7em;
    --element-padding-right: .7em;
    padding-left: .7em;
    --element-padding-left: .7em;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.tooltip.top .tooltip-arrow {
    border-top-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.tooltip.right .tooltip-arrow {
    border-right-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.tooltip.left .tooltip-arrow {
    border-left-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.hotspot-tooltip .tooltip-inner {
    font-family: 'Jost';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
    text-align: left;
    text-transform: none;
    line-height: 1.4;
    background: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    padding: var(--j-gap-spacing-gap-2);
    --element-padding: var(--j-gap-spacing-gap-2)
}

.hotspot-tooltip.tooltip.top .tooltip-arrow {
    border-top-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.hotspot-tooltip.tooltip.right .tooltip-arrow {
    border-right-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.hotspot-tooltip.tooltip.bottom .tooltip-arrow {
    border-bottom-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.hotspot-tooltip.tooltip.left .tooltip-arrow {
    border-left-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

table td {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.4
}

table {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
}

table td,
table th {
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
}

table thead td {
    font-family: 'Jost' !important;
    font-weight: 600 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important
}

table thead {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

table thead td,
table thead th {
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
}

table tfoot td {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.table-responsive {
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.table-responsive.table-scroll:before {
    display: block;
    content: 'Scroll →	';
    font-family: 'Jost';
    font-weight: 600;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

table td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>thead>tr>th.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>thead>tr>th {
    white-space: normal
}

label,
.form-group .control-label,
.form-label {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.has-error+.text-danger,
.text-danger,
.invalid-feedback {
    font-size: 12px !important;
    color: rgba(180, 33, 39, 1) !important
}

.form-group,
.form-label {
    --form-label-width: 25%
}

.form-group,
.control-label,
.form-label {
    --label-gap: 6px
}

.form-group .control-label,
.form-label {
    justify-content: flex-start;
    align-items: center
}

legend:after,
legend .page-title-text:after,
legend .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.has-error .form-control,
.has-error .g-recaptcha iframe,
.is-invalid {
    border-style: solid !important
}

.required .control-label:after,
.required .control-label:before,
.required .control-label+div:before {
    font-size: 18px;
    color: rgba(180, 33, 39, 1)
}

.form-group {
    --input-group-spacing: var(--j-gap-spacing---6)
}

form>fieldset>.row {
    --input-group-spacing: var(--j-gap-spacing---6)
}

form>fieldset>.row+.row {
    margin-top: var(--input-group-spacing, 0px)
}

.form-group:not(:first-child) {
    margin-top: var(--input-group-spacing, 0px) !important
}

.form-group+.checkbox {
    margin-top: var(--j-gap-spacing---6)
}

.form-group~.payment {
    margin-top: var(--j-gap-spacing---6)
}

form>#account {
    margin-bottom: var(--j-gap-spacing---6)
}

form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review):not(.input-group) {
    margin-bottom: var(--j-gap-spacing---6) !important
}

.panel .radio+p {
    margin-bottom: var(--j-gap-spacing---6) !important
}

.panel p+.radio {
    margin-top: var(--j-gap-spacing---6) !important
}

fieldset:not(:last-of-type) {
    margin-bottom: var(--j-gap-spacing---6)
}

fieldset>legend {
    margin-top: var(--j-gap-spacing---6)
}

#collapse-shipping .btn {
    margin-top: var(--j-gap-spacing---6);
    width: 100%
}

.payment-address .section-body>div {
    margin-bottom: var(--j-gap-spacing---6)
}

.shipping-address .section-body>div {
    margin-bottom: var(--j-gap-spacing---6)
}

fieldset {
    --fieldset-spacing: var(--j-gap-spacing-vertical-l)
}

input.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 40px
}

.no-touchevents input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

input.form-control:focus,
input.form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

input.form-control::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.control-label {
    max-height: 42px
}

textarea.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---4);
    --element-padding: var(--j-gap-spacing---4);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 100px
}

.no-touchevents textarea.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

textarea.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

textarea.form-control:focus,
textarea.form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

select {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.no-touchevents select:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

select:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

select:focus,
select:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

select::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important;
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

select,
select.form-control,
select.form-select {
    height: 40px
}

.radio {
    width: auto
}

input[type=radio] {
    margin-inline-end: 10px !important
}

.form-group .radio>label,
.form-group .radio-inline,
.form-check-label {
    margin: calc(7px/2)
}

.form-radio {
    --radio-gap: 7px
}

input[type=radio],
input[type=checkbox] {
    min-width: 16px;
    min-height: 16px
}

.checkbox,
.checkbox-inline {
    width: 100%
}

.form-group .checkbox>label,
.form-group .checkbox-inline {
    margin: calc(6px/2)
}

.form-checkbox {
    --checkbox-gap: 6px
}

input[type=checkbox] {
    margin-inline-end: 6px !important
}

.input-group .form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.no-touchevents .input-group .form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.input-group .form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

.input-group .form-control:focus,
.input-group .form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.input-group .form-control::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.input-group-btn .btn,
.input-group-btn .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .input-group-btn .btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.input-group-btn .btn:active,
.no-touchevents .input-group-btn .btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.input-group-btn .btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.input-group-btn.btn {
    justify-content: center
}

.input-group-btn .btn,
.input-group-btn .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.input-group-btn .btn:active,
.no-touchevents .input-group-btn .btn:hover:active,
.input-group-btn .btn:focus:active,
.no-touchevents .input-group-btn .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.input-group-btn .btn:focus,
.input-group-btn .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.input-group-btn .btn.btn.disabled:after {
    font-size: 1em
}

.input-group .btn,
.input-group-btn .btn {
    min-width: 36px;
    padding: .8em !important;
    --element-padding: .8em !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 36px
}

.input-group,
.input-group-btn {
    --input-group-gap: 8px
}

.bootstrap-datetimepicker-widget .btn,
.bootstrap-datetimepicker-widget .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .bootstrap-datetimepicker-widget .btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.bootstrap-datetimepicker-widget .btn:active,
.no-touchevents .bootstrap-datetimepicker-widget .btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.bootstrap-datetimepicker-widget .btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.bootstrap-datetimepicker-widget.btn {
    justify-content: center
}

.bootstrap-datetimepicker-widget .btn,
.bootstrap-datetimepicker-widget .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.bootstrap-datetimepicker-widget .btn:active,
.no-touchevents .bootstrap-datetimepicker-widget .btn:hover:active,
.bootstrap-datetimepicker-widget .btn:focus:active,
.no-touchevents .bootstrap-datetimepicker-widget .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.bootstrap-datetimepicker-widget .btn:focus,
.bootstrap-datetimepicker-widget .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.bootstrap-datetimepicker-widget .btn.btn.disabled:after {
    font-size: 1em
}

.bootstrap-datetimepicker-widget a.btn {
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.upload-btn.btn,
.upload-btn.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .upload-btn.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.upload-btn.btn:active,
.no-touchevents .upload-btn.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.upload-btn.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.upload-btn.btn,
.upload-btn.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.upload-btn.btn:active,
.no-touchevents .upload-btn.btn:hover:active,
.upload-btn.btn:focus:active,
.no-touchevents .upload-btn.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.upload-btn.btn:focus,
.upload-btn.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.upload-btn.btn.btn.disabled:after {
    font-size: 1em
}

.product-option-file .btn i:before,
.btn.upload-btn i:before {
    content: '\ebd8' !important;
    font-family: icomoon !important
}

.product-option-file .control-label+button {
    max-width: max-content
}

.btn.upload-btn {
    width: auto
}

.pagination-results {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    line-height: 1.4;
    margin-top: var(--j-gap-spacing-vertical-1);
    --element-margin-top: var(--j-gap-spacing-vertical-1);
    justify-content: space-between;
    flex-direction: row
}

.pagination-results .text-right {
    display: block
}

ul.pagination>li>a,
ul.pagination>li>span {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents ul.pagination>li>a:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

ul.pagination>li.active>span,
.no-touchevents ul.pagination>li.active>span:hover,
ul.pagination>li>a:focus {
    color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

ul.pagination>li a,
ul.pagination>li span {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

ul.pagination>li.active a {
    box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
}

ul.pagination>li>* {
    border-radius: 9999px !important;
    --element-border-radius: 9999px !important
}

ul.pagination>li:first-child a:before,
ul.pagination>li:last-child a:before {
    content: '\eb23' !important;
    font-family: icomoon !important;
    font-size: 15px
}

ul.pagination>li .prev:before,
ul.pagination>li .next:before {
    content: '\f104' !important;
    font-family: icomoon !important;
    font-size: 15px
}

.pagination {
    --pagination-gap: 8px
}

.rating .fa-stack {
    font-size: 13px;
    width: 1.2em
}

.rating .fa-star,
.rating .fa-star+.fa-star-o {
    color: rgba(242, 199, 81, 1)
}

.rating .fa-star-o:only-child {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.7))
}

.popup-bg {
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8)
}

.popup-inner-body,
.popup {
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
}

.popup-content,
.popup-inner-body>.grid-rows,
.popup .site-wrapper {
    padding: var(--j-gap-spacing-padding-m);
    --element-padding: var(--j-gap-spacing-padding-m)
}

.popup-inner-body {
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
}

.popup-dont-show {
    justify-content: start;
    position: absolute;
    inset-inline-end: auto
}

.popup-buttons+.popup-dont-show {
    margin-top: 0
}

.popup-container .popup-close:before {
    content: '\e9c7' !important;
    font-family: icomoon !important;
    font-size: 13px
}

.popup-container .popup-close {
    width: 30px;
    height: 30px;
    margin-inline-end: -10px;
    margin-top: 25px
}

div.popup-container .btn.popup-close {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    padding: 0 !important;
    --element-padding: 0px !important
}

.popup-container .popup-close.btn,
.popup-container .popup-close.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.no-touchevents .popup-container .popup-close.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.popup-container .popup-close.btn:active,
.no-touchevents .popup-container .popup-close.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.popup-container .popup-close.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.popup-container .popup-close.btn,
.popup-container .popup-close.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.popup-container .popup-close.btn:active,
.no-touchevents .popup-container .popup-close.btn:hover:active,
.popup-container .popup-close.btn:focus:active,
.no-touchevents .popup-container .popup-close.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.popup-container .popup-close.btn:focus,
.popup-container .popup-close.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
}

.no-touchevents .popup-container .popup-close.btn:hover,
.no-touchevents .popup-container .popup-close.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.popup-container .popup-close.btn.btn.disabled:after {
    font-size: 1em
}

.popup-header {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    margin: 0 !important;
    --element-margin: 0px !important;
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6);
    padding-left: var(--j-gap-spacing---8);
    --element-padding-left: var(--j-gap-spacing---8);
    border-width: 0;
    border-bottom-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.popup-header:after {
    display: none
}

.popup-header .page-title-text:after {
    display: none
}

.popup-header .filter-title-text:after {
    display: none
}

.popup-footer {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6);
    padding-top: 18px;
    --element-padding-top: 18px;
    padding-bottom: 18px;
    --element-padding-bottom: 18px;
    border-width: 0;
    border-top-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.btn-popup-1.btn,
.btn-popup-1.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .btn-popup-1.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.btn-popup-1.btn:active,
.no-touchevents .btn-popup-1.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.btn-popup-1.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.btn-popup-1.btn,
.btn-popup-1.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.btn-popup-1.btn:active,
.no-touchevents .btn-popup-1.btn:hover:active,
.btn-popup-1.btn:focus:active,
.no-touchevents .btn-popup-1.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.btn-popup-1.btn:focus,
.btn-popup-1.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.btn-popup-1.btn.btn.disabled:after {
    font-size: 1em
}

.btn-popup-2.btn,
.btn-popup-2.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .btn-popup-2.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.btn-popup-2.btn:active,
.no-touchevents .btn-popup-2.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.btn-popup-2.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.btn-popup-2.btn,
.btn-popup-2.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.btn-popup-2.btn:active,
.no-touchevents .btn-popup-2.btn:hover:active,
.btn-popup-2.btn:focus:active,
.no-touchevents .btn-popup-2.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.btn-popup-2.btn:focus,
.btn-popup-2.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.btn-popup-2.btn.btn.disabled:after {
    font-size: 1em
}

.scroll-top.auto-carousel-buttons span:before,
.scroll-top.swiper-buttons>div:before,
.scroll-top.scroll-top em:before,
.scroll-top.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .scroll-top.auto-carousel-buttons span:hover:before,
.no-touchevents .scroll-top.swiper-buttons>div:hover:before,
.no-touchevents .scroll-top.scroll-top em:hover:before,
.no-touchevents .scroll-top.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.scroll-top.auto-carousel-buttons span:active:before,
.scroll-top.swiper-buttons>div:active:before,
.scroll-top.scroll-top em:active:before,
.scroll-top.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.scroll-top.auto-carousel-buttons span,
.scroll-top.swiper-buttons>div,
.scroll-top.scroll-top em,
.scroll-top.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .scroll-top.auto-carousel-buttons span:hover,
.no-touchevents .scroll-top.swiper-buttons>div:hover,
.no-touchevents .scroll-top.scroll-top em:hover,
.no-touchevents .scroll-top.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.scroll-top.auto-carousel-buttons span:active,
.scroll-top.swiper-buttons>div:active,
.scroll-top.scroll-top em:active,
.scroll-top.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

div.scroll-top.scroll-top em:before {
    content: '\f106' !important;
    font-family: icomoon !important;
    font-size: 22px
}

.scroll-top {
    left: auto;
    right: 0;
    --translate-x: 0px;
    --scroll-top-side-offset: 18px;
    --scroll-top-bottom-offset: 24px;
    --scroll-top-width: 38px;
    --scroll-top-height: 38px
}

.journal-loading>em:before,
.ias-spinner>em:before,
.btn.disabled:after {
    content: '\ea10' !important;
    font-family: icomoon !important;
    font-size: 24px;
    color: rgba(245, 245, 245, 1)
}

.journal-loading>.fa-spin,
.ias-spinner>em:before,
.btn.disabled:after {
    animation: fa-spin infinite linear
}

.journal-loading>.fa-spin,
.ias-spinner>em,
.ias-spinner>em:before,
.btn.disabled:after {
    animation-duration: .35s
}

.mobile-header-active .menu-trigger .menu-icon:before,
.header div.menu-trigger .j-menu>li>a:before {
    content: '\eb13' !important;
    font-family: icomoon !important
}

.header-search>button:before,
.header .mini-search .search-trigger .menu-icon:before {
    content: '\e910' !important;
    font-family: icomoon !important
}

.btn-cart:before,
.fa-shopping-cart:before,
div.cart-has-items .fa-shopping-cart:before {
    content: '\eb3e' !important;
    font-family: icomoon !important
}

.btn-wishlist:before {
    content: '\ea93' !important;
    font-family: icomoon !important
}

.btn-compare:before,
.compare-btn:before {
    content: '\ead0' !important;
    font-family: icomoon !important
}

.fa-refresh:before {
    content: '\e976' !important;
    font-family: icomoon !important
}

.td-remove .fa:before,
[data-original-title=Remove] .fa:before,
.btn-danger .fa:before {
    content: '\ea0a' !important;
    font-family: icomoon !important
}

.fa-times-circle:before,
.fa-times:before,
.reset-filter:before,
.notification-close:before,
.popup-close:before,
.hn-close:before {
    content: '\e981' !important;
    font-family: icomoon !important
}

.fa-eye:before {
    content: '\eb54' !important;
    font-family: icomoon !important
}

.fa-reply:before {
    content: '\ea1b' !important;
    font-family: icomoon !important
}

.p-author:before {
    content: '\eaaa' !important;
    font-family: icomoon !important;
    margin-right: 5px;
    --element-margin-right: 5px
}

.p-date:before {
    content: '\ea2d' !important;
    font-family: icomoon !important;
    margin-right: 5px;
    --element-margin-right: 5px
}

.p-time:before {
    content: '\eb29' !important;
    font-family: icomoon !important;
    margin-right: 5px;
    --element-margin-right: 5px
}

.p-comment:before {
    content: '\f27b' !important;
    font-family: icomoon !important;
    margin-right: 5px;
    --element-margin-right: 5px
}

.p-view:before {
    content: '\eb54' !important;
    font-family: icomoon !important;
    margin-right: 5px;
    --element-margin-right: 5px
}

.p-category:before {
    content: '\e97a' !important;
    font-family: icomoon !important;
    margin-right: 5px;
    --element-margin-right: 5px
}

.user-site:before {
    content: '\e321' !important;
    font-family: icomoon !important;
    transform: translate3d(-1px, 1px, 0);
    margin-right: 5px;
    --element-margin-right: 5px
}

*:not(html, body, .popup-wrapper, .auto-grid-items)::-webkit-scrollbar {
    display: block;
    width: thinpx;
    height: thinpx;
    background-color: var(--scrollbar-track-color, silver)
}

*:not(html, body, .popup-wrapper, .auto-grid-items) {
    scrollbar-width: var(--scrollbar-width, auto);
    --scrollbar-width: thin;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-color, silver) var(--scrollbar-track-color, #f9f9f9)
}

*:not(html, body, .popup-wrapper, .auto-grid-items).desktop {
    --scrollW: 15px
}

*:not(html, body, .popup-wrapper, .auto-grid-items).mac.desktop.firefox {
    --scrollW: 11px
}

*:not(html, body, .popup-wrapper, .auto-grid-items)::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color, silver);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

*:not(html, body, .popup-wrapper, .auto-grid-items).mac.desktop {
    --scrollW: 11px
}

*:not(html, body, .popup-wrapper, .auto-grid-items),
*:not(html, body, .popup-wrapper, .auto-grid-items)::-webkit-scrollbar {
    --scrollbar-track-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

*:not(html, body, .popup-wrapper, .auto-grid-items),
*:not(html, body, .popup-wrapper, .auto-grid-items)::-webkit-scrollbar-thumb {
    --scrollbar-thumb-color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.expand-content {
    max-height: 70px
}

.block-expand.btn,
.block-expand.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .block-expand.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.block-expand.btn:active,
.no-touchevents .block-expand.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.block-expand.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-200) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    padding: .6em !important;
    --element-padding: .6em !important;
    padding-right: .8em !important;
    --element-padding-right: .8em !important;
    padding-left: .8em !important;
    --element-padding-left: .8em !important
}

.block-expand.btn,
.block-expand.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.block-expand.btn:active,
.no-touchevents .block-expand.btn:hover:active,
.block-expand.btn:focus:active,
.no-touchevents .block-expand.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.block-expand.btn:focus,
.block-expand.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .block-expand.btn:hover,
.no-touchevents .block-expand.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.block-expand.btn:active,
.no-touchevents .block-expand.btn:hover:active,
.block-expand.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.block-expand.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.block-expand.btn.btn.disabled:after {
    font-size: 1em
}

.block-expand:after {
    content: 'Show More'
}

.block-expanded .block-expand:after {
    content: 'Show Less'
}

.block-expand:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    font-size: 1em;
    order: 0;
    margin-inline-end: var(--expand-spacing, 0);
    --expand-spacing: 4px
}

.block-expanded .block-expand:before {
    content: '\e40a' !important;
    font-family: icomoon !important
}

.block-expand-overlay {
    --expand-overlay: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
}

.old-browser {
    color: rgba(68, 68, 68, 1);
    background-color: rgba(255, 255, 255, 1);
    --background-color: rgba(255, 255, 255, 1)
}

.j-loader .journal-loading>i:before {
    margin-top: -2px;
    --element-margin-top: -2px
}

.modal .modal-header {
    position: sticky
}

.modal-header .modal-title {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.modal {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.modal-header {
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.modal .modal-content {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

:root {
    --browser-theme-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
}

.notification-cart.notification {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
}

.notification-cart .notification-close {
    display: block;
    width: 28px;
    height: 28px;
    margin-inline-end: 4px;
    margin-top: 4px
}

.notification-cart .notification-close:before {
    content: '\e5cd' !important;
    font-family: icomoon !important;
    font-size: 16px;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.notification-cart .btn.notification-close {
    border-radius: 99px !important;
    --element-border-radius: 99px !important
}

.no-touchevents .notification-cart .notification-close:hover:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.notification-cart .notification-close.btn,
.notification-cart .notification-close.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .notification-cart .notification-close.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.notification-cart .notification-close.btn:active,
.no-touchevents .notification-cart .notification-close.btn:hover:active {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
}

.notification-cart .notification-close.btn {
    --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.notification-cart .notification-close.btn,
.notification-cart .notification-close.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.notification-cart .notification-close.btn:active,
.no-touchevents .notification-cart .notification-close.btn:hover:active,
.notification-cart .notification-close.btn:focus:active,
.no-touchevents .notification-cart .notification-close.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.notification-cart .notification-close.btn:focus,
.notification-cart .notification-close.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.notification-cart .notification-close.btn:active,
.no-touchevents .notification-cart .notification-close.btn:hover:active,
.notification-cart .notification-close.btn:focus:active {
    box-shadow: none
}

.notification-cart .notification-close.btn:focus {
    box-shadow: none
}

.notification-cart .notification-close.btn.btn.disabled:after {
    font-size: 1em
}

.notification-cart .notification-content {
    display: block
}

.notification-cart .notification-content img {
    float: left;
    display: block;
    margin-right: var(--j-gap-spacing---6);
    --element-margin-right: var(--j-gap-spacing---6);
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.notification-cart .notification-text {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.5
}

.notification-cart .notification-title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3;
    margin-bottom: var(--j-gap-spacing---4);
    --element-margin-bottom: var(--j-gap-spacing---4)
}

.notification-cart .notification-buttons {
    display: flex;
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.notification-cart .notification-view-cart.btn,
.notification-cart .notification-view-cart.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .notification-cart .notification-view-cart.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.notification-cart .notification-view-cart.btn:active,
.no-touchevents .notification-cart .notification-view-cart.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.notification-cart .notification-view-cart.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.notification-cart .notification-view-cart.btn,
.notification-cart .notification-view-cart.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.notification-cart .notification-view-cart.btn:active,
.no-touchevents .notification-cart .notification-view-cart.btn:hover:active,
.notification-cart .notification-view-cart.btn:focus:active,
.no-touchevents .notification-cart .notification-view-cart.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.notification-cart .notification-view-cart.btn:focus,
.notification-cart .notification-view-cart.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .notification-cart .notification-view-cart.btn:hover,
.no-touchevents .notification-cart .notification-view-cart.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.notification-cart .notification-view-cart.btn:active,
.no-touchevents .notification-cart .notification-view-cart.btn:hover:active,
.notification-cart .notification-view-cart.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.notification-cart .notification-view-cart.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.notification-cart .notification-view-cart.btn.btn.disabled:after {
    font-size: 1em
}

.notification-cart .notification-view-cart {
    display: inline-flex;
    flex-grow: 1;
    margin: var(--j-gap-spacing---2);
    --element-margin: var(--j-gap-spacing---2)
}

.notification-cart .notification-view-cart:before {
    content: none !important
}

.notification-cart .notification-buttons .btn {
    padding: .8em !important;
    --element-padding: .8em !important
}

.notification-cart .notification-checkout.btn,
.notification-cart .notification-checkout.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .notification-cart .notification-checkout.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.notification-cart .notification-checkout.btn:active,
.no-touchevents .notification-cart .notification-checkout.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.notification-cart .notification-checkout.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.notification-cart .notification-checkout.btn,
.notification-cart .notification-checkout.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.notification-cart .notification-checkout.btn:active,
.no-touchevents .notification-cart .notification-checkout.btn:hover:active,
.notification-cart .notification-checkout.btn:focus:active,
.no-touchevents .notification-cart .notification-checkout.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.notification-cart .notification-checkout.btn:focus,
.notification-cart .notification-checkout.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.notification-cart .notification-checkout.btn.btn.disabled:after {
    font-size: 1em
}

.notification-cart .notification-checkout {
    display: inline-flex;
    flex-grow: 1;
    margin: var(--j-gap-spacing---2);
    --element-margin: var(--j-gap-spacing---2)
}

.notification-wishlist.notification {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
}

.notification-wishlist .notification-close {
    display: block;
    width: 28px;
    height: 28px;
    margin-inline-end: 4px;
    margin-top: 4px
}

.notification-wishlist .notification-close:before {
    content: '\e5cd' !important;
    font-family: icomoon !important;
    font-size: 16px;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.notification-wishlist .btn.notification-close {
    border-radius: 99px !important;
    --element-border-radius: 99px !important
}

.no-touchevents .notification-wishlist .notification-close:hover:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.notification-wishlist .notification-close.btn,
.notification-wishlist .notification-close.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .notification-wishlist .notification-close.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.notification-wishlist .notification-close.btn:active,
.no-touchevents .notification-wishlist .notification-close.btn:hover:active {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
}

.notification-wishlist .notification-close.btn {
    --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.notification-wishlist .notification-close.btn,
.notification-wishlist .notification-close.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.notification-wishlist .notification-close.btn:active,
.no-touchevents .notification-wishlist .notification-close.btn:hover:active,
.notification-wishlist .notification-close.btn:focus:active,
.no-touchevents .notification-wishlist .notification-close.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.notification-wishlist .notification-close.btn:focus,
.notification-wishlist .notification-close.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.notification-wishlist .notification-close.btn:active,
.no-touchevents .notification-wishlist .notification-close.btn:hover:active,
.notification-wishlist .notification-close.btn:focus:active {
    box-shadow: none
}

.notification-wishlist .notification-close.btn:focus {
    box-shadow: none
}

.notification-wishlist .notification-close.btn.btn.disabled:after {
    font-size: 1em
}

.notification-wishlist .notification-content {
    display: block
}

.notification-wishlist .notification-content img {
    float: left;
    display: block;
    margin-right: var(--j-gap-spacing---6);
    --element-margin-right: var(--j-gap-spacing---6);
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.notification-wishlist .notification-text {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.5
}

.notification-wishlist .notification-title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3;
    margin-bottom: var(--j-gap-spacing---4);
    --element-margin-bottom: var(--j-gap-spacing---4)
}

.notification-wishlist .notification-buttons {
    display: flex;
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.notification-wishlist .notification-view-cart.btn,
.notification-wishlist .notification-view-cart.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .notification-wishlist .notification-view-cart.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.notification-wishlist .notification-view-cart.btn:active,
.no-touchevents .notification-wishlist .notification-view-cart.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.notification-wishlist .notification-view-cart.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.notification-wishlist .notification-view-cart.btn,
.notification-wishlist .notification-view-cart.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.notification-wishlist .notification-view-cart.btn:active,
.no-touchevents .notification-wishlist .notification-view-cart.btn:hover:active,
.notification-wishlist .notification-view-cart.btn:focus:active,
.no-touchevents .notification-wishlist .notification-view-cart.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.notification-wishlist .notification-view-cart.btn:focus,
.notification-wishlist .notification-view-cart.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .notification-wishlist .notification-view-cart.btn:hover,
.no-touchevents .notification-wishlist .notification-view-cart.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.notification-wishlist .notification-view-cart.btn:active,
.no-touchevents .notification-wishlist .notification-view-cart.btn:hover:active,
.notification-wishlist .notification-view-cart.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.notification-wishlist .notification-view-cart.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.notification-wishlist .notification-view-cart.btn.btn.disabled:after {
    font-size: 1em
}

.notification-wishlist .notification-view-cart {
    display: inline-flex;
    flex-grow: 1;
    margin: var(--j-gap-spacing---2);
    --element-margin: var(--j-gap-spacing---2)
}

.notification-wishlist .notification-view-cart:before {
    content: none !important
}

.notification-wishlist .notification-buttons .btn {
    padding: .8em !important;
    --element-padding: .8em !important
}

.notification-wishlist .notification-checkout.btn,
.notification-wishlist .notification-checkout.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .notification-wishlist .notification-checkout.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.notification-wishlist .notification-checkout.btn:active,
.no-touchevents .notification-wishlist .notification-checkout.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.notification-wishlist .notification-checkout.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.notification-wishlist .notification-checkout.btn,
.notification-wishlist .notification-checkout.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.notification-wishlist .notification-checkout.btn:active,
.no-touchevents .notification-wishlist .notification-checkout.btn:hover:active,
.notification-wishlist .notification-checkout.btn:focus:active,
.no-touchevents .notification-wishlist .notification-checkout.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.notification-wishlist .notification-checkout.btn:focus,
.notification-wishlist .notification-checkout.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.notification-wishlist .notification-checkout.btn.btn.disabled:after {
    font-size: 1em
}

.notification-wishlist .notification-checkout {
    display: inline-flex;
    flex-grow: 1;
    margin: var(--j-gap-spacing---2);
    --element-margin: var(--j-gap-spacing---2)
}

.notification-compare.notification {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
}

.notification-compare .notification-close {
    display: block;
    width: 28px;
    height: 28px;
    margin-inline-end: 4px;
    margin-top: 4px
}

.notification-compare .notification-close:before {
    content: '\e5cd' !important;
    font-family: icomoon !important;
    font-size: 16px;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.notification-compare .btn.notification-close {
    border-radius: 99px !important;
    --element-border-radius: 99px !important
}

.no-touchevents .notification-compare .notification-close:hover:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.notification-compare .notification-close.btn,
.notification-compare .notification-close.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .notification-compare .notification-close.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.notification-compare .notification-close.btn:active,
.no-touchevents .notification-compare .notification-close.btn:hover:active {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
}

.notification-compare .notification-close.btn {
    --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.notification-compare .notification-close.btn,
.notification-compare .notification-close.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.notification-compare .notification-close.btn:active,
.no-touchevents .notification-compare .notification-close.btn:hover:active,
.notification-compare .notification-close.btn:focus:active,
.no-touchevents .notification-compare .notification-close.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.notification-compare .notification-close.btn:focus,
.notification-compare .notification-close.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.notification-compare .notification-close.btn:active,
.no-touchevents .notification-compare .notification-close.btn:hover:active,
.notification-compare .notification-close.btn:focus:active {
    box-shadow: none
}

.notification-compare .notification-close.btn:focus {
    box-shadow: none
}

.notification-compare .notification-close.btn.btn.disabled:after {
    font-size: 1em
}

.notification-compare .notification-content {
    display: block
}

.notification-compare .notification-content img {
    float: left;
    display: block;
    margin-right: var(--j-gap-spacing---6);
    --element-margin-right: var(--j-gap-spacing---6);
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.notification-compare .notification-text {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.5
}

.notification-compare .notification-title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3;
    margin-bottom: var(--j-gap-spacing---4);
    --element-margin-bottom: var(--j-gap-spacing---4)
}

.notification-compare .notification-buttons {
    display: flex;
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.notification-compare .notification-view-cart.btn,
.notification-compare .notification-view-cart.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .notification-compare .notification-view-cart.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.notification-compare .notification-view-cart.btn:active,
.no-touchevents .notification-compare .notification-view-cart.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.notification-compare .notification-view-cart.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.notification-compare .notification-view-cart.btn,
.notification-compare .notification-view-cart.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.notification-compare .notification-view-cart.btn:active,
.no-touchevents .notification-compare .notification-view-cart.btn:hover:active,
.notification-compare .notification-view-cart.btn:focus:active,
.no-touchevents .notification-compare .notification-view-cart.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.notification-compare .notification-view-cart.btn:focus,
.notification-compare .notification-view-cart.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .notification-compare .notification-view-cart.btn:hover,
.no-touchevents .notification-compare .notification-view-cart.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.notification-compare .notification-view-cart.btn:active,
.no-touchevents .notification-compare .notification-view-cart.btn:hover:active,
.notification-compare .notification-view-cart.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.notification-compare .notification-view-cart.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.notification-compare .notification-view-cart.btn.btn.disabled:after {
    font-size: 1em
}

.notification-compare .notification-view-cart {
    display: inline-flex;
    flex-grow: 1;
    margin: var(--j-gap-spacing---2);
    --element-margin: var(--j-gap-spacing---2)
}

.notification-compare .notification-view-cart:before {
    content: none !important
}

.notification-compare .notification-buttons .btn {
    padding: .8em !important;
    --element-padding: .8em !important
}

.notification-compare .notification-checkout.btn,
.notification-compare .notification-checkout.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .notification-compare .notification-checkout.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.notification-compare .notification-checkout.btn:active,
.no-touchevents .notification-compare .notification-checkout.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.notification-compare .notification-checkout.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.notification-compare .notification-checkout.btn,
.notification-compare .notification-checkout.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.notification-compare .notification-checkout.btn:active,
.no-touchevents .notification-compare .notification-checkout.btn:hover:active,
.notification-compare .notification-checkout.btn:focus:active,
.no-touchevents .notification-compare .notification-checkout.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.notification-compare .notification-checkout.btn:focus,
.notification-compare .notification-checkout.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.notification-compare .notification-checkout.btn.btn.disabled:after {
    font-size: 1em
}

.notification-compare .notification-checkout {
    display: inline-flex;
    flex-grow: 1;
    margin: var(--j-gap-spacing---2);
    --element-margin: var(--j-gap-spacing---2)
}

.notification-wrapper-message>div.notification {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
}

.notification-wrapper-message>div .notification-close {
    display: block;
    width: 28px;
    height: 28px;
    margin-inline-end: 4px;
    margin-top: 4px
}

.notification-wrapper-message>div .notification-close:before {
    content: '\e5cd' !important;
    font-family: icomoon !important;
    font-size: 16px;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.notification-wrapper-message>div .btn.notification-close {
    border-radius: 99px !important;
    --element-border-radius: 99px !important
}

.no-touchevents .notification-wrapper-message>div .notification-close:hover:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.notification-wrapper-message>div .notification-close.btn,
.notification-wrapper-message>div .notification-close.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .notification-wrapper-message>div .notification-close.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.notification-wrapper-message>div .notification-close.btn:active,
.no-touchevents .notification-wrapper-message>div .notification-close.btn:hover:active {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
}

.notification-wrapper-message>div .notification-close.btn {
    --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.notification-wrapper-message>div .notification-close.btn,
.notification-wrapper-message>div .notification-close.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.notification-wrapper-message>div .notification-close.btn:active,
.no-touchevents .notification-wrapper-message>div .notification-close.btn:hover:active,
.notification-wrapper-message>div .notification-close.btn:focus:active,
.no-touchevents .notification-wrapper-message>div .notification-close.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.notification-wrapper-message>div .notification-close.btn:focus,
.notification-wrapper-message>div .notification-close.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.notification-wrapper-message>div .notification-close.btn:active,
.no-touchevents .notification-wrapper-message>div .notification-close.btn:hover:active,
.notification-wrapper-message>div .notification-close.btn:focus:active {
    box-shadow: none
}

.notification-wrapper-message>div .notification-close.btn:focus {
    box-shadow: none
}

.notification-wrapper-message>div .notification-close.btn.btn.disabled:after {
    font-size: 1em
}

.notification-wrapper-message>div .notification-content {
    display: block
}

.notification-wrapper-message>div .notification-content img {
    float: left;
    display: block;
    margin-right: var(--j-gap-spacing---6);
    --element-margin-right: var(--j-gap-spacing---6);
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.notification-wrapper-message>div .notification-text {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.5
}

.notification-wrapper-message>div .notification-title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3;
    margin-bottom: var(--j-gap-spacing---4);
    --element-margin-bottom: var(--j-gap-spacing---4)
}

.notification-wrapper-message>div .notification-buttons {
    display: flex;
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.notification-wrapper-message>div .notification-view-cart.btn,
.notification-wrapper-message>div .notification-view-cart.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.notification-wrapper-message>div .notification-view-cart.btn:active,
.no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.notification-wrapper-message>div .notification-view-cart.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.notification-wrapper-message>div .notification-view-cart.btn,
.notification-wrapper-message>div .notification-view-cart.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.notification-wrapper-message>div .notification-view-cart.btn:active,
.no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:hover:active,
.notification-wrapper-message>div .notification-view-cart.btn:focus:active,
.no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.notification-wrapper-message>div .notification-view-cart.btn:focus,
.notification-wrapper-message>div .notification-view-cart.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:hover,
.no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.notification-wrapper-message>div .notification-view-cart.btn:active,
.no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:hover:active,
.notification-wrapper-message>div .notification-view-cart.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.notification-wrapper-message>div .notification-view-cart.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.notification-wrapper-message>div .notification-view-cart.btn.btn.disabled:after {
    font-size: 1em
}

.notification-wrapper-message>div .notification-view-cart {
    display: inline-flex;
    flex-grow: 1;
    margin: var(--j-gap-spacing---2);
    --element-margin: var(--j-gap-spacing---2)
}

.notification-wrapper-message>div .notification-view-cart:before {
    content: none !important
}

.notification-wrapper-message>div .notification-buttons .btn {
    padding: .8em !important;
    --element-padding: .8em !important
}

.notification-wrapper-message>div .notification-checkout.btn,
.notification-wrapper-message>div .notification-checkout.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .notification-wrapper-message>div .notification-checkout.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.notification-wrapper-message>div .notification-checkout.btn:active,
.no-touchevents .notification-wrapper-message>div .notification-checkout.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.notification-wrapper-message>div .notification-checkout.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.notification-wrapper-message>div .notification-checkout.btn,
.notification-wrapper-message>div .notification-checkout.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.notification-wrapper-message>div .notification-checkout.btn:active,
.no-touchevents .notification-wrapper-message>div .notification-checkout.btn:hover:active,
.notification-wrapper-message>div .notification-checkout.btn:focus:active,
.no-touchevents .notification-wrapper-message>div .notification-checkout.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.notification-wrapper-message>div .notification-checkout.btn:focus,
.notification-wrapper-message>div .notification-checkout.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.notification-wrapper-message>div .notification-checkout.btn.btn.disabled:after {
    font-size: 1em
}

.notification-wrapper-message>div .notification-checkout {
    display: inline-flex;
    flex-grow: 1;
    margin: var(--j-gap-spacing---2);
    --element-margin: var(--j-gap-spacing---2)
}

.stepper input.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    box-shadow: none
}

.no-touchevents .stepper input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.stepper input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.stepper {
    --stepper-max-width: 110px;
    --stepper-border: 0;
    max-width: var(--stepper-max-width, 100%);
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.stepper button {
    position: static;
    width: calc(var(--stepper-button-width, 30)*1px*3);
    height: 100%;
    min-height: 36px;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.stepper button.fa-angle-down {
    border-inline-width: 0 var(--stepper-border, 0);
    border-block-width: 0
}

.stepper .form-control {
    max-width: 100% !important
}

.stepper .fa-angle-down:before {
    content: '\eb85' !important;
    font-family: icomoon !important;
    font-size: 18px
}

.stepper .fa-angle-up:before {
    content: '\eba0' !important;
    font-family: icomoon !important;
    font-size: 18px
}

.stepper button:before {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .stepper button:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.stepper button:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.no-touchevents .stepper button:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - -3%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.stepper button:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 4%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
}

.popup-quickview html {
    --popup-height-margin: 40px;
    --popup-width-margin: 20px
}

.popup-quickview .popup-bg {
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8)
}

.popup-quickview .popup-inner-body,
.popup-quickview .popup {
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
}

.popup-quickview .popup-content,
.popup-quickview .popup-inner-body>.grid-rows,
.popup-quickview .popup .site-wrapper {
    padding: var(--j-gap-spacing-padding-m);
    --element-padding: var(--j-gap-spacing-padding-m)
}

.popup-quickview .popup-inner-body {
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
}

.popup-quickview .popup-dont-show {
    justify-content: start;
    position: absolute;
    inset-inline-end: auto
}

.popup-quickview .popup-buttons+.popup-dont-show {
    margin-top: 0
}

.popup-quickview .popup-container .popup-close:before {
    content: '\e9c7' !important;
    font-family: icomoon !important;
    font-size: 13px
}

.popup-quickview .popup-container .popup-close {
    width: 30px;
    height: 30px;
    margin-inline-end: -10px;
    margin-top: 25px
}

.popup-quickview div.popup-container .btn.popup-close {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    padding: 0 !important;
    --element-padding: 0px !important
}

.popup-quickview .popup-container .popup-close.btn,
.popup-quickview .popup-container .popup-close.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.no-touchevents .popup-quickview .popup-container .popup-close.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.popup-quickview .popup-container .popup-close.btn:active,
.no-touchevents .popup-quickview .popup-container .popup-close.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.popup-quickview .popup-container .popup-close.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.popup-quickview .popup-container .popup-close.btn,
.popup-quickview .popup-container .popup-close.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.popup-quickview .popup-container .popup-close.btn:active,
.no-touchevents .popup-quickview .popup-container .popup-close.btn:hover:active,
.popup-quickview .popup-container .popup-close.btn:focus:active,
.no-touchevents .popup-quickview .popup-container .popup-close.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.popup-quickview .popup-container .popup-close.btn:focus,
.popup-quickview .popup-container .popup-close.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
}

.no-touchevents .popup-quickview .popup-container .popup-close.btn:hover,
.no-touchevents .popup-quickview .popup-container .popup-close.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.popup-quickview .popup-container .popup-close.btn.btn.disabled:after {
    font-size: 1em
}

.popup-quickview .popup-header {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    margin: 0 !important;
    --element-margin: 0px !important;
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6);
    padding-left: var(--j-gap-spacing---8);
    --element-padding-left: var(--j-gap-spacing---8);
    border-width: 0;
    border-bottom-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.popup-quickview .popup-header:after {
    display: none
}

.popup-quickview .popup-header .page-title-text:after {
    display: none
}

.popup-quickview .popup-header .filter-title-text:after {
    display: none
}

.popup-quickview .popup-footer {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6);
    padding-top: 18px;
    --element-padding-top: 18px;
    padding-bottom: 18px;
    --element-padding-bottom: 18px;
    border-width: 0;
    border-top-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.popup-quickview .btn-popup-1.btn,
.popup-quickview .btn-popup-1.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .popup-quickview .btn-popup-1.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-quickview .btn-popup-1.btn:active,
.no-touchevents .popup-quickview .btn-popup-1.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.popup-quickview .btn-popup-1.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.popup-quickview .btn-popup-1.btn,
.popup-quickview .btn-popup-1.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-quickview .btn-popup-1.btn:active,
.no-touchevents .popup-quickview .btn-popup-1.btn:hover:active,
.popup-quickview .btn-popup-1.btn:focus:active,
.no-touchevents .popup-quickview .btn-popup-1.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-quickview .btn-popup-1.btn:focus,
.popup-quickview .btn-popup-1.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.popup-quickview .btn-popup-1.btn.btn.disabled:after {
    font-size: 1em
}

.popup-quickview .btn-popup-2.btn,
.popup-quickview .btn-popup-2.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .popup-quickview .btn-popup-2.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-quickview .btn-popup-2.btn:active,
.no-touchevents .popup-quickview .btn-popup-2.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.popup-quickview .btn-popup-2.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.popup-quickview .btn-popup-2.btn,
.popup-quickview .btn-popup-2.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-quickview .btn-popup-2.btn:active,
.no-touchevents .popup-quickview .btn-popup-2.btn:hover:active,
.popup-quickview .btn-popup-2.btn:focus:active,
.no-touchevents .popup-quickview .btn-popup-2.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-quickview .btn-popup-2.btn:focus,
.popup-quickview .btn-popup-2.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.popup-quickview .btn-popup-2.btn.btn.disabled:after {
    font-size: 1em
}

.popup-quickview .popup-container {
    width: 1100px
}

.route-product-product.popup-quickview #product-product {
    --product-page-split: 55%;
    --product-page-split-gap: var(--j-gap-spacing---9)
}

.route-product-product.popup-quickview h1.page-title {
    display: none
}

.route-product-product.popup-quickview div.page-title {
    display: block
}

.route-product-product.popup-quickview #content .page-title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.route-product-product.popup-quickview #content .page-title:after {
    display: none;
    margin-top: .7em
}

.route-product-product.popup-quickview #content .page-title .page-title-text:after {
    display: none;
    margin-top: .7em
}

.route-product-product.popup-quickview #content .page-title .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.route-product-product.popup-quickview #content .page-title:after,
.route-product-product.popup-quickview #content .page-title .page-title-text:after,
.route-product-product.popup-quickview #content .page-title .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-product.popup-quickview #content .title.page-title {
    margin-bottom: 1em !important;
    --element-margin-bottom: 1em !important
}

.route-product-product.popup-quickview .product-left-wrapper,
.route-product-product.popup-quickview .product-right-wrapper {
    position: sticky;
    z-index: 90;
    top: var(--j-gap-spacing-padding-m)
}

html:not(.mobile) .route-product-product.popup-quickview .product-left .product-image .swiper-container {
    overflow: visible !important
}

.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span:before,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div:before,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em:before,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em:hover:before,
.no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span:active:before,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div:active:before,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em:active:before,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em:hover,
.no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span:active,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div:active,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em:active,
.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .product-left .product-image .swiper-button-prev:before {
    transform: scaleX(-1)
}

.route-product-product.popup-quickview .product-left .product-image .swiper-buttons:not(.slider-navigation) {
    display: flex;
    top: 50%
}

.touchevents .route-product-product.popup-quickview .product-left .product-image .swiper-buttons:not(.slider-navigation) {
    display: none
}

.route-product-product.popup-quickview .product-left .product-image .swiper-button-prev {
    left: 0;
    right: auto;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.route-product-product.popup-quickview .product-left .product-image .swiper-button-next {
    left: auto;
    right: 0;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.route-product-product.popup-quickview .product-left .product-image .swiper-buttons:not(.slider-navigation) div {
    --width: 32px;
    --height: 32px
}

.route-product-product.popup-quickview .product-left .product-image .swiper-button-disabled {
    opacity: 0
}

.route-product-product.popup-quickview .product-left .product-image .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev {
    opacity: 0
}

.route-product-product.popup-quickview .product-left .product-image .swiper-pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.route-product-product.popup-quickview .product-left .product-image .swiper-wrapper {
    cursor: auto
}

.route-product-product.popup-quickview .product-left .product-image .swiper {
    padding-bottom: 24px
}

.route-product-product.popup-quickview .product-left .product-image .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
}

.route-product-product.popup-quickview .product-left .product-image .swiper-pagination>span+span {
    margin-inline-start: 8px
}

.no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-pagination-bullet:hover {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .product-left .product-image .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .product-left .product-image .swiper-pagination>span {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

.route-product-product.popup-quickview .product-image .swiper.swiper-has-pages .swiper-controls {
    display: block
}

.route-product-product.popup-quickview .product-image .swiper.swiper-has-pages .swiper-buttons {
    display: block
}

.route-product-product.popup-quickview .swiper .swiper-slide {
    cursor: zoom-in
}

html:not(.mobile) .route-product-product.popup-quickview .additional-images .swiper-container {
    overflow: hidden !important
}

.route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span:before,
.route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div:before,
.route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em:before,
.route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em:hover:before,
.no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span:active:before,
.route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div:active:before,
.route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em:active:before,
.route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span,
.route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div,
.route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em,
.route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em:hover,
.no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span:active,
.route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div:active,
.route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em:active,
.route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .additional-images .swiper-button-prev:before {
    transform: scaleX(-1)
}

.route-product-product.popup-quickview .additional-images .swiper-buttons:not(.slider-navigation) {
    display: flex;
    top: 50%;
    width: calc(100% - (10px*2))
}

.touchevents .route-product-product.popup-quickview .additional-images .swiper-buttons:not(.slider-navigation) {
    display: none
}

.route-product-product.popup-quickview .additional-images .swiper-button-prev {
    left: 0;
    right: auto;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.route-product-product.popup-quickview .additional-images .swiper-button-next {
    left: auto;
    right: 0;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.route-product-product.popup-quickview .additional-images .swiper-buttons:not(.slider-navigation) div {
    --width: 28px;
    --height: 28px
}

.route-product-product.popup-quickview .additional-images .swiper-button-disabled {
    opacity: 0
}

.route-product-product.popup-quickview .additional-images .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev {
    opacity: 0;
    --disabled-scale: 0
}

.route-product-product.popup-quickview .additional-images .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled {
    --disabled-scale: 0
}

.route-product-product.popup-quickview .additional-images .swiper-pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.route-product-product.popup-quickview .additional-images .swiper-wrapper {
    cursor: auto
}

.route-product-product.popup-quickview .additional-images .swiper {
    padding-bottom: 15px
}

.route-product-product.popup-quickview .additional-images .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
}

.route-product-product.popup-quickview .additional-images .swiper-pagination>span+span {
    margin-inline-start: 8px
}

.no-touchevents.route-product-product.popup-quickview .additional-images .swiper-pagination-bullet:hover {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .additional-images .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .additional-images .swiper-pagination>span {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

html:not(.mobile) .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-container {
    overflow: hidden !important
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:before,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:before,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em:before,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em:hover:before,
.no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:active:before,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:active:before,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em:active:before,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em:hover,
.no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:active,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:active,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em:active,
.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) {
    display: flex;
    top: 0
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-button-prev {
    left: auto;
    right: 0;
    transform: translate(-110%, -100%) scale(var(--disabled-scale, 1))
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-button-next {
    transform: translate(0, -100%) scale(var(--disabled-scale, 1))
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) div {
    --width: 60px;
    --height: 16px
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) div:before {
    content: '\e408' !important;
    font-family: icomoon !important
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) .swiper-button-next:before {
    content: '\e409' !important;
    font-family: icomoon !important
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-pagination {
    display: none;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper {
    padding-bottom: 0;
    padding-bottom: 0
}

.touchevents .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-pagination {
    display: none
}

.touchevents .route-product-product.popup-quickview .direction-vertical .additional-images .swiper {
    padding-bottom: 0
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-wrapper {
    cursor: auto
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-pagination-bullet {
    width: 4px;
    height: 4px
}

.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-pagination>span+span {
    margin-inline-start: 6px
}

.route-product-product.popup-quickview .product-info {
    --sections-gap: var(--j-gap-spacing-gap-4)
}

.route-product-product.popup-quickview .product-info .product-details .product-stats {
    border-width: 1px;
    border-style: solid;
    order: 3
}

.route-product-product.popup-quickview .product-info .product-stats ul {
    width: 100%
}

.route-product-product.popup-quickview .product-stats .product-views:before {
    content: '\f06e' !important;
    font-family: icomoon !important
}

.route-product-product.popup-quickview .product-stats .product-sold:before {
    content: '\e99a' !important;
    font-family: icomoon !important
}

.route-product-product.popup-quickview .product-info .product-labels-outside {
    display: none;
    justify-content: flex-start;
    --label-grow: 0;
    order: 2
}

.route-product-product.popup-quickview .product-info .custom-stats {
    justify-content: flex-start
}

.route-product-product.popup-quickview .product-info .product-details .rating {
    justify-content: flex-start
}

.route-product-product.popup-quickview .product-info .product-details .countdown-wrapper {
    display: block
}

.route-product-product.popup-quickview .product-info .product-details .product-price-group {
    order: 1;
    text-align: left;
    display: flex
}

.route-product-product.popup-quickview .product-info .product-details .price-group {
    justify-content: flex-start;
    flex-direction: row;
    align-items: center
}

.route-product-product.popup-quickview .product-info .product-details .price-group .product-price,
.route-product-product.popup-quickview .product-info .product-details .price-group .product-price-new {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-800);
    line-height: 1
}

.route-product-product.popup-quickview .product-info .product-details .product-price {
    margin: 0;
    --element-margin: 0px
}

.route-product-product.popup-quickview .product-info .product-details .product-price-new {
    order: -1
}

.route-product-product.popup-quickview .product-info .product-details .price-group .product-price-old {
    font-family: 'Jost';
    font-weight: 400;
    font-size: 90%;
    color: rgba(242, 119, 99, 1);
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    letter-spacing: 0;
    line-height: 1
}

.route-product-product.popup-quickview .product-info .product-details .product-points {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    display: block
}

.route-product-product.popup-quickview .product-info .product-details .product-tax {
    display: block;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-product-product.popup-quickview .product-info .product-details .discounts {
    display: block
}

.route-product-product.popup-quickview .product-info .product-details .product-discount {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.route-product-product.popup-quickview .product-info .product-details .product-options {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    padding: 0;
    --element-padding: 0px;
    order: 4
}

.route-product-product.popup-quickview .product-info .product-details .product-options>.options-title {
    display: none
}

.route-product-product.popup-quickview .product-info .product-details .product-options>h3:not(.options-title) {
    display: block
}

.route-product-product.popup-quickview div.product-options .form-group {
    --input-group-spacing: var(--j-gap-spacing-gap-1)
}

.route-product-product.popup-quickview .product-info .product-details .product-options .push-option label input:checked+.push-option-image img {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .7)
}

.route-product-product.popup-quickview .product-info .product-details .button-group-page {
    position: fixed;
    width: 100%;
    z-index: 1000;
    margin: 0;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*0.8));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*0.8));
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6);
    margin-top: var(--j-gap-spacing---5);
    --element-margin-top: var(--j-gap-spacing---5);
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.route-product-product.popup-quickview body {
    padding-bottom: var(--popup-fixed-buttons, 0)
}

.route-product-product.popup-quickview .site-wrapper {
    padding-bottom: 0
}

.route-product-product.popup-quickview .product-info .button-group-page .stepper {
    display: flex;
    height: 44px;
    max-width: 100px
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-cart {
    display: inline-flex;
    height: 44px;
    min-height: 44px
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-cart:before,
.route-product-product.popup-quickview .product-info .button-group-page .btn-cart .btn-text {
    display: inline-block
}

.route-product-product.popup-quickview .product-info .product-details .stepper-group {
    flex-grow: 1
}

.route-product-product.popup-quickview .product-info .product-details .stepper-group .btn-cart {
    flex-grow: 1
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-cart:before {
    font-size: 16px
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn,
.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn,
.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:hover:active,
.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:focus:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:focus,
.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn.btn.disabled:after {
    font-size: 1em
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details {
    display: inline-flex;
    flex-grow: 0;
    flex-basis: auto;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    margin: var(--j-gap-spacing---4);
    --element-margin: var(--j-gap-spacing---4);
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    margin-left: var(--j-gap-spacing---5);
    --element-margin-left: var(--j-gap-spacing---5)
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details:before,
.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details .btn-text {
    display: inline-block
}

.route-product-product.popup-quickview .product-info .button-group-page #button-cart {
    padding: 1em !important;
    --element-padding: 1em !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist {
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 1em !important;
    --element-padding: 1em !important;
    display: inline-flex;
    margin-left: auto;
    --element-margin-left: auto
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare {
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 1em !important;
    --element-padding: 1em !important;
    display: inline-flex
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details:after {
    content: '\e5c8' !important;
    font-family: icomoon !important;
    margin-left: 5px;
    --element-margin-left: 5px
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn,
.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:visited {
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn,
.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:hover:active,
.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:focus:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:focus,
.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:hover:active,
.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:focus:active {
    box-shadow: none
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:focus {
    box-shadow: none
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn.btn.disabled:after {
    font-size: 1em
}

.route-product-product.popup-quickview .product-info .product-details .button-group-page .wishlist-compare {
    flex-grow: 0 !important
}

.route-product-product.popup-quickview .product-info .button-group-page .wishlist-compare {
    min-width: auto;
    margin: 0 auto 0 auto
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist .btn-text {
    display: none
}

.route-product-product.popup-quickview .product-info .button-group-page .wishlist-compare .btn-wishlist {
    flex-grow: 1 !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist:before {
    font-size: 18px
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn,
.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn,
.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover:active,
.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:focus:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:focus,
.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover:active,
.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn.btn.disabled:after {
    font-size: 1em
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare .btn-text {
    display: none
}

.route-product-product.popup-quickview .product-info .button-group-page .wishlist-compare .btn-compare {
    flex-grow: 1 !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare:before {
    font-size: 18px
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn,
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn,
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover:active,
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus,
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:active,
.no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover:active,
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn.btn.disabled:after {
    font-size: 1em
}

.route-product-product.popup-quickview .product-info .product-details .buttons-wrapper {
    --quickview-buttons-gap: 4px
}

.popup-quickview .product-right .description {
    order: 100
}

.popup-quickview .expand-content {
    overflow: hidden;
    max-height: 100px
}

.header-logo {
    display: block
}

.header-logo-alternate {
    display: none
}

.mobile-header .header-logo {
    display: block
}

.mobile-header .header-logo-alternate {
    display: none
}

.login-box>div {
    flex-basis: 300px;
    padding: calc(60px/2)
}

.login-box>div:first-child {
    order: 2;
    display: block
}

.route-account-login .site-wrapper>.container,
html:not(.popup).route-account-login .site-wrapper>.page-title .page-title-text,
.route-account-login .breadcrumb {
    max-width: 1000px
}

.route-account-logout .site-wrapper>.container,
html:not(.popup).route-account-logout .site-wrapper>.page-title .page-title-text,
.route-account-login .breadcrumb {
    max-width: 1000px
}

.route-account-forgotten .site-wrapper>.container,
html:not(.popup).route-account-forgotten .site-wrapper>.page-title .page-title-text,
.route-account-login .breadcrumb {
    max-width: 1000px
}

.route-account-register .site-wrapper>.container,
html:not(.popup).route-account-register .site-wrapper>.page-title .page-title-text,
.route-account-login .breadcrumb {
    max-width: 1000px
}

.route-account-login .site-wrapper>.container>.row {
    margin: 0
}

.route-account-logout .site-wrapper>.container>.row {
    margin: 0
}

.route-account-forgotten .site-wrapper>.container>.row {
    margin: 0
}

.route-account-register .site-wrapper>.container>.row {
    margin: 0
}

#account-forgotten #content {
    margin: 0;
    width: 100%
}

#account-login #content {
    margin: 0;
    width: 100%
}

.route-account-logout #common-success #content {
    margin: 0;
    width: 100%
}

#account-register #content {
    margin: 0;
    width: 100%
}

#account-login .side-column {
    display: none
}

#account-forgotten .side-column {
    display: none
}

.route-account-logout #common-success .side-column {
    display: none
}

#account-register .side-column {
    display: none
}

.login-box {
    margin: calc(0px - 60px/2)
}

.login-box .well {
    border-radius: 4px;
    --element-border-radius: 4px
}

.popup-login .title {
    margin-bottom: var(--j-gap-spacing-vertical-l) !important;
    --element-margin-bottom: var(--j-gap-spacing-vertical-l) !important
}

.popup-login html {
    --popup-height-margin: 40px;
    --popup-width-margin: 20px
}

.popup-login .popup-bg {
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8)
}

.popup-login .popup-inner-body,
.popup-login .popup {
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
}

.popup-login .popup-content,
.popup-login .popup-inner-body>.grid-rows,
.popup-login .popup .site-wrapper {
    padding: var(--j-gap-spacing-padding-m);
    --element-padding: var(--j-gap-spacing-padding-m)
}

.popup-login .popup-inner-body {
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
}

.popup-login .popup-dont-show {
    justify-content: start;
    position: absolute;
    inset-inline-end: auto
}

.popup-login .popup-buttons+.popup-dont-show {
    margin-top: 0
}

.popup-login .popup-container .popup-close:before {
    content: '\e9c7' !important;
    font-family: icomoon !important;
    font-size: 13px
}

.popup-login .popup-container .popup-close {
    width: 30px;
    height: 30px;
    margin-inline-end: -10px;
    margin-top: 25px
}

.popup-login div.popup-container .btn.popup-close {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    padding: 0 !important;
    --element-padding: 0px !important
}

.popup-login .popup-container .popup-close.btn,
.popup-login .popup-container .popup-close.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.no-touchevents .popup-login .popup-container .popup-close.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.popup-login .popup-container .popup-close.btn:active,
.no-touchevents .popup-login .popup-container .popup-close.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.popup-login .popup-container .popup-close.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.popup-login .popup-container .popup-close.btn,
.popup-login .popup-container .popup-close.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.popup-login .popup-container .popup-close.btn:active,
.no-touchevents .popup-login .popup-container .popup-close.btn:hover:active,
.popup-login .popup-container .popup-close.btn:focus:active,
.no-touchevents .popup-login .popup-container .popup-close.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.popup-login .popup-container .popup-close.btn:focus,
.popup-login .popup-container .popup-close.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
}

.no-touchevents .popup-login .popup-container .popup-close.btn:hover,
.no-touchevents .popup-login .popup-container .popup-close.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.popup-login .popup-container .popup-close.btn.btn.disabled:after {
    font-size: 1em
}

.popup-login .popup-header {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    margin: 0 !important;
    --element-margin: 0px !important;
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6);
    padding-left: var(--j-gap-spacing---8);
    --element-padding-left: var(--j-gap-spacing---8);
    border-width: 0;
    border-bottom-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.popup-login .popup-header:after {
    display: none
}

.popup-login .popup-header .page-title-text:after {
    display: none
}

.popup-login .popup-header .filter-title-text:after {
    display: none
}

.popup-login .popup-footer {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6);
    padding-top: 18px;
    --element-padding-top: 18px;
    padding-bottom: 18px;
    --element-padding-bottom: 18px;
    border-width: 0;
    border-top-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.popup-login .btn-popup-1.btn,
.popup-login .btn-popup-1.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .popup-login .btn-popup-1.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-login .btn-popup-1.btn:active,
.no-touchevents .popup-login .btn-popup-1.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.popup-login .btn-popup-1.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.popup-login .btn-popup-1.btn,
.popup-login .btn-popup-1.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-login .btn-popup-1.btn:active,
.no-touchevents .popup-login .btn-popup-1.btn:hover:active,
.popup-login .btn-popup-1.btn:focus:active,
.no-touchevents .popup-login .btn-popup-1.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-login .btn-popup-1.btn:focus,
.popup-login .btn-popup-1.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.popup-login .btn-popup-1.btn.btn.disabled:after {
    font-size: 1em
}

.popup-login .btn-popup-2.btn,
.popup-login .btn-popup-2.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .popup-login .btn-popup-2.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-login .btn-popup-2.btn:active,
.no-touchevents .popup-login .btn-popup-2.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.popup-login .btn-popup-2.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.popup-login .btn-popup-2.btn,
.popup-login .btn-popup-2.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-login .btn-popup-2.btn:active,
.no-touchevents .popup-login .btn-popup-2.btn:hover:active,
.popup-login .btn-popup-2.btn:focus:active,
.no-touchevents .popup-login .btn-popup-2.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.popup-login .btn-popup-2.btn:focus,
.popup-login .btn-popup-2.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.popup-login .btn-popup-2.btn.btn.disabled:after {
    font-size: 1em
}

.popup-login .popup-container {
    width: 520px
}

.popup-register .popup-container {
    width: 520px
}

a.forgot-password {
    margin-bottom: var(--j-gap-spacing-vertical-l);
    --element-margin-bottom: var(--j-gap-spacing-vertical-l)
}

.account-list>li>a {
    font-size: 1.2rem;
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.2;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    padding: 12%;
    --element-padding: 12%;
    padding-top: 14%;
    --element-padding-top: 14%;
    padding-bottom: 14%;
    --element-padding-bottom: 14%;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    flex-direction: column;
    width: 100%;
    text-align: center;
    --scale-hover: 1.05;
    --scale-active: 1
}

.no-touchevents .account-list>li>a:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    border-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.account-list>li>a:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    font-size: 3.8rem;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    margin-bottom: var(--j-gap-spacing---4);
    --element-margin-bottom: var(--j-gap-spacing---4);
    margin-inline-end: 0;
    margin-inline-start: 0
}

.no-touchevents .account-list>li>a:hover:before {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1))
}

.account-list .edit-info {
    display: flex
}

.route-information-sitemap .site-edit {
    display: block
}

.account-list .edit-pass {
    display: flex
}

.route-information-sitemap .site-pass {
    display: block
}

.account-list .edit-address {
    display: flex
}

.route-information-sitemap .site-address {
    display: block
}

.account-list .edit-wishlist {
    display: flex
}

.my-cards {
    display: block
}

.account-list>li.edit-payment-method {
    display: flex
}

.account-list .edit-order {
    display: flex
}

.route-information-sitemap .site-history {
    display: block
}

.account-list .edit-downloads {
    display: flex
}

.route-information-sitemap .site-download {
    display: block
}

.account-list .edit-rewards {
    display: flex
}

.account-list .edit-returns {
    display: flex
}

.account-list .edit-transactions {
    display: flex
}

.account-list .edit-recurring,
.account-list>li.edit-subscription>a:before {
    display: flex
}

.my-affiliates {
    display: block
}

.my-newsletter .account-list {
    display: flex
}

.my-affiliates .title {
    display: block
}

.my-newsletter .title {
    display: block
}

.my-account .title {
    display: block
}

.my-orders .title {
    display: block
}

.my-cards .title {
    display: block
}

.account-page .title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.account-page .title:after {
    display: none
}

.account-page .title .page-title-text:after {
    display: none
}

.account-page .title .filter-title-text:after {
    display: none
}

.account-list>li {
    width: calc(100%/6);
    padding: 10px;
    margin: 0
}

.account-list {
    margin: 0 -10px -10px;
    flex-direction: row
}

.account-list>.edit-info>a:before {
    content: '\e90d' !important;
    font-family: icomoon !important
}

.account-list>.edit-pass>a:before {
    content: '\eac4' !important;
    font-family: icomoon !important
}

.account-list>.edit-address>a:before {
    content: '\e956' !important;
    font-family: icomoon !important
}

.account-list>.edit-wishlist>a:before {
    content: '\e955' !important;
    font-family: icomoon !important;
    font-size: 4.2rem
}

.my-cards .account-list>li>a:before,
.account-list>li.edit-payment-method>a:before {
    content: '\e950' !important;
    font-family: icomoon !important
}

.account-list>.edit-order>a:before {
    content: '\ead5' !important;
    font-family: icomoon !important
}

.account-list>.edit-downloads>a:before {
    content: '\eb4e' !important;
    font-family: icomoon !important
}

.account-list>.edit-rewards>a:before {
    content: '\e952' !important;
    font-family: icomoon !important
}

.account-list>.edit-returns>a:before {
    content: '\f112' !important;
    font-family: icomoon !important
}

.account-list>.edit-transactions>a:before {
    content: '\eab6' !important;
    font-family: icomoon !important
}

.account-list>.edit-recurring>a:before,
.account-list>li.edit-subscription>a:before {
    content: '\e8b3' !important;
    font-family: icomoon !important;
    font-size: 4.2rem
}

.account-list>.affiliate-add>a:before {
    content: '\e95a' !important;
    font-family: icomoon !important
}

.account-list>.affiliate-edit>a:before {
    content: '\e95a' !important;
    font-family: icomoon !important
}

.account-list>.affiliate-track>a:before {
    content: '\e93c' !important;
    font-family: icomoon !important
}

.my-newsletter .account-list>li>a:before {
    content: '\e94c' !important;
    font-family: icomoon !important
}

.account-page>div .title {
    margin-bottom: .8em !important;
    --element-margin-bottom: .8em !important
}

.route-account-register .account-customer-group label:after {
    display: none !important
}

#account .account-firstname label:after {
    display: none !important
}

#account .account-lastname label:after {
    display: none !important
}

#account .account-telephone label:after {
    display: none !important
}

#account .account-fax label:after {
    display: none !important
}

.route-account-register .address-company label:after {
    display: none !important
}

#account-address .address-company label:after {
    display: none !important
}

.route-account-register .address-address-2 label:after {
    display: none !important
}

#account-address .address-address-2 label:after {
    display: none !important
}

.route-account-order-info td .btn-primary.btn,
.route-account-order-info td .btn-primary.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-account-order-info td .btn-primary.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-account-order-info td .btn-primary.btn:active,
.no-touchevents.route-account-order-info td .btn-primary.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.route-account-order-info td .btn-primary.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-account-order-info td .btn-primary.btn,
.route-account-order-info td .btn-primary.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-account-order-info td .btn-primary.btn:active,
.no-touchevents.route-account-order-info td .btn-primary.btn:hover:active,
.route-account-order-info td .btn-primary.btn:focus:active,
.no-touchevents.route-account-order-info td .btn-primary.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-account-order-info td .btn-primary.btn:focus,
.route-account-order-info td .btn-primary.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.route-account-order-info td .btn-primary.btn.btn.disabled:after {
    font-size: 1em
}

.route-account-order-info td .btn-primary i:before {
    content: '\e936' !important;
    font-family: icomoon !important
}

.route-account-order-info td .btn-primary {
    padding: .5em !important;
    --element-padding: .5em !important
}

.route-account-order td .btn-info.btn,
.route-account-order td .btn-info.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-account-order td .btn-info.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-account-order td .btn-info.btn:active,
.no-touchevents.route-account-order td .btn-info.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.route-account-order td .btn-info.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-account-order td .btn-info.btn,
.route-account-order td .btn-info.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-account-order td .btn-info.btn:active,
.no-touchevents.route-account-order td .btn-info.btn:hover:active,
.route-account-order td .btn-info.btn:focus:active,
.no-touchevents.route-account-order td .btn-info.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-account-order td .btn-info.btn:focus,
.route-account-order td .btn-info.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.route-account-order td .btn-info.btn.btn.disabled:after {
    font-size: 1em
}

.route-account-order td .btn-info {
    padding: .5em !important;
    --element-padding: .5em !important
}

.route-account-order-info td .btn-danger.btn,
.route-account-order-info td .btn-danger.btn:visited {
    color: rgba(255, 255, 255, 1) !important
}

.no-touchevents.route-account-order-info td .btn-danger.btn:hover {
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(202, 37, 44, 1);
    --background-color: rgba(202, 37, 44, 1)
}

.route-account-order-info td .btn-danger.btn:active,
.no-touchevents.route-account-order-info td .btn-danger.btn:hover:active {
    color: rgba(255, 255, 255, 1) !important
}

.route-account-order-info td .btn-danger.btn {
    --focus-color: rgba(255, 255, 255, 1) !important;
    border-style: none
}

.route-account-order-info td .btn-danger.btn,
.route-account-order-info td .btn-danger.tooltip {
    background-color: rgba(180, 33, 39, 1);
    --background-color: rgba(180, 33, 39, 1)
}

.route-account-order-info td .btn-danger.btn:focus,
.route-account-order-info td .btn-danger.btn[disabled] {
    background-color: rgba(202, 37, 44, 1) !important;
    --background-color: rgba(202, 37, 44, 1) !important
}

.route-account-order-info td .btn-danger.btn.btn.disabled:after {
    font-size: 1em
}

.route-account-order-info td .btn-danger {
    padding: .5em !important;
    --element-padding: .5em !important
}

.route-account-order td .btn {
    width: 36px;
    height: 36px
}

.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .btn,
.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.route-account-address .table-responsive td .btn.btn-info,
.no-touchevents.route-account-address-delete .table-responsive td .btn.btn-info .btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .btn:active,
.route-account-address .table-responsive td .btn.btn-info,
.no-touchevents.route-account-address-delete .table-responsive td .btn.btn-info .btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info.btn {
    justify-content: center
}

.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .btn,
.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .btn:active,
.route-account-address .table-responsive td .btn.btn-info,
.no-touchevents.route-account-address-delete .table-responsive td .btn.btn-info .btn:hover:active,
.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .btn:focus:active,
.route-account-address .table-responsive td .btn.btn-info,
.no-touchevents.route-account-address-delete .table-responsive td .btn.btn-info .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .btn:focus,
.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.route-account-address .table-responsive td .btn.btn-info,
.route-account-address-delete .table-responsive td .btn.btn-info .btn.btn.disabled:after {
    font-size: 1em
}

.route-account-address .table-responsive td .btn-info,
.route-account-address-delete .table-responsive td .btn-info {
    padding: 1em !important;
    --element-padding: 1em !important
}

.route-account-address .table-responsive td .btn-info:before,
.route-account-address-delete .table-responsive td .btn-info:before {
    content: '\e92d' !important;
    font-family: icomoon !important;
    margin-right: var(--j-gap-spacing---3);
    --element-margin-right: var(--j-gap-spacing---3)
}

.route-account-address .table-responsive td .btn-danger.btn,
.route-account-address-delete .table-responsive td .btn-danger.btn .btn,
.route-account-address .table-responsive td .btn-danger.btn,
.route-account-address-delete .table-responsive td .btn-danger.btn .btn:visited {
    color: rgba(255, 255, 255, 1) !important
}

.route-account-address .table-responsive td .btn-danger.btn,
.no-touchevents.route-account-address-delete .table-responsive td .btn-danger.btn .btn:hover {
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(202, 37, 44, 1);
    --background-color: rgba(202, 37, 44, 1)
}

.route-account-address .table-responsive td .btn-danger.btn,
.route-account-address-delete .table-responsive td .btn-danger.btn .btn:active,
.route-account-address .table-responsive td .btn-danger.btn,
.no-touchevents.route-account-address-delete .table-responsive td .btn-danger.btn .btn:hover:active {
    color: rgba(255, 255, 255, 1) !important
}

.route-account-address .table-responsive td .btn-danger.btn,
.route-account-address-delete .table-responsive td .btn-danger.btn .btn {
    --focus-color: rgba(255, 255, 255, 1) !important;
    border-style: none
}

.route-account-address .table-responsive td .btn-danger.btn,
.route-account-address-delete .table-responsive td .btn-danger.btn .btn,
.route-account-address .table-responsive td .btn-danger.btn,
.route-account-address-delete .table-responsive td .btn-danger.btn .tooltip {
    background-color: rgba(180, 33, 39, 1);
    --background-color: rgba(180, 33, 39, 1)
}

.route-account-address .table-responsive td .btn-danger.btn,
.route-account-address-delete .table-responsive td .btn-danger.btn .btn:focus,
.route-account-address .table-responsive td .btn-danger.btn,
.route-account-address-delete .table-responsive td .btn-danger.btn .btn[disabled] {
    background-color: rgba(202, 37, 44, 1) !important;
    --background-color: rgba(202, 37, 44, 1) !important
}

.route-account-address .table-responsive td .btn-danger.btn,
.route-account-address-delete .table-responsive td .btn-danger.btn .btn.btn.disabled:after {
    font-size: 1em
}

.route-account-address .table-responsive td .btn-danger,
.route-account-address-delete .table-responsive td .btn-danger {
    padding: 1em !important;
    --element-padding: 1em !important
}

.route-account-address .table-responsive td .btn-danger:before,
.route-account-address-delete .table-responsive td .btn-danger:before {
    content: '\e9c9' !important;
    font-family: icomoon !important;
    margin-right: var(--j-gap-spacing---3);
    --element-margin-right: var(--j-gap-spacing---3)
}

.route-checkout-cart .td-qty .stepper input.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    box-shadow: none
}

.no-touchevents.route-checkout-cart .td-qty .stepper input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.route-checkout-cart .td-qty .stepper input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.route-checkout-cart .td-qty .stepper {
    --stepper-border: 0;
    max-width: var(--stepper-max-width, 100%);
    --stepper-height: 38px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.route-checkout-cart .td-qty .stepper button {
    position: static;
    width: calc(var(--stepper-button-width, 30)*1px*3);
    height: 100%;
    min-height: 36px;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.route-checkout-cart .td-qty .stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.route-checkout-cart .td-qty .stepper button.fa-angle-down {
    border-inline-width: 0 var(--stepper-border, 0);
    border-block-width: 0
}

.route-checkout-cart .td-qty .stepper .form-control {
    max-width: 100% !important
}

.route-checkout-cart .td-qty .stepper .fa-angle-down:before {
    content: '\eb85' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.route-checkout-cart .td-qty .stepper .fa-angle-up:before {
    content: '\eba0' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.no-touchevents.route-checkout-cart .td-qty .stepper:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-checkout-cart .td-qty .stepper button:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents.route-checkout-cart .td-qty .stepper button:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents.route-checkout-cart .td-qty .stepper button:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.route-checkout-cart .td-qty .stepper button:active {
    background-color: hsla(var(--j-color-scheme-background-shade-h), var(--j-color-scheme-background-shade-s), calc(var(--j-color-scheme-background-shade-l) - 0%), calc(var(--j-color-scheme-background-shade-a)*1)) !important
}

.cart-page .td-qty .btn-update.btn,
.cart-page .td-qty .btn-update.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .cart-page .td-qty .btn-update.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.cart-page .td-qty .btn-update.btn:active,
.no-touchevents .cart-page .td-qty .btn-update.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.cart-page .td-qty .btn-update.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.cart-page .td-qty .btn-update.btn,
.cart-page .td-qty .btn-update.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.cart-page .td-qty .btn-update.btn:active,
.no-touchevents .cart-page .td-qty .btn-update.btn:hover:active,
.cart-page .td-qty .btn-update.btn:focus:active,
.no-touchevents .cart-page .td-qty .btn-update.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.cart-page .td-qty .btn-update.btn:focus,
.cart-page .td-qty .btn-update.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .cart-page .td-qty .btn-update.btn:hover,
.no-touchevents .cart-page .td-qty .btn-update.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.cart-page .td-qty .btn-update.btn:active,
.no-touchevents .cart-page .td-qty .btn-update.btn:hover:active,
.cart-page .td-qty .btn-update.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.cart-page .td-qty .btn-update.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.cart-page .td-qty .btn-update.btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-cart #content td .btn {
    border-radius: 99px !important;
    --element-border-radius: 99px !important
}

.cart-page .td-qty .btn-remove.btn,
.cart-page .td-qty .btn-remove.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .cart-page .td-qty .btn-remove.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.cart-page .td-qty .btn-remove.btn:active,
.no-touchevents .cart-page .td-qty .btn-remove.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.cart-page .td-qty .btn-remove.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.cart-page .td-qty .btn-remove.btn,
.cart-page .td-qty .btn-remove.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.cart-page .td-qty .btn-remove.btn:active,
.no-touchevents .cart-page .td-qty .btn-remove.btn:hover:active,
.cart-page .td-qty .btn-remove.btn:focus:active,
.no-touchevents .cart-page .td-qty .btn-remove.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.cart-page .td-qty .btn-remove.btn:focus,
.cart-page .td-qty .btn-remove.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .cart-page .td-qty .btn-remove.btn:hover,
.no-touchevents .cart-page .td-qty .btn-remove.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.cart-page .td-qty .btn-remove.btn:active,
.no-touchevents .cart-page .td-qty .btn-remove.btn:hover:active,
.cart-page .td-qty .btn-remove.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.cart-page .td-qty .btn-remove.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.cart-page .td-qty .btn-remove.btn.btn.disabled:after {
    font-size: 1em
}

.cart-table .td-name a,
.cart-section .td-product a {
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 1px
}

.no-touchevents.route-checkout-cart #content tbody .td-name a:hover,
.no-touchevents.route-checkout-checkout .table-responsive .td-product a:hover,
.no-touchevents.route-checkout-checkout .table-responsive table tr td.text-left:first-child a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-checkout-cart #content tbody .td-name a,
.route-checkout-checkout .table-responsive .td-product a,
.route-checkout-checkout .table-responsive table tr td.text-left:first-child a {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-checkout-cart #content tbody .td-name small {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-checkout-cart #content tbody .td-model {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.route-checkout-cart #content tbody .td-price,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table .td-price {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1
}

.route-checkout-cart #content tbody .td-total,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table .td-total {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-400);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    line-height: 1
}

.route-checkout-cart .cart-page #shopping-cart,
.route-checkout-cart .cart-page #output-cart {
    width: calc(100% - var(--cart-bottom-width, 35%) - var(--cart-bottom-space, 0px)/2)
}

.route-checkout-cart .cart-page>.cart-bottom {
    width: calc(var(--cart-bottom-width, 35%) - var(--cart-bottom-space, 0px)/2)
}

.route-checkout-cart .cart-page .cart-bottom,
.route-checkout-cart #shopping-cart .table-responsive {
    position: sticky;
    top: var(--sticky-top-distance-custom, 0);
    z-index: 90
}

.route-checkout-cart .cart-page {
    --sticky-top-distance-custom: 170px;
    --cart-bottom-width: 33%;
    --cart-bottom-space: 32px;
    gap: var(--cart-bottom-space)
}

.cart-bottom {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing-padding-m);
    --element-padding: var(--j-gap-spacing-padding-m);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.panels-total {
    flex-direction: column
}

.panels-total .cart-total {
    margin-top: 20px;
    --element-margin-top: 20px;
    align-items: flex-start
}

.cart-table .td-image {
    display: table-cell
}

.cart-table .td-qty .stepper,
.cart-section .stepper,
.cart-table .td-qty .btn-update.btn,
.cart-section .td-qty .btn-primary.btn {
    display: inline-flex
}

.cart-table .td-name {
    display: table-cell
}

.cart-table .td-model {
    display: table-cell
}

.route-account-order-info .table-responsive .table-order thead>tr>td:nth-child(2) {
    display: table-cell
}

.route-account-order-info .table-responsive .table-order tbody>tr>td:nth-child(2) {
    display: table-cell
}

.route-account-order-info .table-responsive .table-order tfoot>tr>td:last-child {
    display: table-cell
}

.cart-table .td-price {
    display: table-cell
}

.route-checkout-cart .cart-panels .panel-group .panel-heading a:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    font-size: 1.1em;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    order: 10;
    margin: 0 0 0 auto
}

.no-touchevents.route-checkout-cart .cart-panels .panel-group .panel-heading:hover a:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-checkout-cart .cart-panels .panel-group .panel-active .panel-heading a:before,
.no-touchevents.route-checkout-cart .cart-panels .panel-group .panel-active .panel-heading:hover a:before {
    content: '\e40a' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-checkout-cart .cart-panels .panel-group .panel-heading a {
    justify-content: flex-start;
    font-family: 'Jost';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3;
    padding-top: 1.2em;
    --element-padding-top: 1.2em;
    padding-bottom: 1.2em;
    --element-padding-bottom: 1.2em
}

.no-touchevents.route-checkout-cart .cart-panels .panel-group .panel-heading:hover a {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.no-touchevents.route-checkout-cart .cart-panels .panel-group .panel-active .panel-heading:hover a,
.route-checkout-cart .cart-panels .panel-group .panel-active .panel-heading a {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-checkout-cart .cart-panels .panel-group .panel {
    --panel-spacing: var(--j-gap-spacing---2)
}

.route-checkout-cart .cart-panels .panel-body {
    margin-top: var(--j-gap-spacing---5) !important
}

.route-checkout-cart .cart-panels .panel-group .panel:not(:only-child):not(:last-child):after {
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.route-checkout-cart .cart-panels .panel-group .panel:last-child .panel-heading {
    border-width: 0 !important;
    border-bottom-width: 0 !important
}

.route-checkout-cart .cart-panels .panel-group .panel-heading a.has-image {
    padding-top: .7em;
    --element-padding-top: .7em;
    padding-bottom: .7em;
    --element-padding-bottom: .7em
}

.route-checkout-cart .cart-panels .panel-group .panel-body {
    padding-bottom: var(--j-gap-spacing---7);
    --element-padding-bottom: var(--j-gap-spacing---7)
}

.route-checkout-cart .cart-panels .panel-group .panel-heading+.panel-collapse .panel-body {
    border-width: 0
}

.route-checkout-cart .cart-panels .panel-group .panel .menu-image>img {
    background-color: rgba(245, 245, 245, 1);
    --background-color: rgba(245, 245, 245, 1)
}

.route-checkout-cart .cart-panels .panel-group .panel .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.route-checkout-cart .cart-panels label,
.route-checkout-cart .cart-panels .form-group .control-label,
.route-checkout-cart .cart-panels .form-label {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.route-checkout-cart .cart-panels .has-error+.text-danger,
.route-checkout-cart .cart-panels .text-danger,
.route-checkout-cart .cart-panels .invalid-feedback {
    font-size: 12px !important;
    color: rgba(180, 33, 39, 1) !important
}

.route-checkout-cart .cart-panels .form-group,
.route-checkout-cart .cart-panels .form-label {
    --form-label-width: 25%
}

.route-checkout-cart .cart-panels .form-group,
.route-checkout-cart .cart-panels .control-label,
.route-checkout-cart .cart-panels .form-label {
    --label-gap: 6px
}

.route-checkout-cart .cart-panels .form-group .control-label,
.route-checkout-cart .cart-panels .form-label {
    justify-content: flex-start;
    align-items: center
}

.route-checkout-cart .cart-panels legend {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.route-checkout-cart .cart-panels legend:after {
    display: none;
    margin-top: .7em
}

.route-checkout-cart .cart-panels legend .page-title-text:after {
    display: none;
    margin-top: .7em
}

.route-checkout-cart .cart-panels legend .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.route-checkout-cart .cart-panels legend:after,
.route-checkout-cart .cart-panels legend .page-title-text:after,
.route-checkout-cart .cart-panels legend .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-checkout-cart .cart-panels .has-error .form-control,
.route-checkout-cart .cart-panels .has-error .g-recaptcha iframe,
.route-checkout-cart .cart-panels .is-invalid {
    border-style: solid !important
}

.route-checkout-cart .cart-panels .required .control-label:after,
.route-checkout-cart .cart-panels .required .control-label:before,
.route-checkout-cart .cart-panels .required .control-label+div:before {
    font-size: 18px;
    color: rgba(180, 33, 39, 1)
}

.route-checkout-cart .cart-panels .form-group {
    --input-group-spacing: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels form>fieldset>.row {
    --input-group-spacing: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels form>fieldset>.row+.row {
    margin-top: var(--input-group-spacing, 0px)
}

.route-checkout-cart .cart-panels .form-group:not(:first-child) {
    margin-top: var(--input-group-spacing, 0px) !important
}

.route-checkout-cart .cart-panels .form-group+.checkbox {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels .form-group~.payment {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels form>#account {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review):not(.input-group) {
    margin-bottom: var(--j-gap-spacing---6) !important
}

.route-checkout-cart .cart-panels .panel .radio+p {
    margin-bottom: var(--j-gap-spacing---6) !important
}

.route-checkout-cart .cart-panels .panel p+.radio {
    margin-top: var(--j-gap-spacing---6) !important
}

.route-checkout-cart .cart-panels fieldset:not(:last-of-type) {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels fieldset>legend {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels #collapse-shipping .btn {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels .payment-address .section-body>div {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels .shipping-address .section-body>div {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels fieldset {
    --fieldset-spacing: var(--j-gap-spacing-vertical-l)
}

.route-checkout-cart .cart-panels input.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 40px
}

.no-touchevents.route-checkout-cart .cart-panels input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-cart .cart-panels input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

.route-checkout-cart .cart-panels input.form-control:focus,
.route-checkout-cart .cart-panels input.form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-cart .cart-panels input.form-control::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.route-checkout-cart .cart-panels .control-label {
    max-height: 42px
}

.route-checkout-cart .cart-panels textarea.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---4);
    --element-padding: var(--j-gap-spacing---4);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 100px
}

.no-touchevents.route-checkout-cart .cart-panels textarea.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-cart .cart-panels textarea.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.route-checkout-cart .cart-panels textarea.form-control:focus,
.route-checkout-cart .cart-panels textarea.form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-cart .cart-panels select {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.no-touchevents.route-checkout-cart .cart-panels select:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-cart .cart-panels select:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

.route-checkout-cart .cart-panels select:focus,
.route-checkout-cart .cart-panels select:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-cart .cart-panels select::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important;
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.route-checkout-cart .cart-panels select,
.route-checkout-cart .cart-panels select.form-control,
.route-checkout-cart .cart-panels select.form-select {
    height: 40px
}

.route-checkout-cart .cart-panels .radio {
    width: auto
}

.route-checkout-cart .cart-panels input[type=radio] {
    margin-inline-end: 10px !important
}

.route-checkout-cart .cart-panels .form-group .radio>label,
.route-checkout-cart .cart-panels .form-group .radio-inline,
.route-checkout-cart .cart-panels .form-check-label {
    margin: calc(7px/2)
}

.route-checkout-cart .cart-panels .form-radio {
    --radio-gap: 7px
}

.route-checkout-cart .cart-panels input[type=radio],
.route-checkout-cart .cart-panels input[type=checkbox] {
    min-width: 16px;
    min-height: 16px
}

.route-checkout-cart .cart-panels .checkbox,
.route-checkout-cart .cart-panels .checkbox-inline {
    width: 100%
}

.route-checkout-cart .cart-panels .form-group .checkbox>label,
.route-checkout-cart .cart-panels .form-group .checkbox-inline {
    margin: calc(6px/2)
}

.route-checkout-cart .cart-panels .form-checkbox {
    --checkbox-gap: 6px
}

.route-checkout-cart .cart-panels input[type=checkbox] {
    margin-inline-end: 6px !important
}

.route-checkout-cart .cart-panels .input-group .form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.no-touchevents.route-checkout-cart .cart-panels .input-group .form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-cart .cart-panels .input-group .form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

.route-checkout-cart .cart-panels .input-group .form-control:focus,
.route-checkout-cart .cart-panels .input-group .form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-cart .cart-panels .input-group .form-control::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.route-checkout-cart .cart-panels .input-group-btn .btn,
.route-checkout-cart .cart-panels .input-group-btn .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-checkout-cart .cart-panels .input-group-btn .btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-cart .cart-panels .input-group-btn .btn:active,
.no-touchevents.route-checkout-cart .cart-panels .input-group-btn .btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.route-checkout-cart .cart-panels .input-group-btn .btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-checkout-cart .cart-panels .input-group-btn.btn {
    justify-content: center
}

.route-checkout-cart .cart-panels .input-group-btn .btn,
.route-checkout-cart .cart-panels .input-group-btn .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-cart .cart-panels .input-group-btn .btn:active,
.no-touchevents.route-checkout-cart .cart-panels .input-group-btn .btn:hover:active,
.route-checkout-cart .cart-panels .input-group-btn .btn:focus:active,
.no-touchevents.route-checkout-cart .cart-panels .input-group-btn .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-cart .cart-panels .input-group-btn .btn:focus,
.route-checkout-cart .cart-panels .input-group-btn .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.route-checkout-cart .cart-panels .input-group-btn .btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-cart .cart-panels .input-group .btn,
.route-checkout-cart .cart-panels .input-group-btn .btn {
    min-width: 36px;
    padding: .8em !important;
    --element-padding: .8em !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 36px
}

.route-checkout-cart .cart-panels .input-group,
.route-checkout-cart .cart-panels .input-group-btn {
    --input-group-gap: 8px
}

.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn,
.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:active,
.no-touchevents.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget.btn {
    justify-content: center
}

.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn,
.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:active,
.no-touchevents.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:hover:active,
.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:focus:active,
.no-touchevents.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:focus,
.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget a.btn {
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.route-checkout-cart .cart-panels .upload-btn.btn,
.route-checkout-cart .cart-panels .upload-btn.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-checkout-cart .cart-panels .upload-btn.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-cart .cart-panels .upload-btn.btn:active,
.no-touchevents.route-checkout-cart .cart-panels .upload-btn.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.route-checkout-cart .cart-panels .upload-btn.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-checkout-cart .cart-panels .upload-btn.btn,
.route-checkout-cart .cart-panels .upload-btn.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-cart .cart-panels .upload-btn.btn:active,
.no-touchevents.route-checkout-cart .cart-panels .upload-btn.btn:hover:active,
.route-checkout-cart .cart-panels .upload-btn.btn:focus:active,
.no-touchevents.route-checkout-cart .cart-panels .upload-btn.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-cart .cart-panels .upload-btn.btn:focus,
.route-checkout-cart .cart-panels .upload-btn.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.route-checkout-cart .cart-panels .upload-btn.btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-cart .cart-panels .product-option-file .btn i:before,
.route-checkout-cart .cart-panels .btn.upload-btn i:before {
    content: '\ebd8' !important;
    font-family: icomoon !important
}

.route-checkout-cart .cart-panels .product-option-file .control-label+button {
    max-width: max-content
}

.route-checkout-cart .cart-panels .btn.upload-btn {
    width: auto
}

.route-checkout-cart .cart-panels .buttons {
    margin-top: var(--j-gap-spacing-vertical-xl);
    --element-margin-top: var(--j-gap-spacing-vertical-xl);
    --page-buttons-width: 500px;
    --page-buttons-gap: 14px
}

.route-checkout-cart .cart-panels .buttons .pull-left .btn,
.route-checkout-cart .cart-panels .buttons .pull-left .btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-checkout-cart .cart-panels .buttons .pull-left .btn:active,
.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-checkout-cart .cart-panels .buttons .pull-left .btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-checkout-cart .cart-panels .buttons .pull-left .btn,
.route-checkout-cart .cart-panels .buttons .pull-left .tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.route-checkout-cart .cart-panels .buttons .pull-left .btn:active,
.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover:active,
.route-checkout-cart .cart-panels .buttons .pull-left .btn:focus:active,
.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.route-checkout-cart .cart-panels .buttons .pull-left .btn:focus,
.route-checkout-cart .cart-panels .buttons .pull-left .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover,
.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-checkout-cart .cart-panels .buttons .pull-left .btn:active,
.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover:active,
.route-checkout-cart .cart-panels .buttons .pull-left .btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-checkout-cart .cart-panels .buttons .pull-left .btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-checkout-cart .cart-panels .buttons .pull-left .btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-cart .cart-panels .buttons .pull-right .btn,
.route-checkout-cart .cart-panels .buttons .pull-right .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-right .btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-checkout-cart .cart-panels .buttons .pull-right .btn:active,
.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-right .btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.route-checkout-cart .cart-panels .buttons .pull-right .btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-checkout-cart .cart-panels .buttons .pull-right.btn {
    justify-content: center
}

.route-checkout-cart .cart-panels .buttons .pull-right .btn,
.route-checkout-cart .cart-panels .buttons .pull-right .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-cart .cart-panels .buttons .pull-right .btn:active,
.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-right .btn:hover:active,
.route-checkout-cart .cart-panels .buttons .pull-right .btn:focus:active,
.no-touchevents.route-checkout-cart .cart-panels .buttons .pull-right .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-checkout-cart .cart-panels .buttons .pull-right .btn:focus,
.route-checkout-cart .cart-panels .buttons .pull-right .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.route-checkout-cart .cart-panels .buttons .pull-right .btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-cart .cart-panels .buttons>div {
    flex-grow: 0
}

.route-checkout-cart .cart-panels .buttons .pull-right:only-child {
    max-width: 100%
}

.route-checkout-cart .cart-panels .buttons .pull-right:only-child .btn {
    width: 100%
}

.route-checkout-cart .cart-panels .buttons .pull-right input[type=checkbox] {
    order: -1
}

.route-checkout-cart .cart-panels .buttons input+.btn,
.route-checkout-cart .cart-panels .buttons .pull-right>span+.btn {
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.route-checkout-cart .cart-panels .title {
    display: block
}

.route-checkout-cart .cart-panels>p {
    display: none
}

.route-checkout-cart .cart-panels .panel-reward {
    display: block
}

.route-checkout-cart .cart-panels .panel-coupon {
    display: block
}

.route-checkout-cart .cart-panels .panel-shipping {
    display: block
}

.route-checkout-cart .cart-panels .panel-voucher {
    display: block
}

.route-checkout-cart .cart-panels .panel-reward .collapse {
    display: none
}

.route-checkout-cart .cart-panels .panel-reward .collapse.in {
    display: block
}

.route-checkout-cart .cart-panels .panel-reward .panel-heading {
    pointer-events: auto
}

.route-checkout-cart .cart-panels .panel-coupon .collapse {
    display: none
}

.route-checkout-cart .cart-panels .panel-coupon .collapse.in {
    display: block
}

.route-checkout-cart .cart-panels .panel-coupon .panel-heading {
    pointer-events: auto
}

.route-checkout-cart .cart-panels .panel-shipping .collapse {
    display: none
}

.route-checkout-cart .cart-panels .panel-shipping .collapse.in {
    display: block
}

.route-checkout-cart .cart-panels .panel-shipping .panel-heading {
    pointer-events: auto
}

.route-checkout-cart .cart-panels .panel-voucher .collapse {
    display: none
}

.route-checkout-cart .cart-panels .panel-voucher .collapse.in {
    display: block
}

.route-checkout-cart .cart-panels .panel-voucher .panel-heading {
    pointer-events: auto
}

.cart-total table td strong,
.cart-section table td strong {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    font-style: normal;
    line-height: 1.4
}

.cart-total table td,
.cart-section table td {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-checkout-cart tbody .out-of-stock td a {
    color: rgba(242, 119, 99, 1) !important
}

.route-product-category .page-title {
    display: block
}

.refine-title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.refine-title:after {
    display: none
}

.refine-title .page-title-text:after {
    display: none
}

.refine-title .filter-title-text:after {
    display: none
}

.route-product-category .category-description {
    order: 0
}

.category-image {
    float: left
}

.category-text {
    position: static;
    bottom: auto;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.category-description>img {
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.refine-categories .ipr-grid .refine-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.refine-categories .ipr-grid .refine-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.one-column #content .refine-categories .ipr-grid .refine-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.one-column #content .refine-categories .ipr-grid .refine-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.two-column #content .refine-categories .ipr-grid .refine-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.two-column #content .refine-categories .ipr-grid .refine-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.side-column .refine-categories .ipr-grid .refine-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.side-column .refine-categories .ipr-grid .refine-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.refine-categories .swiper-container {
    padding-top: 10px;
    --element-padding-top: 10px;
    padding-bottom: 30px;
    --element-padding-bottom: 30px
}

.refine-links {
    --refine-spacing: 10px
}

html:not(.mobile) .refine-categories .swiper-container {
    overflow: hidden !important
}

.refine-categories .swiper-buttons.auto-carousel-buttons span:before,
.refine-categories .swiper-buttons.swiper-buttons>div:before,
.refine-categories .swiper-buttons.scroll-top em:before,
.refine-categories .swiper-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .refine-categories .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .refine-categories .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents .refine-categories .swiper-buttons.scroll-top em:hover:before,
.no-touchevents .refine-categories .swiper-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.refine-categories .swiper-buttons.auto-carousel-buttons span:active:before,
.refine-categories .swiper-buttons.swiper-buttons>div:active:before,
.refine-categories .swiper-buttons.scroll-top em:active:before,
.refine-categories .swiper-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.refine-categories .swiper-buttons.auto-carousel-buttons span,
.refine-categories .swiper-buttons.swiper-buttons>div,
.refine-categories .swiper-buttons.scroll-top em,
.refine-categories .swiper-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .refine-categories .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents .refine-categories .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents .refine-categories .swiper-buttons.scroll-top em:hover,
.no-touchevents .refine-categories .swiper-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.refine-categories .swiper-buttons.auto-carousel-buttons span:active,
.refine-categories .swiper-buttons.swiper-buttons>div:active,
.refine-categories .swiper-buttons.scroll-top em:active,
.refine-categories .swiper-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.refine-categories .swiper-button-prev:before {
    transform: scaleX(-1)
}

.refine-categories .swiper-buttons:not(.slider-navigation) {
    display: flex;
    top: 50%;
    width: calc(100% - (10px*2))
}

.touchevents .refine-categories .swiper-buttons:not(.slider-navigation) {
    display: none
}

.refine-categories .swiper-button-prev {
    left: 0;
    right: auto;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.refine-categories .swiper-button-next {
    left: auto;
    right: 0;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.refine-categories .swiper-buttons:not(.slider-navigation) div {
    --width: 28px;
    --height: 28px
}

.refine-categories .swiper-button-disabled {
    opacity: 0
}

.refine-categories .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev {
    opacity: 0;
    --disabled-scale: 0
}

.refine-categories .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled {
    --disabled-scale: 0
}

.refine-categories .swiper-pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.refine-categories .swiper-wrapper {
    cursor: auto
}

.refine-categories .swiper {
    padding-bottom: 15px
}

.refine-categories .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
}

.refine-categories .swiper-pagination>span+span {
    margin-inline-start: 8px
}

.no-touchevents .refine-categories .swiper-pagination-bullet:hover {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.refine-categories .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.refine-categories .swiper-pagination>span {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

.refine-item a .refine-name {
    margin-top: var(--j-gap-spacing---3);
    --element-margin-top: var(--j-gap-spacing---3);
    margin-right: var(--j-gap-spacing---4);
    --element-margin-right: var(--j-gap-spacing---4);
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.refine-item a img {
    display: block;
    width: 100%;
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.refine-item a {
    flex-direction: column
}

.refine-item .refine-name {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.2
}

.no-touchevents .refine-item a:hover .refine-name .links-text {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.refine-items.flex-grid>.refine-item {
    flex-grow: 0
}

.refine-items {
    --grid-min-width: 260px;
    --grid-min-col: 1.2;
    --grid-gap: var(--j-gap-spacing-gap-3);
    --auto-grow-type: auto-fill;
    --item-width: var(--item-fill)
}

.refine-categories .auto-grid {
    margin-inline-start: unset;
    margin-inline-end: unset;
    --fr: 1fr;
    --scrollbar-top-space: 0px;
    --scrollbar-bottom-space: 0px;
    --scrollbar-top-spacing: 24px;
    --auto-carousel-button-width: 22px;
    --auto-carousel-button-height: 22px;
    --auto-carousel-button-gap: 4px
}

.refine-categories .auto-grid .auto-grid-items {
    grid-auto-flow: row dense;
    overflow-x: initial;
    padding-inline-start: unset;
    padding-inline-end: unset;
    --scroll-by: 3
}

.refine-categories .auto-grid .auto-carousel-controls {
    display: none
}

.refine-categories .auto-grid .auto-carousel-items:after {
    display: none
}

.refine-categories .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: auto
}

.refine-categories .auto-carousel-bar {
    display: none;
    margin: 0
}

.refine-categories .auto-carousel-controls.auto-carousel-bar {
    max-height: 0
}

.refine-categories .auto-carousel-controls {
    --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
}

.refine-categories .auto-grid-items:before {
    --fader-status: 1;
    display: block
}

.refine-categories .auto-grid-items:after {
    --fader-status: 1;
    display: block
}

.refine-categories {
    margin-bottom: var(--j-gap-spacing-vertical-l);
    order: initial
}

.refine-categories .auto-carousel-buttons.auto-carousel-buttons span:before,
.refine-categories .auto-carousel-buttons.swiper-buttons>div:before,
.refine-categories .auto-carousel-buttons.scroll-top em:before,
.refine-categories .auto-carousel-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .refine-categories .auto-carousel-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .refine-categories .auto-carousel-buttons.swiper-buttons>div:hover:before,
.no-touchevents .refine-categories .auto-carousel-buttons.scroll-top em:hover:before,
.no-touchevents .refine-categories .auto-carousel-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.refine-categories .auto-carousel-buttons.auto-carousel-buttons span:active:before,
.refine-categories .auto-carousel-buttons.swiper-buttons>div:active:before,
.refine-categories .auto-carousel-buttons.scroll-top em:active:before,
.refine-categories .auto-carousel-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.refine-categories .auto-carousel-buttons.auto-carousel-buttons span,
.refine-categories .auto-carousel-buttons.swiper-buttons>div,
.refine-categories .auto-carousel-buttons.scroll-top em,
.refine-categories .auto-carousel-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .refine-categories .auto-carousel-buttons.auto-carousel-buttons span:hover,
.no-touchevents .refine-categories .auto-carousel-buttons.swiper-buttons>div:hover,
.no-touchevents .refine-categories .auto-carousel-buttons.scroll-top em:hover,
.no-touchevents .refine-categories .auto-carousel-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.refine-categories .auto-carousel-buttons.auto-carousel-buttons span:active,
.refine-categories .auto-carousel-buttons.swiper-buttons>div:active,
.refine-categories .auto-carousel-buttons.scroll-top em:active,
.refine-categories .auto-carousel-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.refine-categories .auto-carousel-prev span:before {
    transform: scaleX(-1);
    font-size: 12px
}

.refine-categories .auto-carousel-buttons {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    position: absolute;
    top: 50%;
    height: auto;
    transform: translate3d(0, -50%, 0);
    margin-top: var(--buttons-offset, 0px)
}

.refine-categories .auto-carousel-buttons .auto-carousel-prev {
    order: 0;
    transform: translate3d(var(--auto-carousel-button-x, 0px), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
}

.refine-categories .auto-carousel-buttons .auto-carousel-next {
    order: 2;
    transform: translate3d(calc(var(--auto-carousel-button-x, 0px)*-1), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
}

.refine-categories .no-scroll-prev .auto-carousel-prev,
.refine-categories .no-scroll-next .auto-carousel-next {
    opacity: 0;
    --scale: 0
}

.refine-categories .auto-carousel-next span:before {
    font-size: 12px
}

.refine-name .count-badge {
    display: inline-flex;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.6));
    border-radius: 99px;
    --element-border-radius: 99px;
    min-width: min(20px, 100%);
    min-height: min(20px, 100%)
}

.refine-name {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

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

#checkout-checkout #content {
    max-width: 1200px;
    margin: 0 auto
}

html:not(.popup).route-checkout-checkout .site-wrapper>.page-title .page-title-text,
.route-checkout-checkout .site-wrapper>.breadcrumbs .breadcrumb,
html:not(.popup).route-checkout-checkout .site-wrapper>.container {
    max-width: calc(1200px + var(--content-gutter, 0px)*2)
}

.route-checkout-checkout #content .panel-group .panel-heading a:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    font-size: 1em;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    order: 10;
    margin: 0 0 0 auto
}

.no-touchevents.route-checkout-checkout #content .panel-group .panel-heading:hover a:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-checkout-checkout #content .panel-group .panel-active .panel-heading a:before,
.no-touchevents.route-checkout-checkout #content .panel-group .panel-active .panel-heading:hover a:before {
    content: '\e40a' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-checkout-checkout #content .panel-group .panel-heading a {
    justify-content: flex-start;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3;
    padding-top: 1.2em;
    --element-padding-top: 1.2em;
    padding-bottom: 1.2em;
    --element-padding-bottom: 1.2em
}

.no-touchevents.route-checkout-checkout #content .panel-group .panel-heading:hover a {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.no-touchevents.route-checkout-checkout #content .panel-group .panel-active .panel-heading:hover a,
.route-checkout-checkout #content .panel-group .panel-active .panel-heading a {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-checkout-checkout #content .panel-group .panel {
    --panel-spacing: var(--j-gap-spacing---5)
}

.route-checkout-checkout #content .panel-body {
    margin-top: var(--j-gap-spacing---5) !important
}

.route-checkout-checkout #content .panel-group .panel:not(:only-child):not(:last-child):after {
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.route-checkout-checkout #content .panel-group .panel:last-child .panel-heading {
    border-width: 0 !important;
    border-bottom-width: 0 !important
}

.route-checkout-checkout #content .panel-group .panel-heading a.has-image {
    padding-top: .7em;
    --element-padding-top: .7em;
    padding-bottom: .7em;
    --element-padding-bottom: .7em
}

.route-checkout-checkout #content .panel-group .panel-body {
    padding-bottom: var(--j-gap-spacing---6);
    --element-padding-bottom: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .panel-group .panel-heading+.panel-collapse .panel-body {
    border-width: 0
}

.route-checkout-checkout #content .panel-group .panel .menu-image>img {
    background-color: rgba(245, 245, 245, 1);
    --background-color: rgba(245, 245, 245, 1)
}

.route-checkout-checkout #content .panel-group .panel .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.quick-checkout-wrapper .checkout-section.section-login {
    display: block
}

.quick-checkout-wrapper div .title.section-title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.quick-checkout-wrapper div .title.section-title:after {
    display: none
}

.quick-checkout-wrapper div .title.section-title .page-title-text:after {
    display: none
}

.quick-checkout-wrapper div .title.section-title .filter-title-text:after {
    display: none
}

.quick-checkout-wrapper .checkout-section {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    padding: var(--j-gap-spacing-padding-m);
    --element-padding: var(--j-gap-spacing-padding-m);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    margin-bottom: 32px
}

.quick-checkout-wrapper>div .right {
    padding-inline-start: 40px;
    width: calc(100% - 40%)
}

.quick-checkout-wrapper .login-active .left .checkout-section:not(.section-login) {
    display: none
}

.quick-checkout-wrapper .login-active .left {
    position: static;
    z-index: initial
}

.quick-checkout-wrapper>div .left {
    width: 40%
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login label,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .control-label,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .has-error+.text-danger,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .text-danger,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .invalid-feedback {
    font-size: 12px !important;
    color: rgba(180, 33, 39, 1) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
    --form-label-width: 25%
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .control-label,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
    --label-gap: 6px
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .control-label,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
    justify-content: flex-start;
    align-items: center
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend:after {
    display: none;
    margin-top: .7em
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend .page-title-text:after {
    display: none;
    margin-top: .7em
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend:after,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend .page-title-text:after,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .has-error .form-control,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .has-error .g-recaptcha iframe,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .is-invalid {
    border-style: solid !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .required .control-label:after,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .required .control-label:before,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .required .control-label+div:before {
    font-size: 18px;
    color: rgba(180, 33, 39, 1)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group {
    --input-group-spacing: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login form>fieldset>.row {
    --input-group-spacing: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login form>fieldset>.row+.row {
    margin-top: var(--input-group-spacing, 0px)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group:not(:first-child) {
    margin-top: var(--input-group-spacing, 0px) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group+.checkbox {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group~.payment {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login form>#account {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review):not(.input-group) {
    margin-bottom: var(--j-gap-spacing---6) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .panel .radio+p {
    margin-bottom: var(--j-gap-spacing---6) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .panel p+.radio {
    margin-top: var(--j-gap-spacing---6) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login fieldset:not(:last-of-type) {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login fieldset>legend {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login #collapse-shipping .btn {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .payment-address .section-body>div {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .shipping-address .section-body>div {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login fieldset {
    --fieldset-spacing: var(--j-gap-spacing-vertical-l)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 40px
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .control-label {
    max-height: 42px
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login textarea.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---4);
    --element-padding: var(--j-gap-spacing---4);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 100px
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login textarea.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login textarea.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login textarea.form-control:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login textarea.form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important;
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select.form-control,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select.form-select {
    height: 40px
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .radio {
    width: auto
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input[type=radio] {
    margin-inline-end: 10px !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .radio>label,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .radio-inline,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-check-label {
    margin: calc(7px/2)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-radio {
    --radio-gap: 7px
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input[type=radio],
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input[type=checkbox] {
    min-width: 16px;
    min-height: 16px
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .checkbox,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .checkbox-inline {
    width: 100%
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .checkbox>label,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .checkbox-inline {
    margin: calc(6px/2)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-checkbox {
    --checkbox-gap: 6px
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input[type=checkbox] {
    margin-inline-end: 6px !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn.btn {
    justify-content: center
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:hover:active,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:focus:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .btn,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn {
    min-width: 36px;
    padding: .8em !important;
    --element-padding: .8em !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 36px
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn {
    --input-group-gap: 8px
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget.btn {
    justify-content: center
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:hover:active,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:focus:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget a.btn {
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:hover:active,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:focus:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .product-option-file .btn i:before,
.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .btn.upload-btn i:before {
    content: '\ebd8' !important;
    font-family: icomoon !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .product-option-file .control-label+button {
    max-width: max-content
}

.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .btn.upload-btn {
    width: auto
}

.shipping-payment {
    --section-shipping-gap: var(--j-gap-spacing-gap-2);
    --section-shipping-stack: 700px
}

.section-shipping {
    min-width: calc(40% - var(--section-shipping-gap, 0px)/2);
    display: block
}

.section-payment {
    min-width: calc(100% - 40% - var(--section-shipping-gap, 0px)/2);
    display: block
}

.quick-checkout-wrapper .right .section-cvr {
    display: block
}

.quick-checkout-wrapper .right .section-cvr .control-label {
    display: flex
}

.quick-checkout-wrapper .right .section-cvr .form-coupon {
    display: flex
}

.quick-checkout-wrapper .right .section-cvr .form-voucher {
    display: flex
}

.quick-checkout-wrapper .right .section-cvr .form-reward {
    display: flex
}

.quick-checkout-wrapper .right .checkout-payment-details legend {
    display: block
}

.cart-section .td-image {
    display: table-cell
}

.cart-section .td-model {
    display: none
}

.route-checkout-checkout #content .cart-section .input-group-btn .btn {
    border-radius: 99px !important;
    --element-border-radius: 99px !important
}

.quick-checkout-wrapper .confirm-section .checkbox+.checkbox {
    margin-top: 5px
}

.quick-checkout-wrapper .right .cart-section {
    padding: 0;
    --element-padding: 0px;
    border-width: 0;
    border-style: none
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table td {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.4
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table td,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table th {
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table thead td {
    font-family: 'Jost' !important;
    font-weight: 600 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table thead {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table thead td,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table thead th {
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table tfoot td {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive {
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive.table-scroll:before {
    display: block;
    content: 'Scroll →	';
    font-family: 'Jost';
    font-weight: 600;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table td,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tbody>tr>td,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tbody>tr>th,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tfoot>tr>td,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tfoot>tr>th,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>thead>tr>td,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>thead>tr>th.table-responsive>.table>tbody>tr>td,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tbody>tr>th,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tfoot>tr>td,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tfoot>tr>th,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>thead>tr>td,
.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>thead>tr>th {
    white-space: normal
}

.quick-checkout-wrapper .cart-section .table-responsive+table {
    margin-top: -2px
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section label,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .control-label,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .has-error+.text-danger,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .text-danger,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .invalid-feedback {
    font-size: 12px !important;
    color: rgba(180, 33, 39, 1) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
    --form-label-width: 25%
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .control-label,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
    --label-gap: 6px
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .control-label,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
    justify-content: flex-start;
    align-items: center
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend:after {
    display: none;
    margin-top: .7em
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend .page-title-text:after {
    display: none;
    margin-top: .7em
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend:after,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend .page-title-text:after,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .has-error .form-control,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .has-error .g-recaptcha iframe,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .is-invalid {
    border-style: solid !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .required .control-label:after,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .required .control-label:before,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .required .control-label+div:before {
    font-size: 18px;
    color: rgba(180, 33, 39, 1)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group {
    --input-group-spacing: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section form>fieldset>.row {
    --input-group-spacing: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section form>fieldset>.row+.row {
    margin-top: var(--input-group-spacing, 0px)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group:not(:first-child) {
    margin-top: var(--input-group-spacing, 0px) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group+.checkbox {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group~.payment {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section form>#account {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review):not(.input-group) {
    margin-bottom: var(--j-gap-spacing---6) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .panel .radio+p {
    margin-bottom: var(--j-gap-spacing---6) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .panel p+.radio {
    margin-top: var(--j-gap-spacing---6) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section fieldset:not(:last-of-type) {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section fieldset>legend {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section #collapse-shipping .btn {
    margin-top: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .payment-address .section-body>div {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .shipping-address .section-body>div {
    margin-bottom: var(--j-gap-spacing---6)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section fieldset {
    --fieldset-spacing: var(--j-gap-spacing-vertical-l)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 40px
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .control-label {
    max-height: 42px
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section textarea.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---4);
    --element-padding: var(--j-gap-spacing---4);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 100px
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section textarea.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section textarea.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section textarea.form-control:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section textarea.form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important;
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select.form-control,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select.form-select {
    height: 40px
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .radio {
    width: auto
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input[type=radio] {
    margin-inline-end: 10px !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .radio>label,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .radio-inline,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-check-label {
    margin: calc(7px/2)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-radio {
    --radio-gap: 7px
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input[type=radio],
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input[type=checkbox] {
    min-width: 16px;
    min-height: 16px
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .checkbox,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .checkbox-inline {
    width: 100%
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .checkbox>label,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .checkbox-inline {
    margin: calc(6px/2)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-checkbox {
    --checkbox-gap: 6px
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input[type=checkbox] {
    margin-inline-end: 6px !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    line-height: 1.4 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control:active {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control::placeholder {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn.btn {
    justify-content: center
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:hover:active,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:focus:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .btn,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn {
    min-width: 36px;
    padding: .8em !important;
    --element-padding: .8em !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    min-height: 36px
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn {
    --input-group-gap: 8px
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget.btn {
    justify-content: center
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:hover:active,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:focus:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget a.btn {
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:hover:active,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:focus:active,
.no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:focus,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn.btn.disabled:after {
    font-size: 1em
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .product-option-file .btn i:before,
.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .btn.upload-btn i:before {
    content: '\ebd8' !important;
    font-family: icomoon !important
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .product-option-file .control-label+button {
    max-width: max-content
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .btn.upload-btn {
    width: auto
}

.quick-checkout-wrapper .confirm-section textarea {
    display: block
}

.quick-checkout-wrapper .section-comments label:after {
    display: none !important
}

.quick-checkout-wrapper .left .section-login .title {
    display: block
}

.quick-checkout-wrapper .left .section-register .title {
    display: block
}

.quick-checkout-wrapper .left .payment-address .title {
    display: block
}

.quick-checkout-wrapper .left .shipping-address .title {
    display: block
}

.quick-checkout-wrapper .right .shipping-payment .title {
    display: block
}

.quick-checkout-wrapper .right .section-cvr .title {
    display: block
}

.quick-checkout-wrapper .right .checkout-payment-details .title {
    display: block
}

.quick-checkout-wrapper .right .cart-section .title {
    display: none
}

.quick-checkout-wrapper .right .confirm-section .title {
    display: block
}

.quick-checkout-wrapper .account-customer-group label:after {
    display: none !important
}

.quick-checkout-wrapper .account-telephone label:after {
    display: none !important
}

.quick-checkout-wrapper .account-fax label:after {
    display: none !important
}

.quick-checkout-wrapper .address-company label:after {
    display: none !important
}

.quick-checkout-wrapper .address-address-2 label:after {
    display: none !important
}

.quick-checkout-wrapper .shipping-payment .shippings p {
    display: none;
    font-weight: 700
}

.quick-checkout-wrapper .shipping-payment .ship-wrapper p {
    display: none
}

.shipping-payment .section-body>div {
    margin-bottom: 14px
}

.section-shipping .section-body>div:first-child:before {
    content: '\eab8' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, -1px, 0)
}

.section-shipping .section-body>div:nth-child(2):before {
    content: '\eab9' !important;
    font-family: icomoon !important;
    color: rgba(242, 199, 81, 1)
}

.section-payment .section-body>div:first-child:before {
    content: '\e95f' !important;
    font-family: icomoon !important
}

.section-payment .section-body>div:nth-child(2):before {
    content: '\e952' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, -1px, 0)
}

.quick-checkout-wrapper .cart-section .td-qty .stepper input.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    box-shadow: none
}

.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .stepper input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.quick-checkout-wrapper .cart-section .td-qty .stepper input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.quick-checkout-wrapper .cart-section .td-qty .stepper {
    --stepper-border: 0;
    max-width: var(--stepper-max-width, 100%);
    --stepper-height: 38px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.quick-checkout-wrapper .cart-section .td-qty .stepper button {
    position: static;
    width: calc(var(--stepper-button-width, 30)*1px*3);
    height: 100%;
    min-height: 36px;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.quick-checkout-wrapper .cart-section .td-qty .stepper button.fa-angle-down {
    border-inline-width: 0 var(--stepper-border, 0);
    border-block-width: 0
}

.quick-checkout-wrapper .cart-section .td-qty .stepper .form-control {
    max-width: 100% !important
}

.quick-checkout-wrapper .cart-section .td-qty .stepper .fa-angle-down:before {
    content: '\eb85' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.quick-checkout-wrapper .cart-section .td-qty .stepper .fa-angle-up:before {
    content: '\eba0' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .stepper:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .stepper button:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .stepper button:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .stepper button:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .stepper button:active {
    background-color: hsla(var(--j-color-scheme-background-shade-h), var(--j-color-scheme-background-shade-s), calc(var(--j-color-scheme-background-shade-l) - 0%), calc(var(--j-color-scheme-background-shade-a)*1)) !important
}

.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn,
.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:active,
.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn,
.quick-checkout-wrapper .cart-section .td-qty .btn-primary.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:active,
.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:hover:active,
.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:focus:active,
.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:focus,
.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:hover,
.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:active,
.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:hover:active,
.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn.btn.disabled:after {
    font-size: 1em
}

.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn,
.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:active,
.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn,
.quick-checkout-wrapper .cart-section .td-qty .btn-danger.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:active,
.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:hover:active,
.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:focus:active,
.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:focus,
.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:hover,
.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:active,
.no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:hover:active,
.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn.btn.disabled:after {
    font-size: 1em
}

.popup-checkout-payment .popup-container {
    width: 400px
}

#button-confirm.btn,
#button-confirm.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents #button-confirm.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

#button-confirm.btn:active,
.no-touchevents #button-confirm.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

#button-confirm.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

#button-confirm.btn,
#button-confirm.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

#button-confirm.btn:active,
.no-touchevents #button-confirm.btn:hover:active,
#button-confirm.btn:focus:active,
.no-touchevents #button-confirm.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

#button-confirm.btn:focus,
#button-confirm.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

#button-confirm.btn.btn.disabled:after {
    font-size: 1em
}

#quick-checkout-button-confirm.btn,
#quick-checkout-button-confirm.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents #quick-checkout-button-confirm.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

#quick-checkout-button-confirm.btn:active,
.no-touchevents #quick-checkout-button-confirm.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

#quick-checkout-button-confirm.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98;
    width: 100%
}

#quick-checkout-button-confirm.btn,
#quick-checkout-button-confirm.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

#quick-checkout-button-confirm.btn:active,
.no-touchevents #quick-checkout-button-confirm.btn:hover:active,
#quick-checkout-button-confirm.btn:focus:active,
.no-touchevents #quick-checkout-button-confirm.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

#quick-checkout-button-confirm.btn:focus,
#quick-checkout-button-confirm.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

#quick-checkout-button-confirm.btn.btn.disabled:after {
    font-size: 1em
}

.confirm-buttons .pull-right:only-child {
    max-width: 100%
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table tfoot td:first-child {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table tfoot td:last-child {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-checkout-checkout .checkout-sections .checkout-section-end,
.route-checkout-checkout .checkout-section-start>div {
    padding: 24px;
    --element-padding: 24px;
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-checkout-checkout .checkout-section-end,
.route-checkout-checkout .checkout-section-start>div {
    position: sticky;
    top: var(--sticky-top-distance, 0);
    z-index: 90
}

.route-checkout-checkout .checkout-sections {
    --checkout-sections-split: 50%
}

.route-product-compare .compare-buttons .btn-cart.btn,
.route-product-compare .compare-buttons .btn-cart.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-product-compare .compare-buttons .btn-cart.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-compare .compare-buttons .btn-cart.btn:active,
.no-touchevents.route-product-compare .compare-buttons .btn-cart.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.route-product-compare .compare-buttons .btn-cart.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-product-compare .compare-buttons .btn-cart.btn,
.route-product-compare .compare-buttons .btn-cart.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-product-compare .compare-buttons .btn-cart.btn:active,
.no-touchevents.route-product-compare .compare-buttons .btn-cart.btn:hover:active,
.route-product-compare .compare-buttons .btn-cart.btn:focus:active,
.no-touchevents.route-product-compare .compare-buttons .btn-cart.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-compare .compare-buttons .btn-cart.btn:focus,
.route-product-compare .compare-buttons .btn-cart.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.route-product-compare .compare-buttons .btn-cart.btn.btn.disabled:after {
    font-size: 1em
}

.route-product-compare .compare-buttons .btn-remove.btn,
.route-product-compare .compare-buttons .btn-remove.btn:visited {
    color: rgba(255, 255, 255, 1) !important
}

.no-touchevents.route-product-compare .compare-buttons .btn-remove.btn:hover {
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(202, 37, 44, 1);
    --background-color: rgba(202, 37, 44, 1)
}

.route-product-compare .compare-buttons .btn-remove.btn:active,
.no-touchevents.route-product-compare .compare-buttons .btn-remove.btn:hover:active {
    color: rgba(255, 255, 255, 1) !important
}

.route-product-compare .compare-buttons .btn-remove.btn {
    --focus-color: rgba(255, 255, 255, 1) !important;
    border-style: none
}

.route-product-compare .compare-buttons .btn-remove.btn,
.route-product-compare .compare-buttons .btn-remove.tooltip {
    background-color: rgba(180, 33, 39, 1);
    --background-color: rgba(180, 33, 39, 1)
}

.route-product-compare .compare-buttons .btn-remove.btn:focus,
.route-product-compare .compare-buttons .btn-remove.btn[disabled] {
    background-color: rgba(202, 37, 44, 1) !important;
    --background-color: rgba(202, 37, 44, 1) !important
}

.route-product-compare .compare-buttons .btn-remove.btn.btn.disabled:after {
    font-size: 1em
}

.route-product-compare .compare-buttons .btn-cart {
    display: flex
}

.route-product-compare .compare-buttons .btn-remove {
    display: flex
}

.compare-name {
    display: table-row
}

.compare-image {
    display: table-row
}

.compare-price {
    display: table-row
}

.compare-model {
    display: table-row
}

.compare-manufacturer {
    display: table-row
}

.compare-availability {
    display: table-row
}

.compare-rating {
    display: table-row
}

.compare-summary {
    display: table-row
}

.compare-weight {
    display: table-row
}

.compare-dimensions {
    display: table-row
}

.route-information-contact .location-title {
    display: none
}

.route-information-contact .store-image {
    display: none
}

.route-information-contact .store-address {
    display: none
}

.route-information-contact .store-tel {
    display: none
}

.route-information-contact .store-fax {
    display: none
}

.route-information-contact .store-info {
    display: none
}

.route-information-contact .store-address a {
    display: none
}

.route-information-contact .stores-title {
    display: none;
    display: none !important
}

.route-information-contact .other-stores {
    display: none
}

.route-information-information:not(.popup) .content {
    column-count: initial
}

.route-information-information:not(.popup) .site-wrapper .content {
    column-rule-style: none
}

.route-information-information:not(.popup) .site-wrapper .content>p:only-child .route-information-information .content>p:only-child {
    display: none
}

.maintenance-page header {
    display: none !important
}

.maintenance-page footer {
    display: none !important
}

.maintenance-page .site-wrapper>.container {
    max-width: 100%
}

.maintenance-page .module-grid>.grid-row>.grid-cols-wrapper {
    max-width: 100%
}

#common-maintenance>.content {
    text-align: center;
    display: block
}

#common-maintenance {
    padding: var(--j-gap-spacing-gutter-2);
    --element-padding: var(--j-gap-spacing-gutter-2)
}

#common-maintenance>.content img {
    border-radius: 4px;
    --element-border-radius: 4px;
    max-width: min(400px, 100%)
}

.route-product-manufacturer #content a img {
    display: block
}

.route-product-manufacturer .manufacturer {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    grid-gap: 20px
}

.route-product-manufacturer #content .image-card {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    line-height: 1.25
}

.route-product-manufacturer .brand-index {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6)
}

.route-product-manufacturer .brand-index strong {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.route-product-manufacturer .brand-index p>a {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    text-transform: none;
    line-height: 1.3
}

.route-product-manufacturer .manufacturer a {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    padding: var(--j-gap-spacing-padding-s);
    --element-padding: var(--j-gap-spacing-padding-s);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.no-touchevents.route-product-manufacturer .manufacturer a:hover {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-product-manufacturer #content a {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents.route-product-manufacturer #content a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-product-search #content .search-criteria-title {
    display: block
}

.route-product-search .search-form .search-category-checkbox {
    display: inline-flex
}

.route-product-search .search-form .search-description-checkbox {
    display: inline-flex
}

.route-product-search .search-form .inputs+.checkbox+.checkbox label {
    display: inline-block
}

.search-form>.inputs+.checkbox {
    margin-top: var(--j-gap-spacing---4);
    --element-margin-top: var(--j-gap-spacing---4);
    margin-bottom: var(--j-gap-spacing---5);
    --element-margin-bottom: var(--j-gap-spacing---5)
}

.route-product-search #content div.buttons {
    margin-bottom: var(--j-gap-spacing-vertical-l) !important;
    --element-margin-bottom: var(--j-gap-spacing-vertical-l) !important
}

.route-product-search .search-criteria-title {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.route-product-search .search-criteria-title:after {
    display: none;
    margin-top: .7em
}

.route-product-search .search-criteria-title .page-title-text:after {
    display: none;
    margin-top: .7em
}

.route-product-search .search-criteria-title .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.route-product-search .search-criteria-title:after,
.route-product-search .search-criteria-title .page-title-text:after,
.route-product-search .search-criteria-title .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-search #content .main-products-wrapper .buttons {
    margin-top: var(--j-gap-spacing-vertical-xl);
    --element-margin-top: var(--j-gap-spacing-vertical-xl);
    --page-buttons-width: 500px;
    --page-buttons-gap: 14px
}

.route-product-search #content .main-products-wrapper .buttons .pull-left .btn,
.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:active,
.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-product-search #content .main-products-wrapper .buttons .pull-left .btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-product-search #content .main-products-wrapper .buttons .pull-left .btn,
.route-product-search #content .main-products-wrapper .buttons .pull-left .tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:active,
.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:hover:active,
.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:focus:active,
.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:focus,
.route-product-search #content .main-products-wrapper .buttons .pull-left .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:hover,
.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:active,
.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:hover:active,
.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-search #content .main-products-wrapper .buttons .pull-left .btn.btn.disabled:after {
    font-size: 1em
}

.route-product-search #content .main-products-wrapper .buttons .pull-right .btn,
.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:active,
.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.route-product-search #content .main-products-wrapper .buttons .pull-right .btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-product-search #content .main-products-wrapper .buttons .pull-right.btn {
    justify-content: center
}

.route-product-search #content .main-products-wrapper .buttons .pull-right .btn,
.route-product-search #content .main-products-wrapper .buttons .pull-right .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:active,
.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:hover:active,
.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:focus:active,
.no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:focus,
.route-product-search #content .main-products-wrapper .buttons .pull-right .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.route-product-search #content .main-products-wrapper .buttons .pull-right .btn.btn.disabled:after {
    font-size: 1em
}

.route-product-search #content .main-products-wrapper .buttons>div {
    flex-grow: 0
}

.route-product-search #content .main-products-wrapper .buttons .pull-right:only-child {
    max-width: 100%
}

.route-product-search #content .main-products-wrapper .buttons .pull-right:only-child .btn {
    width: 100%
}

.route-product-search #content .main-products-wrapper .buttons .pull-right input[type=checkbox] {
    order: -1
}

.route-product-search #content .main-products-wrapper .buttons input+.btn,
.route-product-search #content .main-products-wrapper .buttons .pull-right>span+.btn {
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.route-product-search #content .buttons {
    margin-top: var(--j-gap-spacing-vertical-xl);
    --element-margin-top: var(--j-gap-spacing-vertical-xl);
    --page-buttons-width: 500px;
    --page-buttons-gap: 14px
}

.route-product-search #content .buttons .pull-left .btn,
.route-product-search #content .buttons .pull-left .btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents.route-product-search #content .buttons .pull-left .btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-product-search #content .buttons .pull-left .btn:active,
.no-touchevents.route-product-search #content .buttons .pull-left .btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-product-search #content .buttons .pull-left .btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-product-search #content .buttons .pull-left .btn,
.route-product-search #content .buttons .pull-left .tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.route-product-search #content .buttons .pull-left .btn:active,
.no-touchevents.route-product-search #content .buttons .pull-left .btn:hover:active,
.route-product-search #content .buttons .pull-left .btn:focus:active,
.no-touchevents.route-product-search #content .buttons .pull-left .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.route-product-search #content .buttons .pull-left .btn:focus,
.route-product-search #content .buttons .pull-left .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents.route-product-search #content .buttons .pull-left .btn:hover,
.no-touchevents.route-product-search #content .buttons .pull-left .btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-search #content .buttons .pull-left .btn:active,
.no-touchevents.route-product-search #content .buttons .pull-left .btn:hover:active,
.route-product-search #content .buttons .pull-left .btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-product-search #content .buttons .pull-left .btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-search #content .buttons .pull-left .btn.btn.disabled:after {
    font-size: 1em
}

.route-product-search #content .buttons .pull-right .btn,
.route-product-search #content .buttons .pull-right .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-product-search #content .buttons .pull-right .btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-search #content .buttons .pull-right .btn:active,
.no-touchevents.route-product-search #content .buttons .pull-right .btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.route-product-search #content .buttons .pull-right .btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-product-search #content .buttons .pull-right.btn {
    justify-content: center
}

.route-product-search #content .buttons .pull-right .btn,
.route-product-search #content .buttons .pull-right .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-product-search #content .buttons .pull-right .btn:active,
.no-touchevents.route-product-search #content .buttons .pull-right .btn:hover:active,
.route-product-search #content .buttons .pull-right .btn:focus:active,
.no-touchevents.route-product-search #content .buttons .pull-right .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-search #content .buttons .pull-right .btn:focus,
.route-product-search #content .buttons .pull-right .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.route-product-search #content .buttons .pull-right .btn.btn.disabled:after {
    font-size: 1em
}

.route-product-search #content .buttons>div {
    flex-grow: 0
}

.route-product-search #content .buttons .pull-right:only-child {
    max-width: 100%
}

.route-product-search #content .buttons .pull-right:only-child .btn {
    width: 100%
}

.route-product-search #content .buttons .pull-right input[type=checkbox] {
    order: -1
}

.route-product-search #content .buttons input+.btn,
.route-product-search #content .buttons .pull-right>span+.btn {
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.route-product-search #content .search-products-title {
    display: block
}

.route-information-sitemap #content>.row>div>ul {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing-padding-m);
    --element-padding: var(--j-gap-spacing-padding-m);
    border-radius: 4px;
    --element-border-radius: 4px
}

.route-information-sitemap #content .row ul li,
.route-information-sitemap #content .row ul li a {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.9))
}

.no-touchevents.route-information-sitemap #content .row ul li a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-information-sitemap #content .row>div>ul>li,
.route-information-sitemap #content .row>div>ul>li>a {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents.route-information-sitemap #content .row>div>ul>li>a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-information-sitemap #content>.row>div>ul>li>a:before {
    content: '\f15c' !important;
    font-family: icomoon !important;
    margin-right: 7px;
    --element-margin-right: 7px
}

.route-information-sitemap #content>.row>div>ul li ul li a:before {
    content: '\f0f6' !important;
    font-family: icomoon !important;
    margin-right: 7px;
    --element-margin-right: 7px
}

.route-information-sitemap #content {
    --sitemap-gap: var(--j-gap-spacing-gap-4)
}

.route-information-sitemap #content>.row {
    flex-direction: row
}

.route-account-wishlist td .btn .fa-shopping-cart:before {
    content: '\e9f8' !important;
    font-family: icomoon !important
}

.route-account-wishlist td .btn.btn-primary.btn,
.route-account-wishlist td .btn.btn-primary.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents.route-account-wishlist td .btn.btn-primary.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-account-wishlist td .btn.btn-primary.btn:active,
.no-touchevents.route-account-wishlist td .btn.btn-primary.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-account-wishlist td .btn.btn-primary.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-account-wishlist td .btn.btn-primary.btn,
.route-account-wishlist td .btn.btn-primary.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.route-account-wishlist td .btn.btn-primary.btn:active,
.no-touchevents.route-account-wishlist td .btn.btn-primary.btn:hover:active,
.route-account-wishlist td .btn.btn-primary.btn:focus:active,
.no-touchevents.route-account-wishlist td .btn.btn-primary.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.route-account-wishlist td .btn.btn-primary.btn:focus,
.route-account-wishlist td .btn.btn-primary.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents.route-account-wishlist td .btn.btn-primary.btn:hover,
.no-touchevents.route-account-wishlist td .btn.btn-primary.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-account-wishlist td .btn.btn-primary.btn:active,
.no-touchevents.route-account-wishlist td .btn.btn-primary.btn:hover:active,
.route-account-wishlist td .btn.btn-primary.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-account-wishlist td .btn.btn-primary.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-account-wishlist td .btn.btn-primary.btn.btn.disabled:after {
    font-size: 1em
}

.route-account-wishlist td .btn.btn,
.route-account-wishlist td .btn.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents.route-account-wishlist td .btn.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-account-wishlist td .btn.btn:active,
.no-touchevents.route-account-wishlist td .btn.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-account-wishlist td .btn.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-account-wishlist td .btn.btn,
.route-account-wishlist td .btn.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.route-account-wishlist td .btn.btn:active,
.no-touchevents.route-account-wishlist td .btn.btn:hover:active,
.route-account-wishlist td .btn.btn:focus:active,
.no-touchevents.route-account-wishlist td .btn.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.route-account-wishlist td .btn.btn:focus,
.route-account-wishlist td .btn.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents.route-account-wishlist td .btn.btn:hover,
.no-touchevents.route-account-wishlist td .btn.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-account-wishlist td .btn.btn:active,
.no-touchevents.route-account-wishlist td .btn.btn:hover:active,
.route-account-wishlist td .btn.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-account-wishlist td .btn.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-account-wishlist td .btn.btn.btn.disabled:after {
    font-size: 1em
}

.route-account-wishlist #content .buttons .buttons {
    margin-top: var(--j-gap-spacing-vertical-xl);
    --element-margin-top: var(--j-gap-spacing-vertical-xl);
    --page-buttons-width: 500px;
    --page-buttons-gap: 14px
}

.route-account-wishlist #content .buttons .buttons .pull-left .btn,
.route-account-wishlist #content .buttons .buttons .pull-left .btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-account-wishlist #content .buttons .buttons .pull-left .btn:active,
.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-account-wishlist #content .buttons .buttons .pull-left .btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.route-account-wishlist #content .buttons .buttons .pull-left .btn,
.route-account-wishlist #content .buttons .buttons .pull-left .tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.route-account-wishlist #content .buttons .buttons .pull-left .btn:active,
.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:hover:active,
.route-account-wishlist #content .buttons .buttons .pull-left .btn:focus:active,
.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.route-account-wishlist #content .buttons .buttons .pull-left .btn:focus,
.route-account-wishlist #content .buttons .buttons .pull-left .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:hover,
.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-account-wishlist #content .buttons .buttons .pull-left .btn:active,
.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:hover:active,
.route-account-wishlist #content .buttons .buttons .pull-left .btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.route-account-wishlist #content .buttons .buttons .pull-left .btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-account-wishlist #content .buttons .buttons .pull-left .btn.btn.disabled:after {
    font-size: 1em
}

.route-account-wishlist #content .buttons .buttons .pull-right .btn,
.route-account-wishlist #content .buttons .buttons .pull-right .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-right .btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-account-wishlist #content .buttons .buttons .pull-right .btn:active,
.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-right .btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.route-account-wishlist #content .buttons .buttons .pull-right .btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.route-account-wishlist #content .buttons .buttons .pull-right.btn {
    justify-content: center
}

.route-account-wishlist #content .buttons .buttons .pull-right .btn,
.route-account-wishlist #content .buttons .buttons .pull-right .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.route-account-wishlist #content .buttons .buttons .pull-right .btn:active,
.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-right .btn:hover:active,
.route-account-wishlist #content .buttons .buttons .pull-right .btn:focus:active,
.no-touchevents.route-account-wishlist #content .buttons .buttons .pull-right .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-account-wishlist #content .buttons .buttons .pull-right .btn:focus,
.route-account-wishlist #content .buttons .buttons .pull-right .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.route-account-wishlist #content .buttons .buttons .pull-right .btn.btn.disabled:after {
    font-size: 1em
}

.route-account-wishlist #content .buttons .buttons>div {
    flex-grow: 0
}

.route-account-wishlist #content .buttons .buttons .pull-right:only-child {
    max-width: 100%
}

.route-account-wishlist #content .buttons .buttons .pull-right:only-child .btn {
    width: 100%
}

.route-account-wishlist #content .buttons .buttons .pull-right input[type=checkbox] {
    order: -1
}

.route-account-wishlist #content .buttons .buttons input+.btn,
.route-account-wishlist #content .buttons .buttons .pull-right>span+.btn {
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.route-account-wishlist #content td .btn {
    padding: .5em !important;
    --element-padding: .5em !important
}

.route-account-wishlist .td-image {
    display: table-cell
}

.route-account-wishlist .td-name {
    display: table-cell
}

.route-account-wishlist .td-model {
    display: table-cell
}

.route-account-wishlist .td-stock {
    display: table-cell
}

.route-account-wishlist tbody .td-name>a {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 1px;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.4
}

.route-account-wishlist .td-price {
    display: table-cell
}

.no-touchevents.route-account-wishlist tbody .td-name>a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.route-account-wishlist tbody .td-model {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.route-account-wishlist tbody .td-stock,
.route-account-wishlist tbody .td-stock.in-stock {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    color: rgba(64, 148, 99, 1);
    line-height: 1.4
}

.route-account-wishlist tbody .out-of-stock .td-stock,
.route-account-wishlist tbody .td-stock.out-of-stock {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    line-height: 1.4
}

.route-account-wishlist .td-price b {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-400);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    line-height: 1
}

.route-account-wishlist .td-price s {
    font-family: 'Jost';
    font-weight: 400;
    font-size: 90%;
    color: rgba(242, 119, 99, 1);
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    letter-spacing: 0;
    line-height: 1
}

#product-product {
    --product-page-split: 55%;
    --product-page-split-gap: var(--j-gap-spacing-gap-5)
}

.route-product-product:not(.popup) .product-info .page-title {
    font-family: 'Jost';
    font-weight: 700;
    font-size: var(--j-font_size-font-size--title-section);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    letter-spacing: -.5px;
    line-height: 1.3;
    border-style: none;
    margin-bottom: 1em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.route-product-product:not(.popup) .product-info .page-title:after {
    display: none
}

.route-product-product:not(.popup) .product-info .page-title .page-title-text:after {
    display: none
}

.route-product-product:not(.popup) .product-info .page-title .filter-title-text:after {
    display: none
}

html:not(.popup) .product-left-wrapper {
    position: sticky;
    z-index: 90;
    top: var(--sticky-top-distance, 0)
}

html:not(.popup) .product-right-wrapper {
    position: sticky;
    z-index: 90;
    top: var(--sticky-top-distance, 0)
}

html:not(.popup).mobile-header-active .product-left-wrapper {
    position: sticky;
    z-index: 90;
    top: calc(var(--mobile-sticky-top-distance, var(--mobile-bar, 0)) + var(--content-gutter, 0px))
}

html:not(.popup).mobile-header-active .product-right-wrapper {
    position: sticky;
    z-index: 90;
    top: calc(var(--mobile-sticky-top-distance, var(--mobile-bar, 0)) + var(--content-gutter, 0px))
}

html:not(.popup) .product-image .swiper.main-image {
    display: block
}

.product-image img {
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
}

.zm-viewer img {
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
}

.product-image .product-labels {
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3)
}

.product-image .main-image {
    border-radius: 4px;
    --element-border-radius: 4px
}

html:not(.mobile) .product-image .main-image .swiper-container {
    overflow: hidden !important
}

.product-image .main-image .swiper-buttons.auto-carousel-buttons span:before,
.product-image .main-image .swiper-buttons.swiper-buttons>div:before,
.product-image .main-image .swiper-buttons.scroll-top em:before,
.product-image .main-image .swiper-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .product-image .main-image .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .product-image .main-image .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents .product-image .main-image .swiper-buttons.scroll-top em:hover:before,
.no-touchevents .product-image .main-image .swiper-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image .main-image .swiper-buttons.auto-carousel-buttons span:active:before,
.product-image .main-image .swiper-buttons.swiper-buttons>div:active:before,
.product-image .main-image .swiper-buttons.scroll-top em:active:before,
.product-image .main-image .swiper-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image .main-image .swiper-buttons.auto-carousel-buttons span,
.product-image .main-image .swiper-buttons.swiper-buttons>div,
.product-image .main-image .swiper-buttons.scroll-top em,
.product-image .main-image .swiper-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .product-image .main-image .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents .product-image .main-image .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents .product-image .main-image .swiper-buttons.scroll-top em:hover,
.no-touchevents .product-image .main-image .swiper-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image .main-image .swiper-buttons.auto-carousel-buttons span:active,
.product-image .main-image .swiper-buttons.swiper-buttons>div:active,
.product-image .main-image .swiper-buttons.scroll-top em:active,
.product-image .main-image .swiper-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image .main-image .swiper-button-prev:before {
    transform: scaleX(-1)
}

.product-image .main-image .swiper-buttons:not(.slider-navigation) {
    display: none;
    top: 50%
}

.touchevents .product-image .main-image .swiper-buttons:not(.slider-navigation) {
    display: flex
}

.product-image .main-image .swiper-button-prev {
    left: 0;
    right: auto;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.product-image .main-image .swiper-button-next {
    left: auto;
    right: 0;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.product-image .main-image .swiper-buttons:not(.slider-navigation) div {
    --width: 30px;
    --height: 30px
}

.product-image .main-image .swiper-pagination {
    display: none;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.product-image .main-image .swiper {
    padding-bottom: 0;
    padding-bottom: 0
}

.touchevents .product-image .main-image .swiper-pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap
}

.product-image .main-image .swiper-wrapper {
    cursor: auto
}

.product-image .main-image .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
}

.product-image .main-image .swiper-pagination>span+span {
    margin-inline-start: 10px
}

.no-touchevents .product-image .main-image .swiper-pagination-bullet:hover {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image .main-image .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image .main-image .swiper-pagination>span {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

.product-image .swiper.swiper-has-pages .swiper-controls {
    display: block
}

.product-image .additional-images .swiper-buttons {
    display: block
}

.product-image .swiper-has-pages.main-image {
    overflow: visible
}

.phone .position-top .additional-images .swiper-container {
    overflow: visible
}

.phone .position-bottom .additional-images .swiper-container {
    overflow: visible
}

.lg-sub-html {
    display: none !important
}

.lg-product-images .lg-backdrop {
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.lg-product-images #lg-actual-size-1 {
    display: flex
}

.lg-product-images .lg-autoplay-button {
    display: flex
}

.lg-product-images .lg-progress-bar .lg-progress {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.lg-product-images .lg-download {
    display: none
}

.lg-product-images .lg-close {
    display: flex
}

.lg-product-images .lg-content .lg-icon {
    display: flex;
    width: 48px;
    height: 48px;
    height: 48px
}

.lg-product-images .lg-toolbar .lg-icon,
.lg-product-images .lg-toolbar .lg-counter {
    color: rgba(255, 255, 255, .5)
}

.no-touchevents .lg-product-images .lg-toolbar .lg-icon:hover {
    color: rgba(255, 255, 255, 1)
}

.lg-product-images .lg-fullscreen {
    display: none
}

.lg-product-images .lg-image,
.lg-product-images .lg-video-poster {
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.lg-product-images .lg-image {
    max-height: calc(100% - 100px);
    max-width: calc(100% - 50px)
}

.lg-product-images .lg-video-play-button {
    color: rgba(255, 255, 255, 1)
}

.lg-product-images .lg-content.auto-carousel-buttons span:before,
.lg-product-images .lg-content.swiper-buttons>div:before,
.lg-product-images .lg-content.scroll-top em:before,
.lg-product-images .lg-content.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .lg-product-images .lg-content.auto-carousel-buttons span:hover:before,
.no-touchevents .lg-product-images .lg-content.swiper-buttons>div:hover:before,
.no-touchevents .lg-product-images .lg-content.scroll-top em:hover:before,
.no-touchevents .lg-product-images .lg-content.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.lg-product-images .lg-content.auto-carousel-buttons span:active:before,
.lg-product-images .lg-content.swiper-buttons>div:active:before,
.lg-product-images .lg-content.scroll-top em:active:before,
.lg-product-images .lg-content.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.lg-product-images .lg-content.auto-carousel-buttons span,
.lg-product-images .lg-content.swiper-buttons>div,
.lg-product-images .lg-content.scroll-top em,
.lg-product-images .lg-content.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .lg-product-images .lg-content.auto-carousel-buttons span:hover,
.no-touchevents .lg-product-images .lg-content.swiper-buttons>div:hover,
.no-touchevents .lg-product-images .lg-content.scroll-top em:hover,
.no-touchevents .lg-product-images .lg-content.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.lg-product-images .lg-content.auto-carousel-buttons span:active,
.lg-product-images .lg-content.swiper-buttons>div:active,
.lg-product-images .lg-content.scroll-top em:active,
.lg-product-images .lg-content.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.lg-product-images .lg-content .lg-prev:before {
    transform: scaleX(-1)
}

.lg-product-images .lg-outer .lg-counter {
    visibility: visible
}

.lg-product-images .lg-zoom-in {
    display: none
}

.lg-product-images .lg-zoom-out {
    display: none
}

.lg-product-images .lg-download:after {
    content: '\eb4e' !important;
    font-family: icomoon !important
}

.lg-product-images .lg-zoom-in:after {
    content: '\ebef' !important;
    font-family: icomoon !important
}

.lg-product-images .lg-zoom-out:after {
    content: '\ebf0' !important;
    font-family: icomoon !important
}

.lg-product-images .lg-close:after {
    content: '\e981' !important;
    font-family: icomoon !important
}

.lg-product-images .lg-toolbar {
    height: 55px
}

.lg-product-images .lg-sub-html {
    color: rgba(255, 255, 255, .8);
    padding-block: var(--caption-distance, 1rem);
    margin-top: 0
}

.lg-product-images .lg-outer {
    --caption-distance: 12px;
    --thumbs-padding: 10px
}

.lg-product-images div.lg-sub-html {
    display: block !important
}

.lg-product-images .lg-thumb-item {
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    border-radius: 0;
    --element-border-radius: 0px;
    transform: scale(calc(100/100));
    opacity: .7
}

.lg-product-images .lg-components .lg-thumb-item+.lg-thumb-item {
    margin-inline-start: 8px
}

.lg-product-images .lg-outer .lg-thumb {
    border-radius: 4px;
    --element-border-radius: 4px;
    border-bottom-right-radius: 0;
    --element-border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0;
    --element-border-bottom-left-radius: 0px;
    box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
}

.lg-product-images .lg-outer div.lg-thumb {
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8)
}

.lg-product-images .module-button .btn {
    transform: scale(calc(100/100))
}

.no-touchevents .lg-product-images .lg-thumb-item:not(.active):hover {
    transform: scale(calc(105/100));
    opacity: 1
}

.lg-product-images .lg-thumb-item.active {
    transform: scale(calc(105/100));
    opacity: 1
}

.lg-product-images .lg-outer .lg-toggle-thumb:after {
    content: '\eb33' !important;
    font-family: icomoon !important;
    font-size: 24px;
    color: rgba(255, 255, 255, .5)
}

.no-touchevents .lg-product-images .lg-outer .lg-toggle-thumb:hover:after {
    color: rgba(255, 255, 255, 1)
}

.lg-product-images .lg-outer .lg-toggle-thumb {
    background-color: rgba(17, 17, 17, 1);
    --background-color: rgba(17, 17, 17, 1);
    width: 42px;
    height: 42px;
    height: 42px;
    border-top-left-radius: 4px;
    --element-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    --element-border-top-right-radius: 4px;
    inset-inline-start: 50%;
    inset-inline-end: auto;
    transform: translate3d(var(--transform-50-rtl, -50%), var(--transform-100-rtl, -100%), 0)
}

.lg-product-images .lg-components {
    display: block
}

.direction-horizontal .swiper-wrapper .additional-image {
    width: calc(100%/7)
}

.direction-horizontal .additional-images {
    --ipr: 7
}

html:not(.mobile) .additional-images .swiper-container {
    overflow: hidden !important
}

.additional-images .swiper-buttons.auto-carousel-buttons span:before,
.additional-images .swiper-buttons.swiper-buttons>div:before,
.additional-images .swiper-buttons.scroll-top em:before,
.additional-images .swiper-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .additional-images .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .additional-images .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents .additional-images .swiper-buttons.scroll-top em:hover:before,
.no-touchevents .additional-images .swiper-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.additional-images .swiper-buttons.auto-carousel-buttons span:active:before,
.additional-images .swiper-buttons.swiper-buttons>div:active:before,
.additional-images .swiper-buttons.scroll-top em:active:before,
.additional-images .swiper-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.additional-images .swiper-buttons.auto-carousel-buttons span,
.additional-images .swiper-buttons.swiper-buttons>div,
.additional-images .swiper-buttons.scroll-top em,
.additional-images .swiper-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .additional-images .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents .additional-images .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents .additional-images .swiper-buttons.scroll-top em:hover,
.no-touchevents .additional-images .swiper-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.additional-images .swiper-buttons.auto-carousel-buttons span:active,
.additional-images .swiper-buttons.swiper-buttons>div:active,
.additional-images .swiper-buttons.scroll-top em:active,
.additional-images .swiper-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.additional-images .swiper-button-prev:before {
    transform: scaleX(-1)
}

.additional-images .swiper-buttons:not(.slider-navigation) {
    display: flex;
    top: 50%;
    width: calc(100% - (10px*2))
}

.touchevents .additional-images .swiper-buttons:not(.slider-navigation) {
    display: none
}

.additional-images .swiper-button-prev {
    left: 0;
    right: auto;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.additional-images .swiper-button-next {
    left: auto;
    right: 0;
    transform: translate(0, -50%) scale(var(--disabled-scale, 1))
}

.additional-images .swiper-buttons:not(.slider-navigation) div {
    --width: 28px;
    --height: 28px
}

.additional-images .swiper-button-disabled {
    opacity: 0
}

.additional-images .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev {
    opacity: 0;
    --disabled-scale: 0
}

.additional-images .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled {
    --disabled-scale: 0
}

.additional-images .swiper-pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.additional-images .swiper-wrapper {
    cursor: auto
}

.additional-images .swiper {
    padding-bottom: 15px
}

.additional-images .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
}

.additional-images .swiper-pagination>span+span {
    margin-inline-start: 8px
}

.no-touchevents .additional-images .swiper-pagination-bullet:hover {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.additional-images .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.additional-images .swiper-pagination>span {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

html:not(.mobile) .product-image.direction-vertical .additional-images .swiper-container {
    overflow: hidden !important
}

.product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:before,
.product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:before,
.product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em:before,
.product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em:hover:before,
.no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:active:before,
.product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:active:before,
.product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em:active:before,
.product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span,
.product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div,
.product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em,
.product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em:hover,
.no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:active,
.product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:active,
.product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em:active,
.product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image.direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) {
    display: flex;
    top: 0
}

.product-image.direction-vertical .additional-images .swiper-button-prev {
    left: auto;
    right: 0;
    transform: translate(-110%, -100%) scale(var(--disabled-scale, 1))
}

.product-image.direction-vertical .additional-images .swiper-button-next {
    transform: translate(0, -100%) scale(var(--disabled-scale, 1))
}

.product-image.direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) div {
    --width: 60px;
    --height: 16px
}

.product-image.direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) div:before {
    content: '\e408' !important;
    font-family: icomoon !important
}

.product-image.direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) .swiper-button-next:before {
    content: '\e409' !important;
    font-family: icomoon !important
}

.product-image.direction-vertical .additional-images .swiper-pagination {
    display: none;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.product-image.direction-vertical .additional-images .swiper {
    padding-bottom: 0;
    padding-bottom: 0
}

.touchevents .product-image.direction-vertical .additional-images .swiper-pagination {
    display: none
}

.touchevents .product-image.direction-vertical .additional-images .swiper {
    padding-bottom: 0
}

.product-image.direction-vertical .additional-images .swiper-wrapper {
    cursor: auto
}

.product-image.direction-vertical .additional-images .swiper-pagination-bullet {
    width: 4px;
    height: 4px
}

.product-image.direction-vertical .additional-images .swiper-pagination>span+span {
    margin-inline-start: 6px
}

.product-image .additional-images:not(.swiper-wrapper) {
    --gap: 12px
}

.product-image.direction-vertical .additional-images .swiper-slide:not(:last-child) {
    margin-bottom: 12px
}

.product-image.direction-horizontal .additional-images .swiper-slide:not(:last-child) {
    margin-right: 12px
}

.no-flexbox-gap .product-image .additional-image {
    padding: calc(12px/2)
}

.no-flexbox-gap .product-image.direction-vertical .additional-images .swiper-container {
    margin-inline-start: calc(0px - 12px/2);
    margin-inline-end: calc(0px - 12px/2)
}

.no-flexbox-gap .product-image.direction-vertical .swiper-wrapper>div:first-child {
    padding-top: 0
}

.no-flexbox-gap .product-image.direction-vertical .swiper-wrapper>div:last-child {
    padding-bottom: 0
}

.product-image {
    --additional-image-spacing: 12px
}

.additional-images img {
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.no-touchevents .additional-images img:hover,
.additional-images .swiper-slide-active img {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.additional-images .swiper-slide-active img {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-image.position-bottom .additional-images {
    margin-inline: 0;
    padding-inline: 0
}

.product-image.position-bottom .additional-images .swiper-container {
    padding-inline-end: 0px
}

.product-image.position-bottom .additional-images .swiper-buttons {
    max-width: 100%
}

.product-info {
    --sections-gap: var(--j-gap-spacing---9)
}

.product-info .product-details .product-stats {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.route-product-product:not(.popup) .product-info .product-details .product-stats {
    order: 2
}

.product-info .product-stats {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
}

.product-info .product-details .brand-image a span {
    display: none
}

.product-info .product-details .brand-image a {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.no-touchevents .product-info .product-details .brand-image a:hover {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 10%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.product-info .product-stats li:before {
    content: '\f111' !important;
    font-family: icomoon !important;
    font-size: 5px;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.product-info .product-stats b {
    margin-inline-end: 5px
}

.product-info .product-stats li+li {
    margin-top: 6px
}

.product-price-group .price-wrapper {
    min-width: 35%
}

.route-product-product:not(.popup) .product-price-group {
    flex-wrap: wrap
}

.route-product-product:not(.popup) .product-price-group>div {
    flex-basis: calc((560px - 100%)*9999);
    flex-wrap: wrap
}

.product-price-group {
    gap: var(--j-gap-spacing-gap-4)
}

div.product-price-group .product-stats {
    order: 2
}

.product-info .product-stats ul .product-manufacturer {
    display: flex
}

.product-info .product-manufacturer.brand-image {
    display: none
}

.no-touchevents .product-info .product-manufacturer a:hover,
.no-touchevents .product-info .product-manufacturer a:hover span {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.product-info .product-stats .in-stock span {
    color: rgba(64, 148, 99, 1)
}

.product-info .product-stats .out-of-stock span {
    color: rgba(242, 119, 99, 1)
}

.product-info .product-stats .product-stock b {
    display: block
}

.product-stats .product-views:before {
    content: '\f06e' !important;
    font-family: icomoon !important;
    color: rgba(180, 33, 39, 1);
    margin-right: 5px;
    --element-margin-right: 5px
}

.product-stats .product-sold:before {
    content: '\e99a' !important;
    font-family: icomoon !important;
    color: rgba(242, 119, 99, 1);
    margin-right: 5px;
    --element-margin-right: 5px
}

.product-info .product-details .custom-stats {
    order: initial;
    padding-top: var(--j-gap-spacing---5);
    --element-padding-top: var(--j-gap-spacing---5);
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6);
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.product-info .product-stats .product-sold {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.product-info .product-stats .product-sold span {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    padding-left: var(--j-gap-spacing---1);
    --element-padding-left: var(--j-gap-spacing---1)
}

.product-info .product-stats .product-views {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.product-info .product-stats .product-views span {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    padding-left: var(--j-gap-spacing---1);
    --element-padding-left: var(--j-gap-spacing---1)
}

.product-info .product-labels-outside {
    justify-content: flex-start;
    --label-gap: 8px;
    --label-grow: 0
}

.product-info .custom-stats {
    justify-content: flex-start
}

.product-info .product-details>.rating {
    justify-content: flex-start;
    display: flex
}

.route-product-product:not(.popup) .product-info .product-details>.rating {
    order: -1
}

.product-info .product-details>.rating div a,
.product-info .product-details>.rating div b {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .product-info .product-details>.rating div a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

#review .pagination-results {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    line-height: 1.4;
    margin-top: var(--j-gap-spacing-vertical-1);
    --element-margin-top: var(--j-gap-spacing-vertical-1);
    justify-content: space-between;
    flex-direction: row
}

#review .pagination-results .text-right {
    display: block
}

#review ul.pagination>li>a,
#review ul.pagination>li>span {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents #review ul.pagination>li>a:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

#review ul.pagination>li.active>span,
.no-touchevents #review ul.pagination>li.active>span:hover,
#review ul.pagination>li>a:focus {
    color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

#review ul.pagination>li a,
#review ul.pagination>li span {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

#review ul.pagination>li.active a {
    box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
}

#review ul.pagination>li>* {
    border-radius: 9999px !important;
    --element-border-radius: 9999px !important
}

#review ul.pagination>li:first-child a:before,
#review ul.pagination>li:last-child a:before {
    content: '\eb23' !important;
    font-family: icomoon !important;
    font-size: 15px
}

#review ul.pagination>li .prev:before,
#review ul.pagination>li .next:before {
    content: '\f104' !important;
    font-family: icomoon !important;
    font-size: 15px
}

#review .pagination {
    --pagination-gap: 8px
}

.product-info .product-details .rating .fa-stack {
    font-size: 15px;
    width: 1.2em
}

.product-info #product>.rating {
    margin-left: -3px;
    --element-margin-left: -3px
}

.product-info .product-details .countdown-wrapper {
    display: block
}

.product-info #product .countdown-wrapper {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6);
    border-width: 2px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.product-info .product-details .countdown-title {
    font-family: 'Jost';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    text-transform: none;
    line-height: 1.3;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.product-info .product-details .countdown-title:after {
    display: none
}

.product-info .product-details .countdown-title .page-title-text:after {
    display: none
}

.product-info .product-details .countdown-title .filter-title-text:after {
    display: none
}

.product-info .product-details .countdown>div {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    justify-content: center
}

.product-info .product-details .countdown>div>span {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.product-info .product-details .countdown {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.product-info .product-details .countdown>div+div {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.product-info .product-price-group {
    --product-page-price-gap: 8px
}

.product-info .product-details .product-price-group {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.product-info .product-details .product-labels-price {
    order: -1;
    margin-bottom: var(--j-gap-spacing---4);
    --element-margin-bottom: var(--j-gap-spacing---4)
}

.product-info .product-details .price-group .product-price,
.product-info .product-details .price-group .product-price-new {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size---price-larger);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    line-height: 1
}

.product-side-position {
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.route-product-product:not(.popup) .product-info .product-details .price-group {
    flex-direction: row;
    align-items: center
}

.route-product-product:not(.popup) .product-info .product-details .product-price-new {
    order: -1
}

.route-product-product:not(.popup) .product-info .product-details .price-group .product-price-old {
    align-self: center
}

.product-info .product-details .price-group .product-price-old {
    display: block;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-700);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    letter-spacing: 0;
    line-height: 1
}

.product-info .product-details .product-points {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.25;
    display: block;
    margin-top: var(--j-gap-spacing---4);
    --element-margin-top: var(--j-gap-spacing---4)
}

.product-info .product-details .product-tax {
    display: block;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3;
    margin-top: var(--j-gap-spacing---5);
    --element-margin-top: var(--j-gap-spacing---5)
}

.product-info .product-details .discounts {
    display: inline-block;
    margin-top: var(--j-gap-spacing---2);
    --element-margin-top: var(--j-gap-spacing---2)
}

.product-info .product-details .product-discount {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.25
}

.route-product-product:not(.popup) .product-info .product-details .product-options>.options-title {
    display: none
}

.product-info .product-details .product-options>h3 {
    display: block;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.product-info .product-details .product-options>h3:after {
    display: none;
    margin-top: .7em
}

.product-info .product-details .product-options>h3 .page-title-text:after {
    display: none;
    margin-top: .7em
}

.product-info .product-details .product-options>h3 .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.product-info .product-details .product-options>h3:after,
.product-info .product-details .product-options>h3 .page-title-text:after,
.product-info .product-details .product-options>h3 .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.product-options .option-value {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-options .option-price {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.product-info .product-details .product-options :not(.push-option) .option-price {
    display: inline-block
}

div.product-options .form-group {
    --form-label-width: 15%
}

div.product-options .form-group:after {
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.push-option {
    --push-option-spacing: var(--j-gap-spacing-gap-1)
}

.push-option.push-option .option-value {
    min-width: 32px;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3;
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    padding-right: var(--j-gap-spacing---4);
    --element-padding-right: var(--j-gap-spacing---4);
    padding-left: var(--j-gap-spacing---4);
    --element-padding-left: var(--j-gap-spacing---4)
}

.push-option.push-option .option-wrapper .option-price {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.1
}

.push-option.push-option .option-wrapper:not(.push-option-image) {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.no-touchevents .push-option.push-option .option-wrapper:not(.push-option-image):hover,
.push-option.push-option input:checked+.option-wrapper:not(.push-option-image) {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 2%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 2%), calc(var(--j-color-scheme-background-primary-a)*1));
    box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
}

.push-option.push-option .option-wrapper {
    border-width: 2px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .push-option.push-option .option-wrapper:hover,
.push-option.push-option input:checked+.option-wrapper {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.push-option.push-option input:checked+.option-wrapper {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.push-option.push-option .push-option-image.option-wrapper {
    padding: var(--j-gap-spacing---2);
    --element-padding: var(--j-gap-spacing---2)
}

.push-option.push-option .push-option-image img {
    border-radius: 99px;
    --element-border-radius: 99px
}

.push-option .push-option-image {
    flex-direction: row;
    justify-content: flex-start
}

.push-option .push-option-image img {
    position: relative;
    width: auto;
    height: auto
}

.push-option .push-option-image .option-value {
    margin: 1px 5px;
    pointer-events: auto;
    flex-direction: column;
    align-items: var(--align-items, flex-start)
}

.push-option.push-option .push-option-image .option-value {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    line-height: 1.25
}

.push-option.push-option .push-option-image .option-price {
    font-size: 80%;
    margin: 0 !important;
    --element-margin: 0px !important;
    margin-top: 1px !important;
    --element-margin-top: 1px !important
}

.product-info .product-details .product-options>div:not(.push-option) .option-wrapper img {
    display: inline
}

.route-product-product:not(.popup) .product-info .product-details>div:not(.page-title):nth-last-child(2) {
    margin-bottom: var(--sections-gap, 0px)
}

.route-product-product:not(.popup) .product-info .button-group-page {
    position: static;
    z-index: 1;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    padding: var(--j-gap-spacing---8);
    --element-padding: var(--j-gap-spacing---8);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.route-product-product:not(.popup) body {
    padding-bottom: 0
}

.route-product-product:not(.popup) .scroll-top {
    --product-page-buttons: 0px
}

html:not(.popup).has-bottom-menu.route-product-product {
    --bottom-menu-margin-display: 0px;
    --bottom-menu-height: 0px
}

html:not(.popup).has-bottom-menu.route-product-product .bottom-menu {
    display: none !important
}

.product-info .product-details .buttons-wrapper {
    --product-page-buttons-gap: 4px
}

.product-info .product-details .buttons-wrapper .wishlist-compare {
    --product-page-wishlist-buttons-gap: 12px
}

.route-product-product:not(.popup) .product-info .product-details .buttons-wrapper .extra-group {
    order: initial
}

.product-info .product-details .stepper-group .control-label {
    display: none
}

.product-info .button-group-page .stepper {
    display: flex;
    --stepper-border: 0;
    max-width: var(--stepper-max-width, 100%);
    --stepper-height: 38px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.product-info .button-group-page .stepper input.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    box-shadow: none
}

.no-touchevents .product-info .button-group-page .stepper input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.product-info .button-group-page .stepper input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.product-info .button-group-page .stepper button {
    position: static;
    width: calc(var(--stepper-button-width, 30)*1px*3);
    height: 100%;
    min-height: 36px;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.product-info .button-group-page .stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.product-info .button-group-page .stepper button.fa-angle-down {
    border-inline-width: 0 var(--stepper-border, 0);
    border-block-width: 0
}

.product-info .button-group-page .stepper .form-control {
    max-width: 100% !important
}

.product-info .button-group-page .stepper .fa-angle-down:before {
    content: '\eb85' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.product-info .button-group-page .stepper .fa-angle-up:before {
    content: '\eba0' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.no-touchevents .product-info .button-group-page .stepper:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-info .button-group-page .stepper button:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .product-info .button-group-page .stepper button:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .product-info .button-group-page .stepper button:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.product-info .button-group-page .stepper button:active {
    background-color: hsla(var(--j-color-scheme-background-shade-h), var(--j-color-scheme-background-shade-s), calc(var(--j-color-scheme-background-shade-l) - 0%), calc(var(--j-color-scheme-background-shade-a)*1)) !important
}

.product-info .button-group-page .btn-cart {
    display: inline-flex
}

.route-product-product .tags {
    display: flex;
    justify-content: flex-start;
    margin-top: var(--j-gap-spacing-vertical-l);
    --element-margin-top: var(--j-gap-spacing-vertical-l)
}

.product-info.out-of-stock .button-group-page .cart-group {
    opacity: .5;
    pointer-events: none
}

.product-info.out-of-stock .button-group-page .extra-group .btn-extra:first-child {
    opacity: .5
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-cart:before {
    display: inline-flex
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-cart .btn-text {
    display: inline-block
}

.product-info .button-group-page .extra-group {
    width: auto;
    flex-grow: initial;
    flex-direction: row;
    display: flex
}

.product-info .button-group-page .btn-extra {
    flex-grow: 1;
    width: 100%
}

.product-info .button-group-page .btn-extra+.btn-extra {
    flex-grow: initial;
    width: auto
}

.product-info .product-details .buttons-wrapper .extra-group {
    justify-content: flex-start
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-cart {
    flex-grow: 1;
    width: 44px;
    height: 44px;
    padding: .5em !important;
    --element-padding: .5em !important
}

.route-product-product:not(.popup) .product-info .button-group-page .stepper-group {
    flex-grow: 1
}

.route-product-product:not(.popup) .product-info .product-details .btn-cart {
    min-height: calc(100% - var(--product-page-buttons-gap, 0)*2)
}

.route-product-product:not(.popup) .product-info .product-details .stepper-group .stepper {
    min-height: calc(100% - var(--product-page-buttons-gap, 0)*2)
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-extra {
    height: 44px;
    padding: 1em !important;
    --element-padding: 1em !important
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-2-extra {
    width: 44px;
    min-width: 44px;
    height: 44px
}

.product-info .button-group-page .btn-cart .btn-text {
    margin-left: var(--j-gap-spacing---3);
    --element-margin-left: var(--j-gap-spacing---3)
}

.product-info .button-group-page .btn-cart:before {
    content: '\e9f8' !important;
    font-family: icomoon !important
}

.product-info.out-of-stock .button-group-page .btn-cart:before {
    content: '\e14b' !important;
    font-family: icomoon !important
}

.product-info .button-group-page .btn-extra.btn,
.product-info .button-group-page .btn-extra.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .product-info .button-group-page .btn-extra.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.product-info .button-group-page .btn-extra.btn:active,
.no-touchevents .product-info .button-group-page .btn-extra.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.product-info .button-group-page .btn-extra.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.product-info .button-group-page .btn-extra.btn,
.product-info .button-group-page .btn-extra.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.product-info .button-group-page .btn-extra.btn:active,
.no-touchevents .product-info .button-group-page .btn-extra.btn:hover:active,
.product-info .button-group-page .btn-extra.btn:focus:active,
.no-touchevents .product-info .button-group-page .btn-extra.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.product-info .button-group-page .btn-extra.btn:focus,
.product-info .button-group-page .btn-extra.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .product-info .button-group-page .btn-extra.btn:hover,
.no-touchevents .product-info .button-group-page .btn-extra.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-info .button-group-page .btn-extra.btn:active,
.no-touchevents .product-info .button-group-page .btn-extra.btn:hover:active,
.product-info .button-group-page .btn-extra.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.product-info .button-group-page .btn-extra.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-info .button-group-page .btn-extra.btn.btn.disabled:after {
    font-size: 1em
}

.product-info .button-group-page .btn-extra+.btn-extra.btn,
.product-info .button-group-page .btn-extra+.btn-extra.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .product-info .button-group-page .btn-extra+.btn-extra.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.product-info .button-group-page .btn-extra+.btn-extra.btn:active,
.no-touchevents .product-info .button-group-page .btn-extra+.btn-extra.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.product-info .button-group-page .btn-extra+.btn-extra.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.product-info .button-group-page .btn-extra+.btn-extra.btn,
.product-info .button-group-page .btn-extra+.btn-extra.tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.product-info .button-group-page .btn-extra+.btn-extra.btn:active,
.no-touchevents .product-info .button-group-page .btn-extra+.btn-extra.btn:hover:active,
.product-info .button-group-page .btn-extra+.btn-extra.btn:focus:active,
.no-touchevents .product-info .button-group-page .btn-extra+.btn-extra.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.product-info .button-group-page .btn-extra+.btn-extra.btn:focus,
.product-info .button-group-page .btn-extra+.btn-extra.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .product-info .button-group-page .btn-extra+.btn-extra.btn:hover,
.no-touchevents .product-info .button-group-page .btn-extra+.btn-extra.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-info .button-group-page .btn-extra+.btn-extra.btn:active,
.no-touchevents .product-info .button-group-page .btn-extra+.btn-extra.btn:hover:active,
.product-info .button-group-page .btn-extra+.btn-extra.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.product-info .button-group-page .btn-extra+.btn-extra.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-info .button-group-page .btn-extra+.btn-extra.btn.btn.disabled:after {
    font-size: 1em
}

.product-info .button-group-page .btn-extra+.btn {
    display: none
}

.product-info .button-group-page .extra-group .btn:first-child:before {
    display: inline-flex
}

.product-info .button-group-page .extra-group .btn:first-child .btn-text {
    display: inline-block;
    padding: 0
}

.product-info .button-group-page .btn-extra+.btn .btn-text {
    display: none
}

.product-info .button-group-page .btn-extra+.btn:before {
    display: inline-flex
}

.product-info .button-group-page .extra-group .btn-extra:first-child .btn-text {
    margin-left: var(--j-gap-spacing---3);
    --element-margin-left: var(--j-gap-spacing---3)
}

.product-info .button-group-page .extra-group .btn-extra+.btn-extra .btn-text {
    margin-left: var(--j-gap-spacing---3);
    --element-margin-left: var(--j-gap-spacing---3)
}

.product-info .button-group-page .extra-group .btn-extra:first-child:before {
    content: '\ea0d' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.product-info .button-group-page .extra-group .btn-extra:last-child:before {
    font-size: 16px
}

.route-product-product:not(.popup) .product-info .product-details .button-group-page .wishlist-compare {
    width: 100%;
    margin-top: var(--j-gap-spacing---5);
    --element-margin-top: var(--j-gap-spacing---5)
}

.route-product-product:not(.popup) .product-info .button-group-page .wishlist-compare {
    margin-inline-start: 0;
    margin-inline-end: auto;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist {
    display: inline-flex
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist:before,
.product-info .button-group-page .btn-wishlist .btn-text {
    display: inline-block
}

.route-product-product:not(.popup) .product-info .button-group-page .wishlist-compare .btn-wishlist {
    flex-grow: initial;
    padding: 0 !important;
    --element-padding: 0px !important
}

.product-info .wishlist-compare .btn-text {
    margin-left: 6px;
    --element-margin-left: 6px
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist:before {
    color: rgba(180, 33, 39, 1)
}

.product-info .button-group-page .btn-compare {
    display: inline-flex
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-compare:before,
.product-info .button-group-page .btn-compare .btn-text {
    display: inline-block
}

.route-product-product:not(.popup) .product-info .button-group-page .wishlist-compare .btn-compare {
    flex-grow: initial;
    padding: 0 !important;
    --element-padding: 0px !important
}

.product-info .wishlist-compare .btn-compare .btn-text {
    margin-left: 6px;
    --element-margin-left: 6px
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-compare:before {
    font-size: 1em;
    color: rgba(13, 82, 214, 1)
}

.route-product-product:not(.popup) .product-info .wishlist-compare .btn,
.route-product-product:not(.popup) .product-info .wishlist-compare .btn:visited {
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.no-touchevents.route-product-product:not(.popup) .product-info .wishlist-compare .btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.route-product-product:not(.popup) .product-info .wishlist-compare.btn {
    justify-content: flex-start
}

.route-product-product:not(.popup) .product-info .wishlist-compare .btn,
.route-product-product:not(.popup) .product-info .wishlist-compare .tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.route-product-product:not(.popup) .product-info .wishlist-compare .btn:active,
.no-touchevents.route-product-product:not(.popup) .product-info .wishlist-compare .btn:hover:active,
.route-product-product:not(.popup) .product-info .wishlist-compare .btn:focus:active,
.no-touchevents.route-product-product:not(.popup) .product-info .wishlist-compare .btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.route-product-product:not(.popup) .product-info .wishlist-compare .btn:focus,
.route-product-product:not(.popup) .product-info .wishlist-compare .btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.route-product-product:not(.popup) .product-info .wishlist-compare .btn {
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.route-product-product:not(.popup) .product-info .wishlist-compare .btn:active,
.no-touchevents.route-product-product:not(.popup) .product-info .wishlist-compare .btn:hover:active,
.route-product-product:not(.popup) .product-info .wishlist-compare .btn:focus:active {
    box-shadow: none
}

.route-product-product:not(.popup) .product-info .wishlist-compare .btn:focus {
    box-shadow: none
}

.route-product-product:not(.popup) .product-info .wishlist-compare .btn.btn.disabled:after {
    font-size: 1em
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-extra+.btn-extra {
    padding: 1em !important;
    --element-padding: 1em !important
}

.product_tabs .nav-tabs>li>a:not(.item-all-link),
.product_tabs .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .product_tabs .nav-tabs>li.active>a:not(.item-all-link):hover,
.product_tabs .nav-tabs>li.active>a:not(.item-all-link):focus {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.no-touchevents .product_tabs .nav-tabs>li:hover>a:not(.item-all-link),
.product_tabs .nav-tabs>li.active>a:not(.item-all-link) {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product_tabs .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .product_tabs .nav-tabs>li.active>a:not(.item-all-link):hover,
.product_tabs .nav-tabs>li.active>a:not(.item-all-link):focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product_tabs .nav-tabs>li {
    border-width: 0;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.no-touchevents .product_tabs .nav-tabs>li:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product_tabs .nav-tabs>li.active,
.no-touchevents .product_tabs .nav-tabs>li:hover.active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product_tabs ul.nav-tabs>li {
    border-radius: 0;
    --element-border-radius: 0px;
    flex-grow: 0
}

.product_tabs .nav-tabs>li.active:after {
    display: none;
    border-top-width: 10px
}

.product_tabs .nav-tabs>li>a:not(.item-all-link) {
    justify-content: center;
    white-space: nowrap;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: .25em;
    --element-padding-bottom: .25em
}

.product_tabs .nav-tabs li .menu-image>img {
    background-color: rgba(245, 245, 245, 1);
    --background-color: rgba(245, 245, 245, 1)
}

.product_tabs .nav-tabs li .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.product_tabs .nav-tabs>li>a:not(.item-all-link):before {
    font-size: 18px
}

.product_tabs .nav-tabs+.tab-content {
    --spacing: var(--j-gap-spacing-gap-general-2);
    margin-block-start: var(--spacing, 0px);
    margin-inline-start: 0
}

.product_tabs ul.nav-tabs {
    --tabs-gap: var(--j-gap-spacing-gap-4);
    --page-tabs-scroll: var(--content-gutter, 0px);
    flex-wrap: nowrap;
    --pb: 1px;
    --overflow-x-scroll: auto;
    --overflow-y-scroll: hidden;
    --max-width-display: var(--max-width, 100vw);
    scrollbar-width: none
}

.product_tabs .nav-tabs {
    --page-tabs-scroll-padding: var(--page-tabs-scroll-direction, 0px);
    min-width: initial;
    max-width: var(--max-width-display, 100vw);
    max-height: none;
    --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px);
    --tab-align: auto;
    flex-direction: row;
    align-items: center;
    padding-bottom: var(--pb);
    overflow-x: var(--overflow-x-scroll);
    overflow-y: var(--overflow-y-scroll)
}

.product_tabs {
    --align-tabs: var(--tabs-align, flex-start);
    --tabs-align: flex-start
}

.product_tabs .full-tabs-bg {
    --full-bg-display: block
}

.product_tabs .tab-content:before {
    --full-content-bg-display: block
}

.product_tabs .tab-content {
    flex-basis: 100%;
    max-height: none;
    overflow-y: initial;
    overflow-x: initial
}

.product_tabs ul.nav-tabs>li:first-child {
    margin-inline-start: 0
}

.product_tabs ul.nav-tabs>li:last-child {
    margin-inline-end: 0
}

.product_tabs ul.nav-tabs::-webkit-scrollbar {
    display: none
}

.product_tabs ul.nav-tabs.desktop {
    --scrollW: 0px
}

.product_tabs ul.nav-tabs.desktop.mac.firefox {
    --scrollW: 0px
}

.product_tabs.product_tabs-default .nav-tabs>li>a:not(.item-all-link),
.product_tabs.product_tabs-default .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .product_tabs.product_tabs-default .nav-tabs>li.active>a:not(.item-all-link):hover,
.product_tabs.product_tabs-default .nav-tabs>li.active>a:not(.item-all-link):focus {
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4
}

.no-touchevents .product_tabs.product_tabs-default .nav-tabs>li:hover>a:not(.item-all-link),
.product_tabs.product_tabs-default .nav-tabs>li.active>a:not(.item-all-link) {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product_tabs.product_tabs-default .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .product_tabs.product_tabs-default .nav-tabs>li.active>a:not(.item-all-link):hover,
.product_tabs.product_tabs-default .nav-tabs>li.active>a:not(.item-all-link):focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product_tabs.product_tabs-default .nav-tabs>li {
    border-width: 0;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.no-touchevents .product_tabs.product_tabs-default .nav-tabs>li:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product_tabs.product_tabs-default .nav-tabs>li.active,
.no-touchevents .product_tabs.product_tabs-default .nav-tabs>li:hover.active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product_tabs.product_tabs-default ul.nav-tabs>li {
    border-radius: 0;
    --element-border-radius: 0px;
    flex-grow: 0
}

.product_tabs.product_tabs-default .nav-tabs>li.active:after {
    display: none;
    border-top-width: 10px
}

.product_tabs.product_tabs-default .nav-tabs>li>a:not(.item-all-link) {
    justify-content: center;
    white-space: nowrap;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: .3em;
    --element-padding-bottom: .3em
}

.product_tabs.product_tabs-default .nav-tabs li .menu-image>img {
    background-color: rgba(245, 245, 245, 1);
    --background-color: rgba(245, 245, 245, 1)
}

.product_tabs.product_tabs-default .nav-tabs li .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.product_tabs.product_tabs-default .nav-tabs>li>a:not(.item-all-link):before {
    font-size: 18px
}

.product_tabs.product_tabs-default .nav-tabs+.tab-content {
    --spacing: var(--j-gap-spacing-vertical-xl);
    margin-block-start: var(--spacing, 0px);
    margin-inline-start: 0
}

.product_tabs.product_tabs-default ul.nav-tabs {
    --tabs-gap: var(--j-gap-spacing-gap-4);
    --max-width-display: var(--max-width, 100vw);
    scrollbar-width: none
}

.product_tabs.product_tabs-default {
    --align-tabs: var(--tabs-align, flex-start);
    --tabs-align: flex-start
}

.product_tabs.product_tabs-default .full-tabs-bg {
    --full-bg-display: block
}

.product_tabs.product_tabs-default .tab-content:before {
    --full-content-bg-display: block
}

.product_tabs.product_tabs-default .nav-tabs {
    min-width: initial;
    max-width: var(--max-width-display, 100vw);
    max-height: none;
    --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px);
    --tab-align: auto;
    flex-direction: row;
    align-items: center;
    padding-bottom: var(--pb);
    overflow-x: var(--overflow-x-scroll);
    overflow-y: var(--overflow-y-scroll)
}

.product_tabs.product_tabs-default .tab-content {
    flex-basis: 100%;
    max-height: none;
    overflow-y: initial;
    overflow-x: initial
}

.product_tabs.product_tabs-default ul.nav-tabs>li:first-child {
    margin-inline-start: 0
}

.product_tabs.product_tabs-default ul.nav-tabs>li:last-child {
    margin-inline-end: 0
}

.product_tabs.product_tabs-default ul.nav-tabs::-webkit-scrollbar {
    display: none
}

.product_tabs.product_tabs-default ul.nav-tabs.desktop {
    --scrollW: 0px
}

.product_tabs.product_tabs-default ul.nav-tabs.desktop.mac.firefox {
    --scrollW: 0px
}

.tab-container.product_tabs.product_tabs-default {
    --align-tabs: flex-start
}

.tab-container.product_tabs.product_tabs-default>.nav-tabs {
    --align-self: start;
    --max-width: 100vw
}

.tab-container.product_tabs.product_tabs-default>.nav-tabs>li {
    flex-grow: 0
}

.tab-container.product_tabs.product_tabs-default>.nav-tabs>li:first-child {
    margin-inline-start: 0
}

.tab-container.product_tabs.product_tabs-default>.nav-tabs>li:last-child {
    margin-inline-end: 0
}

.product_accordion.panel-group .panel-heading a:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    font-size: 1.1em;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .product_accordion.panel-group .panel-heading:hover a:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.product_accordion.panel-group .panel-active .panel-heading a:before,
.no-touchevents .product_accordion.panel-group .panel-active .panel-heading:hover a:before {
    content: '\e40a' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.product_accordion .panel-group .panel-heading a:before {
    order: 10;
    margin: 0 0 0 auto
}

.product_accordion .panel-group .panel-heading a {
    justify-content: flex-start
}

.product_accordion.panel-group .panel-heading a {
    font-family: 'Jost';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3;
    padding-top: 1.2em;
    --element-padding-top: 1.2em;
    padding-bottom: 1.2em;
    --element-padding-bottom: 1.2em
}

.no-touchevents .product_accordion.panel-group .panel-heading:hover a {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.no-touchevents .product_accordion.panel-group .panel-active .panel-heading:hover a,
.product_accordion.panel-group .panel-active .panel-heading a {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.product_accordion .panel-group .panel {
    --panel-spacing: var(--j-gap-spacing---2)
}

.product_accordion .panel-body {
    margin-top: var(--j-gap-spacing---5) !important
}

.product_accordion.panel-group .panel:not(:only-child):not(:last-child):after {
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.product_accordion.panel-group .panel:last-child .panel-heading {
    border-width: 0 !important;
    border-bottom-width: 0 !important
}

.product_accordion.panel-group .panel-heading a.has-image {
    padding-top: .7em;
    --element-padding-top: .7em;
    padding-bottom: .7em;
    --element-padding-bottom: .7em
}

.product_accordion.panel-group .panel-body {
    padding-bottom: var(--j-gap-spacing---7);
    --element-padding-bottom: var(--j-gap-spacing---7)
}

.product_accordion.panel-group .panel-heading+.panel-collapse .panel-body {
    border-width: 0
}

.product_accordion.panel-group .panel .menu-image>img {
    background-color: rgba(245, 245, 245, 1);
    --background-color: rgba(245, 245, 245, 1)
}

.product_accordion.panel-group .panel .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.product_extra .tab-content .block-wrapper {
    align-items: flex-start
}

.product_tabs.product_tabs-image {
    order: 10
}

.product_blocks.product_blocks-image {
    justify-content: center;
    --product-blocks-gap: var(--j-gap-spacing-gap-3)
}

.product_accordion.product_accordion-top {
    order: 3
}

.product-blocks.blocks-default {
    --product-blocks-gap: var(--j-gap-spacing-vertical-xl);
    margin-top: var(--j-gap-spacing-vertical-xl);
    --element-margin-top: var(--j-gap-spacing-vertical-xl)
}

.product_blocks .product-blocks-popup-btn.btn,
.product_blocks .product-blocks-popup-btn.btn:visited {
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.no-touchevents .product_blocks .product-blocks-popup-btn.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.product_blocks .product-blocks-popup-btn.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.product_blocks .product-blocks-popup-btn.btn,
.product_blocks .product-blocks-popup-btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.product_blocks .product-blocks-popup-btn.btn:active,
.no-touchevents .product_blocks .product-blocks-popup-btn.btn:hover:active,
.product_blocks .product-blocks-popup-btn.btn:focus:active,
.no-touchevents .product_blocks .product-blocks-popup-btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.product_blocks .product-blocks-popup-btn.btn:focus,
.product_blocks .product-blocks-popup-btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.product_blocks .product-blocks-popup-btn.btn:active,
.no-touchevents .product_blocks .product-blocks-popup-btn.btn:hover:active,
.product_blocks .product-blocks-popup-btn.btn:focus:active {
    box-shadow: none
}

.product_blocks .product-blocks-popup-btn.btn:focus {
    box-shadow: none
}

.product_blocks .product-blocks-popup-btn.btn.btn.disabled:after {
    font-size: 1em
}

.product_blocks.product_blocks-image .product-blocks-popup-btn.btn,
.product_blocks.product_blocks-image .product-blocks-popup-btn.btn:visited {
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.no-touchevents .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.product_blocks.product_blocks-image .product-blocks-popup-btn.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.product_blocks.product_blocks-image .product-blocks-popup-btn.btn,
.product_blocks.product_blocks-image .product-blocks-popup-btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.product_blocks.product_blocks-image .product-blocks-popup-btn.btn:active,
.no-touchevents .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:hover:active,
.product_blocks.product_blocks-image .product-blocks-popup-btn.btn:focus:active,
.no-touchevents .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.product_blocks.product_blocks-image .product-blocks-popup-btn.btn:focus,
.product_blocks.product_blocks-image .product-blocks-popup-btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.product_blocks.product_blocks-image .product-blocks-popup-btn.btn:active,
.no-touchevents .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:hover:active,
.product_blocks.product_blocks-image .product-blocks-popup-btn.btn:focus:active {
    box-shadow: none
}

.product_blocks.product_blocks-image .product-blocks-popup-btn.btn:focus {
    box-shadow: none
}

.product_blocks.product_blocks-image .product-blocks-popup-btn.btn.btn.disabled:after {
    font-size: 1em
}

.route-product-product:not(.popup) .product_blocks.product_blocks-image {
    margin-top: var(--j-gap-spacing-vertical-l);
    --element-margin-top: var(--j-gap-spacing-vertical-l)
}

.product-details .product_tabs .nav-tabs+.tab-content {
    --spacing: var(--j-gap-spacing-vertical-1)
}

.route-product-product:not(.popup) .product_tabs.product_tabs-default {
    padding-top: var(--j-gap-spacing-vr-row-m);
    --element-padding-top: var(--j-gap-spacing-vr-row-m)
}

.route-product-product:not(.popup) .product_tabs.product_tabs-image {
    margin-top: var(--j-gap-spacing---9);
    --element-margin-top: var(--j-gap-spacing---9)
}

.route-product-product:not(.popup) .product_tabs.product_tabs-top {
    margin-bottom: var(--j-gap-spacing---6);
    --element-margin-bottom: var(--j-gap-spacing---6)
}

.route-product-product:not(.popup) .product_accordion.product_accordion-default {
    margin-bottom: var(--j-gap-spacing-vertical-1);
    --element-margin-bottom: var(--j-gap-spacing-vertical-1)
}

.products-filter {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    margin-bottom: var(--j-gap-spacing-vertical-l);
    --element-margin-bottom: var(--j-gap-spacing-vertical-l);
    border-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.grid-list button {
    display: inline-block
}

#btn-grid-view:before {
    content: '\e97b' !important;
    font-family: icomoon !important;
    font-size: 20px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents #btn-grid-view:hover:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

#btn-list-view:before {
    content: '\e97a' !important;
    font-family: icomoon !important;
    font-size: 20px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents #btn-list-view:hover:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.grid-list .view-btn {
    width: 32px;
    height: 32px
}

.grid-list>*+* {
    margin-inline-start: 4px
}

.grid-list .compare-btn {
    display: inline-flex;
    padding-left: var(--j-gap-spacing---4);
    --element-padding-left: var(--j-gap-spacing---4)
}

.grid-list .compare-btn .links-text {
    white-space: nowrap;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    letter-spacing: -.1px
}

.grid-list .links-text {
    display: inline-flex
}

.grid-list .compare-btn:before {
    margin-inline-end: 5px;
    font-size: 18px;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    margin-right: var(--j-gap-spacing---4);
    --element-margin-right: var(--j-gap-spacing---4)
}

.no-touchevents .grid-list .compare-btn:hover .links-text {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.no-touchevents .grid-list .compare-btn:hover:before {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.grid-list .count-badge {
    display: inline-flex
}

.products-filter .select-group .input-group.sort-by {
    display: inline-flex
}

.products-filter .select-group .input-group.per-page {
    display: inline-flex
}

.sort-by {
    margin: 0 10px
}

.products-filter .input-group-addon {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.route-product-category .pagination-results {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-400);
    line-height: 1.4;
    margin-top: var(--j-gap-spacing-vertical-1);
    --element-margin-top: var(--j-gap-spacing-vertical-1);
    justify-content: space-between;
    flex-direction: row
}

.route-product-category .pagination-results .text-right {
    display: block
}

.route-product-category ul.pagination>li>a,
.route-product-category ul.pagination>li>span {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents.route-product-category ul.pagination>li>a:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.route-product-category ul.pagination>li.active>span,
.no-touchevents.route-product-category ul.pagination>li.active>span:hover,
.route-product-category ul.pagination>li>a:focus {
    color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.route-product-category ul.pagination>li a,
.route-product-category ul.pagination>li span {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.route-product-category ul.pagination>li.active a {
    box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
}

.route-product-category ul.pagination>li>* {
    border-radius: 9999px !important;
    --element-border-radius: 9999px !important
}

.route-product-category ul.pagination>li:first-child a:before,
.route-product-category ul.pagination>li:last-child a:before {
    content: '\eb23' !important;
    font-family: icomoon !important;
    font-size: 15px
}

.route-product-category ul.pagination>li .prev:before,
.route-product-category ul.pagination>li .next:before {
    content: '\f104' !important;
    font-family: icomoon !important;
    font-size: 15px
}

.route-product-category .pagination {
    --pagination-gap: 8px
}

.main-products+.pagination-results {
    display: none
}

.ias-noneleft {
    margin-top: var(--j-gap-spacing-vertical-l);
    --element-margin-top: var(--j-gap-spacing-vertical-l);
    padding-top: var(--j-gap-spacing-vertical-1);
    --element-padding-top: var(--j-gap-spacing-vertical-1);
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.ias-trigger-next .btn {
    margin-top: var(--j-gap-spacing-vertical-l);
    --element-margin-top: var(--j-gap-spacing-vertical-l)
}

.ias-trigger-prev .btn {
    margin-bottom: var(--j-gap-spacing---6);
    --element-margin-bottom: var(--j-gap-spacing---6)
}

.ias-trigger .btn,
.ias-trigger .btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .ias-trigger .btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.ias-trigger .btn:active,
.no-touchevents .ias-trigger .btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.ias-trigger .btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.ias-trigger .btn,
.ias-trigger .tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.ias-trigger .btn:active,
.no-touchevents .ias-trigger .btn:hover:active,
.ias-trigger .btn:focus:active,
.no-touchevents .ias-trigger .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.ias-trigger .btn:focus,
.ias-trigger .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .ias-trigger .btn:hover,
.no-touchevents .ias-trigger .btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.ias-trigger .btn:active,
.no-touchevents .ias-trigger .btn:hover:active,
.ias-trigger .btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.ias-trigger .btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.ias-trigger .btn.btn.disabled:after {
    font-size: 1em
}

.ias-trigger a {
    display: inline-flex
}

.ias-trigger .btn:before {
    content: '\eba7' !important;
    font-family: icomoon !important;
    margin-right: var(--j-gap-spacing---4);
    --element-margin-right: var(--j-gap-spacing---4)
}

.main-products.product-grid.flex-grid {
    --flex-grid-gap: var(--j-gap-spacing-gap-3)
}

.main-products.product-grid.flex-grid>.product-layout {
    flex-grow: 1
}

div.main-products.product-grid {
    --grid-min-width: 350px;
    --grid-min-col: 1.3;
    --grid-gap: var(--j-gap-spacing-gap-3)
}

.main-products.product-grid.ipr-grid .product-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 3*20px)/4 - .01px)
}

.main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/4 - .01px)
}

.one-column #content .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 2*20px)/3 - .01px)
}

.one-column #content .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/3 - .01px)
}

.two-column #content .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 1*20px)/2 - .01px)
}

.two-column #content .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/2 - .01px)
}

.side-column .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 0*20px)/1 - .01px)
}

.side-column .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/1 - .01px)
}

.main-products-style.product-grid.product-grid .product-layout .product-thumb {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.main-products-style.product-grid.product-grid .product-layout .product-thumb .name {
    flex-grow: var(--name-grow, 0);
    --flex-grow: 0
}

.main-products-style.product-grid.product-grid .product-layout .product-thumb>div {
    flex-basis: auto
}

.main-products-style.product-grid.product-grid .product-layout .product-thumb .caption {
    justify-content: flex-start
}

.main-products-style.product-grid.product-grid .product-thumb .image-group .image {
    flex-grow: 0
}

.no-touchevents .main-products-style.product-grid .product-thumb:hover .product-img>div {
    transform: scale(var(--scale))
}

.main-products-style.product-grid .product-thumb .image:before {
    opacity: .1;
    mix-blend-mode: multiply
}

.main-products-style.product-grid .product-thumb .product-img,
.main-products-style.product-grid .product-thumb .product-img img,
.main-products-style.product-grid .product-thumb .image {
    border-radius: 4px;
    --element-border-radius: 4px
}

.main-products-style.product-grid .product-thumb a.product-img img {
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
}

.main-products-style.product-grid .product-thumb .product-labels-price .product-label strong {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.main-products-style.product-grid .product-thumb .product-labels {
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    visibility: visible;
    opacity: 1
}

.main-products-style.product-grid .product-thumb .product-labels-outside {
    justify-content: flex-start;
    --label-gap: 4px;
    --label-grow: 0
}

.main-products-style.product-grid .product-thumb .quickview-button {
    --display: flex;
    align-items: flex-start;
    justify-content: center
}

.main-products-style.product-grid .product-thumb .quickview-button .btn-quickview {
    --visibility: hidden;
    --opacity: 0;
    transform: scale(.88)
}

.main-products-style.product-grid .has-countdown .product-thumb .btn-quickview {
    top: 0;
    --countdown-margin: 44px
}

.touchevents .main-products-style.product-grid .product-thumb .quickview-button {
    align-items: flex-end;
    justify-content: flex-start;
    margin: var(--j-gap-spacing---4);
    --element-margin: var(--j-gap-spacing---4)
}

.touchevents .main-products-style.product-grid .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px))
}

.main-products-style.product-grid .product-thumb .btn-quickview .btn-text {
    display: none
}

.main-products-style.product-grid .product-thumb .btn-quickview:before {
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .image .btn-quickview:before {
    content: '\ebef' !important;
    font-family: icomoon !important;
    font-size: 18px !important
}

.main-products-style.product-grid .product-thumb .image .btn,
.main-products-style.product-grid .product-thumb .image .btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.main-products-style.product-grid .product-thumb .image .btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .image .btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98
}

.main-products-style.product-grid .product-thumb .image.btn {
    justify-content: center
}

.main-products-style.product-grid .product-thumb .image .btn,
.main-products-style.product-grid .product-thumb .image .tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.main-products-style.product-grid .product-thumb .image .btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover:active,
.main-products-style.product-grid .product-thumb .image .btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.main-products-style.product-grid .product-thumb .image .btn:focus,
.main-products-style.product-grid .product-thumb .image .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .image .btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid.product-grid .has-countdown .wish-group {
    --countdown-offset-buttons: 0px
}

.main-products-style.product-grid:not(.product-list) .product-thumb .rating {
    --countdown-offset: 0 !important
}

.main-products-style.product-grid .product-thumb .btn-quickview {
    --countdown-offset: 0 !important;
    min-width: 38px;
    height: 36px
}

.main-products-style.product-grid .has-countdown .product-thumb .countdown {
    display: none
}

.main-products-style.product-grid .product-thumb .countdown {
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%, 0, 1px) scale(1);
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    border-style: none
}

.main-products-style.product-grid .product-thumb .countdown>div {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    justify-content: center
}

.main-products-style.product-grid .product-thumb .countdown>div>span {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.main-products-style.product-grid .product-thumb .countdown>div+div {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.main-products-style.product-grid .product-thumb .product-img:active {
    pointer-events: auto
}

.main-products-style.product-grid.product-list .product-layout .image-group {
    width: var(--product-list-image-width);
    order: 0
}

.main-products-style.product-grid.product-list .product-thumb {
    align-items: flex-start
}

.main-products-style.product-grid .product-thumb .stats {
    --stats-gap: 8px;
    display: flex;
    position: relative;
    transform: none;
    width: initial;
    order: -9;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.25;
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.main-products-style.product-grid .product-thumb .name {
    order: initial;
    display: flex;
    width: auto;
    margin-inline: auto;
    align-items: flex-start;
    justify-content: flex-start;
    margin-inline: 0 auto;
    margin-top: var(--j-gap-spacing---5);
    --element-margin-top: var(--j-gap-spacing---5)
}

.main-products-style.product-grid .product-thumb .stats a {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: uppercase;
    line-height: 1.25
}

.no-touchevents .main-products-style.product-grid .product-thumb .stats a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.main-products-style.product-grid .stat-1 .stats-label {
    display: none
}

.main-products-style.product-grid .stat-2 .stats-label {
    display: none
}

.main-products-style.product-grid.product-grid .product-thumb .rating {
    position: static;
    visibility: visible;
    opacity: 1;
    order: initial;
    margin-top: 0
}

.main-products-style.product-grid .product-thumb .rating {
    justify-content: flex-start;
    display: flex
}

.main-products-style.product-grid .product-thumb .rating.no-rating {
    display: none
}

.main-products-style.product-grid .product-thumb .rating .fa-stack {
    font-size: 11px;
    width: 1.3em
}

.main-products-style.product-grid .product-thumb .rating-stars {
    margin-bottom: var(--j-gap-spacing---6);
    --element-margin-bottom: var(--j-gap-spacing---6)
}

.main-products-style.product-grid .product-thumb .name a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-line-clamp: 2;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3;
    text-align: left
}

.no-touchevents .main-products-style.product-grid .product-thumb .image-group:hover+.caption .name a,
.no-touchevents .main-products-style.product-grid .product-thumb .name a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.main-products-style.product-grid .product-thumb .description {
    display: none;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.25;
    padding-bottom: var(--j-gap-spacing---4);
    --element-padding-bottom: var(--j-gap-spacing---4);
    margin-top: var(--j-gap-spacing---3);
    --element-margin-top: var(--j-gap-spacing---3);
    margin-bottom: var(--j-gap-spacing---4);
    --element-margin-bottom: var(--j-gap-spacing---4);
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.main-products-style.product-grid .product-thumb .price {
    --price-gap: var(--j-gap-spacing---4);
    --price-stack: 220px;
    display: flex;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-400);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1;
    margin-top: var(--j-gap-spacing---1);
    --element-margin-top: var(--j-gap-spacing---1);
    margin-bottom: var(--j-gap-spacing---5);
    --element-margin-bottom: var(--j-gap-spacing---5)
}

.main-products-style.product-grid .product-thumb .product-labels-price {
    display: none;
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    margin-bottom: var(--j-gap-spacing---1);
    --element-margin-bottom: var(--j-gap-spacing---1)
}

.main-products-style.product-grid .product-thumb .price-tax {
    display: none;
    font-family: 'Jost';
    font-weight: 400
}

.main-products-style.product-grid .product-thumb .price-old {
    font-family: 'Jost';
    font-weight: 400;
    font-size: 90%;
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    letter-spacing: 0;
    line-height: 1;
    order: 2;
    margin-top: var(--j-gap-spacing---2);
    --element-margin-top: var(--j-gap-spacing---2);
    margin-bottom: var(--j-gap-spacing---2);
    --element-margin-bottom: var(--j-gap-spacing---2)
}

.main-products-style.product-grid .product-thumb .price>div>span {
    flex-grow: 0
}

.main-products-style.product-grid .product-thumb .price>div,
.main-products-style.product-grid .product-thumb .price>div span,
.main-products-style.product-grid .product-thumb .price>div,
.main-products-style.product-grid .product-thumb .price,
.main-products-style.product-grid .product-thumb .product-labels-price {
    justify-content: flex-start;
    align-items: flex-start
}

.main-products-style.product-grid .product-thumb .price>div {
    flex-direction: row;
    flex-wrap: wrap
}

.main-products-style.product-grid .product-thumb .price-new {
    order: 1
}

.main-products-style.product-grid .product-thumb .buttons-wrapper {
    display: block;
    --buttons-gap: 0px
}

.main-products-style.product-grid .product-thumb .button-group {
    justify-content: space-between;
    --wishlist-gap: 0px
}

.main-products-style.product-grid.product-grid .product-thumb .button-group {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.main-products-style.product-grid .product-thumb .cart-group {
    display: inline-flex
}

.main-products-style.product-grid .out-of-stock .product-thumb .cart-group {
    opacity: .5;
    cursor: not-allowed
}

.main-products-style.product-grid .out-of-stock .product-thumb .cart-group .btn-cart:before {
    content: '\e14b' !important;
    font-family: icomoon !important;
    font-size: 14px
}

.main-products-style.product-grid .out-of-stock .product-thumb .cart-group .btn-cart {
    pointer-events: none
}

.main-products-style.product-grid .product-thumb .btn-cart {
    min-width: 42px;
    height: 42px
}

.main-products-style.product-grid .product-thumb .btn-wishlist {
    min-width: 40px;
    height: 42px;
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .btn-compare {
    width: 40px;
    height: 42px;
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .btn-cart:before {
    display: inline-flex;
    content: '\e9f8' !important;
    font-family: icomoon !important;
    font-size: 14px
}

.main-products-style.product-grid .product-thumb .btn-cart .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-grid.product-grid .product-thumb .cart-group {
    flex-grow: 0;
    flex-wrap: wrap;
    flex-direction: row
}

.main-products-style.product-grid.product-grid .product-thumb .cart-group .btn {
    flex-grow: 0
}

.main-products-style.product-grid .product-thumb .btn-cart.btn,
.main-products-style.product-grid .product-thumb .btn-cart.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .main-products-style.product-grid .product-thumb .btn-cart.btn:hover {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
}

.main-products-style.product-grid .product-thumb .btn-cart.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-cart.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .btn-cart.btn {
    --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    justify-content: center;
    padding: .8em;
    --element-padding: .8em;
    padding-right: 1.5em;
    --element-padding-right: 1.5em;
    padding-left: 1.5em;
    --element-padding-left: 1.5em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98;
    padding: 1em !important;
    --element-padding: 1em !important;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.main-products-style.product-grid .product-thumb .btn-cart.btn,
.main-products-style.product-grid .product-thumb .btn-cart.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.main-products-style.product-grid .product-thumb .btn-cart.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-cart.btn:hover:active,
.main-products-style.product-grid .product-thumb .btn-cart.btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-cart.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

.main-products-style.product-grid .product-thumb .btn-cart.btn:focus,
.main-products-style.product-grid .product-thumb .btn-cart.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .btn-cart.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid .product-thumb .stepper {
    display: none;
    --stepper-min-width: 35px;
    --stepper-max-width: 60px;
    --stepper-border: 1px;
    max-width: var(--stepper-max-width, 100%);
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px;
    border-radius: 0;
    --element-border-radius: 0px;
    height: 42px;
    min-width: 60px
}

.main-products-style.product-grid .product-thumb .stepper input.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    box-shadow: none
}

.no-touchevents .main-products-style.product-grid .product-thumb .stepper input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .stepper input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .stepper button {
    position: absolute;
    width: calc(var(--stepper-button-width, 40)*1%);
    height: 50%;
    min-height: auto;
    inset-inline: auto 0;
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.main-products-style.product-grid .product-thumb .stepper .form-control {
    max-width: calc(100% - var(--stepper-button-width, 40)*1%) !important
}

.main-products-style.product-grid .product-thumb .stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.main-products-style.product-grid .product-thumb .stepper button.fa-angle-down {
    border-block-width: var(--stepper-border, 0) 0;
    border-inline-width: var(--stepper-border, 0) 0
}

.main-products-style.product-grid .product-thumb .stepper .fa-angle-down:before {
    content: '\f107' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.main-products-style.product-grid .product-thumb .stepper .fa-angle-up:before {
    content: '\f106' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.main-products-style.product-grid .product-thumb .stepper button:before {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .main-products-style.product-grid .product-thumb .stepper button:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .main-products-style.product-grid .product-thumb .stepper button:hover {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.main-products-style.product-grid.product-grid .product-thumb .wish-group {
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: 0;
    width: auto
}

.main-products-style.product-grid.product-grid .product-thumb .wish-group .btn-wishlist {
    flex-grow: 0
}

.main-products-style.product-grid.product-grid .product-thumb .wish-group .btn-compare {
    flex-grow: 0
}

.main-products-style.product-grid .product-thumb .btn-wishlist:before {
    display: inline-flex;
    font-size: 15px !important
}

.main-products-style.product-grid .product-thumb .btn-wishlist .btn-text {
    display: none
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn,
.main-products-style.product-grid .product-thumb .btn-wishlist.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    padding: 0 !important;
    --element-padding: 0px !important
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn,
.main-products-style.product-grid .product-thumb .btn-wishlist.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:hover:active,
.main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus,
.main-products-style.product-grid .product-thumb .btn-wishlist.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid .product-thumb .btn-compare:before {
    display: inline-flex;
    font-size: 15px !important
}

.main-products-style.product-grid .product-thumb .btn-compare .btn-text {
    display: none
}

.main-products-style.product-grid .product-thumb .btn-compare.btn,
.main-products-style.product-grid .product-thumb .btn-compare.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.main-products-style.product-grid .product-thumb .btn-compare.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:hover:active {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .btn-compare.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    padding: 1em;
    --element-padding: 1em;
    padding-right: 2em;
    --element-padding-right: 2em;
    padding-left: 2em;
    --element-padding-left: 2em;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    --scale-active: .98;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    padding: 0 !important;
    --element-padding: 0px !important
}

.main-products-style.product-grid .product-thumb .btn-compare.btn,
.main-products-style.product-grid .product-thumb .btn-compare.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.main-products-style.product-grid .product-thumb .btn-compare.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:hover:active,
.main-products-style.product-grid .product-thumb .btn-compare.btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.main-products-style.product-grid .product-thumb .btn-compare.btn:focus,
.main-products-style.product-grid .product-thumb .btn-compare.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .btn-compare.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid .product-thumb .extra-group {
    --extra-gap: 10px;
    display: none;
    padding-top: var(--j-gap-spacing---5);
    --element-padding-top: var(--j-gap-spacing---5);
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.main-products-style.product-grid .product-thumb .extra-group .btn:first-child {
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .extra-group .btn-extra+.btn {
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .extra-group .btn:first-child:before {
    display: inline-flex;
    color: rgba(64, 148, 99, 1)
}

.main-products-style.product-grid .product-thumb .extra-group .btn:first-child .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn:before {
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:first-child {
    padding: 0 !important;
    --element-padding: 0px !important;
    padding-bottom: 2px !important;
    --element-padding-bottom: 2px !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    flex-grow: 0
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn+.btn.btn {
    padding: 0 !important;
    --element-padding: 0px !important;
    padding-bottom: 2px !important;
    --element-padding-bottom: 2px !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    flex-grow: 0
}

.main-products-style.product-grid .product-layout .extra-group>div {
    justify-content: space-between
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn,
.main-products-style.product-grid .product-thumb .extra-group .btn.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover:active {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn {
    --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn,
.main-products-style.product-grid .product-thumb .extra-group .btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover:active,
.main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus,
.main-products-style.product-grid .product-thumb .extra-group .btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover:active,
.main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn,
.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:visited {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important
}

.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn {
    --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn,
.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active,
.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus,
.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active,
.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid.product-grid .product-thumb .extra-group {
    order: initial;
    overflow: visible;
    position: static
}

.main-products-style.product-grid.product-grid .product-thumb .extra-group>div {
    position: static;
    transform: none;
    opacity: 1
}

.main-products-style.product-grid.product-grid .product-thumb .buttons-wrapper {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: translate3d(0, calc(-100% + 1px), 0)
}

.main-products-style.product-grid.product-grid .product-thumb .buttons-wrapper .button-group {
    position: relative;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 15px, 0)
}

.no-touchevents .main-products-style.product-grid.product-grid .product-thumb:hover .buttons-wrapper .button-group {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0)
}

.main-products-style.product-grid.product-grid .wish-group {
    position: static;
    width: auto;
    top: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    margin-top: 0;
    justify-content: flex-start
}

.main-products-style.product-grid.product-grid .wish-group .btn {
    flex-basis: auto
}

.main-products-style.product-grid .product-thumb .btn-quickview.btn {
    border-radius: 4px !important;
    --element-border-radius: 4px !important;
    padding: 0 !important;
    --element-padding: 0px !important
}

.main-products-style.product-list.product-grid .product-layout .product-thumb {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.main-products-style.product-list.product-grid .product-layout .product-thumb .name {
    flex-grow: var(--name-grow, 0);
    --flex-grow: 1
}

.main-products-style.product-list.product-grid .product-layout .product-thumb>div {
    flex-basis: auto
}

.main-products-style.product-list.product-grid .product-layout .product-thumb .caption {
    justify-content: flex-start
}

.main-products-style.product-list.product-grid .product-thumb .image-group .image {
    flex-grow: 0
}

.main-products-style.product-list:not(.product-grid) .product-layout:not(.swiper-slide)+.product-layout:not(.swiper-slide) {
    margin-top: var(--j-gap-spacing-gap-4);
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    padding-top: var(--j-gap-spacing-gap-4)
}

.no-touchevents .main-products-style.product-list .product-thumb:hover .product-img>div {
    transform: scale(var(--scale))
}

.main-products-style.product-list .product-thumb .image:before {
    mix-blend-mode: normal
}

.main-products-style.product-list .product-thumb .product-img,
.main-products-style.product-list .product-thumb .product-img img,
.main-products-style.product-list .product-thumb .image {
    border-radius: 4px;
    --element-border-radius: 4px
}

.no-touchevents .main-products-style.product-list .product-thumb:hover .product-img img {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.main-products-style.product-list .product-thumb .product-labels-price .product-label strong {
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.1
}

.main-products-style.product-list .product-thumb .product-labels {
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    visibility: visible;
    opacity: 1
}

.main-products-style.product-list .product-thumb .product-labels-outside {
    justify-content: flex-start;
    --label-gap: 5px;
    --label-grow: 0
}

.main-products-style.product-list .product-thumb .quickview-button {
    --display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin: var(--j-gap-spacing---4);
    --element-margin: var(--j-gap-spacing---4)
}

.main-products-style.product-list .product-thumb .quickview-button .btn-quickview {
    --visibility: hidden;
    --opacity: 0;
    transform: scale(.88)
}

.main-products-style.product-list .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px));
    --countdown-offset: var(--countdown-margin, 0);
    --countdown-margin: 60px
}

.touchevents .main-products-style.product-list .product-thumb .quickview-button {
    align-items: flex-end;
    justify-content: flex-start;
    margin: var(--j-gap-spacing---4);
    --element-margin: var(--j-gap-spacing---4)
}

.touchevents .main-products-style.product-list .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px))
}

.main-products-style.product-list .product-thumb .btn-quickview .btn-text {
    display: none
}

.main-products-style.product-list .product-thumb .btn-quickview:before {
    display: inline-flex
}

.main-products-style.product-list .product-thumb .image .btn-quickview:before {
    content: '\ebef' !important;
    font-family: icomoon !important;
    font-size: 16px !important
}

.main-products-style.product-list .product-thumb .image .btn,
.main-products-style.product-list .product-thumb .image .btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.main-products-style.product-list .product-thumb .image .btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .image .btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    padding: 4px;
    --element-padding: 4px;
    box-shadow: none;
    border-radius: 9999px !important;
    --element-border-radius: 9999px !important
}

.main-products-style.product-list .product-thumb .image.btn {
    justify-content: center
}

.main-products-style.product-list .product-thumb .image .btn,
.main-products-style.product-list .product-thumb .image .tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.main-products-style.product-list .product-thumb .image .btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover:active,
.main-products-style.product-list .product-thumb .image .btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .image .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.main-products-style.product-list .product-thumb .image .btn:focus,
.main-products-style.product-list .product-thumb .image .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
}

.no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover,
.no-touchevents .main-products-style.product-list .product-thumb .image .btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.main-products-style.product-list .product-thumb .image .btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list .product-thumb .image .btn:before {
    font-size: 1.1em
}

.main-products-style.product-list .product-thumb .image .btn.disabled {
    color: transparent !important
}

.main-products-style.product-list .product-thumb .image .btn[disabled] {
    color: transparent !important
}

.main-products-style.product-list.product-grid .has-countdown .wish-group {
    --countdown-offset-buttons: var(--buttons-countdown-offset, 40px)
}

.main-products-style.product-list:not(.product-list) .has-countdown .product-thumb .rating {
    --countdown-offset: var(--countdown-margin, 0)
}

.main-products-style.product-list .product-thumb .countdown {
    display: flex;
    max-width: 95%;
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%, 0, 1px) scale(1);
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.main-products-style.product-list .product-thumb .countdown>div {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    justify-content: center
}

.main-products-style.product-list .product-thumb .countdown>div>span {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.main-products-style.product-list .product-thumb .countdown>div+div {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.main-products-style.product-list .has-countdown .product-thumb {
    --countdown-bottom-offset: 8px
}

.main-products-style.product-list .product-thumb .product-img:active {
    pointer-events: auto
}

.main-products-style.product-list.product-list .product-layout .image-group {
    width: var(--product-list-image-width);
    order: 0
}

.main-products-style.product-list.product-list .product-thumb {
    align-items: center
}

.main-products-style.product-list.product-list .product-layout .product-thumb {
    --product-list-gap: var(--j-gap-spacing---8);
    --product-list-image-width: 30%
}

.main-products-style.product-list .product-thumb .stats {
    --stats-gap: 16px;
    display: flex;
    position: relative;
    transform: none;
    width: initial;
    order: -9;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3;
    margin-bottom: var(--j-gap-spacing---6);
    --element-margin-bottom: var(--j-gap-spacing---6)
}

.main-products-style.product-list .product-thumb .stats-group {
    justify-content: space-between;
    flex-direction: row
}

.main-products-style.product-list .product-thumb .stats-group>span {
    flex-grow: 0
}

.main-products-style.product-list .product-thumb .name {
    order: initial;
    display: flex;
    width: auto;
    margin-inline: auto;
    align-items: flex-start;
    justify-content: flex-start;
    margin-inline: 0 auto
}

.main-products-style.product-list .product-thumb .stats .stat-2 {
    color: rgba(64, 148, 99, 1)
}

.main-products-style.product-list .out-of-stock .product-thumb .stats {
    color: rgba(242, 119, 99, 1)
}

.main-products-style.product-list .product-thumb .stats a {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .main-products-style.product-list .product-thumb .stats a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.main-products-style.product-list .stat-1 .stats-label {
    display: none
}

.main-products-style.product-list .stat-2 .stats-label {
    display: none
}

.main-products-style.product-list.product-grid .product-thumb .rating {
    position: static;
    visibility: visible;
    opacity: 1;
    order: initial;
    margin-top: 0
}

.main-products-style.product-list .product-thumb .rating {
    height: 0;
    justify-content: flex-end;
    display: flex
}

.main-products-style.product-list .product-thumb .rating-stars {
    transform: translate3d(0, -100%, 0);
    margin-top: var(--j-gap-spacing---8);
    --element-margin-top: var(--j-gap-spacing---8);
    margin-left: -3px;
    --element-margin-left: -3px
}

.main-products-style.product-list .product-thumb .rating.no-rating {
    display: none
}

.main-products-style.product-list .product-thumb .rating .fa-stack {
    font-size: 11px;
    width: 1.3em
}

.main-products-style.product-list .product-thumb .rating.no-rating span {
    opacity: .5
}

.main-products-style.product-list .product-thumb .name a {
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: 2;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    text-align: left
}

.no-touchevents .main-products-style.product-list .product-thumb .image-group:hover+.caption .name a,
.no-touchevents .main-products-style.product-list .product-thumb .name a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.main-products-style.product-list .product-thumb .description {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 1px;
    display: flex;
    flex-direction: column;
    display: -webkit-box;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.5;
    margin-top: var(--j-gap-spacing---5);
    --element-margin-top: var(--j-gap-spacing---5)
}

.main-products-style.product-list .product-thumb .price {
    --price-gap: var(--j-gap-spacing---4);
    display: flex;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-600);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1;
    margin-top: var(--j-gap-spacing---5);
    --element-margin-top: var(--j-gap-spacing---5)
}

.main-products-style.product-list .product-thumb .product-labels-price {
    display: flex;
    font-family: 'Jost';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.1;
    margin-bottom: var(--j-gap-spacing---1);
    --element-margin-bottom: var(--j-gap-spacing---1)
}

.main-products-style.product-list .product-thumb .price-tax {
    display: none;
    font-family: 'Jost';
    font-weight: 400
}

.main-products-style.product-list .product-thumb .price-old {
    font-family: 'Jost';
    font-weight: 400;
    font-size: 90%;
    color: rgba(242, 119, 99, 1);
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    letter-spacing: 0;
    line-height: 1;
    display: none
}

.main-products-style.product-list .product-thumb .price>div>span {
    flex-grow: 0
}

.main-products-style.product-list .product-thumb .price>div,
.main-products-style.product-list .product-thumb .price>div span,
.main-products-style.product-list .product-thumb .price>div,
.main-products-style.product-list .product-thumb .price,
.main-products-style.product-list .product-thumb .product-labels-price {
    justify-content: flex-start;
    align-items: flex-start
}

.main-products-style.product-list .product-thumb .buttons-wrapper {
    display: block;
    --buttons-gap: 16px
}

.main-products-style.product-list .product-thumb .button-group {
    justify-content: flex-start;
    --wishlist-gap: 20px
}

.main-products-style.product-list.product-list .product-thumb .buttons-wrapper {
    margin-top: var(--j-gap-spacing---8);
    --element-margin-top: var(--j-gap-spacing---8)
}

.main-products-style.product-list .product-thumb .cart-group {
    display: inline-flex
}

.main-products-style.product-list .out-of-stock .product-thumb .cart-group {
    opacity: .6;
    cursor: not-allowed
}

.main-products-style.product-list .out-of-stock .product-thumb .cart-group .btn-cart {
    pointer-events: none
}

.main-products-style.product-list .product-thumb .btn-cart {
    min-width: 32px;
    height: 32px
}

.main-products-style.product-list .product-thumb .btn-quickview {
    min-width: 32px;
    height: 32px
}

.main-products-style.product-list .product-thumb .btn-cart:before {
    display: inline-flex;
    content: '\e9f8' !important;
    font-family: icomoon !important;
    font-size: 15px
}

.main-products-style.product-list .product-thumb .btn-cart .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-list.product-grid .product-thumb .cart-group {
    flex-grow: 0;
    flex-wrap: wrap;
    flex-direction: row
}

.main-products-style.product-list.product-grid .product-thumb .cart-group .btn {
    flex-grow: 0
}

.main-products-style.product-list .product-thumb .btn-cart.btn,
.main-products-style.product-list .product-thumb .btn-cart.btn:visited {
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-cart.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    padding: 0 !important;
    --element-padding: 0px !important;
    border-radius: 4px !important;
    --element-border-radius: 4px !important
}

.main-products-style.product-list .product-thumb .btn-cart.btn,
.main-products-style.product-list .product-thumb .btn-cart.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .btn-cart.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-cart.btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .btn-cart.btn:focus,
.main-products-style.product-list .product-thumb .btn-cart.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-list .product-thumb .btn-cart.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-cart.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-cart.btn:focus {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-cart.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list .product-thumb .stepper {
    display: inline-flex;
    --stepper-border: 0;
    max-width: var(--stepper-max-width, 100%);
    --stepper-height: 38px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    height: 32px;
    max-width: 80px
}

.main-products-style.product-list .product-thumb .stepper input.form-control {
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    box-shadow: none
}

.no-touchevents .main-products-style.product-list .product-thumb .stepper input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .stepper input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .stepper button {
    position: static;
    width: calc(var(--stepper-button-width, 30)*1px*3);
    height: 100%;
    min-height: 36px;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.main-products-style.product-list .product-thumb .stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.main-products-style.product-list .product-thumb .stepper button.fa-angle-down {
    border-inline-width: 0 var(--stepper-border, 0);
    border-block-width: 0
}

.main-products-style.product-list .product-thumb .stepper .form-control {
    max-width: 100% !important
}

.main-products-style.product-list .product-thumb .stepper .fa-angle-down:before {
    content: '\eb85' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.main-products-style.product-list .product-thumb .stepper .fa-angle-up:before {
    content: '\eba0' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.no-touchevents .main-products-style.product-list .product-thumb .stepper:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.main-products-style.product-list .product-thumb .stepper button:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .main-products-style.product-list .product-thumb .stepper button:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .main-products-style.product-list .product-thumb .stepper button:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.main-products-style.product-list .product-thumb .stepper button:active {
    background-color: hsla(var(--j-color-scheme-background-shade-h), var(--j-color-scheme-background-shade-s), calc(var(--j-color-scheme-background-shade-l) - 0%), calc(var(--j-color-scheme-background-shade-a)*1)) !important
}

.main-products-style.product-list.product-grid .product-thumb .wish-group {
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: 0;
    width: auto
}

.main-products-style.product-list.product-grid .product-thumb .wish-group .btn-wishlist {
    flex-grow: 0
}

.main-products-style.product-list.product-grid .product-thumb .wish-group .btn-compare {
    flex-grow: 0
}

.main-products-style.product-list .product-thumb .btn-wishlist {
    display: inline-flex
}

.main-products-style.product-list .product-thumb .btn-wishlist:before {
    display: inline-flex;
    font-size: 15px !important
}

.main-products-style.product-list .product-thumb .btn-wishlist .btn-text {
    display: none
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn,
.main-products-style.product-list .product-thumb .btn-wishlist.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn,
.main-products-style.product-list .product-thumb .btn-wishlist.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-wishlist.btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn:focus,
.main-products-style.product-list .product-thumb .btn-wishlist.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-wishlist.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn:focus {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list .product-thumb .btn-compare {
    display: inline-flex
}

.main-products-style.product-list .product-thumb .btn-compare:before {
    display: inline-flex;
    font-size: 15px !important
}

.main-products-style.product-list .product-thumb .btn-compare .btn-text {
    display: none
}

.main-products-style.product-list .product-thumb .btn-compare.btn,
.main-products-style.product-list .product-thumb .btn-compare.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .btn-compare.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-compare.btn,
.main-products-style.product-list .product-thumb .btn-compare.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-compare.btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .btn-compare.btn:focus,
.main-products-style.product-list .product-thumb .btn-compare.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-compare.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-compare.btn:focus {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .btn-compare.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list .product-thumb .extra-group {
    --extra-gap: 16px;
    display: block;
    margin-top: -24px;
    --element-margin-top: -24px
}

.main-products-style.product-list .product-thumb .extra-group .btn:first-child {
    display: inline-flex
}

.main-products-style.product-list .product-thumb .extra-group .btn-extra+.btn {
    display: inline-flex
}

.main-products-style.product-list .product-thumb .extra-group .btn:first-child:before {
    display: inline-flex;
    color: rgba(64, 148, 99, 1)
}

.main-products-style.product-list .product-thumb .extra-group .btn:first-child .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn:before {
    display: inline-flex;
    margin-right: 0;
    --element-margin-right: 0px
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn:first-child {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    flex-grow: 0
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn+.btn.btn {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    flex-grow: 0
}

.main-products-style.product-list .product-layout .extra-group>div {
    justify-content: flex-end
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn,
.main-products-style.product-list .product-thumb .extra-group .btn.btn:visited {
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn,
.main-products-style.product-list .product-thumb .extra-group .btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:hover:active,
.main-products-style.product-list .product-thumb .extra-group .btn.btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn:focus,
.main-products-style.product-list .product-thumb .extra-group .btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:hover:active,
.main-products-style.product-list .product-thumb .extra-group .btn.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn:focus {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn,
.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:visited {
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn,
.main-products-style.product-list .product-thumb .extra-group .btn+.btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:hover:active,
.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus,
.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:hover:active,
.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list.product-grid .product-thumb .extra-group {
    order: initial;
    overflow: visible;
    position: static
}

.main-products-style.product-list.product-grid .product-thumb .extra-group>div {
    position: static;
    transform: none;
    opacity: 1
}

.main-products-style.product-list.product-grid .product-thumb .buttons-wrapper {
    position: static;
    width: auto;
    overflow: visible;
    order: initial;
    transform: none
}

.main-products-style.product-list.product-grid .product-thumb .buttons-wrapper .button-group {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none
}

.no-touchevents .main-products-style.product-list.product-grid .product-thumb:hover .buttons-wrapper .button-group {
    transform: none
}

.main-products-style.product-list.product-grid .wish-group {
    position: static;
    width: auto;
    top: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    margin-top: 0;
    justify-content: flex-start
}

.main-products-style.product-list.product-grid .wish-group .btn {
    flex-basis: auto
}

.main-products-style.product-list .product-thumb .btn-quickview.btn {
    padding: 0 !important;
    --element-padding: 0px !important
}

.popup.popup-options .page-title {
    display: none !important
}

.popup.popup-options .breadcrumb+.page-title {
    display: none !important;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.popup.popup-options .site-wrapper>.page-title {
    display: none !important
}

.popup.popup-options .product-options .form-group {
    --input-group-spacing: var(--j-gap-spacing-gap-1)
}

.popup.popup-options .product-info .product-details .countdown>div {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    justify-content: center
}

.popup.popup-options .product-info .product-details .countdown>div>span {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.popup.popup-options .product-info .product-details .countdown {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.popup.popup-options .product-info .product-details .countdown>div+div {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.popup.popup-options .product-info #product .countdown-wrapper {
    display: block !important
}

.popup.popup-options .breadcrumb+.page-title:after {
    display: none;
    margin-top: .7em
}

.popup.popup-options .breadcrumb+.page-title .page-title-text:after {
    display: none;
    margin-top: .7em
}

.popup.popup-options .breadcrumb+.page-title .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.popup.popup-options .breadcrumb+.page-title:after,
.popup.popup-options .breadcrumb+.page-title .page-title-text:after,
.popup.popup-options .breadcrumb+.page-title .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.popup-options .product-info .product-details .product-options>.options-title {
    display: block !important;
    font-family: 'Jost';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.popup-options .product-info .product-details .product-options>.options-title:after {
    display: none;
    margin-top: .7em
}

.popup-options .product-info .product-details .product-options>.options-title .page-title-text:after {
    display: none;
    margin-top: .7em
}

.popup-options .product-info .product-details .product-options>.options-title .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.popup-options .product-info .product-details .product-options>.options-title:after,
.popup-options .product-info .product-details .product-options>.options-title .page-title-text:after,
.popup-options .product-info .product-details .product-options>.options-title .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.popup-options .popup-container {
    width: 520px
}

.popup-options .product-info .product-details .button-group-page {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.main-products-wrapper>p:only-of-type {
    display: block
}

.main-products-wrapper>p:only-of-type+.buttons {
    display: flex
}

.lg-product-images {
    --thumb-width: 100px;
    --thumb-height: 100px
}

.tablet a.btn-quickview {
    display: inline-flex !important
}

.phone a.btn-quickview {
    display: inline-flex !important
}

@media (max-width:1200px) {
    .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 2*20px)/3 - .01px)
    }
    .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/3 - .01px)
    }
    body {
        --col-l-width: 200px
    }
    .login-box>div {
        padding: calc(48px/2)
    }
    .login-box {
        margin: calc(0px - 48px/2)
    }
    .account-list>li {
        width: calc(100%/4)
    }
    .quick-checkout-wrapper>div .right {
        padding-inline-start: 24px
    }
    .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 2*20px)/3 - .01px)
    }
    .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/3 - .01px)
    }
}

@media (max-width:900px) {
    .blog-post .post-details .post-stats {
        padding-inline: var(--content-gutter, 24px);
        margin-inline: calc(var(--content-gutter, 24px)*-1)
    }
    .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
    }
    .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
    }
    .one-column #content .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
    }
    .one-column #content .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
    }
    body {
        --col-l-stack: 100;
        --col-r-stack: 100
    }
    .column-left:not(.left-column-disabled) #content {
        flex-grow: 1
    }
    .column-right:not(.right-column-disabled) #content {
        flex-grow: 1
    }
    blockquote:before {
        font-size: 40px
    }
    .auto-carousel-buttons {
        visibility: hidden
    }
    .auto-grid-items:before {
        visibility: hidden
    }
    .auto-grid-items:after {
        visibility: hidden
    }
    .auto-grid-items:before,
    .auto-grid-items:after {
        --fader-width-left: 40px;
        --fader-width-right: 40px
    }
    html:not(.popup) .site-wrapper>.page-title {
        text-align: start
    }
    html:not(.popup) .site-wrapper>.page-title .page-title-text {
        text-align: start
    }
    html:not(.popup) .site-wrapper>.page-title .page-title-text:after {
        margin-inline: 0 auto
    }
    .breadcrumb {
        text-align: left
    }
    .account-list>li {
        width: calc(100%/3);
        padding: 7px
    }
    .account-list {
        margin: 0 -7px -7px
    }
    .route-checkout-cart .cart-page>* {
        flex-basis: 100%;
        min-width: 100%
    }
    .refine-categories .auto-grid {
        --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px))
    }
    .quick-checkout-wrapper>div .right {
        padding-inline-start: 0px;
        width: 100%
    }
    .quick-checkout-wrapper>div .left {
        width: 100%
    }
    #product-product {
        --product-page-split: 100%
    }
    .route-product-product:not(.popup) .product-info .product-details>div:not(.page-title):nth-last-child(2) {
        margin-bottom: 0
    }
    .route-product-product:not(.popup) .product-info .button-group-page {
        position: fixed;
        z-index: 99;
        bottom: 0;
        margin: 0;
        transition: bottom .35s .35s ease-out;
        padding: var(--j-gap-spacing---6);
        --element-padding: var(--j-gap-spacing---6);
        padding-bottom: var(--j-gap-spacing---8);
        --element-padding-bottom: var(--j-gap-spacing---8);
        border-width: 0;
        border-top-width: 1px;
        border-style: solid;
        border-radius: 0;
        --element-border-radius: 0px
    }
    .route-product-product:not(.popup).has-bottom-menu .product-info .button-group-page {
        bottom: calc(var(--bottom-menu-display, 0px) + var(--bottom-menu-margin-display, 0px))
    }
    .route-product-product:not(.popup) body {
        padding-bottom: var(--fixed-product-buttons, 60px)
    }
    .route-product-product:not(.popup) .scroll-top {
        --product-page-buttons: var(--fixed-product-buttons, 60px)
    }
    .route-product-product:not(.popup) .product-info .button-group-page .btn-cart {
        width: 40px;
        height: 40px
    }
    .route-product-product:not(.popup) .product-info .button-group-page .btn-extra {
        width: 40px;
        height: 40px;
        padding: .5em !important;
        --element-padding: .5em !important
    }
    .route-product-product:not(.popup) .product-info .button-group-page .btn-2-extra {
        width: 40px;
        min-width: 40px;
        height: 40px
    }
    .product-info .button-group-page .extra-group .btn:first-child .btn-text {
        display: none
    }
    .product-info .button-group-page .extra-group .btn:first-child:before {
        display: inline-flex
    }
    .product-info .button-group-page .btn-extra+.btn .btn-text {
        display: none
    }
    .product-info .button-group-page .btn-extra+.btn:before {
        display: inline-flex
    }
    .tab-container.product_tabs.product_tabs-default {
        --align-tabs: flex-start
    }
    .tab-container.product_tabs.product_tabs-default>.nav-tabs {
        --align-self: start;
        --max-width: 100vw
    }
    .tab-container.product_tabs.product_tabs-default>.nav-tabs>li {
        flex-grow: 0
    }
    .tab-container.product_tabs.product_tabs-default>.nav-tabs>li:first-child {
        margin-inline-start: 0
    }
    .tab-container.product_tabs.product_tabs-default>.nav-tabs>li:last-child {
        margin-inline-end: 0
    }
    .product_extra .tab-content .block-wrapper {
        align-items: flex-start
    }
    .product_blocks.product_blocks-image {
        justify-content: flex-start
    }
    .ias-trigger a {
        display: flex
    }
    .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
    }
    .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
    }
    .one-column #content .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
    }
    .one-column #content .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
    }
}

@media (max-width:800px) {
    .route-product-product.popup-quickview #product-product {
        --product-page-split: 100%;
        --product-page-split-gap: var(--j-gap-spacing---3)
    }
}

@media (max-width:500px) {
    .blog-post .post-details .post-stats .p-posted {
        display: none
    }
    .p-date-image {
        --p-date-size: var(--j-gap-spacing----10);
        font-family: 'Jost';
        font-weight: 600;
        font-size: var(--j-font_size-font-size--title-item);
        text-transform: none;
        line-height: 1.3
    }
    .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
    }
    .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }
    .one-column #content .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
    }
    .one-column #content .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }
    .two-column #content .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
    }
    .two-column #content .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }
    .post-list .post-thumb .name a {
        font-family: 'Jost';
        font-weight: 600;
        font-size: var(--j-font_size-font-size--title-item);
        text-transform: none;
        line-height: 1.3
    }
    .post-list .post-thumb .description {
        display: none
    }
    .post-list .post-thumb .button-group {
        margin-top: var(--j-gap-spacing---4);
        --element-margin-top: var(--j-gap-spacing---4)
    }
    .post-list .post-thumb .post-stats {
        font-family: 'Jost';
        font-weight: 400;
        font-size: var(--j-font_size-font-size-200);
        line-height: 1.25;
        margin-bottom: var(--j-gap-spacing---4);
        --element-margin-bottom: var(--j-gap-spacing---4)
    }
    label,
    .form-group .control-label,
    .form-label {
        font-size: var(--j-font_size-font-size-500)
    }
    .route-product-product.popup-quickview h1.page-title {
        display: block
    }
    .route-product-product.popup-quickview div.page-title {
        display: none
    }
    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details {
        flex-grow: 1;
        flex-basis: 100%
    }
    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare {
        display: none
    }
    .account-list>li {
        width: calc(100%/2)
    }
    .route-checkout-cart .cart-panels label,
    .route-checkout-cart .cart-panels .form-group .control-label,
    .route-checkout-cart .cart-panels .form-label {
        font-size: var(--j-font_size-font-size-500)
    }
    .category-image {
        float: none
    }
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login label,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .control-label,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
        font-size: var(--j-font_size-font-size-500)
    }
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section label,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .control-label,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
        font-size: var(--j-font_size-font-size-500)
    }
    .lg-product-images .lg-content .lg-icon {
        width: 40px;
        height: 40px;
        height: 40px
    }
    .route-product-product:not(.popup) .product-info .product-details .button-group-page .wishlist-compare {
        margin-top: var(--j-gap-spacing---4);
        --element-margin-top: var(--j-gap-spacing---4)
    }
    .route-product-product:not(.popup) .product-info .button-group-page .btn-extra+.btn-extra {
        padding: .5em !important;
        --element-padding: .5em !important
    }
    .grid-list .links-text {
        display: none
    }
    .grid-list .compare-btn:before {
        margin-inline-end: 0;
        color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }
    .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
    }
    .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }
    .one-column #content .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
    }
    .one-column #content .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }
    .two-column #content .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
    }
    .two-column #content .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }
    .main-products-style.product-grid .product-thumb .buttons-wrapper {
        display: none
    }
    .main-products-style.product-grid.product-grid .product-thumb .button-group {
        border-radius: 4px;
        --element-border-radius: 4px
    }
    .main-products-style.product-grid .product-thumb .btn-cart:before {
        display: inline-flex
    }
    .main-products-style.product-grid .product-thumb .btn-cart .btn-text {
        display: inline-block;
        padding: 0 .4em
    }
    .main-products-style.product-grid .product-thumb .stepper {
        min-width: 50px
    }
    .main-products-style.product-grid .product-thumb .extra-group {
        border-style: none
    }
    .main-products-style.product-grid.product-grid .product-thumb .buttons-wrapper {
        position: static;
        width: auto;
        overflow: visible;
        order: initial;
        transform: none
    }
    .main-products-style.product-grid.product-grid .product-thumb .buttons-wrapper .button-group {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none
    }
    .no-touchevents .main-products-style.product-grid.product-grid .product-thumb:hover .buttons-wrapper .button-group {
        transform: none
    }
    .main-products-style.product-list .product-thumb .product-labels {
        display: none
    }
    .main-products-style.product-list.product-grid .has-countdown .wish-group {
        --countdown-offset-buttons: 0px
    }
    .main-products-style.product-list:not(.product-list) .product-thumb .rating {
        --countdown-offset: 0 !important
    }
    .main-products-style.product-list .product-thumb .btn-quickview {
        --countdown-offset: 0 !important;
        min-width: 28px;
        height: 28px
    }
    .main-products-style.product-list .has-countdown .product-thumb .countdown {
        display: none
    }
    .main-products-style.product-list.product-list .product-layout .product-thumb {
        --product-list-gap: var(--j-gap-spacing---6)
    }
    .main-products-style.product-list .product-thumb .stats-group {
        justify-content: space-between;
        flex-direction: row
    }
    .main-products-style.product-list .product-thumb .stats-group>span {
        flex-grow: 0
    }
    .main-products-style.product-list .product-thumb .stats {
        margin-bottom: var(--j-gap-spacing---5);
        --element-margin-bottom: var(--j-gap-spacing---5)
    }
    .main-products-style.product-list .product-thumb .rating {
        height: auto;
        justify-content: flex-start
    }
    .main-products-style.product-list .product-thumb .rating-stars {
        transform: translate3d(0, 0, 0);
        margin-top: 0;
        --element-margin-top: 0px;
        margin-bottom: var(--j-gap-spacing---4);
        --element-margin-bottom: var(--j-gap-spacing---4)
    }
    .main-products-style.product-list .product-thumb .name a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-family: 'Jost';
        font-weight: 500;
        font-size: var(--j-font_size-font-size--title-item-list);
        text-transform: none;
        line-height: 1.3
    }
    .main-products-style.product-list .product-thumb .description {
        display: none
    }
    .main-products-style.product-list.product-grid .product-layout .product-thumb .name {
        --flex-grow: 0
    }
    .main-products-style.product-list .product-thumb .price {
        font-family: 'Jost';
        font-weight: 600;
        font-size: var(--j-font_size-font-size-400);
        color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
        line-height: 1;
        margin-top: var(--j-gap-spacing---4);
        --element-margin-top: var(--j-gap-spacing---4)
    }
    .main-products-style.product-list.product-list .product-thumb .buttons-wrapper {
        margin-top: var(--j-gap-spacing---4);
        --element-margin-top: var(--j-gap-spacing---4)
    }
    .main-products-style.product-list .product-thumb .stepper {
        display: none
    }
    .main-products-style.product-list .product-thumb .extra-group {
        display: none;
        margin-top: var(--j-gap-spacing---7);
        --element-margin-top: var(--j-gap-spacing---7)
    }
    .main-products-style.product-list .product-layout .extra-group>div {
        justify-content: flex-start
    }
}

@media (max-width:360px) {
    .route-product-product:not(.popup) .product-info .button-group-page .btn-cart:before {
        display: none
    }
    .route-product-product:not(.popup) .product-info .button-group-page .btn-cart .btn-text {
        display: inline-block;
        padding: 0
    }
    .route-product-product:not(.popup) .product-info .button-group-page .btn-compare .btn-text {
        display: none
    }
}

@media (max-width:320px) {
    .route-product-product.popup-quickview .product-info .button-group-page .stepper {
        display: none
    }
    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart {
        display: none
    }
    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist {
        display: none
    }
}

@media (max-width:250px) {
    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart:before {
        display: inline-block
    }
    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart .btn-text {
        display: none
    }
}

@media (min-width:1540px) {
    .boxed-layout:not(.popup) body {
        --boxed-top-spacing: 50px;
        margin-top: var(--boxed-top-spacing, 0);
        margin-bottom: 50px
    }
    .boxed-layout:not(.popup) .global-wrapper:after {
        box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
    }
    .boxed-layout:not(.popup) .global-wrapper {
        border-radius: 16px;
        --element-border-radius: 16px
    }
}

:root {
    --j-font_size-font-size-700: 18px;
    --j-font_size-font-size--1100: 32px;
    --j-font_size-font-size-800: 20px;
    --j-font_size-font-size-900: 24px;
    --j-font_size-font-size--1000: 28px;
    --j-font_size-font-size--title-display-m: 42px;
    --j-font_size-font-size-100: 11px;
    --j-font_size-font-size-200: 12px;
    --j-font_size-font-size-300: 13px;
    --j-font_size-font-size-400: 14px;
    --j-font_size-font-size-500: 15px;
    --j-font_size-font-size-600: 16px;
    --j-font_size-font-size--1200: 42px;
    --j-font_size-font-size--1300: 56px;
    --j-font_size-font-size--1400: 80px;
    --j-font_size-font-size--title-menu: 13px;
    --j-font_size-font-size--title-section: 28px;
    --j-font_size-font-size--separator: -1px;
    --j-font_size-font-size--title-item: 16px;
    --j-font_size-font-size---price-larger: 26px;
    --j-font_size-font-size--title-display-l: 64px;
    --j-font_size-font-size--title-module: 22px;
    --j-font_size-font-size--title-item-list: 14px;
    --j-font_size-font-size-0-separator: -1px
}

@media (max-width: 1540px) {
    :root {
        --j-font_size-font-size--title-display-l: 48px
    }
}

@media (max-width: 1200px) {
    :root {
        --j-font_size-font-size--title-display-m: 36px
    }
}

@media (max-width: 900px) {
    :root {
        --j-font_size-font-size--title-section: 24px;
        --j-font_size-font-size---price-larger: 22px;
        --j-font_size-font-size--title-display-l: 36px;
        --j-font_size-font-size--title-module: 18px
    }
}

@media (max-width: 500px) {
    :root {
        --j-font_size-font-size--title-display-m: 28px;
        --j-font_size-font-size--title-menu: 14px;
        --j-font_size-font-size--title-display-l: 32px;
        --j-font_size-font-size--title-item-list: 15px
    }
}

:root {
    --j-gap-spacing-vr-row-m: 60px;
    --j-gap-spacing---7: 20px;
    --j-gap-spacing---8: 24px;
    --j-gap-spacing-gap-0-separator: -1px;
    --j-gap-spacing---5: 12px;
    --j-gap-spacing-gap-3: 20px;
    --j-gap-spacing-gutter-1: 32px;
    --j-gap-spacing-vr-row-k: 120px;
    --j-gap-spacing-vr-row-1-separator: -1px;
    --j-gap-spacing-gap-2: 12px;
    --j-gap-spacing-vr-row-s: 32px;
    --j-gap-spacing---4: 8px;
    --j-gap-spacing-vr-row-l: 90px;
    --j-gap-spacing-gap-1: 8px;
    --j-gap-spacing-vr-row-i: 160px;
    --j-gap-spacing-padding-m: 32px;
    --j-gap-spacing-padding-l: 40px;
    --j-gap-spacing-vertical-1: 24px;
    --j-gap-spacing---3: 6px;
    --j-gap-spacing---2: 4px;
    --j-gap-spacing---1: 2px;
    --j-gap-spacing---6: 16px;
    --j-gap-spacing---9: 32px;
    --j-gap-spacing----10: 40px;
    --j-gap-spacing----11: 48px;
    --j-gap-spacing----12: 56px;
    --j-gap-spacing----13: 64px;
    --j-gap-spacing----14: 72px;
    --j-gap-spacing----15: 88px;
    --j-gap-spacing----16: 112px;
    --j-gap-spacing-vertical-l: 32px;
    --j-gap-spacing-gutter-4: 36px;
    --j-gap-spacing--separator: -1px;
    --j-gap-spacing-gap-4: 32px;
    --j-gap-spacing-vertical-xl: 48px;
    --j-gap-spacing-padding-xl: 48px;
    --j-gap-spacing-padding-s: 24px;
    --j-gap-spacing-vertical-xxl: 60px;
    --j-gap-spacing-gap-5: 48px;
    --j-gap-spacing-vertical-xxxl: 120px;
    --j-gap-spacing-gap-hero: 12px;
    --j-gap-spacing-gap-general-2: 32px;
    --j-gap-spacing-gap-general-3: 40px;
    --j-gap-spacing-gutter-2: 40px;
    --j-gap-spacing-gutter-3: 8px;
    --j-gap-spacing-padding-0-separator: -1px;
    --j-gap-spacing-vertical-0-separator: -1px;
    --j-gap-spacing-gap-general-0-separator: -1px;
    --j-gap-spacing----17: 144px;
    --j-gap-spacing----18: 184px;
    --j-gap-spacing----19: 224px;
    --j-gap-spacing----20: 256px;
    --j-gap-spacing-gap-general-1: 24px;
    --j-gap-spacing-gap-6: 60px
}

@media (max-width: 1540px) {
    :root {
        --j-gap-spacing-gutter-4: 28px
    }
}

@media (max-width: 1200px) {
    :root {
        --j-gap-spacing-gutter-1: 24px;
        --j-gap-spacing-vr-row-k: 90px;
        --j-gap-spacing-vr-row-i: 120px;
        --j-gap-spacing-padding-l: 32px;
        --j-gap-spacing-gap-4: 24px;
        --j-gap-spacing-vertical-xl: 32px;
        --j-gap-spacing-vertical-xxl: 40px;
        --j-gap-spacing-gap-5: 32px;
        --j-gap-spacing-vertical-xxxl: 90px;
        --j-gap-spacing-gap-general-3: 32px;
        --j-gap-spacing-gutter-2: 24px;
        --j-gap-spacing-gap-6: 48px
    }
}

@media (max-width: 900px) {
    :root {
        --j-gap-spacing-gap-3: 16px;
        --j-gap-spacing-vr-row-k: 60px;
        --j-gap-spacing-vr-row-l: 60px;
        --j-gap-spacing-vr-row-i: 90px;
        --j-gap-spacing-padding-l: 24px;
        --j-gap-spacing-padding-xl: 32px;
        --j-gap-spacing-padding-s: 20px;
        --j-gap-spacing-vertical-xxxl: 60px;
        --j-gap-spacing-gap-general-2: 24px;
        --j-gap-spacing-gap-general-1: 20px
    }
}

@media (max-width: 500px) {
    :root {
        --j-gap-spacing-vr-row-i: 60px;
        --j-gap-spacing-padding-m: 24px;
        --j-gap-spacing-padding-s: 16px;
        --j-gap-spacing-gap-general-3: 24px;
        --j-gap-spacing-gap-6: 32px
    }
}

.color-scheme-scheme-4 {
    --j-color-scheme-pastel-blue-h: 220;
    --j-color-scheme-pastel-blue-s: 95.121951219512%;
    --j-color-scheme-pastel-blue-l: 91.960784313725%;
    --j-color-scheme-pastel-blue-a: 1;
    --j-color-scheme-pastel-purple-h: 265.71428571429;
    --j-color-scheme-pastel-purple-s: 87.5%;
    --j-color-scheme-pastel-purple-l: 96.862745098039%;
    --j-color-scheme-pastel-purple-a: 1;
    --j-color-scheme-background-tertiary-h: 42.5;
    --j-color-scheme-background-tertiary-s: 21.818181818182%;
    --j-color-scheme-background-tertiary-l: 78.43137254902%;
    --j-color-scheme-background-tertiary-a: 1;
    --j-color-scheme-background-secondary-h: 41.052631578947;
    --j-color-scheme-background-secondary-s: 22.352941176471%;
    --j-color-scheme-background-secondary-l: 83.333333333333%;
    --j-color-scheme-background-secondary-a: 1;
    --j-color-scheme-brand-secondary-foreground-h: 41.538461538462;
    --j-color-scheme-brand-secondary-foreground-s: 22.033898305085%;
    --j-color-scheme-brand-secondary-foreground-l: 88.43137254902%;
    --j-color-scheme-brand-secondary-foreground-a: 1;
    --j-color-scheme-neutral-background-h: 0;
    --j-color-scheme-neutral-background-s: 0%;
    --j-color-scheme-neutral-background-l: 100%;
    --j-color-scheme-neutral-background-a: 1;
    --j-color-scheme-foreground-primary-h: 0;
    --j-color-scheme-foreground-primary-s: 1.5384615384615%;
    --j-color-scheme-foreground-primary-l: 12.745098039216%;
    --j-color-scheme-foreground-primary-a: 1;
    --j-color-scheme-text-link-hover-h: 0;
    --j-color-scheme-text-link-hover-s: 1.7241379310345%;
    --j-color-scheme-text-link-hover-l: 22.745098039216%;
    --j-color-scheme-text-link-hover-a: 1;
    --j-color-scheme-brand-primary-h: 179.10447761194;
    --j-color-scheme-brand-primary-s: 57.264957264957%;
    --j-color-scheme-brand-primary-l: 22.941176470588%;
    --j-color-scheme-brand-primary-a: 1;
    --j-color-scheme-pastel-red-h: 0;
    --j-color-scheme-pastel-red-s: 100%;
    --j-color-scheme-pastel-red-l: 96.078431372549%;
    --j-color-scheme-pastel-red-a: 1;
    --j-color-scheme-body-background-h: 42;
    --j-color-scheme-body-background-s: 22.727272727273%;
    --j-color-scheme-body-background-l: 91.372549019608%;
    --j-color-scheme-body-background-a: 1;
    --j-color-scheme-text-link-h: 0;
    --j-color-scheme-text-link-s: 1.0989010989011%;
    --j-color-scheme-text-link-l: 17.843137254902%;
    --j-color-scheme-text-link-a: 1;
    --j-color-scheme-foreground-tertiary-h: 0;
    --j-color-scheme-foreground-tertiary-s: 1.4084507042254%;
    --j-color-scheme-foreground-tertiary-l: 27.843137254902%;
    --j-color-scheme-foreground-tertiary-a: 1;
    --j-color-scheme-overlay-h: 0;
    --j-color-scheme-overlay-s: 0%;
    --j-color-scheme-overlay-l: 0%;
    --j-color-scheme-overlay-a: 0.8;
    --j-color-scheme-button-foreground-h: 216;
    --j-color-scheme-button-foreground-s: 21.739130434783%;
    --j-color-scheme-button-foreground-l: 95.490196078431%;
    --j-color-scheme-button-foreground-a: 1;
    --j-color-scheme-background-primary-h: 41.538461538462;
    --j-color-scheme-background-primary-s: 22.033898305085%;
    --j-color-scheme-background-primary-l: 88.43137254902%;
    --j-color-scheme-background-primary-a: 1;
    --j-color-scheme-image-background-h: 41.538461538462;
    --j-color-scheme-image-background-s: 22.033898305085%;
    --j-color-scheme-image-background-l: 88.43137254902%;
    --j-color-scheme-image-background-a: 1;
    --j-color-scheme-foreground-secondary-h: 0;
    --j-color-scheme-foreground-secondary-s: 0.99009900990099%;
    --j-color-scheme-foreground-secondary-l: 19.803921568627%;
    --j-color-scheme-foreground-secondary-a: 1;
    --j-color-scheme-brand-primary-foreground-h: 216;
    --j-color-scheme-brand-primary-foreground-s: 21.739130434783%;
    --j-color-scheme-brand-primary-foreground-l: 95.490196078431%;
    --j-color-scheme-brand-primary-foreground-a: 1;
    --j-color-scheme-pastel-yellow-h: 50.909090909091;
    --j-color-scheme-pastel-yellow-s: 76.744186046512%;
    --j-color-scheme-pastel-yellow-l: 91.56862745098%;
    --j-color-scheme-pastel-yellow-a: 1;
    --j-color-scheme-button-background-h: 179.10447761194;
    --j-color-scheme-button-background-s: 57.264957264957%;
    --j-color-scheme-button-background-l: 22.941176470588%;
    --j-color-scheme-button-background-a: 1;
    --j-color-scheme-neutral-foreground-h: 0;
    --j-color-scheme-neutral-foreground-s: 1.5384615384615%;
    --j-color-scheme-neutral-foreground-l: 12.745098039216%;
    --j-color-scheme-neutral-foreground-a: 1;
    --j-color-scheme-brand-secondary-h: 0;
    --j-color-scheme-brand-secondary-s: 1.5384615384615%;
    --j-color-scheme-brand-secondary-l: 12.745098039216%;
    --j-color-scheme-brand-secondary-a: 1;
    --j-color-scheme-background-border-h: 0;
    --j-color-scheme-background-border-s: 1.5384615384615%;
    --j-color-scheme-background-border-l: 12.745098039216%;
    --j-color-scheme-background-border-a: 0.2;
    --j-color-scheme-pastel-green-h: 103.63636363636;
    --j-color-scheme-pastel-green-s: 35.483870967742%;
    --j-color-scheme-pastel-green-l: 93.921568627451%;
    --j-color-scheme-pastel-green-a: 1
}

.color-scheme-scheme-3 {
    --j-color-scheme-pastel-blue-h: 220;
    --j-color-scheme-pastel-blue-s: 95.121951219512%;
    --j-color-scheme-pastel-blue-l: 91.960784313725%;
    --j-color-scheme-pastel-blue-a: 1;
    --j-color-scheme-pastel-purple-h: 265.71428571429;
    --j-color-scheme-pastel-purple-s: 87.5%;
    --j-color-scheme-pastel-purple-l: 96.862745098039%;
    --j-color-scheme-pastel-purple-a: 1;
    --j-color-scheme-background-tertiary-h: 179.31034482759;
    --j-color-scheme-background-tertiary-s: 56.862745098039%;
    --j-color-scheme-background-tertiary-l: 30%;
    --j-color-scheme-background-tertiary-a: 1;
    --j-color-scheme-background-secondary-h: 179.24050632911;
    --j-color-scheme-background-secondary-s: 57.664233576642%;
    --j-color-scheme-background-secondary-l: 26.862745098039%;
    --j-color-scheme-background-secondary-a: 1;
    --j-color-scheme-brand-secondary-foreground-h: 179.10447761194;
    --j-color-scheme-brand-secondary-foreground-s: 57.264957264957%;
    --j-color-scheme-brand-secondary-foreground-l: 22.941176470588%;
    --j-color-scheme-brand-secondary-foreground-a: 1;
    --j-color-scheme-neutral-background-h: 205.71428571429;
    --j-color-scheme-neutral-background-s: 3.0837004405286%;
    --j-color-scheme-neutral-background-l: 44.509803921569%;
    --j-color-scheme-neutral-background-a: 1;
    --j-color-scheme-foreground-primary-h: 216;
    --j-color-scheme-foreground-primary-s: 21.739130434783%;
    --j-color-scheme-foreground-primary-l: 95.490196078431%;
    --j-color-scheme-foreground-primary-a: 1;
    --j-color-scheme-text-link-hover-h: 216;
    --j-color-scheme-text-link-hover-s: 21.739130434783%;
    --j-color-scheme-text-link-hover-l: 95.490196078431%;
    --j-color-scheme-text-link-hover-a: 1;
    --j-color-scheme-brand-primary-h: 41.538461538462;
    --j-color-scheme-brand-primary-s: 22.033898305085%;
    --j-color-scheme-brand-primary-l: 88.43137254902%;
    --j-color-scheme-brand-primary-a: 1;
    --j-color-scheme-pastel-red-h: 0;
    --j-color-scheme-pastel-red-s: 100%;
    --j-color-scheme-pastel-red-l: 96.078431372549%;
    --j-color-scheme-pastel-red-a: 1;
    --j-color-scheme-body-background-h: 178.96551724138;
    --j-color-scheme-body-background-s: 56.862745098039%;
    --j-color-scheme-body-background-l: 20%;
    --j-color-scheme-body-background-a: 1;
    --j-color-scheme-text-link-h: 212.72727272727;
    --j-color-scheme-text-link-s: 22.448979591837%;
    --j-color-scheme-text-link-l: 90.392156862745%;
    --j-color-scheme-text-link-a: 1;
    --j-color-scheme-foreground-tertiary-h: 216.66666666667;
    --j-color-scheme-foreground-tertiary-s: 21.428571428571%;
    --j-color-scheme-foreground-tertiary-l: 83.529411764706%;
    --j-color-scheme-foreground-tertiary-a: 1;
    --j-color-scheme-overlay-h: 0;
    --j-color-scheme-overlay-s: 0%;
    --j-color-scheme-overlay-l: 0%;
    --j-color-scheme-overlay-a: 0.8;
    --j-color-scheme-button-foreground-h: 192;
    --j-color-scheme-button-foreground-s: 8.1967213114754%;
    --j-color-scheme-button-foreground-l: 11.960784313725%;
    --j-color-scheme-button-foreground-a: 1;
    --j-color-scheme-background-primary-h: 179.10447761194;
    --j-color-scheme-background-primary-s: 57.264957264957%;
    --j-color-scheme-background-primary-l: 22.941176470588%;
    --j-color-scheme-background-primary-a: 1;
    --j-color-scheme-image-background-h: 179.10447761194;
    --j-color-scheme-image-background-s: 57.264957264957%;
    --j-color-scheme-image-background-l: 22.941176470588%;
    --j-color-scheme-image-background-a: 1;
    --j-color-scheme-foreground-secondary-h: 216.92307692308;
    --j-color-scheme-foreground-secondary-s: 22.033898305085%;
    --j-color-scheme-foreground-secondary-l: 88.43137254902%;
    --j-color-scheme-foreground-secondary-a: 1;
    --j-color-scheme-brand-primary-foreground-h: 0;
    --j-color-scheme-brand-primary-foreground-s: 1.5384615384615%;
    --j-color-scheme-brand-primary-foreground-l: 12.745098039216%;
    --j-color-scheme-brand-primary-foreground-a: 1;
    --j-color-scheme-pastel-yellow-h: 50.909090909091;
    --j-color-scheme-pastel-yellow-s: 76.744186046512%;
    --j-color-scheme-pastel-yellow-l: 91.56862745098%;
    --j-color-scheme-pastel-yellow-a: 1;
    --j-color-scheme-button-background-h: 0;
    --j-color-scheme-button-background-s: 0%;
    --j-color-scheme-button-background-l: 96.078431372549%;
    --j-color-scheme-button-background-a: 1;
    --j-color-scheme-neutral-foreground-h: 0;
    --j-color-scheme-neutral-foreground-s: 0%;
    --j-color-scheme-neutral-foreground-l: 100%;
    --j-color-scheme-neutral-foreground-a: 1;
    --j-color-scheme-brand-secondary-h: 216;
    --j-color-scheme-brand-secondary-s: 21.739130434783%;
    --j-color-scheme-brand-secondary-l: 95.490196078431%;
    --j-color-scheme-brand-secondary-a: 1;
    --j-color-scheme-background-border-h: 216;
    --j-color-scheme-background-border-s: 21.739130434783%;
    --j-color-scheme-background-border-l: 95.490196078431%;
    --j-color-scheme-background-border-a: 0.2;
    --j-color-scheme-pastel-green-h: 103.63636363636;
    --j-color-scheme-pastel-green-s: 35.483870967742%;
    --j-color-scheme-pastel-green-l: 93.921568627451%;
    --j-color-scheme-pastel-green-a: 1
}

:root,
.dropdown-menu:not([class*="color-scheme-"]):not(.dropdown-menu[class*="color-scheme-"] .dropdown-menu),
.tt-menu,
.color-scheme-scheme-1 {
    --j-color-scheme-pastel-blue-h: 220;
    --j-color-scheme-pastel-blue-s: 95.121951219512%;
    --j-color-scheme-pastel-blue-l: 91.960784313725%;
    --j-color-scheme-pastel-blue-a: 1;
    --j-color-scheme-pastel-purple-h: 265.71428571429;
    --j-color-scheme-pastel-purple-s: 87.5%;
    --j-color-scheme-pastel-purple-l: 96.862745098039%;
    --j-color-scheme-pastel-purple-a: 1;
    --j-color-scheme-background-tertiary-h: 0;
    --j-color-scheme-background-tertiary-s: 0%;
    --j-color-scheme-background-tertiary-l: 92.941176470588%;
    --j-color-scheme-background-tertiary-a: 1;
    --j-color-scheme-background-secondary-h: 0;
    --j-color-scheme-background-secondary-s: 0%;
    --j-color-scheme-background-secondary-l: 97.254901960784%;
    --j-color-scheme-background-secondary-a: 1;
    --j-color-scheme-site-background-h: 0;
    --j-color-scheme-site-background-s: 0%;
    --j-color-scheme-site-background-l: 96.078431372549%;
    --j-color-scheme-site-background-a: 1;
    --j-color-scheme-brand-secondary-foreground-h: 0;
    --j-color-scheme-brand-secondary-foreground-s: 1.5384615384615%;
    --j-color-scheme-brand-secondary-foreground-l: 12.745098039216%;
    --j-color-scheme-brand-secondary-foreground-a: 1;
    --j-color-scheme-neutral-background-h: 205.71428571429;
    --j-color-scheme-neutral-background-s: 3.0837004405286%;
    --j-color-scheme-neutral-background-l: 44.509803921569%;
    --j-color-scheme-neutral-background-a: 1;
    --j-color-scheme-foreground-primary-h: 192;
    --j-color-scheme-foreground-primary-s: 8.1967213114754%;
    --j-color-scheme-foreground-primary-l: 11.960784313725%;
    --j-color-scheme-foreground-primary-a: 1;
    --j-color-scheme-text-link-hover-h: 179.375;
    --j-color-scheme-text-link-hover-s: 57.142857142857%;
    --j-color-scheme-text-link-hover-l: 32.941176470588%;
    --j-color-scheme-text-link-hover-a: 1;
    --j-color-scheme-brand-primary-h: 179.10447761194;
    --j-color-scheme-brand-primary-s: 57.264957264957%;
    --j-color-scheme-brand-primary-l: 22.941176470588%;
    --j-color-scheme-brand-primary-a: 1;
    --j-color-scheme-pastel-red-h: 0;
    --j-color-scheme-pastel-red-s: 100%;
    --j-color-scheme-pastel-red-l: 96.078431372549%;
    --j-color-scheme-pastel-red-a: 1;
    --j-color-scheme-body-background-h: 0;
    --j-color-scheme-body-background-s: 0%;
    --j-color-scheme-body-background-l: 100%;
    --j-color-scheme-body-background-a: 1;
    --j-color-scheme-text-link-h: 179.10447761194;
    --j-color-scheme-text-link-s: 57.264957264957%;
    --j-color-scheme-text-link-l: 22.941176470588%;
    --j-color-scheme-text-link-a: 1;
    --j-color-scheme-foreground-tertiary-h: 205.71428571429;
    --j-color-scheme-foreground-tertiary-s: 3.0837004405286%;
    --j-color-scheme-foreground-tertiary-l: 44.509803921569%;
    --j-color-scheme-foreground-tertiary-a: 1;
    --j-color-scheme-overlay-h: 0;
    --j-color-scheme-overlay-s: 0%;
    --j-color-scheme-overlay-l: 0%;
    --j-color-scheme-overlay-a: 0.8;
    --j-color-scheme-button-foreground-h: 216;
    --j-color-scheme-button-foreground-s: 21.739130434783%;
    --j-color-scheme-button-foreground-l: 95.490196078431%;
    --j-color-scheme-button-foreground-a: 1;
    --j-color-scheme-background-primary-h: 0;
    --j-color-scheme-background-primary-s: 0%;
    --j-color-scheme-background-primary-l: 100%;
    --j-color-scheme-background-primary-a: 1;
    --j-color-scheme-image-background-h: 0;
    --j-color-scheme-image-background-s: 0%;
    --j-color-scheme-image-background-l: 96.078431372549%;
    --j-color-scheme-image-background-a: 1;
    --j-color-scheme-foreground-secondary-h: 200;
    --j-color-scheme-foreground-secondary-s: 3.2258064516129%;
    --j-color-scheme-foreground-secondary-l: 36.470588235294%;
    --j-color-scheme-foreground-secondary-a: 1;
    --j-color-scheme-brand-primary-foreground-h: 216;
    --j-color-scheme-brand-primary-foreground-s: 21.739130434783%;
    --j-color-scheme-brand-primary-foreground-l: 95.490196078431%;
    --j-color-scheme-brand-primary-foreground-a: 1;
    --j-color-scheme-pastel-yellow-h: 50.909090909091;
    --j-color-scheme-pastel-yellow-s: 76.744186046512%;
    --j-color-scheme-pastel-yellow-l: 91.56862745098%;
    --j-color-scheme-pastel-yellow-a: 1;
    --j-color-scheme-button-background-h: 179.10447761194;
    --j-color-scheme-button-background-s: 57.264957264957%;
    --j-color-scheme-button-background-l: 22.941176470588%;
    --j-color-scheme-button-background-a: 1;
    --j-color-scheme-neutral-foreground-h: 0;
    --j-color-scheme-neutral-foreground-s: 0%;
    --j-color-scheme-neutral-foreground-l: 100%;
    --j-color-scheme-neutral-foreground-a: 1;
    --j-color-scheme-brand-secondary-h: 41.538461538462;
    --j-color-scheme-brand-secondary-s: 22.033898305085%;
    --j-color-scheme-brand-secondary-l: 88.43137254902%;
    --j-color-scheme-brand-secondary-a: 1;
    --j-color-scheme-background-border-h: 192;
    --j-color-scheme-background-border-s: 8.1967213114754%;
    --j-color-scheme-background-border-l: 11.960784313725%;
    --j-color-scheme-background-border-a: 0.12;
    --j-color-scheme-pastel-green-h: 103.63636363636;
    --j-color-scheme-pastel-green-s: 35.483870967742%;
    --j-color-scheme-pastel-green-l: 93.921568627451%;
    --j-color-scheme-pastel-green-a: 1
}

.color-scheme-scheme-2 {
    --j-color-scheme-pastel-blue-h: 225.6338028169;
    --j-color-scheme-pastel-blue-s: 43.558282208589%;
    --j-color-scheme-pastel-blue-l: 31.960784313725%;
    --j-color-scheme-pastel-blue-a: 1;
    --j-color-scheme-pastel-purple-h: 279.42857142857;
    --j-color-scheme-pastel-purple-s: 24.475524475524%;
    --j-color-scheme-pastel-purple-l: 28.039215686275%;
    --j-color-scheme-pastel-purple-a: 1;
    --j-color-scheme-background-tertiary-h: 187.5;
    --j-color-scheme-background-tertiary-s: 8.3333333333333%;
    --j-color-scheme-background-tertiary-l: 18.823529411765%;
    --j-color-scheme-background-tertiary-a: 1;
    --j-color-scheme-background-secondary-h: 197.14285714286;
    --j-color-scheme-background-secondary-s: 8.0459770114943%;
    --j-color-scheme-background-secondary-l: 17.058823529412%;
    --j-color-scheme-background-secondary-a: 1;
    --j-color-scheme-site-background-h: 180;
    --j-color-scheme-site-background-s: 8%;
    --j-color-scheme-site-background-l: 9.8039215686275%;
    --j-color-scheme-site-background-a: 1;
    --j-color-scheme-brand-secondary-foreground-h: 179.10447761194;
    --j-color-scheme-brand-secondary-foreground-s: 57.264957264957%;
    --j-color-scheme-brand-secondary-foreground-l: 22.941176470588%;
    --j-color-scheme-brand-secondary-foreground-a: 1;
    --j-color-scheme-neutral-background-h: 205.71428571429;
    --j-color-scheme-neutral-background-s: 3.0837004405286%;
    --j-color-scheme-neutral-background-l: 44.509803921569%;
    --j-color-scheme-neutral-background-a: 1;
    --j-color-scheme-foreground-primary-h: 0;
    --j-color-scheme-foreground-primary-s: 0%;
    --j-color-scheme-foreground-primary-l: 96.078431372549%;
    --j-color-scheme-foreground-primary-a: 1;
    --j-color-scheme-pastel-foreground-h: 0;
    --j-color-scheme-pastel-foreground-s: 0%;
    --j-color-scheme-pastel-foreground-l: 96.078431372549%;
    --j-color-scheme-pastel-foreground-a: 1;
    --j-color-scheme-text-link-hover-h: 220.10869565217;
    --j-color-scheme-text-link-hover-s: 94.845360824742%;
    --j-color-scheme-text-link-hover-l: 61.960784313725%;
    --j-color-scheme-text-link-hover-a: 1;
    --j-color-scheme-brand-primary-h: 41.538461538462;
    --j-color-scheme-brand-primary-s: 22.033898305085%;
    --j-color-scheme-brand-primary-l: 88.43137254902%;
    --j-color-scheme-brand-primary-a: 1;
    --j-color-scheme-pastel-red-h: 2.2641509433962;
    --j-color-scheme-pastel-red-s: 82.8125%;
    --j-color-scheme-pastel-red-l: 25.098039215686%;
    --j-color-scheme-pastel-red-a: 1;
    --j-color-scheme-body-background-h: 192;
    --j-color-scheme-body-background-s: 8.1967213114754%;
    --j-color-scheme-body-background-l: 11.960784313725%;
    --j-color-scheme-body-background-a: 1;
    --j-color-scheme-text-link-h: 219.85401459854;
    --j-color-scheme-text-link-s: 95.804195804196%;
    --j-color-scheme-text-link-l: 71.960784313725%;
    --j-color-scheme-text-link-a: 1;
    --j-color-scheme-foreground-tertiary-h: 202.5;
    --j-color-scheme-foreground-tertiary-s: 3.448275862069%;
    --j-color-scheme-foreground-tertiary-l: 54.509803921569%;
    --j-color-scheme-foreground-tertiary-a: 1;
    --j-color-scheme-overlay-h: 0;
    --j-color-scheme-overlay-s: 0%;
    --j-color-scheme-overlay-l: 0%;
    --j-color-scheme-overlay-a: 0.8;
    --j-color-scheme-button-foreground-h: 179.10447761194;
    --j-color-scheme-button-foreground-s: 57.264957264957%;
    --j-color-scheme-button-foreground-l: 22.941176470588%;
    --j-color-scheme-button-foreground-a: 1;
    --j-color-scheme-background-primary-h: 190;
    --j-color-scheme-background-primary-s: 7.8947368421053%;
    --j-color-scheme-background-primary-l: 14.901960784314%;
    --j-color-scheme-background-primary-a: 1;
    --j-color-scheme-image-background-h: 190;
    --j-color-scheme-image-background-s: 7.8947368421053%;
    --j-color-scheme-image-background-l: 14.901960784314%;
    --j-color-scheme-image-background-a: 1;
    --j-color-scheme-foreground-secondary-h: 0;
    --j-color-scheme-foreground-secondary-s: 0%;
    --j-color-scheme-foreground-secondary-l: 80%;
    --j-color-scheme-foreground-secondary-a: 1;
    --j-color-scheme-brand-primary-foreground-h: 0;
    --j-color-scheme-brand-primary-foreground-s: 1.5384615384615%;
    --j-color-scheme-brand-primary-foreground-l: 12.745098039216%;
    --j-color-scheme-brand-primary-foreground-a: 1;
    --j-color-scheme-pastel-yellow-h: 44.5;
    --j-color-scheme-pastel-yellow-s: 61.855670103093%;
    --j-color-scheme-pastel-yellow-l: 38.039215686275%;
    --j-color-scheme-pastel-yellow-a: 1;
    --j-color-scheme-button-background-h: 216;
    --j-color-scheme-button-background-s: 21.739130434783%;
    --j-color-scheme-button-background-l: 95.490196078431%;
    --j-color-scheme-button-background-a: 1;
    --j-color-scheme-neutral-foreground-h: 0;
    --j-color-scheme-neutral-foreground-s: 0%;
    --j-color-scheme-neutral-foreground-l: 100%;
    --j-color-scheme-neutral-foreground-a: 1;
    --j-color-scheme-brand-secondary-h: 216;
    --j-color-scheme-brand-secondary-s: 21.739130434783%;
    --j-color-scheme-brand-secondary-l: 95.490196078431%;
    --j-color-scheme-brand-secondary-a: 1;
    --j-color-scheme-background-border-h: 0;
    --j-color-scheme-background-border-s: 0%;
    --j-color-scheme-background-border-l: 96.078431372549%;
    --j-color-scheme-background-border-a: 0.1;
    --j-color-scheme-pastel-green-h: 177.5;
    --j-color-scheme-pastel-green-s: 54.545454545455%;
    --j-color-scheme-pastel-green-l: 17.254901960784%;
    --j-color-scheme-pastel-green-a: 1
}