@salla.sa/twilight-components 2.14.539 → 2.14.541

package/dist/components/salla-gifting.js

@@ -6,6 +6,7 @@ import { a as anime } from './anime.es.js';
 import { I as IconArrowLeft } from './arrow-left.js';
 import { C as Cancel } from './cancel.js';
 import { S as SIGiftSharing } from './gift-sharing.js';
+import { d as defineCustomElement$d } from './salla-attachment-view2.js';
 import { d as defineCustomElement$c } from './salla-button2.js';
 import { d as defineCustomElement$b } from './salla-datetime-picker2.js';
 import { d as defineCustomElement$a } from './salla-file-upload2.js';
@@ -886,13 +887,18 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-gifting", "salla-button", "salla-datetime-picker", "salla-file-upload", "salla-list-tile", "salla-loading", "salla-modal", "salla-placeholder", "salla-searchable-dropdown", "salla-skeleton", "salla-slider", "salla-tel-input"];
+    const components = ["salla-gifting", "salla-attachment-view", "salla-button", "salla-datetime-picker", "salla-file-upload", "salla-list-tile", "salla-loading", "salla-modal", "salla-placeholder", "salla-searchable-dropdown", "salla-skeleton", "salla-slider", "salla-tel-input"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-gifting":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SallaGifting$1);
             }
             break;
+        case "salla-attachment-view":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
         case "salla-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();

package/dist/components/salla-loyalty-exchange-product-card2.js

