/** Shopify CDN: Minification failed

Line 207:256 Expected ")" to end URL token
Line 256:67 Unexpected "，"

**/
.not-italic { font-style: normal; }
.flex { display: flex; }
.tw-relative { position: relative; }
.tw-absolute { position: absolute; }
.tw-inset { inset: 0; }
.flex-row--reverse { flex-direction: row-reverse; }

.image-link-faded { transition: opacity 0.2s ease-in-out; opacity: 0.65; }
@media screen and (pointer: fine) { .image-link-faded:hover { opacity: 1; } }

/* =============================================
   1. Header — Shared primitives
   ============================================= */
.header .header__primary-nav-item,
.header__primary-nav-item .header__dropdown-menu > li { display: flex; align-items: safe center; gap: 0.25rem; }
.header .menu-label, .header-sidebar .menu-label { font-size: 0.6rem; font-weight: normal; line-height: 1; padding: 2px; align-self: flex-start; }
.header-sidebar__linklist-button > span,
.header-sidebar__nested-linklist > a,
.header__primary-nav-item > a { display: flex; gap: 0.25rem; }
.header-sidebar .menu-label { margin-inline-start: 3px; }
.header-sidebar__linklist.has-menu-images { display: grid; gap: 1.25rem 0.75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Promos */
.mega-menu__promo .text-over-media,
.header-sidebar__promo .text-over-media { place-items: center; display: flex; position: relative; overflow: hidden; color: #fff; }
.mega-menu__promo .text-over-media-content,
.header-sidebar__promo .text-over-media-content { position: absolute; width: 100%; height: 100%; inset: 0; padding: 1rem; z-index: 2; }
.mega-menu__promo .text-over-media-content > div,
.header-sidebar__promo .text-over-media-content > div { align-content: end; }
.mega-menu__promo .text-over-media:before,
.header-sidebar__promo .text-over-media:before { content: ""; background: rgba(0, 0, 0, 0.3); border-radius: inherit; z-index: 1; pointer-events: none; position: absolute; inset: 0; }

/* =============================================
   2. Site Header — Container & Regions
   ============================================= */
.site-header { display: flex; flex-direction: column; position: relative; z-index: 999; --shadow-x-buttons: 0; --shadow-y-buttons: 0; --shadow-blur-buttons: 0; --header-show-transparent-logo: 0; box-shadow: 0 -1px rgb(var(--header-separation-border-color)) inset; transition: background 0.2s, color 0.2s, border 0.2s, box-shadow 0.2s, transform 0.15s ease-in-out; }
.site-header.is-hidden { transform: translateY(-100%); }
.site-header .menu-label { font-size: 0.6875rem; font-weight: normal; line-height: 1; padding: 2px; align-self: flex-start; }
.header-container--top { z-index: 11; }
.header__top, .header__bottom { display: flex; align-items: center; justify-content: space-between; }

/* Header top */
.header__top { padding-inline-start: var(--container-gutter); padding-inline-end: var(--container-gutter); padding-block-start: var(--header-padding-block); padding-block-end: var(--header-padding-block); position: relative; background: rgb(var(--background)); }
.header__top .header__logo a, .header__top a.header__logo { line-height: normal; display: flex; flex-direction: column; gap: 0.3rem; }
.header__top .slogan { font-style: italic; font-weight: normal; letter-spacing: normal; }

/* Header bottom */
.header__bottom { padding-block-start: var(--header-padding-block); padding-block-end: var(--header-padding-block); border-block-end-width: 1px; border-block-end-color: rgb(223 223 223); }
.header__bottom .header__primary-nav-item:before,
.header__bottom .header__dropdown-menu:before { background: rgb(var(--background)); }
.header__bottom .mega-menu, .header__bottom .header__dropdown-menu { background: rgb(var(--text-color)); color: rgb(var(--background)); }
.header__bottom .link-faded { color: rgb(0 0 0 / 0.65); }
@media screen and (pointer: fine) {
  .header__bottom .link-faded:hover { color: rgb(var(--background)); }
  .header__bottom .link-faded-reverse:hover { color: rgb(0 0 0 / 0.65); }
}

/* Logo & secondary nav */
.site-header .logo { flex: 1; align-items: start; flex-direction: column; display: flex; box-sizing: content-box; gap: 0.1rem; }
.site-header .header__secondary-nav { padding-inline-start: 2.5rem; flex: 1; }

/* =============================================
   3. Header — Search & Overlay
   ============================================= */
.header-search-bar { max-width: 41.875rem; width: 100%; position: relative; }
.header-search-bar .predictive-search { position: absolute; top: 100%; inset-inline: 0; z-index: 999; }
header-search-bar .search-suggestions { grid-template-columns: minmax(0px, 1fr); gap: 2.5rem; padding-block: 1.25rem 2rem; display: grid; }
header-search-bar .search-suggestions__title, header-search .search-suggestions__title { border-block-end-width: 1px; padding-block-end: 0.625rem; }
.search-suggestions .search-suggestions__list { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 0.75rem 1.5rem; display: grid; }
.close-search-button { justify-content: flex-end; grid-template-columns: auto; align-items: center; column-gap: 0.75rem; padding-block: 0.75rem; display: grid; }
.header-search-bar input { color: rgb(var(--background)); background: rgb(var(--text-color)); border-color: rgb(var(--text-color)); border-radius: 6px 0 0 6px; }

.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #0000005c; z-index: 31; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.12s linear; }
.overlay.is-visible { opacity: 1; visibility: visible; pointer-events: all; }

.header-search__form { position: relative; display: block; }
.header-search-bar[open] .header-search__form { z-index: 32; }
.header-search-bar predictive-search { opacity: 0; visibility: hidden; }
.header-search-bar[open] predictive-search { opacity: 1; visibility: visible; }
.header-search-bar.is-hidden { transform: translateY(-100%); opacity: 0; visibility: hidden; }
.header-search-bar { transition: all 0.15s ease-in-out; border-radius: 6px; border-width: 1px; border-color: rgb(var(--background)); }
.header-container--top { position: relative; }

.header-search-bar__results { z-index: -1; width: 100%; display: none; position: absolute; inset-block-start: 100%; inset-inline-start: 0; background: transparent; }
.header-search-bar__results::part(content) { max-height: calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 1.25rem); background: rgb(var(--background)); color: rgb(var(--text-color)); overflow: auto; }
:where(.header-search-bar__results)::part(overlay) { background: rgb(var(--page-overlay)); min-height: 100vh; position: fixed; inset: 0; }
.header-search-bar__results::part(overlay) { min-height: calc(100vh - var(--sticky-area-height) + var(--header-desktop-menu-height)); inset-block-start: calc(var(--sticky-area-height) - 50px - var(--header-desktop-menu-height)); }
.close-search-form { color: rgb(var(--text-color)); }
@supports (max-height: 100dvh) {
  .header-search-bar__results::part(content) { max-height: min(var(--header-search-max-height, 100vh), 100dvh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 1.25rem); }
}
.site-header .header-search::part(content) { background: rgb(var(--text-color)); color: rgb(var(--background)); }
.site-header [form="predictive-search-form"].button { background: rgb(var(--background)); color: rgb(var(--text-color)); }
.site-header .header-search .search-suggestions { grid-template-columns: minmax(0, 1fr); padding-block: 1.25rem 2rem; }
.site-header .header-search .text-subdued { color: rgb(var(--background) / 0.65); }
.site-header .content-tabs [role="tab"] { box-shadow: 0 1px rgb(var(--text-color)); }
.site-header .content-tabs [role="tab"]:not([aria-selected="true"]) { opacity: 0.6; box-shadow: 0 1px #0000; }
.site-header [form="predictive-search-form"].button { background: rgb(var(--background)); color: rgb(var(--text-color)); }
.site-header input::placeholder, .site-header textarea::placeholder { opacity: 0.65; color: rgb(var(--background) / 0.65); }

/* =============================================
   4. Header — Responsive
   ============================================= */
@media (max-width: 999px) {
  .header__top { display: grid; grid: "primary-nav logo secondary-nav" "search-bar search-bar search-bar" / minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); column-gap: 0.25rem; }
  .site-header .logo { grid-area: logo; flex-direction: column; place-self: center center; padding-inline-end: 0; }
  .header-search-bar { grid-area: search-bar; }
  .site-header .header__secondary-nav { padding-inline-start: 0; }
  .header-container--bottom { display: none; }
  .header-search-bar .search-button { transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; position: absolute; inset-block-start: var(--input-padding-block); inset-inline-end: var(--input-padding-inline); color: rgb(var(--background)); }
}
@media screen and (min-width: 700px) {
  .site-header .logo { padding-inline-end: 2.5rem; }
  .site-header .header__secondary-nav { padding-inline-start: 2.5rem; }
  .predictive-search__results { padding-inline: 1.5rem; }
  .header-search-bar .predictive-search__suggestions { display: flex; flex-flow: wrap; }
  .header-search-bar .predictive-search__content { max-height: 35rem; overflow-y: scroll; overflow: -moz-scrollbars-none; -ms-overflow-style: none; scrollbar-width: none; box-shadow: 0 3px 3px 1px rgb(0 0 0 / 10%); border-radius: 0 0 10px 10px; }
  .header__bottom { padding-inline-start: var(--container-gutter); padding-inline-end: var(--container-gutter); justify-content: center; }
  .header-container--bottom { color: rgb(var(--background)); background-color: rgb(var(--text-color)); border-radius: 10px 10px 0 0; }
  .header-search-bar button.search-button { padding: 0.5rem 1rem; color: rgb(var(--background)); background: #be4142; border-color: #be4142; border-radius: 0 6px 6px 0px; }
  .header-search-bar button.search-button svg { color: #fff; }
  .header-search-bar input:is(.input:focus, .textarea:focus, .select:focus-visible) { border-color: #fff; }
  .header__primary-nav-item { display: flex; }
}
@media screen and (min-width: 1000px) { .header-search-bar .predictive-search__results--with-suggestions { grid-template-columns: minmax(0, 1fr); } }
@media screen and (min-width: 1400px) {
  .header__top .header__logo a, .header__top a.header__logo { gap: 1rem; flex-direction: row; align-items: center; }
  .header__top .slogan { display: inline-block; position: relative; padding-left: 1rem; padding-block: 0.2rem; }
  .header__top .slogan:before { content: ""; width: 1px; background: currentColor; height: 100%; inset-block: 0; position: absolute; left: 0; }
}

/* =============================================
   5. Slideshow & Text Blocks
   ============================================= */
.slideshow .page-dots:not(.page-dots--autoplay) > * { width: 0.4rem; height: 0.4rem; transition: width 0.15s; transform-origin: left; }
.slideshow .page-dots:not(.page-dots--autoplay) > *[aria-current="true"] { width: 2.25rem; }
.slideshow[allow-corner-radius] { border-radius: 10px; overflow: hidden; }

.text-container { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow-wrap: break-word; transition: max-height 0.3s ease; }
.text-container p { margin: 0; }

/* Grid style variants */
[data-grid-style="white-round"],
[data-grid-style="grey-square"],
[data-grid-style="grey-round"] { gap: 0.75rem; }
[data-grid-style="white-round"] { background-color: #fff; border-radius: 10px; overflow: hidden; }
[data-grid-style="grey-square"] { background-color: rgb(245 245 245); }
[data-grid-style="grey-round"] { background-color: rgb(245 245 245); border-radius: 10px; overflow: hidden; }
[data-grid-style="white-round"] .product-card__info,
[data-grid-style="grey-square"] .product-card__info,
[data-grid-style="grey-round"] .product-card__info { padding-inline: 1rem; padding-block-end: 0.75rem; }
[data-grid-style="white-round"] .blog-post-card__info,
[data-grid-style="grey-square"] .blog-post-card__info,
[data-grid-style="grey-round"] .blog-post-card__info { padding-inline: 1rem; padding-block-end: 1rem; }
.blog-post-card[data-grid-style="white-round"],
.blog-post-card[data-grid-style="grey-square"],
.blog-post-card[data-grid-style="grey-round"] { gap: 1.25rem; height: 100%; }
[data-grid-style="grey-square"] .feature-badge,
[data-grid-style="grey-round"] .feature-badge { background-color: rgb(255 255 255); border-radius: 4px; }

/* Icon-with-text in slides */
.slideshow__slide .text-with-icon, .featured-collections-carousel__item .text-with-icon { flex-direction: row-reverse; transition: 0.3s all ease-in-out; }
.slideshow__slide .text-with-icon i, .featured-collections-carousel__item .text-with-icon i { padding: 0.35rem; background: rgba(var(--background)); color: rgb(var(--text-color)); border-radius: 50%; transition: all 0.3s ease-in-out; }
.slideshow__slide .text-with-icon svg, .featured-collections-carousel__item .text-with-icon svg { --size: 0.75rem; inline-size: var(--size); block-size: var(--size); }
@media (min-width: 1000px) { .slideshow__slide .button:hover .text-with-icon i, .featured-collections-carousel__item .button:hover .text-with-icon i { transform: translateX(2px); } }
@media (max-width: 699px) { .slideshow__slide .text-with-icon i, .featured-collections-carousel__item .text-with-icon i { padding: 0.25rem; } }

/* Chat widgets & misc z-index */
#divViewRoot .quick-chat-popup-17uqww7 .quick-popup-content { overflow: hidden; }
#bon-loyalty-btn[aria-label="BON-Loyalty-btn"] { display: none !important; }
iframe#quick-chat-iframe { z-index: 9999 !important; }
iframe#merchantwidgetiframe, #merchantwidget-iframe-wrapper { z-index: 9999 !important; }

/* =============================================
   6. Collage Blog Posts
   ============================================= */
.collage-blog-list { --blog-post-list-items-per-row: 1; --blog-post-list-column-gap: 1.875rem; --blog-post-list-row-gap: 2rem; --blog-post-list-card-width: calc(100% / var(--blog-post-list-items-per-row) - var(--blog-post-list-column-gap) * (var(--blog-post-list-items-per-row) - 1) / var(--blog-post-list-items-per-row)); display: grid; align-items: start; column-gap: var(--blog-post-list-column-gap); row-gap: var(--blog-post-list-row-gap); grid-auto-columns: minmax(0, 1fr); }
.collage-blog-list .blog-post-card > a { display: flex; height: 100%; }
.collage-blog-list .blog-post-card:first-child > a { flex-grow: 1; }
.collage-blog-list .blog-post-card:first-child .blog-post-card__info { position: absolute; inset: clamp(20px, 3.5vw, 50px); inset-block-start: unset; color: #fff; z-index: 1; }
.collage-blog-list .blog-post-card:first-child > a:before { content: ""; background: rgb(0 0 0 / 0.3); border-radius: inherit; z-index: 1; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.collage-blog-list .blog-post-card:first-child :is(.link-faded, .text-subdued) { color: #fff; }
.collage-blog-list .blog-post-card__info { align-items: start; row-gap: 0.75rem; }
.collage-blog-list .blog-post-card :is(img) { height: var(--content-over-media-height, auto); overflow-wrap: anywhere; object-fit: cover; object-position: center; border-radius: inherit; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; grid-area: full-start / full-start / full-end / full-end; min-width: 100%; min-height: 100%; max-height: 100%; }
@media screen and (max-width: 700px) { .collage-blog-list .blog-post-card:first-child > a { aspect-ratio: 4 / 5; } }
@media screen and (min-width: 1000px) {
  .collage-blog-list { grid-template-rows: 1fr 1fr; grid-template-columns: repeat(24, minmax(0, 1fr)); }
  .collage-blog-list .blog-post-card { display: flex; height: 100%; }
  .collage-blog-list .blog-post-card:nth-child(1) { grid-column: span 14; grid-row: span 2; }
  .collage-blog-list .blog-post-card:is(:nth-child(2), :nth-child(3)) { grid-column: span 10; flex-direction: row; }
  .collage-blog-list .blog-post-card:not(:nth-child(1), :nth-child(2), :nth-child(3)) { grid-column: span 12; flex-direction: row; }
  .collage-blog-list .blog-post-card > a { flex: 0 0 40%; }
}
@media screen and (min-width: 1500px) { .collage-blog-list .blog-post-card > a { display: flex; height: 100%; flex: 0 0 45%; } }


/* =============================================
   7. Featured Collections — Rounded Navigation (v3)
   ============================================= */
.rounded-navigation { padding-block: 0.4rem; }
.rounded-navigation > button { inline-size: var(--rounded-navigation-size); block-size: var(--rounded-navigation-size); border-radius: 50%; color: white; font-weight: bold; text-align: center; background-color: rgba(0, 0, 0, 0.3); background-image: url(var(--rounded-navigation-image)); background-size: cover; background-position: center; position: relative; cursor: pointer; transition: box-shadow 0.3s; overflow: hidden; }
.rounded-navigation img { border-radius: 50%; }
.featured-collections-navigation.rounded-navigation > button:after { display: none; }
.rounded-navigation > button[aria-current="true"] { box-shadow: 0 0 0 0.4rem #be4142; }
@media screen and (min-width: 1000px) { .rounded-navigation .content-over-media { --content-over-media-gap: 1rem; } }
@media screen and (min-width: 1700px) {
  .featured-collections-carousel_container { display: flex; gap: 2rem; }
  .rounded-navigation { flex-basis: 33%; display: flex; gap: 2.5rem; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; }
}
@media screen and (max-width: 1699px) { .featured-collections-carousel_container { gap: var(--section-stack-gap); grid-auto-columns: minmax(0, 1fr); display: grid; } }

/* =============================================
   8. Featured Collection v2
   ============================================= */
.featured-collection-2__container { display: flex; gap: var(--media-grid-gap); }
.featured-collection-2__container .feacture-collection_products-wrapper { flex-basis: 50%; }
.featured-collection-2__container .feacture-collection_product-list { padding: 1.5rem 1rem; }
.feacture-collection_product-list--carousel { display: grid; grid: auto / auto-flow 100%; justify-content: center; }
.feacture-collection_product-list--carousel > :not(.is-selected) { visibility: hidden; }
.feacture-collection_product-list--carousel > * { grid-area: 1 / -1; }
.feacture-collection_product-list__controls { padding-inline: 0; }
.feacture-collection_product-list__control:first-child { inset-inline-start: 0; }
.feacture-collection_product-list__control:last-child { inset-inline-end: 0; }
.feacture-collection_product-list__control { z-index: 2; transition: opacity 0.2s, transform 0.2s; display: grid; position: absolute; inset-block-start: calc(50% - 1.5625rem); }
carousel-next-button.feacture-collection_product-list__control { inset-inline-end: 0; }
@media screen and (max-width: 699px) {
  .featured-collection-2__container { flex-direction: column; }
  .featured-collection-2__container .floating-controls-container { padding-inline: 1rem; }
}
@media screen and (min-width: 700px) { .featured-collection-2__container .floating-controls-container { padding-inline: 4.625rem; } }
@media screen and (min-width: 1000px) { .featured-collection-2__container .floating-controls-container { padding-inline: 2.625rem; } }
@media screen and (max-width: 999px) { .featured-collection-2__container { gap: var(--section-stack-gap); grid-auto-columns: minmax(0, 1fr); display: grid; } }
@media screen and (min-width: 1400px) { .featured-collection-2__container .floating-controls-container { padding-inline: 4.625rem; } }

/* =============================================
   9. Featured Collection (generic)
   ============================================= */
.featured-collection_container { display: flex; grid: var(--featured-collection-grid); position: relative; column-gap: 2rem; row-gap: 1rem; align-items: stretch; }
.featured-collection_image, .featured-collection_product-list { flex: 1; }
.featured-collection_container .featured-collection_image { display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 10px; }

/* =============================================
   10. Footer
   ============================================= */
.footer__block-list > *:first-child + * > .accordion { border-block-start-width: 0px; }
.footer__block-list > * + * > .accordion { border-block-start-width: 0; }
@media screen and (max-width: 699px) {
  .footer__inner .footer__block-list { row-gap: 0; }
  .footer__block--about { padding-block-start: 2rem; }
  .footer__inner .footer__block-list > *:not(.footer__block--links)，.footer__inner .footer__block-list > *:not(.footer__block--image_links) { margin-bottom: 1rem; }
  .footer_aside-left { order: 2; }
  .footer_aside-left .flex a { inline-size: fit-content; }
  .footer_aside-left > p { order: 2; }
  .footer_aside-right { flex-direction: column; align-items: start; order: 1; }
  .footer_aside-left .payment-methods { justify-content: start; }
  .payment-methods svg { inline-size: 2rem; block-size: auto; }
}
.footer__block--about img { block-size: 0.875rem; inline-size: auto; }
@media screen and (max-width: 699px) { .footer__block--about img { block-size: 0.75rem; } }
.footer__block--about ul { display: flex; flex-wrap: wrap; align-items: end; }
.footer__block--about ul li { flex-shrink: 0; }
@media screen and (min-width: 1000px) {
  .footer__block--about { block-size: 100%; }
  .footer__block--about > div { block-size: 100%; align-content: space-between; }
}
.footer-newsletter { display: flex; }
.footer-newsletter .form-control { flex-grow: 1; }
.footer-newsletter input { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.footer-newsletter .button { height: 100%; border-radius: 0px 6px 6px 0; border-width: 1px; border-color: rgb(var(--button-background)); }

/* =============================================
   11. Scrolling Content (angled bands)
   ============================================= */
.scrolling-wrapper { --logical: -1; --transform-logical: 1; transform: rotate(calc(358deg * var(--logical) * var(--transform-logical))); }
.scrolling-wrapper.with-right { --logical: 1; }
.scrolling-wrapper::before { content: ""; z-index: -1; position: absolute; inset-block-start: 0; inset-inline-start: -5%; width: 110%; height: 100%; background: var(--gradient-background); background-color: rgb(var(--color-background)); }
.scrolling-wrapper + .scrolling-wrapper { margin-block-start: -1%; transform: rotate(calc(2deg * var(--logical) * var(--transform-logical))); filter: grayscale(1); opacity: 0.25; }

/* =============================================
   12. Facebook Post List / Cards
   ============================================= */
.post-list { grid: auto / repeat(auto-fit, var(--post-list-card-width)); align-items: start; column-gap: var(--post-list-calculated-column-gap); row-gap: var(--post-list-calculated-row-gap); --post-list-max-items-per-row-allowed: 2; --post-list-calculated-items-per-row: min(var(--post-list-max-items-per-row-allowed), var(--post-list-items-per-row)); --post-list-default-row-gap: 2.1875rem; --post-list-default-column-gap: 1rem; --post-list-calculated-row-gap: clamp(var(--section-vertical-spacing) / 4, var(--post-list-default-row-gap) * var(--post-list-vertical-spacing-factor, 1), var(--section-vertical-spacing) * 2); --post-list-calculated-column-gap: clamp(var(--container-gutter) / 4, var(--post-list-default-column-gap) * var(--post-list-horizontal-spacing-factor, 1), var(--container-gutter) * 2); --post-list-card-width: calc(100% / var(--post-list-calculated-items-per-row) - var(--post-list-calculated-column-gap, 0px) * (var(--post-list-calculated-items-per-row) - 1) / var(--post-list-calculated-items-per-row)); display: grid; }
.post-list--carousel { --post-list-default-column-gap: 1.25rem; grid: auto / auto-flow var(--post-list-card-width); justify-content: safe center; }
@media screen and (max-width: 699px) { .post-list:not(.post-list--carousel) { margin-inline: -0.625rem; } .post-list--carousel { --post-list-card-width: min(300px, 75%); } }
@media screen and (min-width: 700px) { .post-list { --post-list-max-items-per-row-allowed: 3; --post-list-default-row-gap: 3rem; --post-list-default-column-gap: 1.5rem; } .post-list--compact { --post-list-max-items-per-row-allowed: 4; } }
@media screen and (min-width: 1000px) { .post-list { --post-list-max-items-per-row-allowed: 4; --post-list-default-row-gap: 3rem; --post-list-default-column-gap: 2rem; } .post-list--compact { --post-list-max-items-per-row-allowed: 5; } .post-list--carousel { scroll-snap-type: x mandatory; } }
@media screen and (min-width: 1150px) { .post-list { --post-list-max-items-per-row-allowed: var(--post-list-items-per-row); } }
@media screen and (min-width: 1400px) { .post-list { --post-list-default-row-gap: 3rem; --post-list-default-column-gap: 2rem; } }

.post-card__logo { --post-logo-size: 2.5rem; display: inline-block; position: relative; inline-size: var(--post-logo-size); block-size: var(--post-logo-size); border-radius: 50%; background-color: #0866ff; padding: 2px; box-sizing: border-box; }
.post-card__logo .avatar { width: 100%; height: 100%; border-radius: 50%; background-color: rgb(var(--text-color)); overflow: hidden; border: 2px solid #fff; }
.post-card__logo .avatar :is(img, svg) { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.post-card { scroll-snap-align: start; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 1rem; display: grid; position: relative; border-width: 1px; border-radius: 1.25rem; align-content: space-between; block-size: 100%; overflow: hidden; }
.post-card__content { padding: 0.5rem 0.5rem 0; }
.post-header { display: flex; justify-content: center; align-items: center; gap: 1rem; width: fit-content; }
.group-list { display: flex; }
.group-list .button { border-radius: 99px; max-width: 10rem; width: 100%; flex-grow: 1; }
.group-list .button img { height: auto; width: 4rem; }
@media screen and (max-width: 999px) { .post-header { flex-direction: column; } .post-header svg.icon-arrows { transform: rotateZ(90deg); } }
@media screen and (min-width: 1000px) { .post-card__logo { --post-logo-size: 3rem; } .post-header { gap: 3rem; padding: 1rem 4rem; border-width: 1px; border-radius: 99px; } .group-list .button img { width: 5rem; } }

.arrow { opacity: 0; transform: translateX(-10px); transition: opacity 0.5s ease, transform 0.5s ease; }
.animate .arrow-1 { animation: showArrow 0.5s ease forwards 0s; }
.animate .arrow-2 { animation: showArrow 0.5s ease forwards 0.5s; }
.animate .arrow-3 { animation: showArrow 0.5s ease forwards 1s; }
@keyframes showArrow { 0% { opacity: 0; transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } }

.post-product-card__info { background-color: #fff; border-radius: 6px; padding: 0.5rem; --line-clamp-count: 1; box-shadow: 0 0 3px 0px rgb(var(--text-color) / 0.2); }
.post-product-card__info img { inline-size: 3rem; }
.post-product-card__quick-add-button { background: rgb(var(--text-color)); color: rgb(var(--background)); padding: 0.625rem; border-radius: 50%; }
@media screen and (pointer: fine) {
  .post-product-card { opacity: 0; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; transform: translateY(5px); }
  .post-card:hover .post-product-card { opacity: 1; transform: translateY(0); }
  .post-product-card__quick-add-button :is(svg) { transition: transform 0.2s ease-in-out; }
  .post-product-card__quick-add-button:hover svg { transform: rotateZ(90deg); }
}
.post-card .content-over-media { --content-over-media-gap: 1rem; }
.article__wrapper .prose :is(ol, ul) { padding-inline-start: 1rem; }
.prev-next-blog-posts { grid-template-columns: repeat(3, 1fr); }
@media screen and (max-width: 699px) { .prev-next-blog-posts { --prev-next-blogs-column-width: 65vw; grid: auto / auto-flow var(--prev-next-blogs-column-width); } }

/* =============================================
   13. Article Notes
   ============================================= */
aside.article-note, .article-note { position: relative; }
aside.article-note, .article-note { padding: 1rem 1rem 1rem 2rem; background: rgb(var(--warning-background)); color: rgb(var(--warning-text)); }
aside.article-note:before, .article-note:before { content: ""; position: absolute; left: 0.5rem; width: 1.1rem; height: 1.1rem; text-align: center; background: rgb(var(--warning-text)); mask: url(/cdn/shop/files/info_icon_150ad637-0d21-4105-b933-ba13a644c052.svg?v=1733818142) no-repeat; top: 1rem; }

/* =============================================
   14. Video With Text
   ============================================= */
.video-with-text_container { --video-with-text-column-gap: 1.875rem; --video-with-text-row-gap: var(--section-stack-gap); --video-with-text-card-width: calc(100% / var(--video-with-text-items-per-row) - var(--video-with-text-column-gap) * (var(--video-with-text-items-per-row) - 1) / var(--video-with-text-items-per-row)); display: grid; align-items: start; column-gap: var(--video-with-text-column-gap); row-gap: var(--video-with-text-row-gap); grid-auto-columns: minmax(0, 1fr); }
@media (min-width: 1000px) and (max-width: 1399px) { .video-with-text_container { grid-template-rows: 1fr; grid-template-columns: repeat(18, minmax(0, 1fr)); } .video-with-text_video { grid-column: span 6; } .video-with-text_text { grid-column: span 12; } }
@media screen and (min-width: 1400px) { .video-with-text_container { grid-template-rows: 1fr; grid-template-columns: repeat(24, minmax(0, 1fr)); } .video-with-text_video { grid-column: span 6; } .video-with-text_text { grid-column: span 18; } }

.video-with-text_content { --video-text-max-items-per-row-allowed: 2; --video-text-calculated-items-per-row: min(var(--video-text-max-items-per-row-allowed), var(--video-text-items-per-row)); --video-text-default-row-gap: 1.875rem; --video-text-default-column-gap: 1rem; --video-text-calculated-row-gap: clamp(var(--section-vertical-spacing) / 4, var(--video-text-default-row-gap) * var(--video-text-vertical-spacing-factor, 1), var(--section-vertical-spacing) * 2); --video-text-calculated-column-gap: clamp(var(--container-gutter) / 4, var(--video-text-default-column-gap) * var(--video-text-horizontal-spacing-factor, 1), var(--container-gutter) * 2); --video-text-card-width: calc(100% / var(--video-text-calculated-items-per-row) - var(--video-text-calculated-column-gap, 0px) * (var(--video-text-calculated-items-per-row) - 1) / var(--video-text-calculated-items-per-row)); grid: auto / repeat(auto-fit, var(--video-text-card-width)); align-items: start; column-gap: var(--video-text-calculated-column-gap); row-gap: var(--video-text-calculated-row-gap); display: grid; }
.video-with-text--carousel { --video-text-default-column-gap: 1.25rem; grid: auto / auto-flow var(--video-text-card-width); justify-content: safe center; }
.video-with-text--carousel { --video-text-default-column-gap: 1.25rem; grid: auto / auto-flow var(--video-text-card-width); justify-content: safe center; }
@media screen and (max-width: 699px) { .video-with-text_content:not(.video-text--carousel) { margin-inline: -0.625rem; } .video-with-text--carousel { --video-text-card-width: min(300px, 75%); } }
@media screen and (min-width: 700px) { .video-with-text_content { --video-text-max-items-per-row-allowed: 2; --video-text-default-row-gap: 3rem; --video-text-default-column-gap: 1.5rem; } }
@media screen and (min-width: 1000px) { .video-with-text_content { --video-text-max-items-per-row-allowed: 3; --video-text-default-row-gap: 3rem; --video-text-default-column-gap: 2rem; } .video-with-text_content--carousel { scroll-snap-type: x mandatory; } .video-with-text_text { align-self: safe center; } .video-with-text_content .video-with-text_item:nth-of-type(1) > div, .video-with-text_content .video-with-text_item:nth-of-type(3) > div { margin-block-start: 2rem; } }
@media screen and (min-width: 1150px) { .video-with-text_content { --video-text-max-items-per-row-allowed: 3; } }
@media screen and (min-width: 1400px) { .video-with-text_content { --video-text-default-row-gap: 3rem; --video-text-default-column-gap: 2rem; --video-text-max-items-per-row-allowed: var(--video-text-items-per-row); } }

.top-ranking-product-card {
  display: flex;
  gap: 1rem;
  background: #ffffff;
  padding: 1rem;
  border-radius: 10px;
  align-items: center;
}
.top-ranking-product-card > * {
  flex: 1;
}
@media screen and (max-width: 699px) {
  .top-ranking-product-card > .product-card__figure {
    flex-basis: 35%;
  }
  .top-ranking-product-card > .product-card__info {
    flex-basis: 65%;
  }
}
.top-ranking-product-card .product-card-index {
  place-self: start;
}

.top-ranking-product-card .product-card-info,
.top-ranking-product-card .product-card__media {
  position: relative;
  flex-grow: 1;
}
.top-ranking-product-card .product-card-index {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.1rem;
  flex-basis: auto;
  place-self: start;
  background: url(/cdn/shop/files/471c8d80f4d4806c3d6f89358109925d_69da3f35-0489-436a-aa8a-a681d223e19c.png?v=1745827851);
  color: #fff;
  background-size: 100% 100%;
  background-position: center;
  vertical-align: middle;
  padding: 0.25rem 0.75rem 0.25rem;
  line-height: 1;
  flex-shrink: 0;
  text-transform: uppercase;
  z-index: 1;
}
.top-ranking-product-card .product-card-index {
  font-size: var(--text-xs);
}
.top-ranking-product-card .product-card-index span {
  font-weight: 600;
}
.top-ranking-navigation {
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: safe center;
  column-gap: 0.5rem;
  display: grid;
}
.top-ranking-navigation > button:not(:only-child) {
  margin-block-end: 10px;
  position: relative;
  border-width: 1px;
  border-color: rgb(var(--text-color));
  padding: 0.25rem 0.5rem;
  border-radius: 99px;
}
.top-ranking-navigation > button:not(:only-child)[aria-current="true"] {
  background: rgb(var(--text-color));
  color: rgb(var(--background));
  border-color: rgb(var(--text-color));
}
.top-ranking-navigation > button:not(:only-child)[aria-current="true"]:after {
  --nav-arrow: 10px;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: var(--nav-arrow) solid transparent;
  border-right: var(--nav-arrow) solid transparent;
  border-top: var(--nav-arrow) solid #fff;
  top: 100%;
  left: calc(50% - var(--nav-arrow));
}
.top-ranking-product-card .product-card__info {
  line-height: 1.4;
}
@media screen and (max-width: 699px) {
  .top-ranking-product-card .product-card-index {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 700px) {
  .top-ranking-navigation {
    column-gap: 2.5rem;
  }
  .top-ranking-navigation > button:not(:only-child) {
    padding: 0.75rem 3rem;
  }

  .top-ranking-product-card {
    gap: 2.875rem;
    padding: 2.25rem 4rem;
    border-radius: 20px;
  }
  .top-ranking-product-card .product-card__figure {
    display: flex;
    gap: 2.875rem;
    flex-basis: 40%;
  }
  .top-ranking-product-card .product-card__info {
    flex-basis: 60%;
  }
  .top-ranking-product-card .product-card-index {
    width: 5.25rem;
    height: 5.25rem;
    padding-block-end: 1rem;
    font-size: var(--text-h4);
    font-weight: 600;
  }
  .top-ranking-product-card .product-card-index span {
    font-size: calc(var(--text-h2));
  }
  .top-ranking-product-card sale-price {
    font-size: var(--text-xl);
  }
}
.ranking-badge__carousel {
  flex-grow: 1;
  place-items: start;
  max-width: 35rem;
  display: grid;
}
.ranking-badge__carousel > * {
  grid-area: 1 / -1;
}
.ranking-badge__carousel > :not(.is-selected) {
  visibility: hidden;
}
.featured-collection-with-video_container {
  --collection-with-video-column-gap: 1.875rem;
  --collection-with-video-row-gap: var(--section-stack-gap);
  display: grid;
  align-items: start;
  column-gap: var(--collection-with-video-column-gap);
  row-gap: var(--collection-with-video-row-gap);
  grid-auto-columns: minmax(0, 1fr);
}
@media (min-width: 1000px) and (max-width: 1399px) {
  .featured-collection-with-video_container {
    grid-template-rows: 1fr;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .featured-collection-with-video_media {
    grid-column: span 4;
  }
  .featured-collection-with-video_product-list {
    grid-column: span 8;
  }
}
@media screen and (min-width: 1400px) {
  .featured-collection-with-video_container {
    grid-template-rows: 1fr;
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .featured-collection-with-video_media {
    grid-column: span 6;
  }
  .featured-collection-with-video_product-list {
    grid-column: span 18;
  }
}
.quick-shop-variant_label {
  flex-basis: calc(50% - 0.5rem / 2);
  align-items: center;
  text-align: start;
}
.quick-shop-variant_label > img {
  place-self: center;
}
quick-order-list .variant-picker__option-values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
}
quick-order-list .quick-shop-variant_label > div span {
  flex: 1;
  line-height: 1.2;
}

.quick-shop-variant_label > div {
  display: flex;
  flex-direction: column;
}
.quick-shop-variant_label .quantity-selector {
  --quantity-selector-height: 1.5rem;
}
@media screen and (min-width: 700px) {
  .quick-shop-variant_label {
    justify-content: space-between;
  }
  .quick-shop__quantity-actions {
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    display: grid;
    flex-shrink: 0;
  }
  .quick-shop-variant_label > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
  }
  .quick-shop-variant_label .quantity-selector {
    --quantity-selector-height: 2rem;
  }
}
@media (min-width: 999px) and (max-width: 1440px) {
  .quick-shop-variant_label {
    flex: 1 0 100%;
  }
}
/*! highlighted-text */
.highlighted-text {
  z-index: 1;
}
@keyframes strokeAnimation {
  0% {
    stroke-dashoffset: 1;
    opacity: 0;
  }

  1% {
    opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.highlighted-text .icon {
  z-index: -1;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  stroke: rgb(var(--color-highlight));
  transform: scaleX(var(--transform-logical));
}

.highlighted-text .icon-circle {
  width: 120%;
  height: 140%;
  inset-block-start: -20%;
  inset-inline-start: -10%;
}

.highlighted-text .icon-basic-underline {
  width: 100%;
  height: 30%;
  inset-block-start: auto;
  inset-block-end: -20%;
}

.highlighted-text .icon-sketch-underline {
  width: 100%;
  height: 60%;
  inset-block-start: auto;
  inset-block-end: -20%;
}

.highlighted-text .icon-squiggle-underline {
  width: 100%;
  height: 50%;
  inset-block-start: auto;
  inset-block-end: -30%;
}

.highlighted-text .icon-squiggle-underline-2 {
  width: 100%;
  height: 50%;
  inset-block-start: auto;
  inset-block-end: -35%;
}
.highlighted-text .icon-squiggle-underline-3 {
  width: 100%;
  height: 50%;
  inset-block-start: auto;
  inset-block-end: -35%;
}

.highlighted-text .icon path {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  opacity: 0;
}

.highlighted-text.animate .icon path {
  opacity: 1;
  animation: strokeAnimation 1.3s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.highlighted-text[data-style="text"] {
  transition: color var(--animation-smooth);
}

.highlighted-text.animate[data-style="text"] {
  color: rgb(var(--color-highlight));
}

.highlighted-text:is(
    [data-style="full_text"],
    [data-style="half_text"],
    [data-style="underline"]
  ) {
  background-repeat: no-repeat;
  background-image: linear-gradient(
      to var(--transform-origin-end),
      rgb(var(--color-highlight)) 0,
      rgb(var(--background)) 100%
    ),
    linear-gradient(
      to var(--transform-origin-end),
      rgb(var(--color-highlight)) 0,
      rgb(var(--background)) 100%
    );
  transition: background-size var(--animation-smooth);
}

.highlighted-text.with-gradient:is(
    [data-style="full_text"],
    [data-style="half_text"],
    [data-style="underline"]
  ) {
  background-image: var(--gradient-highlight);
}

.highlighted-text[data-style="full_text"] {
  background-position: var(--transform-origin-start) 70%;
  background-size: 0 80%;
}

.highlighted-text.animate[data-style="full_text"] {
  background-size: 100% 80%;
}

.highlighted-text[data-style="half_text"] {
  background-position: var(--transform-origin-start) 90%;
  background-size: 0 28%;
}

.highlighted-text.animate[data-style="half_text"] {
  background-size: 100% 28%;
}

.highlighted-text[data-style="underline"] {
  background-size: 0 3px, 0% 80%;
  background-position: var(--transform-origin-start) 90%,
    var(--transform-origin-start) 50%;
}

.highlighted-text.animate[data-style="underline"] {
  background-size: 100% 3px, 0% 80%;
}

.highlighted-text[data-style="stencil"] {
  -webkit-text-stroke: var(--stencil-stroke-width, 0.02em) currentColor;
  -webkit-text-fill-color: transparent;
}

.blog-posts-wrapper {
  --blog_posts-gap: 2rem;
  --blog_posts-grid-template: minmax(0, 1fr);
  --blog_posts-sidebar-width: 18rem;
  grid-template-columns: var(--blog_posts-grid-template);
  align-items: start;
  gap: var(--blog_posts-gap);
  margin-block-end: var(--section-vertical-spacing);
  scroll-margin-block-start: calc(var(--blog_posts-toolbar-height, 0px) + 20px);
  display: grid;
}
.blog-tags__list {
  display: grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: safe start;
  column-gap: 1.5rem;
}

.blog-tags__list a {
  position: relative;
}
.blog-search__form-control{
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: .75rem;
  padding-inline: .75rem;
  display: grid;
  border-width: 1px
}
.blog-search__form-control input {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border-width: 0;
    padding-inline: 0;
}
.article-metadata{
  align-items: center;
  column-gap: .375rem;
  line-height: 1;
  display: flex;
  flex-wrap: wrap
}
.article-metadata .article-metadat-item {position: relative}
.article-metadat-item + .article-metadat-item:before {
    content: "/";
    color: rgb(var(--text-color) / .65);
    margin-inline-end: .375rem;
    display: inline-block;
}
.article__detail .feature-badge{border-radius: 4px}
.article-sidebar > :not(:nth-child(1 of:not(:empty))){
  --sidebar-info-gap: 2rem;
  margin-block-start: var(--sidebar-info-gap);
}
.article-subscribe-content .input{border-radius: 0}
.article-subscribe-content .button{padding-block: var(--input-padding-block)}

/* -------- Mobile (max-width: 999px) -------- */
@media screen and (max-width: 999px) {
  .blog-sidebar {
    border-block-end-width: 1px;
  }

  .blog-tags__list {
    padding-block: 0.5rem;
  }

  .blog-tags__list a[aria-current=page]:after {
    content: "";
    width: 100%;
    height: 3px;
    transform-origin: var(--transform-origin-start);
    background: currentColor;
    transition: transform 0.25s ease-in-out;
    position: absolute;
    inset-block-end: -0.75rem;
    inset-inline-start: 0;
    transform: scaleX(100%);
  }

  .article-sidebar .blog-tags__wrapper {
    border-block-end-width: 1px;
  }
}

/* -------- Desktop (min-width: 1000px) -------- */
@media screen and (min-width: 1000px) {
  .blog-sidebar {
    top: calc(var(--sticky-area-height) + 20px);
    width: var(--blog_posts-sidebar-width);
    grid-column-end: -2;
    display: grid;
    position: sticky;
  }

  .article-sidebar__sticky {
    top: calc(var(--sticky-area-height) + var(--article-toolbar, 0px) + 20px);
    width: var(--blog_posts-sidebar-width);
    grid-column-end: -2;
    display: grid;
    position: sticky;
    row-gap: var(--sidebar-info-gap);
  }

  .blog-tags__list {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    grid-auto-flow: row;
  }

  .blog-sidebar .blog-category__item,
  .article-sidebar .blog-category__item {
    padding-block: 0.75rem;
    border-block-start-width: 1px;
  }

  .blog-sidebar .blog-category__item:last-child,
  .article-sidebar .blog-category__item:last-child {
    border-block-end-width: 1px;
  }

  .blog-tags__list a {
    display: block;
    transition: all 0.3s ease-in-out;
  }

  .blog-tags__list a[aria-current="page"] {
    position: relative;
    padding-inline-start: 1rem;
  }

  .blog-tags__list a[aria-current="page"]:before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    display: inline;
    left: 0;
    top: 0;
    background: rgb(var(--text-color) / 0.5);
  }

  .blog-tags__list a:hover {
    padding-inline-start: 1rem;
  }
}

@media screen and (min-width: 1000px) {
  .article__header {
    padding-block-end: 8rem;
  }

  .article__body .article__detail {
    margin-block-start: -8rem;
  }
}

/* -------- Table of Contents -------- */
table-of-contents {
  position: sticky;
  top: calc(var(--sticky-area-height) + var(--article-toolbar) + 20px) !important;
  width: 100%;
  height: fit-content;
  margin-block-start: 1rem;
}

.article-mentioned-products > .article-product-card {
  padding-block: 1rem;
  border-block-start-width: 1px;
}

.article-mentioned-products > .article-product-card:last-child {
  border-block-end-width: 1px;
}

.toc-container {}

.toc-container > p {
  text-transform: uppercase;
}

.toc-container h3 {
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
  border-block-end-width: 1px;
}

.toc-container > ul {
  position: relative;
}

.toc-container > ul:before {
  content: "";
  background-color: rgb(228 228 231 / 1);
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 100%;
}

.toc-container li {
  margin-block: 0.625rem;
  padding-inline-start: 0.625rem;
}

.toc-container li:has(> a.is-active) {
  border-inline-start-width: 1px;
  border-color: rgb(var(--text-color) / 1);
  background: #;
  color: rgb(var(--text-color) / 1);
  display: block;
  position: relative;
}

/* -------- Popup Message -------- */
.popup-message {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: none;
  display: flex;
  justify-content: safe center;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  position: fixed;
  top: 8px;
  left: 0;
  width: 100%;
  z-index: 1010;
}

.popup-message-content {
  border-radius: 3px;
  box-shadow:
    0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  display: inline-block;
  padding: 0.5rem 1rem;
  pointer-events: all;
  background: rgb(var(--success-background));
  color: rgb(var(--success-text));
  position: relative;
  display: flex;
  align-items: center;
}

.popup-message-notice {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s, transform 0.3s;
}

.popup-message-notice.move-up-active {
  opacity: 1;
  transform: translateY(0);
}

.popup-message-notice.move-up-leave,
.popup-message-notice.move-up-leave-active {
  opacity: 0;
  transform: translateY(-10px);
}

.popup-message-content.popup-message-success::before {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  display: inline-block;
  text-align: center;
  background: rgb(var(--success-text));
  mask: url(https://www.robotimeonline.com/cdn/shop/files/success_icon_9c99cc00-2e32-4f1f-9980-5b65cd1d549d.svg?v=1726812570)
    no-repeat;
  mask-size: 100%;
  margin-inline-end: 0.25rem;
}