l3p2-card{display:flex}l3p2-card[hidden]{display:none}.l3p2{--c-bg: var(--l3p2-bg);--c-border: var(--l3p2-border);--c-title: var(--l3p2-title);--c-sub: var(--l3p2-sub);--c-slot-dash: var(--l3p2-slot-dash);--c-slot-icon: var(--l3p2-slot-icon);--c-slot-bg: var(--l3p2-slot-bg);--c-label: var(--l3p2-label);--c-gift-label: var(--l3p2-gift-label);--c-track: var(--l3p2-track);--c-fill: var(--l3p2-fill);flex-direction:column;gap:14px;margin-top:12px;padding:var(--l3p2-padding);background:var(--c-bg);border:var(--l3p2-border-width) solid var(--c-border);border-radius:var(--l3p2-radius);color:var(--c-title);transition:background-color .4s ease,color .4s ease,border-color .4s ease}.l3p2.is-on{--c-bg: var(--l3p2-bg-on);--c-border: var(--l3p2-border-on);--c-title: var(--l3p2-title-on);--c-sub: var(--l3p2-sub-on);--c-slot-dash: var(--l3p2-slot-dash-on);--c-slot-icon: var(--l3p2-slot-icon-on);--c-slot-bg: var(--l3p2-slot-bg-on);--c-label: var(--l3p2-label-on);--c-gift-label: var(--l3p2-gift-label-on);--c-track: var(--l3p2-track-on);--c-fill: var(--l3p2-fill-on)}.l3p2 p{margin:0}.l3p2__title{font-family:var(--l3p2-title-font);font-size:var(--l3p2-title-size);font-weight:var(--l3p2-title-weight);line-height:1.25;letter-spacing:normal;text-transform:none;color:var(--c-title);transition:color .4s ease}.l3p2__sub{margin-top:4px!important;font-size:13px;line-height:1.4;color:var(--c-sub);transition:color .4s ease}.l3p2__title strong,.l3p2__title b{font-weight:700}.l3p2__sub strong,.l3p2__sub b{font-weight:700;color:var(--c-title)}.l3p2 a{color:inherit;text-decoration:underline}.l3p2__slots{display:grid;grid-template-columns:repeat(var(--l3p2-n, 3),minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.l3p2__slot{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.l3p2__slot-box{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:var(--l3p2-slot-height);border-radius:max(0px,calc(var(--l3p2-radius) - 6px));border:1.5px dashed var(--c-slot-dash);color:var(--c-slot-icon);transition:background-color .4s ease,border-color .4s ease,color .4s ease}.l3p2__slot.is-filled .l3p2__slot-box{background:var(--c-slot-bg);border:1.5px solid transparent;color:var(--l3p2-slot-fill-icon)}.l3p2.is-on .l3p2__slot--gift.is-filled .l3p2__slot-box{background:var(--l3p2-gift-bg-on)}.l3p2__slot--gift:not(.is-filled) .l3p2__slot-box{color:var(--c-gift-label)}.l3p2__slot-img{width:32px;height:32px;object-fit:contain;mix-blend-mode:multiply}.l3p2__gift-icon{width:var(--l3p2-gift-icon-size, 16px);height:var(--l3p2-gift-icon-size, 16px);flex-shrink:0}.l3p2__gift-icon--custom{object-fit:contain}.l3p2__check{position:absolute;top:-8px;right:-6px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--l3p2-check-bg-on);color:var(--l3p2-check-icon-on);box-shadow:0 0 0 2px var(--c-bg)}.l3p2__slot-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;color:var(--c-label);transition:color .4s ease}.l3p2__slot--gift .l3p2__slot-label{color:var(--c-gift-label)}.l3p2__bar{height:var(--l3p2-bar-height);border-radius:999px;background:var(--c-track);overflow:hidden;transition:background-color .4s ease}.l3p2__bar-fill{height:100%;border-radius:inherit;background:var(--c-fill);transition:width .5s cubic-bezier(.22,1,.36,1),background-color .4s ease}.l3p2__footer{font-size:12px;line-height:1.4;color:var(--c-sub)}.l3p2__texts{text-align:var(--l3p2-text-align, center)}.l3p2{--c-node-icon: var(--l3p2-node-icon)}.l3p2.is-on{--c-node-icon: var(--l3p2-node-icon-on)}.l3p2__steps{--l3p2-step-w: min(84px, calc(100% / var(--l3p2-n, 3)));position:relative}.l3p2--steps .l3p2__slots{position:relative;z-index:1;display:flex;justify-content:space-between;gap:0}.l3p2--steps .l3p2__slot{flex:0 0 var(--l3p2-step-w);width:var(--l3p2-step-w);gap:8px}.l3p2__line{position:absolute;top:calc((var(--l3p2-node-size) - var(--l3p2-bar-height)) / 2);left:calc(var(--l3p2-step-w) / 2);right:calc(var(--l3p2-step-w) / 2);height:var(--l3p2-bar-height);border-radius:999px;background:var(--c-track);overflow:hidden;transition:background-color .4s ease}.l3p2--steps .l3p2__slot-box{width:var(--l3p2-node-size);height:var(--l3p2-node-size);border-radius:50%;background:var(--c-bg)}.l3p2--steps .l3p2__slot.is-filled .l3p2__slot-box{background:var(--c-fill);color:var(--c-node-icon)}.l3p2--steps .l3p2__slot.is-filled .l3p2__slot-box:has(.l3p2__slot-img){background:var(--c-slot-bg)}.l3p2--steps .l3p2__slot-img{width:64%;height:64%}.l3p2--steps .l3p2__slot-fill-icon{width:46%;height:46%}.l3p2.is-on.l3p2--steps .l3p2__slot--gift.is-filled .l3p2__slot-box{background:var(--l3p2-gift-bg-on)}.l3p2--steps .l3p2__check{top:-4px;right:-6px;width:20px;height:20px}.l3p2--steps .l3p2__slot-label{font-weight:700}.l3p2-free-badge{display:inline-flex;align-items:center;align-self:flex-start;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--l3p2-badge-bg);color:var(--l3p2-badge-text);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.5;text-transform:uppercase}@keyframes l3p2-pop{0%{transform:scale(.55);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes l3p2-rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.l3p2-pre{opacity:0}.l3p2__slot-box.l3p2-pre{transform:scale(.55)}.l3p2-pop{animation:l3p2-pop .55s cubic-bezier(.22,1,.36,1) both}.l3p2-rise{animation:l3p2-rise .4s cubic-bezier(.22,1,.36,1) both}@media screen and (max-width:749px){.l3p2{gap:12px;padding:max(8px,calc(var(--l3p2-padding) - 2px));border-radius:max(0px,calc(var(--l3p2-radius) - 2px))}.l3p2__title{font-size:max(12px,calc(var(--l3p2-title-size) - 1px))}.l3p2__sub{margin-top:3px!important;font-size:12px}.l3p2__slots{gap:8px}.l3p2__slot-box{height:max(36px,calc(var(--l3p2-slot-height) - 8px));border-radius:max(0px,calc(var(--l3p2-radius) - 8px))}.l3p2__slot-label{font-size:10px}.l3p2--steps .l3p2__slot-box{width:max(28px,calc(var(--l3p2-node-size) - 6px));height:max(28px,calc(var(--l3p2-node-size) - 6px));border-radius:50%}.l3p2__line{top:calc((max(28px,calc(var(--l3p2-node-size) - 6px)) - var(--l3p2-bar-height)) / 2)}.l3p2__steps{--l3p2-step-w: min(76px, calc(100% / var(--l3p2-n, 3)))}}.l3p2--static,.l3p2--static *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.l3p2,.l3p2 *,.l3p2-pop,.l3p2-rise{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/l3p2-card.css.map */