@@ -2,23 +2,25 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$i } from './salla-add-product-button2.js';
-import { d as defineCustomElement$h } from './salla-booking-field2.js';
-import { d as defineCustomElement$g } from './salla-button2.js';
-import { d as defineCustomElement$f } from './salla-color-picker2.js';
-import { d as defineCustomElement$e } from './salla-conditional-fields2.js';
-import { d as defineCustomElement$d } from './salla-count-down2.js';
-import { d as defineCustomElement$c } from './salla-datetime-picker2.js';
-import { d as defineCustomElement$b } from './salla-file-upload2.js';
-import { d as defineCustomElement$a } from './salla-loading2.js';
-import { d as defineCustomElement$9 } from './salla-map2.js';
-import { d as defineCustomElement$8 } from './salla-modal2.js';
-import { d as defineCustomElement$7 } from './salla-order-options-modal2.js';
-import { d as defineCustomElement$6 } from './salla-product-availability2.js';
-import { d as defineCustomElement$5 } from './salla-product-card2.js';
-import { d as defineCustomElement$4 } from './salla-product-options2.js';
-import { d as defineCustomElement$3 } from './salla-progress-bar2.js';
-import { d as defineCustomElement$2 } from './salla-quick-buy2.js';
+import { d as defineCustomElement$k } from './salla-add-product-button2.js';
+import { d as defineCustomElement$j } from './salla-attachment-view2.js';
+import { d as defineCustomElement$i } from './salla-booking-field2.js';
+import { d as defineCustomElement$h } from './salla-button2.js';
+import { d as defineCustomElement$g } from './salla-color-picker2.js';
+import { d as defineCustomElement$f } from './salla-conditional-fields2.js';
+import { d as defineCustomElement$e } from './salla-count-down2.js';
+import { d as defineCustomElement$d } from './salla-datetime-picker2.js';
+import { d as defineCustomElement$c } from './salla-file-upload2.js';
+import { d as defineCustomElement$b } from './salla-loading2.js';
+import { d as defineCustomElement$a } from './salla-map2.js';
+import { d as defineCustomElement$9 } from './salla-modal2.js';
+import { d as defineCustomElement$8 } from './salla-order-options-modal2.js';
+import { d as defineCustomElement$7 } from './salla-product-availability2.js';
+import { d as defineCustomElement$6 } from './salla-product-card2.js';
+import { d as defineCustomElement$5 } from './salla-product-options2.js';
+import { d as defineCustomElement$4 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$3 } from './salla-quick-buy2.js';
+import { d as defineCustomElement$2 } from './salla-slider2.js';
 import { d as defineCustomElement$1 } from './salla-tel-input2.js';
 
 const sallaLoyaltyProgramCss = "/*!twlt*/@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}.mb-5{margin-bottom:1.25rem}.mt-5{margin-top:1.25rem}.block{display:block}.p-4{padding:1rem}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-loyalty-program-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}.s-loyalty-program-container{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-loyalty-program-login-action{margin-left:auto;margin-right:auto;display:block;width:16rem;border-radius:0.375rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.s-loyalty-program-login-action-dark{background-color:var(--color-primary-dark);--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.s-loyalty-program-login-action-light{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-outline-section{padding-top:5rem;padding-bottom:4rem}.s-loyalty-program-profile-wrapper{margin-left:auto;margin-right:auto;max-width:56rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-loyalty-program-item{padding:2rem;text-align:center}.s-loyalty-program-content{position:relative}.s-loyalty-program-icon-container{position:relative}.s-loyalty-program-icon{position:absolute;bottom:0px;right:50%;margin-right:-0.5rem;--tw-translate-x:50%;--tw-scale-x:1.5;--tw-scale-y:1.5;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.s-loyalty-program-icon svg{height:1.5rem;width:1.5rem;fill:currentColor}.s-loyalty-program-title{margin-top:1rem;font-size:1.125rem;font-weight:700;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-description{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-section{margin-left:auto;margin-right:auto;max-width:100%;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-header{text-align:center}.s-loyalty-program-main-title{font-size:1.5rem;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-subtitle{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-list{margin-left:auto;margin-right:auto;margin-top:2rem;display:grid;max-width:80rem;grid-template-columns:repeat(1, minmax(0, 1fr));gap:1rem}@media (min-width: 768px){.s-loyalty-program-list{grid-template-columns:repeat(3, minmax(0, 1fr));gap:7rem}}.s-loyalty-program-hero-container{position:relative}.s-loyalty-program-hero-background{position:relative;display:grid;min-height:20rem;width:100%;place-items:center;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-color:var(--color-primary-light);background-size:cover;background-position:center;background-repeat:no-repeat;padding-left:1.25rem;padding-right:1.25rem;padding-top:4rem;padding-bottom:4rem}.s-loyalty-program-text-gradient{background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#d1d5db var(--tw-gradient-to-position);background-clip:text;font-size:6rem;line-height:1;font-weight:700;color:transparent;opacity:0.7}.s-loyalty-program-points-action-incomplete{display:block;background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-hero-overlay{position:absolute;inset:0px;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));opacity:0.5}.s-loyalty-program-hero-content{z-index:10}.s-loyalty-program-hero-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.s-loyalty-program-hero-content{text-align:center}.s-loyalty-program-hero-title{margin-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;line-height:1.25}@media (min-width: 768px){.s-loyalty-program-hero-title{font-size:3rem;line-height:1}}.s-loyalty-program-hero-description{margin-left:auto;margin-right:auto;max-width:24rem;font-size:1rem;font-weight:300;line-height:1.5rem}@media (min-width: 768px){.s-loyalty-program-hero-description{max-width:36rem}}.s-loyalty-program-hero-footer{position:absolute;width:100%;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-hero-slot-container{bottom:0px;margin-left:auto;margin-right:auto;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-loyalty-program-hero-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-loyalty-program-hero-gray{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container{margin-left:auto;margin-right:auto;max-width:80rem;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.s-loyalty-program-rewards-container{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width: 768px){.s-loyalty-program-rewards-container{margin-top:1.5rem}}@media (min-width: 1536px){.s-loyalty-program-rewards-container{padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-heading-mobile{margin-left:auto;margin-right:auto;margin-top:1.5rem;margin-bottom:1.5rem;width:max-content;font-size:1.875rem;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-rewards-heading-mobile{display:none}}.s-loyalty-program-rewards-heading-desktop{display:none;font-size:1.875rem;line-height:3rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-rewards-heading-desktop{display:block}}.s-loyalty-program-rewards-tab-items{margin-top:0px;margin-bottom:0px;display:flex;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-tab-items{margin-top:0.5rem;margin-bottom:0.5rem;padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-container salla-tab-content{padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-container salla-tab-content{padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-container .s-tabs-content-wrapper{padding:0px}@media (min-width: 768px){.s-loyalty-program-rewards-container .s-tabs-content-wrapper{padding-top:1rem}}.s-loyalty-program-rewards-container .swiper{padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-container .swiper{padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-action-base{margin-left:auto;margin-right:auto;display:block;width:100%;max-width:24rem;border-radius:0.375rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;font-size:0.75rem;line-height:1rem}@media (min-width: 768px){.s-loyalty-program-rewards-action-base{font-size:0.875rem;line-height:1.25rem}}.s-loyalty-program-rewards-action-on{background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-action-off{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-action-confirm{position:relative;display:block;background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-loyalty-program-rewards-action-cancel{border-width:1px;--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));background-image:none;--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-img{height:100%;width:100%;object-fit:cover}.s-loyalty-program-rewards-points{font-weight:300}.s-loyalty-program-rewards-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-loyalty-program-rewards-modal-action{width:100%;border-top-width:1px;--tw-border-opacity:1;border-top-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-left:3rem;padding-right:3rem;padding-top:1.25rem;padding-bottom:1.25rem;text-align:center}.s-loyalty-program-reward-container{overflow:hidden;border-radius:0.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-loyalty-program-reward-xs{width:11rem}.s-loyalty-program-reward-host{width:11rem}@media (min-width: 768px){.s-loyalty-program-reward-host{width:auto}}.s-loyalty-program-reward-img{height:9rem;width:100%}@media (min-width: 768px){.s-loyalty-program-reward-img{height:12rem}}.s-loyalty-program-reward-content{padding:0.5rem}@media (min-width: 768px){.s-loyalty-program-reward-content{padding:1rem}}.s-loyalty-program-reward-points{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-title{margin-top:0.75rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-name{margin-top:0.25rem;font-size:0.875rem;line-height:1.25rem;font-weight:500}@media (min-width: 768px){.s-loyalty-program-reward-name{font-size:1.125rem;line-height:1.75rem}}.s-loyalty-program-rewards-container .s-tabs-header{display:flex;align-items:center;justify-content:space-between;border-style:none}.s-loyalty-program-rewards-container .s-tabs-header div{order:1}.s-loyalty-program-rewards-container .s-tabs-header-item{position:relative;margin:0px;display:flex;width:max-content;align-items:center;justify-content:center;gap:0.5rem;border-radius:0.5rem;background-color:transparent;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container .s-tabs-bg-normal{background-color:transparent;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container-cart .s-tabs-bg-normal{background-color:transparent;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container-cart .s-tabs-header-item{display:flex;width:max-content;align-items:center;justify-content:center;gap:0.5rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem}.s-loyalty-program-rewards-container-cart .s-tabs-content-wrapper{padding:0px}.s-loyalty-program-rewards-container-cart .s-tabs-header{overflow-x:auto;border-bottom-width:1px;border-color:var(--color-primary-light);padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 640px){.s-loyalty-program-rewards-container-cart .s-tabs-header{margin-left:1.25rem;margin-right:1.25rem;padding-left:0px;padding-right:0px}}.s-loyalty-program-rewards-container-cart .swiper{padding:1.25rem}.s-loyalty-program-rewards-cart-header{margin-top:2.5rem;margin-bottom:2.5rem;margin-left:0px;margin-right:0px;display:flex;gap:1rem;padding-top:0px;padding-bottom:0px;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-rewards-container-cart .s-slider-block__title-nav{width:100%}.s-loyalty-program-rewards-container .s-tabs-active{background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-rewards-container-cart .s-tabs-active{background-color:var(--color-primary-light);--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-panel-content{display:flex;flex-direction:column;justify-content:space-around}.s-loyalty-program-panel-content h1{font-size:1.25rem;line-height:1.75rem;font-weight:700}.s-loyalty-program-panel-content p{font-size:0.875rem;line-height:1.25rem;font-weight:400}.s-loyalty-program-points-wrapper{padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-points-wrapper{margin-left:1.25rem;margin-right:1.25rem}}.s-loyalty-program-points-section{border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1.25rem}@media (min-width: 1024px){.s-loyalty-program-points-section{padding:4rem}}.s-loyalty-program-points-header{text-align:center}.s-loyalty-program-points-title{font-size:1.5rem;line-height:2.25rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-description{margin-top:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-spacer{height:2.5rem}.s-loyalty-program-points-list-one{margin-left:auto;margin-right:auto;max-width:80rem}.s-loyalty-program-points-list-two{margin-left:auto;margin-right:auto;display:grid;max-width:80rem;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.25rem}.s-loyalty-program-points-list-multi{margin-left:auto;margin-right:auto;display:grid;max-width:80rem;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.25rem}@media (min-width: 1024px){.s-loyalty-program-points-list-multi{grid-template-columns:repeat(3, minmax(0, 1fr))}}.s-loyalty-program-points-modal-header{display:flex;align-items:center;justify-content:space-between;border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}.s-loyalty-program-points-modal-info{width:100%;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-modal-main{display:flex;flex-direction:column;align-items:center}.s-loyalty-program-points-modal-main>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.s-loyalty-program-points-modal-main{padding-top:3rem;padding-bottom:2rem}.s-loyalty-program-points-badge-points{font-weight:300}.s-loyalty-program-points-modal-details{width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-points-modal-details{padding-left:3rem;padding-right:3rem}}.s-loyalty-program-point-subheading{margin-top:1rem;margin-bottom:1rem;width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-point-subheading{padding-left:3rem;padding-right:3rem}}.s-loyalty-program-point-subheading h2{font-size:1.125rem;line-height:1.75rem;font-weight:700}.s-loyalty-program-point-subheading p{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-modal-list{width:100%;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.s-loyalty-program-points-modal-list{padding-left:3rem;padding-right:3rem}}.s-loyalty-program-points-modal-list-wrapper{width:100%;border-radius:1rem;border-width:1px}.s-loyalty-program-points-modal-list-item{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1.25rem;padding-right:1.25rem}.s-loyalty-program-points-modal-list-item:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.s-loyalty-program-points-modal-list-item a{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));text-decoration-line:underline}.s-loyalty-program-points-chains-wrapper{width:100%;border-radius:1rem;border-width:1px;padding:1.25rem}.s-loyalty-program-points-modal-action{width:100%;border-top-width:1px;--tw-border-opacity:1;border-top-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-left:3rem;padding-right:3rem;padding-top:1.25rem;padding-bottom:1.25rem;text-align:center}.s-loyalty-program-points-modal-action a{margin-top:0px;padding-left:6rem;padding-right:6rem}.s-loyalty-program-points-action{margin-left:auto;margin-right:auto;margin-top:0.5rem;display:block;max-width:max-content;white-space:nowrap;border-radius:0.375rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem;font-weight:500}@media (min-width: 768px){.s-loyalty-program-points-action{padding-left:2rem;padding-right:2rem}}.s-loyalty-program-points-action-completed{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(236 253 245 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-more-button{margin-left:auto;margin-right:auto;display:block;width:100%;max-width:20rem;border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));padding-top:0.5rem;padding-bottom:0.5rem;font-weight:400;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-chain-list{margin:0px;list-style-type:none}.s-loyalty-program-points-chain-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.s-loyalty-program-points-chain-list{padding:0px}.s-loyalty-program-points-chain-item{display:flex}.s-loyalty-program-points-chain-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-points-chain-item:last-child{margin-bottom:0px}.s-loyalty-program-points-chain-item:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-points-chain-item-wrapper{display:flex;width:2.5rem;flex-shrink:0;flex-direction:column;align-items:center}.s-loyalty-program-points-chain-icon{display:flex;width:2.5rem;flex-shrink:0;flex-direction:column;align-items:center}.s-loyalty-program-points-chain-line{margin-top:0.625rem;margin-bottom:0.625rem;height:2.25rem;border-width:1px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.s-loyalty-program-points-chain-content{display:block}.s-loyalty-program-points-chain-description{margin-top:0.5rem}.s-loyalty-program-points-completed-note{padding-top:0.5rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-points-badge-desktop{margin-top:0.5rem;display:none}@media (min-width: 768px){.s-loyalty-program-points-badge-desktop{display:block}}.s-loyalty-program-points-badge-mobile{margin-top:0.5rem;font-size:0.75rem;line-height:1rem;font-weight:300}@media (min-width: 768px){.s-loyalty-program-points-badge-mobile{display:none}}.s-loyalty-program-point-wrapper{display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:1rem;padding-bottom:1rem;padding-left:0.5rem;padding-right:0.5rem}@media (min-width: 768px){.s-loyalty-program-point-wrapper{padding:1.5rem;padding-bottom:2rem}}.s-loyalty-program-point-icon-container{margin-left:auto;margin-right:auto;display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.s-loyalty-program-point-description{margin-top:0.5rem;white-space:nowrap;font-weight:700}.s-loyalty-program-point-details-branches{padding:1rem;font-size:1rem;line-height:1.5rem}.s-loyalty-program-point-details-branches h2{font-size:1rem;line-height:1.5rem;font-weight:700}.s-loyalty-program-point-details-branches p{font-size:0.875rem;line-height:1.25rem;line-height:2;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-profile-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem;padding-top:1.25rem;padding-bottom:1.25rem}.s-loyalty-program-profile-points-section{margin-top:0.25rem}.s-loyalty-program-profile-label{font-size:0.75rem;line-height:1rem;font-weight:400}.s-loyalty-program-profile-points{font-size:1.125rem;line-height:1.75rem;color:var(--color-primary-dark)}.s-loyalty-program-profile-points-value{font-size:1.25rem;line-height:1.75rem;font-weight:700}.s-loyalty-program-profile-icon{display:grid;height:3rem;width:3rem;place-items:center;border-radius:9999px;background-color:var(--color-primary-light);font-size:1.125rem;line-height:1.75rem;color:var(--color-primary-reverse)}.s-loyalty-program-profile-icon svg{height:1.25rem;width:1.25rem;fill:currentColor}.s-loyalty-program-circle-base{margin-left:auto;margin-right:auto;display:grid;place-items:center;border-radius:9999px}.s-loyalty-program-circle-size-xs{height:2rem;min-height:2rem;width:2rem}.s-loyalty-program-circle-size-xs svg{height:0.875rem;width:0.875rem}.s-loyalty-program-circle-size-sm{height:3.5rem;min-height:3.5rem;width:3.5rem;font-size:1.25rem;line-height:1.75rem}.s-loyalty-program-circle-size-md{height:4rem;min-height:4rem;width:4rem}.s-loyalty-program-circle-size-lg{height:5rem;min-height:5rem;width:5rem}.s-loyalty-program-circle-size-xl{height:4rem;width:4rem;font-size:1.5rem;line-height:2rem}@media (min-width: 768px){.s-loyalty-program-circle-size-xl{height:5rem;width:5rem}}.s-loyalty-program-circle-variant-fill{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.s-loyalty-program-circle-variant-outline{border-width:1px;--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.s-loyalty-program-circle-variant-outline-primary{border-width:1px;border-color:var(--color-primary);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));color:var(--color-primary)}.s-loyalty-program-back-btn{display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;padding:0.25rem}.s-loyalty-program-back-btn span{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-loyalty-program-back-btn span:where([dir=\"ltr\"],[dir=\"ltr\"] *){padding-right:1rem}.s-loyalty-program-back-btn span:where([dir=\"rtl\"],[dir=\"rtl\"] *){padding-left:1rem}.s-loyalty-program-reward-details-header{margin:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (min-width: 768px){.s-loyalty-program-reward-details-header{margin:3rem}}.s-loyalty-program-aspect-container{position:relative;margin-left:auto;margin-right:auto;height:10rem;width:100%;overflow:hidden;border-radius:0.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}@media (min-width: 768px){.s-loyalty-program-aspect-container{height:12rem}}.s-loyalty-program-aspect-container img{position:absolute;top:0px;left:0px;height:100%;width:100%;object-fit:cover}.s-loyalty-program-terms-and-conditions{margin-left:1rem;margin-right:1rem;border-radius:1rem;border-width:1px;padding:1rem;padding-bottom:0px}@media (min-width: 768px){.s-loyalty-program-terms-and-conditions{margin-left:2rem;margin-right:2rem}}.s-loyalty-program-terms-and-conditions-heading{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-terms-and-conditions-list{margin-top:0.5rem}.s-loyalty-program-terms-and-conditions-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.s-loyalty-program-terms-and-conditions-item{display:flex;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.s-loyalty-program-terms-and-conditions-content{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-info-message{margin-left:2rem;margin-right:2rem;margin-top:2.5rem;margin-bottom:1rem}.s-loyalty-program-reward-info-message>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-loyalty-program-reward-info-message{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-info-message-heading{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-info-message-content{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details .s-tabs-header{margin-top:0.5rem;margin-bottom:0.5rem;margin-left:1rem;margin-right:1rem;display:flex}.s-loyalty-program-reward-details .s-tabs-header>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details .s-tabs-header{border-style:none}@media (min-width: 768px){.s-loyalty-program-reward-details .s-tabs-header{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details .s-tabs-header:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details .s-tabs-header-item{display:flex;width:max-content;align-items:center}.s-loyalty-program-reward-details .s-tabs-header-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details .s-tabs-header-item{border-radius:9999px;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:1rem;padding-right:1rem}.s-loyalty-program-reward-details .s-tabs-header-item:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details .s-tabs-bg-normal{background-color:transparent;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details .s-tabs-active{background-color:var(--color-primary-light);font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details .s-tabs-header-item span{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details-tab-icon svg{height:1rem;width:1rem;fill:currentColor}.s-loyalty-program-reward-details-items-wrapper>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.s-loyalty-program-reward-details-categories-wrapper{margin-left:1rem;margin-right:1rem;padding-bottom:1.5rem}@media (min-width: 768px){.s-loyalty-program-reward-details-categories-wrapper{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details-categories{border-radius:1rem;border-width:1px;padding:1rem;padding-bottom:0.5rem}.s-loyalty-program-reward-details-categories-heading{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-details-categories-list{margin-top:0.5rem;display:flex;flex-wrap:wrap;gap:0.5rem}.s-loyalty-program-reward-details-categories-list>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details-categories-list:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details-categories-item{display:flex;width:max-content;align-items:center}.s-loyalty-program-reward-details-categories-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-reward-details-categories-item{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-loyalty-program-reward-details-categories-item:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1));text-decoration-line:underline}.s-loyalty-program-reward-details-categories-item:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-reward-details-categories-item svg{height:0.75rem;width:0.75rem;fill:currentColor}.s-loyalty-program-reward-details-categories-item-content{font-size:0.75rem;line-height:1rem}.s-loyalty-program-reward-details-items-brands{margin-left:1rem;margin-right:1rem;padding-top:1.5rem;padding-bottom:1.5rem}@media (min-width: 768px){.s-loyalty-program-reward-details-items-brands{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details-items-brands>div{border-radius:1rem;border-width:1px;padding-top:1rem;padding-bottom:1rem}.s-loyalty-program-reward-details-items-brands>div h2{padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-details-items-brands>div salla-slider{margin-top:0.75rem;padding-left:1rem;padding-right:1rem}.s-loyalty-program-rewards-container .swiper-wrapper{padding-bottom:1.25rem}.s-loyalty-program-reward-brand-item{height:6rem;width:6rem;overflow:hidden;border-radius:0.5rem;border-width:1px}.s-loyalty-program-reward-brand-item img{height:100%;width:100%;object-fit:cover}.s-loyalty-program-reward-details-items-products{margin-left:1rem;margin-right:1rem;padding-top:1.5rem;padding-bottom:1.5rem}@media (min-width: 768px){.s-loyalty-program-reward-details-items-products{margin-left:3rem;margin-right:3rem}}.s-loyalty-program-reward-details-items-products salla-products-slider{margin-bottom:0px;margin-top:0.75rem;display:block}.s-loyalty-program-reward-details-items-products h2{font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-loyalty-program-reward-details-products-grid{margin-top:0.75rem;display:flex;flex-wrap:wrap;gap:1rem}@media (min-width: 768px){.s-loyalty-program-slider-arrows .s-slider-v-centered .s-slider-block__title-nav{display:none}}.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .s-slider-block__title-nav{width:100%}@media (min-width: 768px){.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .s-slider-block__title-nav{display:none}}.s-loyalty-program-slider-arrows .s-slider-v-centered .swiper-button-disabled{visibility:hidden}.s-loyalty-program-slider-arrows-edges .s-slider-v-centered .swiper-button-disabled{visibility:hidden}.s-loyalty-program-tabs-hider .s-tabs-header{border-style:none}.s-loyalty-program-tabs-hider salla-tab-header{display:none}.s-loyalty-program-banner-container{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem}.s-loyalty-program-banner-container>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0.5rem}.s-loyalty-program-banner-container-banner-title{font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-banner-container-banner-subtitle{font-size:0.75rem;line-height:1rem;font-weight:400;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-loyalty-program-banner-container button{display:flex;width:max-content;align-items:center}.s-loyalty-program-banner-container button>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-loyalty-program-banner-container button{white-space:nowrap;border-radius:0.375rem;border-width:1px;border-color:var(--color-primary);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem;color:var(--color-primary)}.s-loyalty-program-banner-container button:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-loyalty-program-banner-container button svg{height:1rem;width:1rem;fill:currentColor}.s-loyalty-program-modal-scrollable-content{padding-bottom:2.5rem}@media (min-width: 768px){.s-loyalty-program-modal-scrollable-content{max-height:100vh;overflow-y:auto}}.s-loyalty-program-exchange-heading{display:flex;flex-direction:column;align-items:center}.s-loyalty-program-exchange-heading>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.s-loyalty-program-exchange-heading{padding-top:1rem;padding-bottom:1rem}.s-loyalty-program-exchange-heading h2{margin-top:1.5rem}.s-loyalty-program-exchange-btns{margin-left:auto;margin-right:auto;display:flex;width:100%;max-width:24rem;gap:1rem}.s-loyalty-program-exchange-loading{position:absolute;top:50%;left:50%}.s-loyalty-program-panel-exchange-wrapper{margin-bottom:1.25rem;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;--tw-shadow:5px 10px 30px #2B2D340D;--tw-shadow-colored:5px 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}@media (min-width: 480px){.s-loyalty-program-panel-exchange-wrapper{padding:1.75rem}}.s-loyalty-program-after-exchange .s-list-tile-item{position:relative;justify-content:space-between;overflow:hidden;border-radius:var(--s-radius, 0.25rem);background-color:var(--color-primary);padding-top:0.75rem;padding-bottom:0.75rem}.s-loyalty-program-after-exchange .s-list-tile-item .s-list-tile-item-title{font-size:0.875rem;line-height:1.25rem}.s-loyalty-program-after-exchange-title{font-size:0.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-loyalty-program-after-exchange-reset{height:1.5rem}.s-loyalty-program-after-exchange-reset button{--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1));font-size:0.875rem;line-height:1.25rem}.s-loyalty-program-after-exchange-reset button span{display:flex;--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center}.s-loyalty-program-after-exchange-reset button svg{height:1.5rem;width:1.5rem;fill:#f87171}.s-loyalty-program-after-exchange-reset button:hover svg{fill:#fff}.s-loyalty-program-after-exchange-action{display:flex;align-items:center;justify-content:center}.s-loyalty-program-panel-widget .s-list-tile-item{padding:0px !important}.s-loyalty-program-panel-widget-icon{display:flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-primary)}.s-loyalty-program-panel-widget-icon>svg{width:1.5rem;fill:#fff}.s-loyalty-program-rewards-tab-icon svg{height:1.25rem;width:1.25rem;fill:currentColor}";
