.mpack-card{position:relative;container-type:inline-size;display:flex;flex-direction:column;background:var(--mpack-card);border:var(--mpack-border);border-radius:var(--mpack-radius);overflow:hidden;transition:transform var(--mpack-drawer) var(--ease-out),border-color var(--mpack-hover) var(--ease-out)}.mpack-card.mpack-rv{transition-delay:calc(var(--card-index, 0) * 70ms)}.mpack-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--mpack-ink) 26%,transparent)}.mpack-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.mpack-card__media{position:relative;z-index:2;aspect-ratio:4 / 5;background:var(--mpack-bg-2);overflow:hidden;pointer-events:none}.mpack-card__media>:is(img,svg,picture,.mpack-pouch){display:block;width:100%;height:100%;object-fit:contain;transition:transform var(--mpack-hover) var(--ease-out)}.mpack-card:hover .mpack-card__media>:is(img,svg,picture,.mpack-pouch){transform:translateY(-6px) rotate(-1.5deg)}.mpack-card__media>:is(img,.mpack-pouch){box-sizing:border-box;padding:40px 18px 42px}.mpack-card__media>.mpack-pouch>svg{width:100%;height:100%}.mpack-card__body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;pointer-events:none}.mpack-card__body :is(a,button,summary,input,product-form-component){pointer-events:auto}.mpack-card__title{margin:0;font-family:var(--mpack-font-display);font-weight:700;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:var(--mpack-ink)}.mpack-card__meta{margin:0;font-size:.8125rem;color:var(--mpack-ink-2);font-variant-numeric:tabular-nums}.mpack-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block-start:auto;padding-block-start:4px}.mpack-card__price{font-family:var(--mpack-font-display);font-weight:700;font-size:1.25rem;letter-spacing:.01em;color:var(--mpack-accent);font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;gap:6px}.mpack-card__was{font-family:var(--mpack-font-body);font-size:.875rem;font-weight:400;color:var(--mpack-ink-2)}@container (max-width: 230px){.mpack-card__foot{flex-wrap:wrap}.mpack-card__foot .mpack-quick-add,.mpack-card__foot .mpack-quick-add form,.mpack-card__add{width:100%}.mpack-card__add{justify-content:center}}.mpack-card__add{padding:9px 14px;font-size:.875rem}@media(hover:hover)and (pointer:fine){.mpack-card .mpack-quick-add{opacity:0;transform:translateY(8px);transition:opacity var(--mpack-hover) var(--ease-out),transform var(--mpack-hover) var(--ease-out)}.mpack-card:hover .mpack-quick-add,.mpack-card:focus-within .mpack-quick-add{opacity:1;transform:none}}.mpack-card__add:hover:not([disabled]):not([aria-disabled=true]){background:var(--mpack-accent);color:var(--mpack-accent-ink)}.mpack-badges{position:absolute;inset-block-start:10px;inset-inline-start:10px;z-index:3;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.mpack-badge{position:relative;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--mpack-line);border-radius:3px;background:#15100dc7;color:var(--mpack-ink);font-family:var(--mpack-font-display);font-weight:700;font-size:.6875rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;overflow:hidden;transition:background-color var(--mpack-drawer) var(--ease-out),color var(--mpack-drawer) var(--ease-out)}.mpack-badge__ico{display:block;width:13px;height:13px}.mpack-badge__ico svg{display:block;width:100%;height:100%;overflow:visible}.mpack-badge--astrus{color:var(--mpack-accent)}.mpack-card:hover .mpack-badge--astrus{background:var(--mpack-accent);color:var(--mpack-accent-ink)}.mpack-flame{transform-origin:8px 13px}.mpack-card:hover .mpack-flame--1{animation:mpack-flame .6s var(--ease-in-out) infinite}.mpack-card:hover .mpack-flame--2{animation:mpack-flame .6s var(--ease-in-out) 80ms infinite}.mpack-card:hover .mpack-flame--3{animation:mpack-flame .6s var(--ease-in-out) .16s infinite}@keyframes mpack-flame{50%{transform:scale(1.12,.92) skew(-4deg)}}.mpack-badge--perkamiausias{background:var(--mpack-accent);border-color:transparent;color:var(--mpack-accent-ink)}.mpack-badge--perkamiausias:after{content:"";position:absolute;inset-block:0;inset-inline-start:-60%;width:55%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%)}.mpack-card:hover .mpack-badge--perkamiausias:after{animation:mpack-badge-sweep .4s var(--ease-out) 1 both}@keyframes mpack-badge-sweep{to{transform:translate(420%)}}.mpack-badge__leaf{transform-origin:11px 4px;transition:transform var(--mpack-hover) var(--ease-out)}.mpack-card:hover .mpack-badge__leaf{animation:mpack-leaf .5s var(--ease-out) 1 both}@keyframes mpack-leaf{0%{transform:rotate(-8deg)}55%{transform:rotate(6deg)}to{transform:rotate(0)}}.mpack-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--mpack-accent);animation:mpack-dot 2.4s var(--ease-in-out) infinite}@keyframes mpack-dot{50%{opacity:.45;transform:scale(.82)}}.mpack-badge__hand{transform-origin:8px 8px;transition:transform var(--mpack-drawer) var(--ease-out)}.mpack-card:hover .mpack-badge__hand{transform:rotate(90deg)}.mpack-badge--emergency{background:#15100db8;border-color:var(--mpack-alert);color:var(--mpack-alert)}.mpack-card:hover .mpack-badge--emergency{animation:mpack-alert-blink .6s var(--ease-in-out) 1 both}@keyframes mpack-alert-blink{0%,to{border-color:var(--mpack-alert)}25%,75%{border-color:color-mix(in srgb,var(--mpack-alert) 25%,transparent)}50%{border-color:var(--mpack-alert)}}.mpack-save{position:absolute;inset-block-start:10px;inset-inline-end:10px;z-index:3;padding:5px 9px;border-radius:3px;background:var(--mpack-accent);color:var(--mpack-accent-ink);font-family:var(--mpack-font-display);font-weight:700;font-size:.75rem;line-height:1;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-4deg);transform-origin:90% 0}.mpack-save--percent{letter-spacing:.06em}.mpack-bundleprice{display:flex;flex-wrap:wrap;column-gap:8px;font-family:var(--mpack-font-body);font-size:.8125rem;font-weight:400;line-height:1.35;color:var(--mpack-ink-2)}.mpack-bundleprice--stack{flex-direction:column;margin-block-start:2px}.mpack-bundleprice--inline{flex-direction:row}.mpack-bundleprice__per{font-variant-numeric:tabular-nums}.mpack-card:hover .mpack-save{animation:mpack-save-swing .6s cubic-bezier(.18,1.4,.4,1) 1 both}@keyframes mpack-save-swing{0%{transform:rotate(-10deg)}55%{transform:rotate(4deg)}to{transform:rotate(0)}}.mpack-card__chips{position:absolute;inset-block-end:10px;inset-inline:10px;z-index:3;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 8px;pointer-events:none}.mpack-card__chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--mpack-line);border-radius:3px;background:#15100db8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--mpack-ink);font-size:.6875rem;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.mpack-card__chip-ico{display:block;width:13px;height:13px;color:var(--mpack-ink-2)}.mpack-card__chip-ico svg{display:block;width:100%;height:100%;overflow:visible}.mpack-steam{opacity:.55}.mpack-card:hover .mpack-steam--1{animation:mpack-steam .9s var(--ease-out) 1 both}.mpack-card:hover .mpack-steam--2{animation:mpack-steam .9s var(--ease-out) .12s 1 both}.mpack-card:hover .mpack-steam--3{animation:mpack-steam .9s var(--ease-out) .24s 1 both}@keyframes mpack-steam{0%{opacity:0;transform:translateY(3px)}40%{opacity:1;transform:translateY(0)}to{opacity:.55;transform:translateY(-2px)}}.mpack-battery{position:relative;display:block;width:20px;height:9px;border:1px solid color-mix(in srgb,var(--mpack-ink) 45%,transparent);border-radius:2px;padding:1.5px}.mpack-battery:after{content:"";position:absolute;inset-block:2px;inset-inline-end:-3px;width:2px;border-radius:0 1px 1px 0;background:color-mix(in srgb,var(--mpack-ink) 45%,transparent)}.mpack-battery__fill{display:block;height:100%;border-radius:1px;background:var(--mpack-accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}.mpack-card:hover .mpack-battery__fill{transform:scaleX(calc(var(--kcal-fill, 0) / 100))}.mpack-pills{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.mpack-pill{padding:3px 8px;border:1px solid var(--mpack-line);border-radius:999px;font-size:.6875rem;line-height:1.4;color:var(--mpack-ink-2)}.mpack-pill--stock{border-color:color-mix(in srgb,var(--mpack-accent) 45%,transparent);color:var(--mpack-accent);font-variant-numeric:tabular-nums}.mpack-card__foot:has(.mpack-notify){display:block}.mpack-notify{width:100%}.mpack-notify__toggle{width:100%;justify-content:center;padding:9px 14px;font-size:.875rem;cursor:pointer;list-style:none}.mpack-notify__toggle::-webkit-details-marker{display:none}.mpack-notify__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--mpack-dropdown) var(--ease-out)}.mpack-notify[open] .mpack-notify__panel{grid-template-rows:1fr}.mpack-notify__inner{overflow:hidden}.mpack-notify__form{display:flex;flex-wrap:wrap;gap:6px;padding-block-start:8px}.mpack-notify__input{flex:1 1 11ch;min-width:0;padding:8px 10px;border:var(--mpack-border);border-radius:var(--mpack-radius);background:var(--mpack-bg-2);color:var(--mpack-ink);font:inherit;font-size:.875rem}.mpack-notify__input::placeholder{color:var(--mpack-ink-2)}.mpack-notify__send{padding:8px 12px;font-size:.8125rem}.mpack-notify__done{margin:8px 0 0;font-size:.8125rem;color:var(--mpack-accent)}.card-gallery{--card-index: 0}.card-gallery .mpack-badges,.card-gallery .mpack-save,.card-gallery .mpack-card__chips{z-index:3}.card-gallery:has(.product-badges--top-right) .mpack-badges{inset-block-start:40px}product-card:hover .mpack-flame--1{animation:mpack-flame .6s var(--ease-in-out) infinite}product-card:hover .mpack-flame--2{animation:mpack-flame .6s var(--ease-in-out) 80ms infinite}product-card:hover .mpack-flame--3{animation:mpack-flame .6s var(--ease-in-out) .16s infinite}product-card:hover .mpack-badge--astrus{background:var(--mpack-accent);color:var(--mpack-accent-ink)}product-card:hover .mpack-badge--perkamiausias:after{animation:mpack-badge-sweep .4s var(--ease-out) 1 both}product-card:hover .mpack-badge__leaf{animation:mpack-leaf .5s var(--ease-out) 1 both}product-card:hover .mpack-badge__hand{transform:rotate(90deg)}product-card:hover .mpack-badge--emergency{animation:mpack-alert-blink .6s var(--ease-in-out) 1 both}product-card:hover .mpack-save{animation:mpack-save-swing .6s cubic-bezier(.18,1.4,.4,1) 1 both}product-card:hover .mpack-steam--1{animation:mpack-steam .9s var(--ease-out) 1 both}product-card:hover .mpack-steam--2{animation:mpack-steam .9s var(--ease-out) .12s 1 both}product-card:hover .mpack-steam--3{animation:mpack-steam .9s var(--ease-out) .24s 1 both}product-card:hover .mpack-battery__fill{transform:scaleX(calc(var(--kcal-fill, 0) / 100))}@media(prefers-reduced-motion:reduce){.mpack-card,.mpack-card__media>:is(img,svg,picture,.mpack-pouch),.mpack-badge,.mpack-badge__leaf,.mpack-badge__hand,.mpack-battery__fill,.mpack-notify__panel{transition:none}.mpack-card:hover,.mpack-card:hover .mpack-card__media>:is(img,svg,picture,.mpack-pouch){transform:none}.mpack-card .mpack-quick-add{opacity:1;transform:none;transition:none}.mpack-badge__dot,:is(.mpack-card,product-card):hover :is(.mpack-flame,.mpack-badge__leaf,.mpack-steam,.mpack-save,.mpack-badge--emergency,.mpack-badge--perkamiausias:after){animation:none}:is(.mpack-card,product-card):hover .mpack-battery__fill{transform:scaleX(calc(var(--kcal-fill, 0) / 100))}}.card-gallery .product-badges__badge.color-custom-badge-sale{display:none}.mpack-is-added{position:relative}.mpack-added{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:inherit;background:var(--mpack-brand);color:var(--mpack-ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--mpack-accent) 70%,transparent);animation:mpack-added-in .2s var(--ease-out) both}.mpack-added__tick{width:16px;height:16px;flex:none;color:var(--mpack-accent);stroke-dasharray:20;stroke-dashoffset:20;animation:mpack-added-tick .26s var(--ease-out) 80ms forwards}@keyframes mpack-added-in{0%{opacity:0;transform:translateY(3px)}}@keyframes mpack-added-tick{to{stroke-dashoffset:0}}.cart-items__media-image.cart-items__media-image,.resource-card .resource-card__image{object-fit:contain;background-color:var(--color-background)}.card-gallery .product-media-container.media-fit{background-color:var(--color-background)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mpack-components.css.map */
