.budget-alternative{--budget-alternative-accent: #14c4f5;position:relative;isolation:isolate;overflow:hidden;margin-block:2rem;padding:1.8rem;border:.1rem solid color-mix(in srgb,rgba(var(--color-foreground)),transparent 84%);border-radius:1.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--budget-alternative-accent),transparent 94%),transparent 58%),rgba(var(--color-background))}.budget-alternative:after{content:"";position:absolute;z-index:-1;inset:auto -5rem -6rem auto;width:13rem;height:13rem;border-radius:50%;background:color-mix(in srgb,var(--budget-alternative-accent),transparent 93%)}.budget-alternative__preview-status{display:inline-flex;margin:0 0 1.2rem;padding:.45rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--budget-alternative-accent),transparent 88%);color:color-mix(in srgb,var(--budget-alternative-accent),#07313b 55%);font-size:1.15rem;font-weight:650;line-height:1.35}.budget-alternative__intro{margin-bottom:1.25rem}.budget-alternative__products{display:grid;gap:1rem}.budget-alternative__heading,.budget-alternative__recommendation-label{margin:0;color:rgba(var(--color-foreground-alt));font-size:1.4rem;font-weight:700;line-height:1.35}.budget-alternative__criteria{display:grid;gap:.4rem;margin:.65rem 0 1.2rem;padding:0;list-style:none}.budget-alternative__criteria li{position:relative;margin:0;padding-left:1.8rem;color:color-mix(in srgb,rgba(var(--color-foreground)),transparent 24%);font-size:1.3rem;line-height:1.45}.budget-alternative__criteria li:before{content:"\2713";position:absolute;inset:0 auto auto 0;color:var(--budget-alternative-accent);font-weight:800}.budget-alternative__product{position:relative;display:grid;grid-template-columns:7.6rem minmax(0,1fr);gap:1.1rem;align-items:center;overflow:hidden;min-width:0;padding:1rem 3.2rem 1rem 1rem;border:.1rem solid color-mix(in srgb,rgba(var(--color-foreground)),transparent 86%);border-radius:1rem;background:color-mix(in srgb,rgba(var(--color-background)),transparent 4%);color:rgba(var(--color-foreground));text-decoration:none;box-shadow:0 .2rem .8rem transparent;transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.budget-alternative__product:before{content:"";position:absolute;inset:1rem auto 1rem 0;width:.3rem;border-radius:0 999px 999px 0;background:var(--budget-alternative-accent);opacity:0;transform:scaleY(.35);transition:opacity .22s ease,transform .22s ease}.budget-alternative__product:after{content:"\203a";position:absolute;top:50%;right:1.35rem;color:var(--budget-alternative-accent);font-size:2.6rem;font-weight:300;line-height:1;transform:translateY(-52%);transition:transform .18s ease}.budget-alternative__media{display:grid;width:7.6rem;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:.8rem;background:#fff}.budget-alternative__image,.budget-alternative__placeholder,.budget-alternative__placeholder svg{display:block;width:100%;height:100%}.budget-alternative__image{object-fit:contain;transition:transform .22s ease}.budget-alternative__placeholder{color:color-mix(in srgb,rgba(var(--color-foreground)),transparent 76%)}.budget-alternative__details{display:block;min-width:0}.budget-alternative__product--unavailable{border-style:dashed;opacity:.72}.budget-alternative__product--unavailable:after{content:none}.budget-alternative__unavailable-status{display:inline-flex;margin-bottom:.5rem;padding:.25rem .55rem;border-radius:999px;background:color-mix(in srgb,rgba(var(--color-foreground)),transparent 90%);color:color-mix(in srgb,rgba(var(--color-foreground)),transparent 30%);font-size:1rem;font-weight:700;line-height:1.25}.budget-alternative__title{display:-webkit-box;overflow:hidden;color:rgba(var(--color-foreground-alt));font-size:1.4rem;font-weight:650;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.budget-alternative__price-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:.7rem}.budget-alternative__price{color:rgba(var(--color-foreground-alt));font-size:1.65rem;font-weight:750;line-height:1.2}.budget-alternative__saving{display:inline-flex;padding:.3rem .65rem;border-radius:999px;background:var(--budget-alternative-accent);color:#fff;font-size:1.05rem;font-weight:700;line-height:1.25}.budget-alternative__saving-detail{display:block;margin-top:.4rem;color:color-mix(in srgb,rgba(var(--color-foreground)),transparent 36%);font-size:1.15rem;line-height:1.35}.budget-alternative__cta{display:inline-flex;gap:.35rem;align-items:center;margin-top:.8rem;color:#f065a5;font-size:1.25rem;font-weight:700;line-height:1.3}.budget-alternative__cta svg{width:1.5rem;height:1.5rem;transition:transform .18s ease}.budget-alternative__product:focus-visible{outline:.2rem solid var(--budget-alternative-accent);outline-offset:.3rem;border-color:color-mix(in srgb,var(--budget-alternative-accent),transparent 42%);background:color-mix(in srgb,var(--budget-alternative-accent),transparent 95%);box-shadow:0 1rem 2.4rem color-mix(in srgb,var(--budget-alternative-accent),transparent 86%),0 .3rem .8rem #0000000d;transform:translateY(-.2rem)}.budget-alternative__product:focus-visible:before{opacity:1;transform:scaleY(1)}.budget-alternative__product:focus-visible:after{transform:translate(.3rem,-52%)}.budget-alternative__product:focus-visible .budget-alternative__image{transform:scale(1.035)}.budget-alternative__product:focus-visible .budget-alternative__cta svg{transform:translate(.3rem)}@media(hover:hover)and (pointer:fine){.budget-alternative__product:not(.budget-alternative__product--unavailable):hover{border-color:color-mix(in srgb,var(--budget-alternative-accent),transparent 42%);background:color-mix(in srgb,var(--budget-alternative-accent),transparent 95%);box-shadow:0 1rem 2.4rem color-mix(in srgb,var(--budget-alternative-accent),transparent 86%),0 .3rem .8rem #0000000d;transform:translateY(-.2rem)}.budget-alternative__product:not(.budget-alternative__product--unavailable):hover:before{opacity:1;transform:scaleY(1)}.budget-alternative__product:not(.budget-alternative__product--unavailable):hover:after{transform:translate(.3rem,-52%)}.budget-alternative__product:not(.budget-alternative__product--unavailable):hover .budget-alternative__image{transform:scale(1.035)}.budget-alternative__product:not(.budget-alternative__product--unavailable):hover .budget-alternative__cta svg{transform:translate(.3rem)}}@media screen and (min-width:750px){.budget-alternative__products:not(.budget-alternative__products--single){grid-template-columns:repeat(2,minmax(0,1fr))}.budget-alternative__products:not(.budget-alternative__products--single) .budget-alternative__product:last-child:nth-child(odd){grid-column:1 / -1}}@media screen and (max-width:430px){.budget-alternative{padding:1.4rem}.budget-alternative__price{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.budget-alternative__product,.budget-alternative__product:before,.budget-alternative__product:after,.budget-alternative__image,.budget-alternative__cta svg{transition:none}.budget-alternative__product:focus-visible,.budget-alternative__product:focus-visible:after,.budget-alternative__product:focus-visible .budget-alternative__image,.budget-alternative__product:focus-visible .budget-alternative__cta svg{transform:none}}@media(prefers-reduced-motion:reduce)and (hover:hover)and (pointer:fine){.budget-alternative__product:not(.budget-alternative__product--unavailable):hover,.budget-alternative__product:not(.budget-alternative__product--unavailable):hover:after,.budget-alternative__product:not(.budget-alternative__product--unavailable):hover .budget-alternative__image,.budget-alternative__product:not(.budget-alternative__product--unavailable):hover .budget-alternative__cta svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-budget-alternative.css.map */