@@ -47,7 +49,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-loyalty-exchange-product-card", "salla-add-product-button", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-count-down", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-card", "salla-product-options", "salla-progress-bar", "salla-quick-buy", "salla-tel-input"];
+    const components = ["salla-loyalty-exchange-product-card", "salla-add-product-button", "salla-attachment-view", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-count-down", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-card", "salla-product-options", "salla-progress-bar", "salla-quick-buy", "salla-slider", "salla-tel-input"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-loyalty-exchange-product-card":
             if (!customElements.get(tagName)) {
@@ -56,85 +58,95 @@ function defineCustomElement() {
             break;
         case "salla-add-product-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$k();
+            }
+            break;
+        case "salla-attachment-view":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
             }
             break;
         case "salla-booking-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "salla-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "salla-color-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "salla-conditional-fields":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "salla-count-down":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "salla-datetime-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "salla-file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "salla-loading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "salla-map":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "salla-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "salla-order-options-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "salla-product-availability":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "salla-product-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "salla-product-options":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "salla-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "salla-quick-buy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-slider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/salla-loyalty-panel.js

@@ -9,7 +9,8 @@ import { S as SIPercentage, a as SILayoutGrid } from './percentage.js';
 import { S as SIShipping } from './shipping.js';
 import { C as Cart2 } from './cart2.js';
 import { T as TrackedPromise } from './tracked-promise.js';
-import { d as defineCustomElement$v } from './salla-add-product-button2.js';
+import { d as defineCustomElement$w } from './salla-add-product-button2.js';
+import { d as defineCustomElement$v } from './salla-attachment-view2.js';
 import { d as defineCustomElement$u } from './salla-badge2.js';
 import { d as defineCustomElement$t } from './salla-booking-field2.js';
 import { d as defineCustomElement$s } from './salla-button2.js';
@@ -139,7 +140,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-loyalty-panel", "salla-add-product-button", "salla-badge", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-count-down", "salla-datetime-picker", "salla-file-upload", "salla-list-tile", "salla-loading", "salla-loyalty-exchange-product-card", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-card", "salla-product-options", "salla-products-slider", "salla-progress-bar", "salla-quick-buy", "salla-reward-action", "salla-reward-card", "salla-reward-details", "salla-reward-exchange", "salla-slider", "salla-tab-content", "salla-tab-header", "salla-tabs", "salla-tel-input"];
+    const components = ["salla-loyalty-panel", "salla-add-product-button", "salla-attachment-view", "salla-badge", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-count-down", "salla-datetime-picker", "salla-file-upload", "salla-list-tile", "salla-loading", "salla-loyalty-exchange-product-card", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-card", "salla-product-options", "salla-products-slider", "salla-progress-bar", "salla-quick-buy", "salla-reward-action", "salla-reward-card", "salla-reward-details", "salla-reward-exchange", "salla-slider", "salla-tab-content", "salla-tab-header", "salla-tabs", "salla-tel-input"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-loyalty-panel":
             if (!customElements.get(tagName)) {
@@ -147,6 +148,11 @@ function defineCustomElement$1() {
             }
             break;
         case "salla-add-product-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$w();
+            }
+            break;
+        case "salla-attachment-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }

package/dist/components/salla-loyalty-program.js

@@ -10,7 +10,8 @@ import { a as SIUserAdd, d as defineCustomElement$k } from './salla-loyalty-poin
 import { S as SIGiftSharing } from './gift-sharing.js';
 import { T as TrackedPromise } from './tracked-promise.js';
 import { a as anime } from './anime.es.js';
-import { d as defineCustomElement$w } from './salla-add-product-button2.js';
+import { d as defineCustomElement$x } from './salla-add-product-button2.js';
+import { d as defineCustomElement$w } from './salla-attachment-view2.js';
 import { d as defineCustomElement$v } from './salla-badge2.js';
 import { d as defineCustomElement$u } from './salla-booking-field2.js';
 import { d as defineCustomElement$t } from './salla-button2.js';
@@ -168,7 +169,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-loyalty-program", "salla-add-product-button", "salla-badge", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-count-down", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-loyalty-exchange-product-card", "salla-loyalty-hero", "salla-loyalty-point", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-card", "salla-product-options", "salla-products-slider", "salla-progress-bar", "salla-quick-buy", "salla-reward-action", "salla-reward-card", "salla-reward-details", "salla-reward-exchange", "salla-slider", "salla-tab-content", "salla-tab-header", "salla-tabs", "salla-tel-input"];
+    const components = ["salla-loyalty-program", "salla-add-product-button", "salla-attachment-view", "salla-badge", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-count-down", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-loyalty-exchange-product-card", "salla-loyalty-hero", "salla-loyalty-point", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-card", "salla-product-options", "salla-products-slider", "salla-progress-bar", "salla-quick-buy", "salla-reward-action", "salla-reward-card", "salla-reward-details", "salla-reward-exchange", "salla-slider", "salla-tab-content", "salla-tab-header", "salla-tabs", "salla-tel-input"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-loyalty-program":
             if (!customElements.get(tagName)) {
@@ -176,6 +177,11 @@ function defineCustomElement$1() {
             }
             break;
         case "salla-add-product-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$x();
+            }
+            break;
+        case "salla-attachment-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }

package/dist/components/salla-multiple-bundle-product-cart2.js

@@ -2,20 +2,22 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$e } from './salla-accordion2.js';
-import { d as defineCustomElement$d } from './salla-accordion-body2.js';
-import { d as defineCustomElement$c } from './salla-accordion-head2.js';
-import { d as defineCustomElement$b } from './salla-booking-field2.js';
-import { d as defineCustomElement$a } from './salla-button2.js';
-import { d as defineCustomElement$9 } from './salla-color-picker2.js';
-import { d as defineCustomElement$8 } from './salla-conditional-fields2.js';
-import { d as defineCustomElement$7 } from './salla-datetime-picker2.js';
-import { d as defineCustomElement$6 } from './salla-file-upload2.js';
-import { d as defineCustomElement$5 } from './salla-loading2.js';
-import { d as defineCustomElement$4 } from './salla-map2.js';
-import { d as defineCustomElement$3 } from './salla-modal2.js';
-import { d as defineCustomElement$2 } from './salla-product-options2.js';
-import { d as defineCustomElement$1 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$g } from './salla-accordion2.js';
+import { d as defineCustomElement$f } from './salla-accordion-body2.js';
+import { d as defineCustomElement$e } from './salla-accordion-head2.js';
+import { d as defineCustomElement$d } from './salla-attachment-view2.js';
+import { d as defineCustomElement$c } from './salla-booking-field2.js';
+import { d as defineCustomElement$b } from './salla-button2.js';
+import { d as defineCustomElement$a } from './salla-color-picker2.js';
+import { d as defineCustomElement$9 } from './salla-conditional-fields2.js';
+import { d as defineCustomElement$8 } from './salla-datetime-picker2.js';
+import { d as defineCustomElement$7 } from './salla-file-upload2.js';
+import { d as defineCustomElement$6 } from './salla-loading2.js';
+import { d as defineCustomElement$5 } from './salla-map2.js';
+import { d as defineCustomElement$4 } from './salla-modal2.js';
+import { d as defineCustomElement$3 } from './salla-product-options2.js';
+import { d as defineCustomElement$2 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$1 } from './salla-slider2.js';
 
 const sallaMultipleBundleProductCartCss = "";
 
@@ -70,7 +72,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-multiple-bundle-product-cart", "salla-accordion", "salla-accordion-body", "salla-accordion-head", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-product-options", "salla-progress-bar"];
+    const components = ["salla-multiple-bundle-product-cart", "salla-accordion", "salla-accordion-body", "salla-accordion-head", "salla-attachment-view", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-product-options", "salla-progress-bar", "salla-slider"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-multiple-bundle-product-cart":
             if (!customElements.get(tagName)) {
@@ -79,70 +81,80 @@ function defineCustomElement() {
             break;
         case "salla-accordion":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$g();
             }
             break;
         case "salla-accordion-body":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$f();
             }
             break;
         case "salla-accordion-head":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$e();
+            }
+            break;
+        case "salla-attachment-view":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
             }
             break;
         case "salla-booking-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "salla-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "salla-color-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "salla-conditional-fields":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "salla-datetime-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "salla-file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "salla-loading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "salla-map":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "salla-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "salla-product-options":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "salla-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "salla-slider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/components/salla-multiple-bundle-product-details2.js

