:root{--_fid:"cuioro"}[data-tier-layout=list] .im7y4g-qty-break{display:flex;flex-direction:column;align-items:stretch;padding:0;border:0;border-radius:var(--card-border-radius);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-text) 15%,transparent);overflow:hidden;cursor:pointer;position:relative;transition:background-color .22s var(--ease-in-out-cubic);animation:im7y4g-qb-reveal .55s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)) both}[data-tier-layout=list] .im7y4g-qty-break:nth-child(1){animation-delay:0ms}[data-tier-layout=list] .im7y4g-qty-break:nth-child(2){animation-delay:80ms}[data-tier-layout=list] .im7y4g-qty-break:nth-child(3){animation-delay:.16s}[data-tier-layout=list] .im7y4g-qty-break:nth-child(4){animation-delay:.24s}[data-tier-layout=list] .im7y4g-qty-break:nth-child(n+5){animation-delay:.32s}@media(prefers-reduced-motion:reduce){[data-tier-layout=list] .im7y4g-qty-break{animation:none}}[data-tier-layout=list] .im7y4g-qty-break:has(>.im7y4g-qty-break__badge--corner-pill){overflow:visible}[data-tier-layout=list] .im7y4g-qty-break:hover:not(.im7y4g-qty-break--disabled):not(.im7y4g-qty-break--selected){box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-text) 35%,transparent)}[data-tier-layout=list] .im7y4g-qty-break:not(.im7y4g-qty-break--disabled):active{filter:brightness(.97)}[data-tier-layout=list] .im7y4g-qty-break:focus-visible{outline:2px solid var(--color-links);outline-offset:2px}[data-tier-layout=list] .im7y4g-qty-break--selected{box-shadow:inset 0 0 0 2px var(--color-links);background-color:color-mix(in oklch,var(--color-links) 18%,var(--color-background))}[data-tier-layout=list] .im7y4g-qty-break--selected:before{content:"";position:absolute;top:var(--space-sm);left:var(--space-sm);width:1.25rem;height:1.25rem;z-index:var(--z-local-2);border-radius:var(--radius-circle);background-color:var(--color-links);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2.5,6.5 5,9 9.5,3.5'/%3E%3C/svg%3E");background-size:72%;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 2px var(--color-background);animation:im7y4g-qb-check .36s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)) both}[data-tier-layout=list] .im7y4g-qty-break--selected:has(.im7y4g-qty-break__badge--full_width):before,[data-tier-layout=list] .im7y4g-qty-break--selected:has(.im7y4g-qty-break__badge--normal):before,[data-tier-layout=list] .im7y4g-qty-break--selected:has(.im7y4g-qty-break__badge--header):before{top:.4rem;left:var(--space-sm);background-color:var(--color-background);color:var(--color-links);box-shadow:0 0 0 2px var(--color-background),0 1px 3px color-mix(in srgb,var(--color-text) 25%,transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2.5,6.5 5,9 9.5,3.5'/%3E%3C/svg%3E");z-index:var(--z-local-3)}[data-tier-layout=list] .im7y4g-qty-break--selected:has(.im7y4g-qty-break__badge--corner-pill):before{top:var(--space-sm);right:auto;left:var(--space-sm);background-color:var(--color-background);color:var(--color-links);box-shadow:0 0 0 2px var(--color-links),var(--shadow-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2.5,6.5 5,9 9.5,3.5'/%3E%3C/svg%3E");z-index:var(--z-local-3)}@media(prefers-reduced-motion:reduce){[data-tier-layout=list] .im7y4g-qty-break:active{filter:none}[data-tier-layout=list] .im7y4g-qty-break--selected:before{animation:none}}[data-tier-layout=list] .im7y4g-qty-break:not(.im7y4g-qty-break--with-image) .im7y4g-qty-break__body{padding-inline-start:calc(var(--space-sm) + 1.25rem + var(--space-sm))}[data-tier-layout=list] .im7y4g-qty-break__radio{display:none}[data-tier-layout=list] .im7y4g-qty-break__row{display:contents}[data-tier-layout=list] .im7y4g-qty-break__body{flex-direction:row;align-items:center;gap:var(--space-md);padding:var(--space-md);min-height:4rem}[data-tier-layout=list] .im7y4g-qty-break__image{width:3rem;height:3rem;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}[data-tier-layout=list] .im7y4g-qty-break__image img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}[data-tier-layout=list] .im7y4g-qty-break__image-badge{display:none}[data-tier-layout=list] .im7y4g-qty-break--bundle.im7y4g-qty-break--card-expanded .im7y4g-qty-break__image{width:7rem;height:4rem;overflow:visible;margin-inline-end:var(--space-lg)}[data-tier-layout=list] .im7y4g-qty-break--bundle.im7y4g-qty-break--card-expanded .im7y4g-qty-break__image .im7y4g-stacked-image__item{width:auto;height:var(--im7y4g-stack-group-height, 80%);max-width:var(--im7y4g-stack-group-max, 90%)}[data-tier-layout=list] .im7y4g-qty-break__content{flex:1;display:grid;grid-template-columns:1fr auto;grid-template-areas:"main     pricing" "subtitle pricing" "desc     pricing";align-items:center;column-gap:var(--space-md);row-gap:.125rem;min-width:0}[data-tier-layout=list] .im7y4g-qty-break__main{grid-area:main;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-xs);min-width:0;justify-content:flex-start}[data-tier-layout=list] .im7y4g-qty-break__subtitle{grid-area:subtitle}[data-tier-layout=list] .im7y4g-qty-break__desc{grid-area:desc}[data-tier-layout=list] .im7y4g-qty-break__subtitle,[data-tier-layout=list] .im7y4g-qty-break__desc{text-align:start}.im7y4g-qty-breaks__tiers--align-center[data-tier-layout=list] .im7y4g-qty-break__main{justify-content:center}.im7y4g-qty-breaks__tiers--align-center[data-tier-layout=list] .im7y4g-qty-break__subtitle,.im7y4g-qty-breaks__tiers--align-center[data-tier-layout=list] .im7y4g-qty-break__desc{text-align:center}[data-tier-layout=list] .im7y4g-qty-break__qty{font-family:var(--font-heading--family);font-size:1.25rem;font-weight:600;line-height:1.2;color:var(--color-headings);letter-spacing:-.015em}[data-tier-layout=list] .im7y4g-qty-break__discount{display:inline-flex;align-items:center;padding:.25rem .5rem;margin-inline-start:var(--space-xs);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em;color:var(--color-badge-bg);background-color:color-mix(in oklch,var(--color-badge-bg) 14%,var(--color-background));border-radius:var(--radius-sm);opacity:1;line-height:1.2;white-space:nowrap}[data-tier-layout=list] .im7y4g-qty-break__subtitle,[data-tier-layout=list] .im7y4g-qty-break__desc{font-size:var(--font-size-sm);color:var(--color-text);opacity:var(--opacity-muted);line-height:1.3;margin:0}[data-tier-layout=list] .im7y4g-qty-break__pricing{grid-area:pricing;flex-direction:column;align-items:flex-end;justify-content:center;gap:0;flex-shrink:0}[data-tier-layout=list] .im7y4g-qty-break__total{font-family:var(--font-heading--family);font-size:1.25rem;font-weight:600;line-height:1.2;color:var(--color-headings);font-variant-numeric:tabular-nums;order:1}.im7y4g-qty-breaks__tiers--price-accent[data-tier-layout=list] .im7y4g-qty-break__total{color:var(--color-success, var(--color-links))}[data-tier-layout=list] .im7y4g-qty-break__compare{font-size:var(--font-size-sm);color:var(--color-text);opacity:.55;text-decoration:line-through;line-height:1.2;order:2}[data-tier-layout=list] .im7y4g-qty-break__unit{font-size:var(--font-size-xs);color:var(--color-text);opacity:var(--opacity-muted);order:3}[data-tier-layout=list] .im7y4g-qty-break__badge--on-image{display:none}[data-tier-layout=list] .im7y4g-qty-break__badge--top{position:relative;z-index:var(--z-local-2);padding-block:var(--space-xs);padding-inline:var(--space-md);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:center;background-color:var(--color-badge-bg);color:var(--color-badge-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}[data-tier-layout=list] .im7y4g-qty-break__badge--top.im7y4g-qty-break__badge--header,[data-tier-layout=list] .im7y4g-qty-break__badge--top.im7y4g-qty-break__badge--normal,[data-tier-layout=list] .im7y4g-qty-break__badge--top.im7y4g-qty-break__badge--full_width{display:block;align-self:stretch;width:auto;margin:0;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}[data-tier-layout=list] .im7y4g-qty-break__badge--top.im7y4g-qty-break__badge--badge{display:inline-flex;align-self:flex-start;margin:var(--space-sm) var(--space-md) 0;border-radius:var(--radius-pill)}[data-tier-layout=list] .im7y4g-qty-break__badge--top.im7y4g-qty-break__badge--corner-pill{position:absolute;top:-.5rem;right:.5rem;left:auto;transform:none;display:inline-block;align-self:auto;width:auto;margin:0 .5rem;padding:.375rem .5rem;background-color:var(--color-badge-bg);color:var(--color-badge-text);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1;border-radius:0 0 var(--radius-sm) var(--radius-sm);overflow:visible;z-index:var(--z-local-3)}[data-tier-layout=list] .im7y4g-qty-break__badge--top.im7y4g-qty-break__badge--corner-pill:before{content:"";position:absolute;top:0;left:-.5rem;width:.5rem;height:.5rem;background-color:var(--color-badge-bg);clip-path:polygon(100% 0,100% 100%,0 100%);filter:brightness(.65)}[data-tier-layout=list] .im7y4g-qty-break__badge--top.im7y4g-qty-break__badge--corner-pill:after{content:"";position:absolute;top:0;right:-.5rem;width:.5rem;height:.5rem;background-color:var(--color-badge-bg);clip-path:polygon(0 0,100% 100%,0 100%);filter:brightness(.65)}[data-tier-layout=list] .im7y4g-qty-break__badge--inline{align-self:flex-start;padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em;color:var(--color-badge-text);background-color:var(--color-badge-bg);border-radius:var(--radius-sm)}[data-tier-layout=list] .im7y4g-qty-break__banner--footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-sm);padding:.5rem var(--space-md);border-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit;background-color:color-mix(in oklch,var(--color-text) 18%,var(--color-background));font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);min-height:2.75rem;text-align:start}[data-tier-layout=list] .im7y4g-qty-break__banner--footer.im7y4g-qty-break__banner--subtle{background-color:color-mix(in oklch,var(--color-links) 10%,var(--color-background))}[data-tier-layout=list] .im7y4g-qty-break--selected .im7y4g-qty-break__banner--footer.im7y4g-qty-break__banner--subtle{background-color:transparent}[data-tier-layout=list] .im7y4g-qty-break__banner--footer.im7y4g-qty-break__banner--placeholder{display:none}[data-tier-layout=list] .im7y4g-qty-break__banner-img{width:1.875rem;height:1.875rem;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}[data-tier-layout=list] .im7y4g-qty-break__banner-text{line-height:1.3}[data-tier-layout=list] .im7y4g-qty-break__oos{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);opacity:var(--opacity-muted);font-style:italic}@media(max-width:560px){[data-tier-layout=list] .im7y4g-qty-break__body{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);min-height:3.5rem}[data-tier-layout=list] .im7y4g-qty-break__image,[data-tier-layout=list] .im7y4g-qty-break__image img{width:2.5rem;height:2.5rem}[data-tier-layout=list] .im7y4g-qty-break__qty,[data-tier-layout=list] .im7y4g-qty-break__total{font-size:var(--font-size-md)}[data-tier-layout=list] .im7y4g-qty-break__banner--footer{padding:.4rem var(--space-sm);min-height:2.25rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/im7y4g-tier-card-list.css.map */