.macronova-bundle-insert-container{container:bundle-insert / inline-size;margin-block:0 22px}.macronova-bundle-insert{display:block;overflow:hidden;border:1px solid var(--macronova-ink);border-radius:5px;background:var(--macronova-ink);color:var(--macronova-surface);text-decoration:none;box-shadow:0 3px 10px rgb(var(--macronova-ink-rgb) / 10%)}.macronova-bundle-insert:focus-visible{outline:3px solid var(--macronova-ink);outline-offset:4px}.macronova-bundle-insert__main{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:"eyebrow eyebrow" "copy pouches";align-items:center;column-gap:8px;padding:15px 16px 13px}.macronova-bundle-insert__eyebrow{grid-area:eyebrow;margin-block-end:10px;color:var(--macronova-accent);font-size:10px;font-weight:800;line-height:1.4;letter-spacing:1.3px}.macronova-bundle-insert__copy{grid-area:copy}.macronova-bundle-insert__heading,.macronova-bundle-insert__body{display:block}.macronova-bundle-insert__heading{margin-block-end:7px;font-size:28px;font-weight:800;line-height:28.35px;letter-spacing:-1.4px}.macronova-bundle-insert__body{font-size:14px;line-height:1.35}.macronova-bundle-insert__pouches{grid-area:pouches;position:relative;display:block;inline-size:112px;block-size:82px}.macronova-bundle-insert__pouch{position:absolute;inline-size:43px;block-size:auto;max-inline-size:none;transform:rotate(var(--pouch-angle));transform-origin:50% 70%;filter:drop-shadow(0 4px 3px rgb(var(--macronova-ink-rgb) / 33%))}.macronova-bundle-insert__pouch--1{left:0;top:9px;--pouch-angle: -17deg}.macronova-bundle-insert__pouch--4{left:32px;top:0;--pouch-angle: 3deg;z-index:3}.macronova-bundle-insert__pouch--6{left:65px;top:11px;--pouch-angle: 17deg}.macronova-bundle-insert__pouch--2,.macronova-bundle-insert__pouch--3,.macronova-bundle-insert__pouch--5{display:none}.macronova-bundle-insert__cta{display:flex;align-items:center;justify-content:center;gap:14px;min-block-size:48px;padding:10px 16px;background:var(--macronova-accent);color:var(--macronova-ink);font-size:16px;font-weight:800;line-height:1.4}.macronova-bundle-insert__arrow{font-size:24px;font-weight:400;line-height:1}@container bundle-insert (max-width: 327px){.macronova-bundle-insert__main{padding:14px 13px 12px;grid-template-columns:minmax(0,1fr) 102px;column-gap:5px}.macronova-bundle-insert__heading{font-size:27px;line-height:26.25px}.macronova-bundle-insert__eyebrow{letter-spacing:1.1px}.macronova-bundle-insert__pouches{transform:scale(.9);transform-origin:left center}}@container bundle-insert (min-width: 350px){.macronova-bundle-insert__heading{font-size:29px}}@container bundle-insert (max-width: 299px){.macronova-bundle-insert__heading{font-size:26px}}@container bundle-insert (min-width: 520px){.macronova-bundle-insert__main{grid-template-columns:minmax(0,1fr) 46%;grid-template-areas:"eyebrow pouches" "copy pouches";column-gap:15px;padding:23px clamp(20px,3.68cqi,25px) 20px}.macronova-bundle-insert__eyebrow{align-self:end;margin-block-end:8px;letter-spacing:1.8px}.macronova-bundle-insert__copy{align-self:start}.macronova-bundle-insert__heading{margin-block-end:10px;font-size:clamp(31px,5.9cqi,40px);letter-spacing:-1.4px;line-height:clamp(29.87px,5.6032cqi,38.11px)}.macronova-bundle-insert__body{line-height:1.4}.macronova-bundle-insert__pouches{inline-size:100%;max-inline-size:280px;block-size:120px;margin-inline:auto}.macronova-bundle-insert__pouch{display:block;inline-size:17.5%}.macronova-bundle-insert__pouch--1{left:3.2%;top:32px;--pouch-angle: -19deg;inline-size:19.6%}.macronova-bundle-insert__pouch--2{left:18.6%;top:8px;--pouch-angle: -8deg;z-index:2}.macronova-bundle-insert__pouch--3{left:33.9%;top:31px;--pouch-angle: 9deg;z-index:4}.macronova-bundle-insert__pouch--4{left:48.6%;top:5px;--pouch-angle: -7deg}.macronova-bundle-insert__pouch--5{left:64.3%;top:27px;--pouch-angle: 12deg;z-index:5}.macronova-bundle-insert__pouch--6{left:78.9%;top:16px;--pouch-angle: 22deg}.macronova-bundle-insert__cta{justify-content:flex-end;gap:15px;padding-inline:25px;min-block-size:50px}@media(prefers-reduced-motion:no-preference){.macronova-bundle-insert:focus-visible .macronova-bundle-insert__pouch{animation:macronova-bundle-jiggle .6s ease-in-out}.macronova-bundle-insert__pouch:nth-child(2n){animation-delay:60ms}@media(hover:hover)and (pointer:fine){.macronova-bundle-insert{transition:transform .18s,box-shadow .18s}.macronova-bundle-insert:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgb(var(--macronova-ink-rgb) / 17%)}.macronova-bundle-insert:hover .macronova-bundle-insert__pouch{animation:macronova-bundle-jiggle .6s ease-in-out}.macronova-bundle-insert:hover .macronova-bundle-insert__pouch:nth-child(2n){animation-delay:60ms}}}}@keyframes macronova-bundle-jiggle{0%,to{transform:rotate(var(--pouch-angle)) translateY(0)}30%{transform:rotate(calc(var(--pouch-angle) - 7deg)) translateY(-5px)}65%{transform:rotate(calc(var(--pouch-angle) + 4deg)) translateY(-2px)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/macronova-bundle-insert.css.map */