@@ -2,9 +2,10 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h, Fragment, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$i } from './salla-accordion2.js';
-import { d as defineCustomElement$h } from './salla-accordion-body2.js';
-import { d as defineCustomElement$g } from './salla-accordion-head2.js';
+import { d as defineCustomElement$j } from './salla-accordion2.js';
+import { d as defineCustomElement$i } from './salla-accordion-body2.js';
+import { d as defineCustomElement$h } from './salla-accordion-head2.js';
+import { d as defineCustomElement$g } from './salla-attachment-view2.js';
 import { d as defineCustomElement$f } from './salla-booking-field2.js';
 import { d as defineCustomElement$e } from './salla-button2.js';
 import { d as defineCustomElement$d } from './salla-color-picker2.js';
@@ -403,7 +404,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-multiple-bundle-product-details", "salla-accordion", "salla-accordion-body", "salla-accordion-head", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-multiple-bundle-product-options-modal", "salla-multiple-bundle-product-slider", "salla-product-options", "salla-progress-bar", "salla-skeleton", "salla-slider"];
+    const components = ["salla-multiple-bundle-product-details", "salla-accordion", "salla-accordion-body", "salla-accordion-head", "salla-attachment-view", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-multiple-bundle-product-options-modal", "salla-multiple-bundle-product-slider", "salla-product-options", "salla-progress-bar", "salla-skeleton", "salla-slider"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-multiple-bundle-product-details":
             if (!customElements.get(tagName)) {
@@ -412,15 +413,20 @@ function defineCustomElement() {
             break;
         case "salla-accordion":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "salla-accordion-body":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "salla-accordion-head":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "salla-attachment-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }

package/dist/components/salla-multiple-bundle-product-options-modal2.js

@@ -2,6 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$e } from './salla-attachment-view2.js';
 import { d as defineCustomElement$d } from './salla-booking-field2.js';
 import { d as defineCustomElement$c } from './salla-button2.js';
 import { d as defineCustomElement$b } from './salla-color-picker2.js';
@@ -536,13 +537,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-multiple-bundle-product-options-modal", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-product-options", "salla-progress-bar", "salla-skeleton", "salla-slider"];
+    const components = ["salla-multiple-bundle-product-options-modal", "salla-attachment-view", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-product-options", "salla-progress-bar", "salla-skeleton", "salla-slider"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-multiple-bundle-product-options-modal":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SallaMultipleBundleProductOptionsModal);
             }
             break;
