.bundle-contents{container:bundle-contents / inline-size;display:flex;flex-direction:column;gap:12px;padding:14px 14px 12px;background:var(--bundle-contents-background, #fff6ec);border:var(--bundle-contents-border-width, 1px) solid var(--bundle-contents-border-color, #e987014d);border-radius:var(--bundle-contents-radius, 18px);color:var(--bundle-contents-name-color, #124877)}.bundle-contents__summary{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;border:0;color:inherit;font:inherit;text-align:start;cursor:pointer}.bundle-contents__summary:focus-visible{outline:2px solid var(--bundle-contents-title-color, #124877);outline-offset:3px;border-radius:8px}.bundle-contents__heading{display:flex;align-items:center;gap:8px;min-width:0}.bundle-contents__badge{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:22px;height:22px;border-radius:11px;background:var(--bundle-contents-icon-background, #fb9100);color:var(--bundle-contents-icon-color, #ffffff)}.bundle-contents__icon{display:block}.bundle-contents__badge-image{display:block;width:13px;height:13px;object-fit:contain}.bundle-contents__title{min-width:0;margin:0;color:var(--bundle-contents-title-color, #124877);font-family:var(--heading-font-family);font-size:16px;font-weight:600;line-height:normal}.bundle-contents__toggle{display:inline-flex;flex-shrink:0;align-items:center;gap:4px;padding:4px 6px 4px 10px;border-radius:99px;background:var(--bundle-contents-toggle-background, #ffffff);color:var(--bundle-contents-toggle-color, #124877);font-family:var(--heading-font-family);font-size:14px;font-weight:700;line-height:normal}.bundle-contents__toggle-label--open{display:none}.bundle-contents__chevron{display:flex;flex-shrink:0;transition:transform .2s ease-in-out}.bundle-contents.is-open .bundle-contents__toggle-label--closed{display:none}.bundle-contents.is-open .bundle-contents__toggle-label--open{display:inline}.bundle-contents.is-open .bundle-contents__chevron{transform:rotate(180deg)}.bundle-contents__panel{min-width:0}.bundle-contents:not(.is-open) .bundle-contents__panel:has(.bundle-contents__list--scroll){position:relative;isolation:isolate}.bundle-contents:not(.is-open) .bundle-contents__panel:has(.bundle-contents__list--scroll):before,.bundle-contents:not(.is-open) .bundle-contents__panel:has(.bundle-contents__list--scroll):after{content:"";position:absolute;z-index:2;top:0;bottom:10px;width:36px;pointer-events:none}.bundle-contents:not(.is-open) .bundle-contents__panel:has(.bundle-contents__list--scroll):before{left:0;background:linear-gradient(to right,var(--bundle-contents-background, #fff6ec) 0 14px,transparent 36px);opacity:0}.bundle-contents:not(.is-open) .bundle-contents__panel:has(.bundle-contents__list--scroll:not(.is-scroll-start)):before{opacity:1}.bundle-contents:not(.is-open) .bundle-contents__panel:has(.bundle-contents__list--scroll):after{right:0;background:linear-gradient(to left,var(--bundle-contents-background, #fff6ec) 0 14px,transparent 36px)}.bundle-contents:not(.is-open) .bundle-contents__panel:has(.bundle-contents__list--scroll.is-scroll-end):after,.bundle-contents:not(.is-open) .bundle-contents__panel:has(.bundle-contents__list--scroll.is-scroll-start.is-scroll-end):before{opacity:0}.bundle-contents__list{display:flex;align-items:flex-start;justify-content:space-between;width:100%;min-width:0;margin:0;padding:0;list-style:none}.bundle-contents:not(.is-open) .bundle-contents__list{gap:5px}.bundle-contents:not(.is-open) .bundle-contents__list--scroll{--bundle-scroll-size: 44px;--bundle-scroll-gap: 5px;justify-content:flex-start;gap:var(--bundle-scroll-gap);width:100%;padding-bottom:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:0;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--bundle-contents-avatar-border-color, #e1e8ef) transparent;cursor:grab;-webkit-overflow-scrolling:touch}.bundle-contents:not(.is-open) .bundle-contents__list--scroll.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.bundle-contents:not(.is-open) .bundle-contents__list--scroll:focus-visible{outline:2px solid var(--bundle-contents-title-color, #124877);outline-offset:3px}.bundle-contents:not(.is-open) .bundle-contents__list--scroll::-webkit-scrollbar{height:4px}.bundle-contents:not(.is-open) .bundle-contents__list--scroll::-webkit-scrollbar-thumb{border-radius:99px;background:var(--bundle-contents-avatar-border-color, #e1e8ef)}.bundle-contents:not(.is-open) .bundle-contents__list--scroll .bundle-contents__item{flex:0 0 var(--bundle-scroll-size);width:var(--bundle-scroll-size);min-width:var(--bundle-scroll-size);max-width:var(--bundle-scroll-size);scroll-snap-align:start}.bundle-contents:not(.is-open) .bundle-contents__list--scroll .bundle-contents__media{width:100%;max-width:44px;min-width:0}.bundle-contents.is-open .bundle-contents__list--scroll{overflow:visible;cursor:auto;scroll-snap-type:none}.bundle-contents__item{display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:5px;width:auto;min-width:0}.bundle-contents__media{flex-shrink:0;width:44px;height:44px;min-width:44px;min-height:44px;overflow:hidden;border:1px solid var(--bundle-contents-avatar-border-color, #e1e8ef);border-radius:50%;background:var(--bundle-contents-media-background, #ffffff)}.bundle-contents:not(.is-open) .bundle-contents__media{width:44px;height:auto;max-width:100%;min-width:0;min-height:0;aspect-ratio:1}.bundle-contents__image{display:block;width:100%;height:100%;object-fit:cover}.bundle-contents__name--short{max-width:100%;overflow:hidden;color:var(--bundle-contents-name-color, #124877);font-family:var(--heading-font-family);font-size:11.5px;font-weight:700;line-height:normal;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bundle-contents__body,.bundle-contents__qty{display:none}.bundle-contents.is-open .bundle-contents__list{flex-direction:column;align-items:stretch;justify-content:flex-start}.bundle-contents.is-open .bundle-contents__item{flex:none;flex-direction:row;align-items:center;gap:12px;width:100%;padding:8px 4px;border-top:1px solid var(--bundle-contents-divider-color, #e1e8ef)}.bundle-contents.is-open .bundle-contents__media{width:40px;height:40px;min-width:40px;min-height:40px}.bundle-contents.is-open .bundle-contents__name--short{display:none}.bundle-contents.is-open .bundle-contents__body{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.bundle-contents__name--full{color:var(--bundle-contents-name-color, #124877);font-family:var(--heading-font-family);font-size:13.5px;font-weight:700;line-height:16.88px;overflow-wrap:break-word}.bundle-contents__specs{color:var(--bundle-contents-spec-color, #415769);font-family:var(--heading-font-family);font-size:12px;font-weight:500;line-height:normal;overflow-wrap:break-word}.bundle-contents.is-open .bundle-contents__qty{display:block;flex-shrink:0;color:var(--bundle-contents-quantity-color, #415769);font-family:var(--heading-font-family);font-size:12px;font-weight:700;line-height:normal}.bundle-contents.is-open .bundle-contents__qty--free{color:var(--bundle-contents-free-color, #36cc60)}.bundle-contents__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px dashed var(--bundle-contents-footer-divider-color, #d8dfe6);font-size:14px;line-height:normal}.bundle-contents__einzel{display:flex;margin:0;color:var(--bundle-contents-price-color, #415769);font-weight:600}.bundle-contents__price-label{font-family:var(--heading-font-family)}.bundle-contents__compare{font-family:var(--text-font-family)}.bundle-contents__compare--strike{text-decoration:line-through}.bundle-contents__savings{margin:0;color:var(--bundle-contents-savings-color, #36cc60);font-family:var(--heading-font-family);font-weight:700}.bundle-contents__savings--hidden{display:none}@container bundle-contents (min-width: 372px){.bundle-contents:not(.is-open) .bundle-contents__item{flex:1 1 0;width:auto;max-width:62px}.bundle-contents:not(.is-open) .bundle-contents__list--scroll{--bundle-scroll-size: 62px}.bundle-contents:not(.is-open) .bundle-contents__media{width:100%;height:auto;max-width:50px;min-width:0;min-height:0;aspect-ratio:1}.bundle-contents:not(.is-open) .bundle-contents__list--scroll .bundle-contents__media{max-width:50px}.bundle-contents.is-open .bundle-contents__footer{font-size:16px}}@media screen and (prefers-reduced-motion:reduce){.bundle-contents__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/bundle-contents.css.map */