.pre-home-card{--pre-home-card-image-size: 5.625rem;--pre-home-card-outer-margin: var(--ds-spacing-l);display:grid;grid-template:auto/auto;grid-template-areas:"pre-home-info pre-home-image" "pre-home-promo pre-home-promo" "pre-home-cta pre-home-cta";width:auto;gap:var(--ds-spacing-m);background-color:var(--ds-color-core-background-main-primary);border-radius:var(--ds-border-radius-8);box-shadow:var(--ds-shadow-action)}@container (min-width: 768px){.pre-home-card{grid-template-areas:"pre-home-info pre-home-image" "pre-home-promo pre-home-image" "pre-home-cta pre-home-image";width:42.25rem}}@container (min-width: 1024px){.pre-home-card{--pre-home-card-image-size: 12.25rem;--pre-home-card-outer-margin: var(--ds-spacing-xl)}}.pre-home-card__info{grid-area:pre-home-info;display:flex;flex-direction:column;margin-top:var(--pre-home-card-outer-margin);margin-left:var(--pre-home-card-outer-margin)}.pre-home-card__title{margin-bottom:var(--ds-spacing-xxs)}@container (min-width: 768px){.pre-home-card__title{margin-bottom:var(--ds-spacing-xs)}}.pre-home-card__description{margin-top:0}@container (min-width: 768px){.pre-home-card__description{margin-bottom:var(--ds-spacing-xs)}}.pre-home-card__promo{grid-area:pre-home-promo;margin:0 var(--pre-home-card-outer-margin);margin-top:var(--ds-spacing-xs)}@container (min-width: 768px){.pre-home-card__promo{margin-right:0}}.pre-home-card__image-wrapper{display:flex;grid-area:pre-home-image;flex-shrink:0;justify-content:center;justify-self:right;align-items:center;align-self:baseline;width:var(--pre-home-card-image-size);margin-top:var(--pre-home-card-outer-margin);margin-left:var(--ds-spacing-m);max-width:5.625rem;max-height:5.625rem;margin-right:var(--ds-spacing-m)}@container (min-width: 768px){.pre-home-card__image-wrapper{max-width:12.25rem;max-height:12.25rem}}@container (min-width: 1024px){.pre-home-card__image-wrapper{margin-top:inherit;align-self:center}}.pre-home-card__image{object-fit:contain;object-position:center;margin:0}.pre-home-card__cta{grid-area:pre-home-cta;margin:0 var(--pre-home-card-outer-margin) var(--pre-home-card-outer-margin);white-space:nowrap}@container (min-width: 768px){.pre-home-card__cta{margin:auto var(--ds-spacing-m) var(--pre-home-card-outer-margin) var(--pre-home-card-outer-margin);justify-self:flex-start}}.pre-home-card-recommendations{display:flex;align-items:center;flex-direction:column;width:100%;height:100%}.pre-home-card-recommendations__products{display:flex;justify-content:center;width:var(--pre-home-card-image-size);position:relative;height:var(--pre-home-card-image-size)}@container (min-width: 1024px){.pre-home-card-recommendations__products{display:grid;width:100%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--ds-spacing-s);height:auto;min-height:var(--pre-home-card-image-size)}}.pre-home-card-recommendations__item{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-border-radius-8);padding:var(--ds-spacing-xs);background-color:var(--ds-color-core-background-main-primary);width:100%;height:100%;aspect-ratio:1/1;animation:fadeInOut 8s infinite ease-in-out}@container (min-width: 1024px){.pre-home-card-recommendations__item{position:relative;animation:none;opacity:1;box-shadow:var(--ds-shadow-action)}}.pre-home-card-recommendations__item:nth-of-type(1){animation-delay:6s}.pre-home-card-recommendations__item:nth-of-type(2){animation-delay:4s}.pre-home-card-recommendations__item:nth-of-type(3){animation-delay:2s}.pre-home-card-recommendations__item:nth-of-type(4){animation-delay:0s}.pre-home-card-recommendations__image{margin:0;max-width:100%;max-height:100%;object-fit:contain}.pre-home-card-recommendations__highlight{position:absolute;top:var(--ds-spacing-xxs);right:var(--ds-spacing-xxs);padding:var(--ds-spacing-xxxs) var(--ds-spacing-xxs);border-radius:var(--ds-border-radius-8)}.pre-home-card-recommendations__highlight--is-promotion{width:1.375rem;height:1.375rem;background-color:var(--ds-color-core-background-specific-promotion)}.pre-home-card-recommendations__highlight--is-loyalty{width:1.375rem;height:1.375rem;padding:var(--ds-spacing-xxs);background-color:var(--ds-color-core-background-specific-loyalty)}@keyframes fadeInOut{0%{opacity:1}17%{opacity:1}25%{opacity:0}92%{opacity:0}to{opacity:1}}.pre-home-card-set{--pre-home-card-image-size: 5.625rem;--pre-home-card-outer-margin: var(--ds-spacing-l);display:grid;grid-template-columns:1fr var(--pre-home-card-image-size);grid-template-areas:"pre-home-info pre-home-image" "pre-home-slots pre-home-image" "pre-home-promo pre-home-image" "pre-home-cta pre-home-cta";gap:var(--ds-spacing-m);padding:var(--pre-home-card-outer-margin);width:auto;background-color:var(--ds-color-core-background-main-primary);border-radius:var(--ds-border-radius-8);box-shadow:var(--ds-shadow-action)}@container (min-width: 768px){.pre-home-card-set{--pre-home-card-image-size: 6.875rem}}@container (min-width: 1024px){.pre-home-card-set{--pre-home-card-image-size: 10rem}}@container (min-width: 1280px){.pre-home-card-set{grid-template-areas:"pre-home-info pre-home-image" "pre-home-slots pre-home-image" "pre-home-cta pre-home-image";width:42.25rem;--pre-home-card-image-size: 12.25rem;--pre-home-card-outer-margin: var(--ds-spacing-xl);padding:var(--pre-home-card-outer-margin)}}.pre-home-card-set--has-promo{grid-template-areas:"pre-home-info pre-home-image" "pre-home-slots pre-home-image" "pre-home-promo pre-home-promo" "pre-home-cta pre-home-cta"}@container (min-width: 1280px){.pre-home-card-set--has-promo{grid-template-areas:"pre-home-info pre-home-image" "pre-home-slots pre-home-image" "pre-home-promo pre-home-image" "pre-home-cta pre-home-image"}}.pre-home-card-set__info{grid-area:pre-home-info;display:flex;flex-direction:column}.pre-home-card-set__title{margin-bottom:var(--ds-spacing-xs);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@container (min-width: 768px){.pre-home-card-set__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.pre-home-card-set__title-store{cursor:pointer;text-decoration:underline}.pre-home-card-set__description{color:var(--ds-color-core-content-main-secondary)}.pre-home-card-set__content{display:flex;align-items:flex-start;flex-direction:column}.pre-home-card-set__promo{grid-area:pre-home-promo;width:100%}@container (min-width: 1280px){.pre-home-card-set__promo{align-self:start}}.pre-home-card-set__slot-container{grid-area:pre-home-slots;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-xs)}.pre-home-card-set__slot-wrapper{display:flex;flex-direction:column;gap:var(--ds-spacing-xxs);color:var(--ds-color-core-content-main-secondary)}.pre-home-card-set__slot-label{display:flex;align-items:baseline;gap:var(--ds-spacing-xxs)}.pre-home-card-set__slot-trigger{cursor:pointer;text-decoration:underline;display:inline-block}.pre-home-card-set__change-button{text-decoration:underline;display:block}.pre-home-card-set__image-wrapper{display:flex;grid-area:pre-home-image;flex-shrink:0;justify-content:center;justify-self:end;align-items:center;align-self:start;width:var(--pre-home-card-image-size);margin:0}@container (min-width: 1024px){.pre-home-card-set__image-wrapper{align-self:start}}@container (min-width: 1280px){.pre-home-card-set__image-wrapper{align-self:center}}.pre-home-card-set__recommendations{width:100%}.pre-home-card-set__image{object-fit:contain;object-position:center;margin:0;max-width:100%;height:auto}.pre-home-card-set__shimmer-list{display:flex;flex-direction:column;width:100%;position:relative;height:var(--pre-home-card-image-size)}@container (min-width: 1024px){.pre-home-card-set__shimmer-list--is-history{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--ds-spacing-s);aspect-ratio:1/1;height:auto}}.pre-home-card-set__shimmer-item{margin:0;width:100%;height:auto;aspect-ratio:1/1;position:absolute;top:0;left:0;border-radius:var(--ds-border-radius-8);overflow:hidden}.pre-home-card-set__shimmer-item>div{border-radius:inherit}@container (min-width: 1024px){.pre-home-card-set__shimmer-list--is-history .pre-home-card-set__shimmer-item{position:relative}}.pre-home-card-set__cta{grid-area:pre-home-cta;white-space:nowrap;align-self:end;justify-self:start;width:fit-content;margin-top:var(--ds-spacing-xs)}.pre-home-onboarding{position:relative}.pre-home-onboarding__background{position:absolute;height:16rem;width:100%;z-index:0;top:0;outline-offset:-var(--ds-spacing-xxs)}@container (min-width: 768px){.pre-home-onboarding__background{height:18rem}}.pre-home-onboarding__background--has-gradient{height:18rem}@container (min-width: 768px){.pre-home-onboarding__background--has-gradient{height:23rem}}.pre-home-onboarding__background--has-gradient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,transparent 35%,rgba(255,255,255,.2) 48%,rgba(255,255,255,.865) 83%,var(--ds-color-core-background-main-primary) 94%)}.pre-home-onboarding__picture{display:contents}.pre-home-onboarding__background-image.image{display:block;margin:0;height:100%;width:100%;object-fit:cover;object-position:top}.pre-home-onboarding__description{margin-top:0;white-space:pre-line}.pre-home-onboarding__head-wrapper{position:relative}.pre-home-onboarding__head{margin:0 auto;padding-inline:var(--ds-spacing-m);padding-top:var(--ds-spacing-xl);max-width:var(--content-max-width);margin-bottom:var(--ds-spacing-xl);box-sizing:content-box}@container (min-width: 768px){.pre-home-onboarding__head{margin-bottom:var(--ds-spacing-xxl);padding-top:var(--ds-spacing-xxl)}}.pre-home-onboarding__head--is-clickable{cursor:pointer}.pre-home-onboarding__title,.pre-home-onboarding__description{position:relative;z-index:1;width:fit-content}.pre-home-onboarding__title{margin-bottom:var(--ds-spacing-s);letter-spacing:0}.pre-home-onboarding__wrapper{position:relative;z-index:1;max-width:var(--content-max-width);margin:0 auto;padding-inline:var(--ds-spacing-m);box-sizing:content-box;overflow:hidden;padding-bottom:var(--ds-spacing-m)}.pre-home-onboarding__wrapper--is-push-on{z-index:var(--z-index-modal)}.pre-home-onboarding__card-wrapper{display:flex;flex-direction:column;gap:var(--ds-spacing-m)}@container (min-width: 768px){.pre-home-onboarding__card-wrapper{flex-direction:row}}@container (min-width: 1024px){.pre-home-onboarding__card-wrapper{gap:var(--ds-spacing-xl)}}.pre-home-onboarding__card{flex:1}