+        case "salla-attachment-view":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
         case "salla-booking-field":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();

package/dist/components/salla-multiple-bundle-product-slider2.js

@@ -2,7 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { K as KeyBoardArrowLeftIcon, a as KeyBoardArrowRightIcon } from './keyboard_arrow_right.js';
+import { K as KeyBoardArrowLeftIcon, a as KeyBoardArrowRightIcon } from './keyboard_arrow_left.js';
 import { d as defineCustomElement$1 } from './salla-slider2.js';
 
 const sallaMultipleBundleProductSliderCss = "";

package/dist/components/salla-multiple-bundle-product.js

@@ -2,9 +2,10 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$l } from './salla-accordion2.js';
-import { d as defineCustomElement$k } from './salla-accordion-body2.js';
-import { d as defineCustomElement$j } from './salla-accordion-head2.js';
+import { d as defineCustomElement$m } from './salla-accordion2.js';
+import { d as defineCustomElement$l } from './salla-accordion-body2.js';
+import { d as defineCustomElement$k } from './salla-accordion-head2.js';
+import { d as defineCustomElement$j } from './salla-attachment-view2.js';
 import { d as defineCustomElement$i } from './salla-booking-field2.js';
 import { d as defineCustomElement$h } from './salla-button2.js';
 import { d as defineCustomElement$g } from './salla-color-picker2.js';
@@ -93,7 +94,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-multiple-bundle-product", "salla-accordion", "salla-accordion-body", "salla-accordion-head", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-multiple-bundle-product-cart", "salla-multiple-bundle-product-details", "salla-multiple-bundle-product-options-modal", "salla-multiple-bundle-product-slider", "salla-product-options", "salla-progress-bar", "salla-skeleton", "salla-slider"];
+    const components = ["salla-multiple-bundle-product", "salla-accordion", "salla-accordion-body", "salla-accordion-head", "salla-attachment-view", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-multiple-bundle-product-cart", "salla-multiple-bundle-product-details", "salla-multiple-bundle-product-options-modal", "salla-multiple-bundle-product-slider", "salla-product-options", "salla-progress-bar", "salla-skeleton", "salla-slider"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-multiple-bundle-product":
             if (!customElements.get(tagName)) {
@@ -102,15 +103,20 @@ function defineCustomElement$1() {
             break;
         case "salla-accordion":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "salla-accordion-body":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "salla-accordion-head":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "salla-attachment-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }